/* [next]/internal/font/google/inter_e40edbda.module.css [app-client] (css) */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter Fallback;
src: local(Arial);
ascent-override: 90.44%;
descent-override: 22.52%;
line-gap-override: 0.0%;
size-adjust: 107.12%;
}
.inter_e40edbda-module__9N4WIG__className {
font-family: Inter, Inter Fallback;
font-style: normal;
}
.inter_e40edbda-module__9N4WIG__variable {
--font-inter: "Inter", "Inter Fallback";
}
/* [project]/apps/main-app/app/interkeys_ffdd87cb.module.css [app-client] (css) */
@font-face {
unicode-range: U+2190-2193, U+21B5, U+21E7, U+2303, U+2318, U+2325, U+232B, U+23CE, U+2423;
font-family: interKeys;
src: url("../media/inter_keys.p.1acaq8kqcsh4b.woff2") format("woff2");
font-display: swap;
font-weight: 100 900;
}
.interkeys_ffdd87cb-module__n_Q_eW__className {
font-family: interKeys;
}
.interkeys_ffdd87cb-module__n_Q_eW__variable {
--font-inter-keys: "interKeys";
}
/* [project]/apps/main-app/app/globals.css [app-client] (css) */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-scrollbar-thumb: #0000;
--tw-scrollbar-track: #0000;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-x-reverse: 0;
--tw-border-style: solid;
--tw-divide-y-reverse: 0;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
--tw-animation-delay: 0s;
--tw-animation-direction: normal;
--tw-animation-duration: initial;
--tw-animation-fill-mode: none;
--tw-animation-iteration-count: 1;
--tw-enter-blur: 0;
--tw-enter-opacity: 1;
--tw-enter-rotate: 0;
--tw-enter-scale: 1;
--tw-enter-translate-x: 0;
--tw-enter-translate-y: 0;
--tw-exit-blur: 0;
--tw-exit-opacity: 1;
--tw-exit-rotate: 0;
--tw-exit-scale: 1;
--tw-exit-translate-x: 0;
--tw-exit-translate-y: 0;
}
}
}
@layer theme {
:root, :host {
--font-mono: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--color-red-50: #fef2f2;
--color-red-100: #ffe2e2;
--color-red-200: #ffcaca;
--color-red-300: #ffa3a3;
--color-red-400: #ff6568;
--color-red-500: #fb2c36;
--color-red-600: #e40014;
--color-red-700: #bf000f;
--color-red-800: #9f0712;
--color-red-900: #82181a;
--color-orange-50: #fff7ed;
--color-orange-400: #ff8b1a;
--color-orange-500: #fe6e00;
--color-orange-600: #f05100;
--color-orange-700: #c53c00;
--color-orange-900: #7e2a0c;
--color-amber-50: #fffbeb;
--color-amber-100: #fef3c6;
--color-amber-300: #ffd236;
--color-amber-400: #fcbb00;
--color-amber-500: #f99c00;
--color-amber-600: #dd7400;
--color-amber-700: #b75000;
--color-amber-800: #953d00;
--color-yellow-100: #fef9c2;
--color-yellow-300: #ffe02a;
--color-yellow-400: #fac800;
--color-yellow-500: #edb200;
--color-yellow-600: #cd8900;
--color-yellow-700: #a36100;
--color-yellow-800: #874b00;
--color-green-50: #f0fdf4;
--color-green-100: #dcfce7;
--color-green-200: #b9f8cf;
--color-green-300: #7bf1a8;
--color-green-400: #05df72;
--color-green-500: #00c758;
--color-green-600: #00a544;
--color-green-700: #008138;
--color-green-800: #016630;
--color-green-900: #0d542b;
--color-emerald-50: #ecfdf5;
--color-emerald-200: #a4f4cf;
--color-emerald-400: #00d294;
--color-emerald-500: #00bb7f;
--color-emerald-600: #009767;
--color-emerald-700: #007956;
--color-cyan-100: #cefafe;
--color-cyan-500: #00b7d7;
--color-cyan-700: #007492;
--color-sky-500: #00a5ef;
--color-sky-600: #0084cc;
--color-blue-50: #eff6ff;
--color-blue-100: #dbeafe;
--color-blue-200: #bedbff;
--color-blue-300: #90c5ff;
--color-blue-500: #3080ff;
--color-blue-600: #155dfc;
--color-blue-700: #1447e6;
--color-blue-800: #193cb8;
--color-blue-900: #1c398e;
--color-blue-950: #162456;
--color-violet-500: #8d54ff;
--color-purple-50: #faf5ff;
--color-purple-100: #f3e8ff;
--color-purple-400: #c07eff;
--color-purple-500: #ac4bff;
--color-purple-600: #9810fa;
--color-purple-700: #8200da;
--color-pink-500: #f6339a;
--color-rose-100: #ffe4e6;
--color-rose-700: #c20039;
--color-gray-100: hsl(var(--gray-100));
--color-gray-200: hsl(var(--gray-200));
--color-gray-300: hsl(var(--gray-300));
--color-gray-400: hsl(var(--gray-400));
--color-gray-500: hsl(var(--gray-500));
--color-gray-600: hsl(var(--gray-600));
--color-gray-700: hsl(var(--gray-700));
--color-gray-800: hsl(var(--gray-800));
--color-gray-900: hsl(var(--gray-900));
--color-zinc-100: #f4f4f5;
--color-zinc-200: #e4e4e7;
--color-zinc-300: hsl(var(--muted-foreground));
--color-zinc-400: hsl(var(--muted-foreground));
--color-zinc-500: #71717b;
--color-zinc-700: #3f3f46;
--color-zinc-800: hsl(var(--border));
--color-zinc-900: hsl(var(--popover));
--color-zinc-950: #09090b;
--color-black: hsl(var(--muted));
--color-white: hsl(var(--foreground));
--spacing: .25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--container-7xl: 80rem;
--text-xs--line-height: calc(1 / .75);
--text-sm--line-height: calc(1.25 / .875);
--text-base--line-height: calc(1.5 / 1);
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl--line-height: calc(2.5 / 2.25);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-sm: var(--radius-sm);
--radius-md: var(--radius-md);
--radius-lg: var(--radius-lg);
--radius-xl: var(--radius-xl);
--radius-2xl: var(--radius-2xl);
--radius-3xl: 1.5rem;
--shadow-sm: var(--shadow-sm);
--shadow-md: var(--shadow-md);
--shadow-lg: var(--shadow-lg);
--shadow-xl: var(--shadow-xl);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--blur-xs: 4px;
--blur-sm: 8px;
--blur-md: 12px;
--blur-xl: 24px;
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-inter-keys, var(--font-inter, "Inter")), var(--font-inter, "Inter"), ui-sans-serif, system-ui, sans-serif;
--default-mono-font-family: var(--font-mono);
--animate-accordion-down: sds-accordion-down var(--duration-slow-enter) var(--ease-slow-enter);
--animate-accordion-up: sds-accordion-up var(--duration-slow-exit) var(--ease-slow-exit) forwards;
--animate-collapsible-down: sds-collapsible-down var(--duration-slow-enter) var(--ease-slow-enter);
--animate-collapsible-up: sds-collapsible-up var(--duration-slow-exit) var(--ease-slow-exit) forwards;
--duration-fast-enter: .125s;
--duration-fast-exit: 75ms;
--duration-base-enter: .175s;
--duration-base-exit: 88ms;
--duration-slow-enter: .225s;
--duration-slow-exit: .113s;
--duration-surface-enter: .3s;
--duration-surface-exit: .15s;
--duration-glide-enter: .24s;
--duration-glide-exit: .2s;
--ease-fast-enter: cubic-bezier(0, 0, .2, 1);
--ease-fast-exit: cubic-bezier(.8, 0, 1, 1);
--ease-base-enter: cubic-bezier(0, 0, .05, .85);
--ease-base-exit: cubic-bezier(.95, .15, 1, 1);
--ease-slow-enter: cubic-bezier(0, 0, .2, 1);
--ease-slow-exit: cubic-bezier(.8, 0, 1, 1);
--ease-surface-enter: cubic-bezier(0, 0, .15, .8);
--ease-surface-exit: cubic-bezier(.85, .2, 1, 1);
--ease-glide-enter: cubic-bezier(.2, 0, 0, 1);
--ease-glide-exit: cubic-bezier(.4, 0, .2, 1);
--motion-fast-enter: var(--duration-fast-enter) var(--ease-fast-enter);
--motion-fast-exit: var(--duration-fast-exit) var(--ease-fast-exit);
--motion-base-enter: var(--duration-base-enter) var(--ease-base-enter);
--motion-base-exit: var(--duration-base-exit) var(--ease-base-exit);
--motion-slow-enter: var(--duration-slow-enter) var(--ease-slow-enter);
--motion-slow-exit: var(--duration-slow-exit) var(--ease-slow-exit);
--motion-surface-enter: var(--duration-surface-enter) var(--ease-surface-enter);
--motion-surface-exit: var(--duration-surface-exit) var(--ease-surface-exit);
--motion-glide-enter: var(--duration-glide-enter) var(--ease-glide-enter);
--motion-glide-exit: var(--duration-glide-exit) var(--ease-glide-exit);
--stagger-list: 40ms;
--pull-distance: 2px;
--transition-duration-fast-enter: var(--duration-fast-enter);
--transition-duration-fast-exit: var(--duration-fast-exit);
--transition-duration-base-enter: var(--duration-base-enter);
--transition-duration-base-exit: var(--duration-base-exit);
--transition-duration-slow-enter: var(--duration-slow-enter);
--transition-duration-slow-exit: var(--duration-slow-exit);
--transition-duration-surface-enter: var(--duration-surface-enter);
--transition-duration-surface-exit: var(--duration-surface-exit);
--transition-duration-glide-enter: var(--duration-glide-enter);
--transition-duration-glide-exit: var(--duration-glide-exit);
--font-display: "Season Mix", Georgia, serif;
--z-index-dropdown: var(--z-dropdown);
--z-index-sticky: var(--z-sticky);
--z-index-overlay: var(--z-overlay);
--z-index-modal-backdrop: var(--z-modal-backdrop);
--z-index-modal: var(--z-modal);
--z-index-modal-content: var(--z-modal-content);
--z-index-nested-panel: var(--z-nested-panel);
--z-index-popover: var(--z-popover);
--z-index-celebration: var(--z-celebration);
--z-index-fullscreen-overlay: var(--z-fullscreen-overlay);
--z-index-fullscreen-overlay-backdrop: var(--z-fullscreen-overlay-backdrop);
--z-index-fullscreen-overlay-dialog: var(--z-fullscreen-overlay-dialog);
--z-index-dialog-popover: var(--z-dialog-popover);
--z-index-toast: var(--z-toast);
--z-index-raised: var(--z-raised);
--z-index-on-overlay: var(--z-on-overlay);
--z-index-float: var(--z-float);
--color-border: hsl(var(--border));
--color-ring: hsl(var(--ring));
--color-background: hsl(var(--background));
--color-foreground: hsl(var(--foreground));
--color-primary: hsl(var(--primary));
--color-primary-foreground: hsl(var(--primary-foreground));
--color-muted: hsl(var(--muted));
--color-muted-foreground: hsl(var(--muted-foreground));
--color-accent: hsl(var(--accent));
--color-accent-foreground: hsl(var(--accent-foreground));
--color-card: hsl(var(--card));
--color-popover: hsl(var(--popover));
--color-destructive: hsl(var(--destructive));
--color-brand-foreground: hsl(var(--brand-foreground));
--color-brand-shadow: hsl(var(--brand-shadow));
--color-brand-desert: hsl(var(--brand-desert));
--color-brand-dusty-rose: hsl(var(--brand-dusty-rose));
--color-brand-clay: hsl(var(--brand-clay));
--color-ui-blue: hsl(var(--ui-blue));
--color-ui-blue-light: hsl(var(--ui-blue-light));
--color-ui-green: hsl(var(--ui-green));
--color-ui-green-light: hsl(var(--ui-green-light));
--color-ui-yellow: hsl(var(--ui-yellow));
--color-ui-yellow-light: hsl(var(--ui-yellow-light));
--color-ui-orange: hsl(var(--ui-orange));
--color-ui-orange-light: hsl(var(--ui-orange-light));
--spacing-sidebar: var(--sidebar-width);
--spacing-0: var(--spacing-0);
--spacing-1: var(--spacing-1);
--spacing-2: var(--spacing-2);
--spacing-3: var(--spacing-3);
--spacing-4: var(--spacing-4);
--spacing-5: var(--spacing-5);
--spacing-6: var(--spacing-6);
--spacing-8: var(--spacing-8);
--spacing-10: var(--spacing-10);
--spacing-12: var(--spacing-12);
--spacing-16: var(--spacing-16);
--spacing-20: var(--spacing-20);
--spacing-24: var(--spacing-24);
--radius-pill: var(--radius-pill);
--animate-progress-indeterminate: progress-indeterminate 1.6s cubic-bezier(.4, 0, .6, 1) infinite;
--animate-skeleton-pulse: skeleton-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--loader-delay: .3s;
--pulse-phase: 0s;
--animate-spin-reduced: spin 2s linear infinite;
--animate-skeleton-pulse-reduced: skeleton-pulse 4s cubic-bezier(.4, 0, .6, 1) infinite;
--animate-progress-indeterminate-reduced: progress-indeterminate 3.2s cubic-bezier(.4, 0, .6, 1) infinite;
--animate-favorite-pop: favorite-pop .2s ease-out;
--animate-status-pulse: status-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
@supports (color: lab(0% 0 0)) {
:root, :host {
--color-red-50: lab(96.5005% 4.18508 1.52328);
--color-red-100: lab(92.243% 10.2865 3.83865);
--color-red-200: lab(86.017% 19.8815 7.75869);
--color-red-300: lab(76.5514% 36.422 15.5335);
--color-red-400: lab(63.7053% 60.745 31.3109);
--color-red-500: lab(55.4814% 75.0732 48.8528);
--color-red-600: lab(48.4493% 77.4328 61.5452);
--color-red-700: lab(40.4273% 67.2623 53.7441);
--color-red-800: lab(33.7174% 55.8993 41.0293);
--color-red-900: lab(28.5139% 44.5539 29.0463);
--color-orange-50: lab(97.7008% 1.53735 5.90649);
--color-orange-400: lab(70.0429% 42.5156 75.8207);
--color-orange-500: lab(64.272% 57.1788 90.3583);
--color-orange-600: lab(57.1026% 64.2584 89.8886);
--color-orange-700: lab(46.4615% 57.7275 70.8507);
--color-orange-900: lab(30.2951% 36.0434 37.671);
--color-amber-50: lab(98.6252% -.635922 8.42309);
--color-amber-100: lab(95.916% -1.21653 23.111);
--color-amber-300: lab(86.4156% 6.13147 78.3961);
--color-amber-400: lab(80.1641% 16.6016 99.2089);
--color-amber-500: lab(72.7183% 31.8672 97.9407);
--color-amber-600: lab(60.3514% 40.5624 87.1228);
--color-amber-700: lab(47.2709% 42.9082 69.2966);
--color-amber-800: lab(37.8822% 37.1699 52.2718);
--color-yellow-100: lab(97.3564% -4.51407 27.344);
--color-yellow-300: lab(89.7033% -.480294 84.4917);
--color-yellow-400: lab(83.2664% 8.65132 106.895);
--color-yellow-500: lab(76.3898% 14.5258 98.4589);
--color-yellow-600: lab(62.7799% 22.4197 86.1544);
--color-yellow-700: lab(47.8202% 25.2426 66.5015);
--color-yellow-800: lab(38.7484% 23.5833 51.4916);
--color-green-50: lab(98.1563% -5.60117 2.75915);
--color-green-100: lab(96.1861% -13.8464 6.52365);
--color-green-200: lab(92.4222% -26.4702 12.9427);
--color-green-300: lab(86.9953% -47.2691 25.0054);
--color-green-400: lab(78.503% -64.9265 39.7492);
--color-green-500: lab(70.5521% -66.5147 45.8073);
--color-green-600: lab(59.0978% -58.6621 41.2579);
--color-green-700: lab(47.0329% -47.0239 31.4788);
--color-green-800: lab(37.4616% -36.7971 22.9692);
--color-green-900: lab(30.797% -29.6927 17.382);
--color-emerald-50: lab(97.8462% -6.94966 1.85487);
--color-emerald-200: lab(90.2247% -31.039 9.47084);
--color-emerald-400: lab(75.0771% -60.7313 19.4147);
--color-emerald-500: lab(66.9756% -58.27 19.5419);
--color-emerald-600: lab(55.0481% -49.9246 15.93);
--color-emerald-700: lab(44.4871% -41.0396 11.0361);
--color-cyan-100: lab(95.3146% -13.8285 -6.84732);
--color-cyan-500: lab(67.805% -35.3952 -30.2018);
--color-cyan-700: lab(44.7267% -21.5987 -26.118);
--color-sky-500: lab(63.3038% -18.433 -51.0407);
--color-sky-600: lab(51.7754% -11.4712 -49.8349);
--color-blue-50: lab(96.492% -1.14644 -5.11479);
--color-blue-100: lab(92.0301% -2.24757 -11.6453);
--color-blue-200: lab(86.15% -4.04379 -21.0797);
--color-blue-300: lab(77.5052% -6.4629 -36.42);
--color-blue-500: lab(54.1736% 13.3369 -74.6839);
--color-blue-600: lab(44.0605% 29.0279 -86.0352);
--color-blue-700: lab(36.9089% 35.0961 -85.6872);
--color-blue-800: lab(30.2514% 27.7853 -70.2699);
--color-blue-900: lab(26.1542% 15.7545 -51.5504);
--color-blue-950: lab(15.6723% 8.86232 -32.2945);
--color-violet-500: lab(49.9355% 55.1776 -81.8963);
--color-purple-50: lab(97.1627% 2.99937 -4.13398);
--color-purple-100: lab(93.3333% 6.97437 -9.83434);
--color-purple-400: lab(63.6946% 47.6127 -59.2066);
--color-purple-500: lab(52.0183% 66.11 -78.2316);
--color-purple-600: lab(43.0295% 75.21 -86.5669);
--color-purple-700: lab(36.1758% 69.8525 -80.0381);
--color-pink-500: lab(56.9303% 76.8162 -8.07021);
--color-rose-100: lab(92.8221% 9.86832 2.60075);
--color-rose-700: lab(41.1651% 71.6251 30.3087);
--color-zinc-100: lab(96.1634% .0993311 -.364041);
--color-zinc-200: lab(90.6853% .399232 -1.45452);
--color-zinc-500: lab(47.8878% 1.65477 -5.77283);
--color-zinc-700: lab(26.8019% 1.35387 -4.68303);
--color-zinc-950: lab(2.51107% .242703 -.886115);
}
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring:where(:not(iframe)) {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
:root {
--z-sidebar: 10;
--z-dropdown: 20;
--z-sticky: 30;
--z-overlay: 50;
--z-modal-backdrop: 100;
--z-modal: 101;
--z-modal-content: 102;
--z-side-panel-backdrop: 200;
--z-side-panel: 201;
--z-template-library-backdrop: 300;
--z-template-library: 301;
--z-workspace-panel-backdrop: 500;
--z-workspace-panel: 501;
--z-global-playbook-backdrop: 850;
--z-global-playbook: 851;
--z-workflow-edit-backdrop: 900;
--z-workflow-edit: 901;
--z-nested-panel-backdrop: 1000;
--z-nested-panel: 1001;
--z-tooltip: 1500;
--z-popover: 1101;
--z-notification: 1150;
--z-search-backdrop: 79;
--z-search-container: 80;
--z-search-dropdown: 100;
--z-command-palette: 1200;
--z-fullscreen-overlay: 1300;
--z-fullscreen-overlay-backdrop: 1350;
--z-fullscreen-overlay-dialog: 1400;
--z-dialog-popover: 1500;
--z-toast: 2000;
--z-celebration: 2100;
--z-portal-dropdown: 100001;
--z-base: 0;
--z-raised: var(--z-sticky);
--z-on-overlay: var(--z-dialog-popover);
--z-float: var(--z-toast);
--radius: .375rem;
--background: 48 33% 97%;
--foreground: 51 10% 14%;
--card: 0 0% 100%;
--card-foreground: 51 10% 14%;
--popover: 0 0% 100%;
--popover-foreground: 51 10% 14%;
--primary: 9 20% 46%;
--primary-foreground: 48 33% 97%;
--secondary: 45 13% 94%;
--secondary-foreground: 51 10% 14%;
--muted: 45 13% 94%;
--muted-foreground: 51 10% 44%;
--accent: 45 13% 94%;
--accent-foreground: 51 10% 14%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 45 13% 90%;
--border-dashed: 45 13% 85%;
--dialog-outline: 51 10% 30%;
--input: 0 0% 100%;
--ring: 51 10% 14%;
--secondary-bg: 40 18% 70%;
--secondary-bg-hover: 40 18% 65%;
--selected-tab-bg: 49 26% 92%;
--selected-tab-bg-hover: 49 26% 88%;
--surface-inset: 49 15% 94%;
--button-outline: 215.2 94.3% 58.8%;
--input-focus-border: 45 3.5% 55.3%;
--input-focus-ring: 51 10% 14% / .2;
--kbd-bg: 10 26% 66%;
--kbd-foreground: 0 0% 100%;
--gray-50: var(--background);
--gray-100: var(--muted);
--gray-200: var(--muted);
--gray-300: var(--muted-foreground);
--gray-400: var(--muted-foreground);
--gray-500: var(--muted-foreground);
--gray-600: var(--border);
--gray-700: var(--input);
--gray-800: var(--card);
--gray-900: var(--card);
--brand-shadow: 10 35% 20%;
--brand-shadow-dark: 0 10% 11%;
--brand-deep-brown: 10 30% 25%;
--brand-desert: 49 15% 94%;
--brand-dusty-rose: 10 20% 50%;
--brand-clay: 10 45% 40%;
--brand-terracotta: 10 50% 50%;
--brand-mist: 210 30% 88%;
--brand-dusk: 40 10% 78%;
--chart-1: 28 40% 55%;
--chart-2: 200 35% 50%;
--chart-3: 45 40% 60%;
--chart-4: 160 30% 50%;
--chart-5: 15 35% 55%;
--chart-6: 240 25% 55%;
--chart-7: 85 30% 50%;
--chart-8: 340 30% 55%;
--chart-9: 180 28% 52%;
--chart-10: 30 25% 58%;
--brand: var(--brand-shadow);
--brand-foreground: 0 0% 100%;
--ui-blue: 212 50% 54%;
--ui-blue-light: 210 42% 95%;
--ui-green: 90 34% 60%;
--ui-green-light: 90 30% 96%;
--ui-yellow: 49 48% 57%;
--ui-yellow-light: 47 43% 96%;
--ui-orange: 16 45% 59%;
--ui-orange-light: 15 36% 96%;
--ui-purple: 253.3 93.1% 71.6%;
--ui-purple-light: 262.1 54.3% 93.1%;
--neutral-100: 210 25% 95%;
--neutral-200: 90 20% 96%;
--neutral-300: 50 15% 97%;
--neutral-400: 15 20% 97%;
--font-family-primary: "Season Mix", Georgia, serif;
--font-family-accent: "Fragment Mono", Consolas, monospace;
--font-family-sans: var(--font-inter), "Inter", Arial, sans-serif;
--font-size-adjustment: 0rem;
--font-size-xs: calc(.6875rem + var(--font-size-adjustment));
--font-size-sm: calc(.75rem + var(--font-size-adjustment));
--font-size-md: calc(.875rem + var(--font-size-adjustment));
--font-size-lg: calc(1.125rem + var(--font-size-adjustment));
--font-size-display-md: calc(1.5rem + var(--font-size-adjustment));
--font-size-display-lg: calc(1.875rem + var(--font-size-adjustment));
--font-size-display-xl: calc(2.25rem + var(--font-size-adjustment));
--font-size-display-2xl: calc(3rem + var(--font-size-adjustment));
--font-size-base: calc(1rem + var(--font-size-adjustment));
--font-size-xl: calc(1.25rem + var(--font-size-adjustment));
--font-size-2xl: calc(1.5rem + var(--font-size-adjustment));
--font-size-3xl: calc(1.875rem + var(--font-size-adjustment));
--font-size-4xl: calc(2.25rem + var(--font-size-adjustment));
--font-size-5xl: calc(3rem + var(--font-size-adjustment));
--font-size-legacy-7: calc(.4375rem + var(--font-size-adjustment));
--font-size-legacy-8: calc(.5rem + var(--font-size-adjustment));
--font-size-legacy-9: calc(.5625rem + var(--font-size-adjustment));
--font-size-legacy-10: calc(.625rem + var(--font-size-adjustment));
--font-size-legacy-11: calc(.6875rem + var(--font-size-adjustment));
--font-size-8pt: 8pt;
--font-size-9pt: 9pt;
--font-size-10pt: 10pt;
--font-size-11pt: 11pt;
--font-size-12pt: 12pt;
--font-size-14pt: 14pt;
--font-size-16pt: 16pt;
--font-size-18pt: 18pt;
--font-size-20pt: 20pt;
--font-size-22pt: 22pt;
--font-size-24pt: 24pt;
--font-size-26pt: 26pt;
--font-size-28pt: 28pt;
--font-size-30pt: 30pt;
--font-size-32pt: 32pt;
--font-size-36pt: 36pt;
--font-size-40pt: 40pt;
--font-size-44pt: 44pt;
--font-size-48pt: 48pt;
--line-height-none: 1;
--line-height-tight: 1.1;
--line-height-normal: 1.4;
--line-height-relaxed: 1.5;
--line-height-loose: 1.75;
--line-height-single: 1.15;
--line-height-1-5: 1.5;
--line-height-double: 2;
--letter-spacing-tighter: -.05em;
--letter-spacing-tight: -.025em;
--letter-spacing-normal: 0;
--letter-spacing-wide: .025em;
--letter-spacing-wider: .05em;
--letter-spacing-widest: .1em;
--spacing-0: 0;
--spacing-1: .25rem;
--spacing-2: .5rem;
--spacing-3: .75rem;
--spacing-4: 1rem;
--spacing-5: 1.25rem;
--spacing-6: 1.5rem;
--spacing-8: 2rem;
--spacing-10: 2.5rem;
--spacing-12: 3rem;
--spacing-16: 4rem;
--spacing-20: 5rem;
--spacing-24: 6rem;
--sidebar-width: 14rem;
--grid-columns: 10;
--grid-gutter: 2%;
--grid-margin-sm: 2%;
--grid-margin-md: 3%;
--grid-margin-lg: 4%;
--radius-sm: calc(var(--radius) - 2px);
--radius-md: var(--radius);
--radius-lg: calc(var(--radius) + 2px);
--radius-xl: calc(var(--radius) + 4px);
--radius-2xl: calc(var(--radius) + 8px);
--radius-pill: 24px;
--shadow-highlight: transparent;
--shadow-ink-sm: #1a150d0f;
--shadow-ink-md: #1a150d0a;
--shadow-ink-lg: #1a150d0f;
--shadow-ink-xl: #1a150d14;
--shadow-sm: inset 0 .5px 0 0 var(--shadow-highlight), 0 1px 2px 0 var(--shadow-ink-sm), 0 2px 6px 0 var(--shadow-ink-md);
--shadow-md: inset 0 .5px 0 0 var(--shadow-highlight), 0 2px 8px var(--shadow-ink-md);
--shadow-lg: inset 0 .5px 0 0 var(--shadow-highlight), 0 4px 20px var(--shadow-ink-lg);
--shadow-xl: inset 0 .5px 0 0 var(--shadow-highlight), 0 10px 30px -8px var(--shadow-ink-xl);
}
:root:where([data-tokens="v2"]) {
--radius-md: 4px;
--radius-xl: 12px;
--radius-2xl: 12px;
--z-base: 0;
--z-raised: 30;
--z-popover: 1100;
--z-overlay: 1400;
--z-on-overlay: 1500;
--z-float: 2100;
--z-sidebar: var(--z-raised);
--z-dropdown: var(--z-popover);
--z-sticky: var(--z-raised);
--z-modal-backdrop: var(--z-overlay);
--z-modal: var(--z-overlay);
--z-modal-content: var(--z-overlay);
--z-side-panel-backdrop: var(--z-overlay);
--z-side-panel: var(--z-overlay);
--z-template-library-backdrop: var(--z-overlay);
--z-template-library: var(--z-overlay);
--z-workspace-panel-backdrop: var(--z-overlay);
--z-workspace-panel: var(--z-overlay);
--z-global-playbook-backdrop: var(--z-overlay);
--z-global-playbook: var(--z-overlay);
--z-workflow-edit-backdrop: var(--z-overlay);
--z-workflow-edit: var(--z-overlay);
--z-nested-panel-backdrop: var(--z-overlay);
--z-nested-panel: var(--z-overlay);
--z-tooltip: var(--z-on-overlay);
--z-notification: var(--z-float);
--z-search-backdrop: var(--z-overlay);
--z-search-container: var(--z-overlay);
--z-search-dropdown: var(--z-overlay);
--z-command-palette: var(--z-overlay);
--z-fullscreen-overlay: var(--z-overlay);
--z-fullscreen-overlay-backdrop: var(--z-overlay);
--z-fullscreen-overlay-dialog: var(--z-overlay);
--z-dialog-popover: var(--z-on-overlay);
--z-toast: var(--z-float);
--z-celebration: var(--z-float);
--z-portal-dropdown: var(--z-on-overlay);
}
:where([data-tokens="v2"]) {
--ramp-neutral-0: #fff;
--ramp-neutral-25: #fffdfa;
--ramp-neutral-50: #fcfaf6;
--ramp-neutral-100: #f4f2ef;
--ramp-neutral-150: #eeece8;
--ramp-neutral-200: #e8e6e2;
--ramp-neutral-250: #dedcd9;
--ramp-neutral-300: #d4d2cf;
--ramp-neutral-400: #b6b4af;
--ramp-neutral-500: #918f89;
--ramp-neutral-600: #6e6b65;
--ramp-neutral-700: #56524b;
--ramp-neutral-750: #4a463f;
--ramp-neutral-800: #3e3a32;
--ramp-neutral-850: #343028;
--ramp-neutral-900: #2a261e;
--ramp-neutral-950: #1a150d;
--ramp-neutral-1000: #000;
--ramp-success-200: #b9faba;
--ramp-success-300: #60f76e;
--ramp-warning-200: #fbe3b6;
--ramp-warning-300: #f9cc6c;
--ramp-info-200: #dbe7f9;
--ramp-info-300: #bed4f5;
--ramp-brand-400: #e79f90;
--ramp-brand-500: #bf7a6d;
--ramp-brand-600: #97584c;
--ramp-brand-700: #774237;
--ramp-danger-400: #fc928a;
--ramp-danger-500: #fa3c41;
--ramp-danger-600: #c0292e;
--ramp-danger-700: #922425;
--ramp-warning-400: #dfab34;
--ramp-warning-500: #ab821e;
--ramp-warning-700: #664f1a;
--ramp-success-400: #28d847;
--ramp-success-500: #1a9e30;
--ramp-success-700: #24612a;
--ramp-info-400: #87b6fb;
--ramp-info-500: #3385f9;
--ramp-info-700: #245193;
--ramp-purple-400: #b3a6fb;
--ramp-purple-500: #9173fa;
--ramp-purple-700: #5634ac;
--ramp-orange-400: #f89962;
--ramp-orange-500: #d76e26;
--ramp-orange-700: #7c401b;
--ramp-lime-400: #b7bd41;
--ramp-lime-500: #919632;
--ramp-lime-700: #54571f;
--ramp-teal-400: #48caca;
--ramp-teal-500: #38a1a1;
--ramp-teal-700: #235d5d;
--ramp-pink-400: #f58ec0;
--ramp-pink-500: #e942a2;
--ramp-pink-700: #88275d;
--ramp-tint-brand-sand: #ecdfda;
--ramp-tint-brand-stone: #5a4137;
--ramp-tint-purple-sand: #ebe4f7;
--ramp-tint-purple-stone: #4b415f;
--ramp-tint-red-sand: #fcdcd9;
--ramp-tint-red-stone: #6b302b;
--ramp-tint-orange-sand: #f6e4d5;
--ramp-tint-orange-stone: #613d21;
--ramp-tint-gold-sand: #efe7d3;
--ramp-tint-gold-stone: #53431e;
--ramp-tint-lime-sand: #ebead7;
--ramp-tint-lime-stone: #4b4a24;
--ramp-tint-green-sand: #d8ebd6;
--ramp-tint-green-stone: #294c26;
--ramp-tint-teal-sand: #ddece8;
--ramp-tint-teal-stone: #2e4d48;
--ramp-tint-blue-sand: #dce7f6;
--ramp-tint-blue-stone: #35455d;
--ramp-tint-pink-sand: #f9dde9;
--ramp-tint-pink-stone: #672f48;
--ramp-tint-gray-sand: #ebe9e5;
--ramp-tint-gray-stone: #4b4840;
}
.stone {
--background: 5 20% 15%;
--foreground: 48 33% 97%;
--card: 5 18% 13%;
--card-foreground: 48 33% 97%;
--popover: 10 35% 20%;
--popover-foreground: 48 33% 97%;
--primary: 48 33% 97%;
--primary-foreground: 10 35% 20%;
--secondary: 9 38% 27%;
--secondary-foreground: 48 33% 97%;
--muted: 9 38% 27%;
--muted-foreground: 10 26% 66%;
--accent: 9 27% 27%;
--accent-foreground: 48 33% 97%;
--destructive: 0 62.8% 40%;
--destructive-foreground: 0 0% 98%;
--border: 9 20% 46%;
--border-dashed: 9 27% 27%;
--dialog-outline: 9 20% 46%;
--input: var(--card);
--ring: 48 33% 97%;
--secondary-bg: 0 10% 11%;
--secondary-bg-hover: 0 10% 14%;
--selected-tab-bg: 0 10% 11%;
--selected-tab-bg-hover: 0 10% 14%;
--surface-inset: 5 22% 19%;
--button-outline: 215.2 94.3% 58.8%;
--input-focus-border: 45 3.5% 55.3%;
--input-focus-ring: 48 33% 97% / .2;
--brand: 9 20% 46%;
--brand-foreground: 48 33% 97%;
--ui-blue: 212 50% 54%;
--ui-blue-light: 210 42% 95%;
--ui-green: 90 34% 60%;
--ui-green-light: 90 30% 96%;
--ui-yellow: 49 48% 57%;
--ui-yellow-light: 47 43% 96%;
--ui-orange: 16 45% 59%;
--ui-orange-light: 15 36% 96%;
--ui-purple: 249.2 91.4% 81.8%;
--ui-purple-light: 260 18.8% 31.4%;
--kbd-bg: 9 20% 46%;
--kbd-foreground: 48 33% 97%;
--shadow-highlight: #ffffff1a;
--shadow-ink-sm: #00000040;
--shadow-ink-md: #1a150d0a;
--shadow-ink-lg: #1a150d0f;
--shadow-ink-xl: #1a150d14;
--gray-50: 10 35% 18%;
--gray-100: 10 30% 22%;
--gray-200: 10 28% 26%;
--gray-300: 10 25% 32%;
--gray-400: 10 20% 40%;
--gray-500: 10 15% 50%;
--gray-600: 10 12% 62%;
--gray-700: 10 10% 75%;
--gray-800: 10 8% 85%;
--gray-900: 10 5% 92%;
}
.stone:where([data-tokens="v2"], [data-tokens="v2"] *) {
--selected-tab-bg: 40 16.7% 14.1%;
--selected-tab-bg-hover: 40 13% 18%;
--ring: 215 94.3% 58.8%;
--background: 40 16.7% 14.1%;
--card: 40 10.7% 22%;
--popover: 40 10.7% 22%;
--muted: 36.9 33.3% 7.6%;
--accent: 36.9 33.3% 7.6%;
--muted-foreground: 36 5.5% 82.2%;
--secondary: 36.9 33.3% 7.6%;
--input: 40 4.3% 41.4%;
--border: 38.2 6.8% 31.6%;
--dialog-outline: 38.2 6.8% 31.6%;
--ui-blue: 215.7 93.5% 75.7%;
--ui-green: 130.6 69.3% 50.2%;
--ui-yellow: 41.8 72.8% 53.9%;
--ui-orange: 22 91.5% 67.8%;
--chart-1: 215.7 93.5% 75.7%;
--chart-2: 22 91.5% 67.8%;
--chart-3: 130.6 69.3% 50.2%;
--chart-4: 249.2 91.4% 81.8%;
--chart-5: 41.8 72.8% 53.9%;
--chart-6: 180 55.1% 53.7%;
--chart-7: 4.2 95% 76.5%;
--chart-8: 62.9 48.8% 49.8%;
--chart-9: 330.9 83.7% 75.9%;
--chart-10: 42.9 4.6% 70%;
--color-zinc-300: #bf9992;
--color-zinc-400: #bf9992;
--color-zinc-800: #8d655e;
--color-zinc-900: #452721;
--color-black: #5f332b;
}
.sand {
--background: 48 33% 97%;
--foreground: 51 10% 14%;
--card: 0 0% 100%;
--card-foreground: 51 10% 14%;
--popover: 0 0% 100%;
--popover-foreground: 51 10% 14%;
--primary: 9 20% 46%;
--primary-foreground: 48 33% 97%;
--secondary: 45 13% 94%;
--secondary-foreground: 51 10% 14%;
--muted: 45 13% 94%;
--muted-foreground: 51 10% 44%;
--accent: 45 13% 94%;
--accent-foreground: 51 10% 14%;
--destructive: 0 65% 50%;
--destructive-foreground: 0 0% 98%;
--border: 45 13% 90%;
--border-dashed: 45 13% 85%;
--dialog-outline: 51 10% 30%;
--input: 0 0% 100%;
--ring: 51 10% 14%;
--secondary-bg: 40 18% 70%;
--secondary-bg-hover: 40 18% 65%;
--selected-tab-bg: 49 26% 92%;
--selected-tab-bg-hover: 49 26% 88%;
--surface-inset: 49 15% 94%;
--button-outline: 215.2 94.3% 58.8%;
--input-focus-border: 45 3.5% 55.3%;
--input-focus-ring: 51 10% 14% / .2;
--brand: 10 35% 20%;
--brand-foreground: 0 0% 100%;
--ui-blue: 212 50% 54%;
--ui-blue-light: 210 42% 95%;
--ui-green: 90 34% 60%;
--ui-green-light: 90 30% 96%;
--ui-yellow: 49 48% 57%;
--ui-yellow-light: 47 43% 96%;
--ui-orange: 16 45% 59%;
--ui-orange-light: 15 36% 96%;
--ui-purple: 253.3 93.1% 71.6%;
--ui-purple-light: 262.1 54.3% 93.1%;
--kbd-bg: 10 26% 66%;
--kbd-foreground: 0 0% 100%;
--shadow-highlight: transparent;
--shadow-ink-sm: #1a150d0f;
--shadow-ink-md: #1a150d0a;
--shadow-ink-lg: #1a150d0f;
--shadow-ink-xl: #1a150d14;
--brand-8: 10 35% 20% / .08;
--brand-10: 10 35% 20% / .1;
--brand-20: 10 35% 20% / .2;
--brand-30: 10 35% 20% / .3;
--brand-50: 10 35% 20% / .5;
--neutral-700: 30 10% 35%;
--neutral-500: 30 8% 50%;
--neutral-300: 30 10% 70%;
--neutral-200: 30 10% 85%;
--gray-50: var(--background);
--gray-100: var(--muted);
--gray-200: var(--muted);
--gray-300: var(--muted-foreground);
--gray-400: var(--muted-foreground);
--gray-500: var(--muted-foreground);
--gray-600: var(--border);
--gray-700: var(--input);
--gray-800: var(--card);
--gray-900: var(--card);
}
.sand:where([data-tokens="v2"], [data-tokens="v2"] *) {
--foreground: 40 16.7% 14.1%;
--card-foreground: 40 16.7% 14.1%;
--popover-foreground: 40 16.7% 14.1%;
--accent-foreground: 40 16.7% 14.1%;
--secondary-foreground: 40 16.7% 14.1%;
--primary: 10 33% 44.5%;
--primary-foreground: 0 0% 100%;
--brand: 10 33% 44.5%;
--ring: 215 94.3% 58.8%;
--selected-tab-bg: 36 18.5% 94.7%;
--selected-tab-bg-hover: 40 15% 92.2%;
--background: 36 18.5% 94.7%;
--muted: 40 11.5% 89.8%;
--accent: 40 11.5% 89.8%;
--secondary: 40 11.5% 89.8%;
--input: 36 5.5% 82.2%;
--destructive-foreground: 0 0% 100%;
--muted-foreground: 40 4.3% 41.4%;
--ui-blue: 215.6 63% 46.7%;
--ui-green: 127 52.4% 32.2%;
--ui-yellow: 41.4 62.4% 32.4%;
--ui-orange: 23.8 67.9% 37.8%;
--chart-1: 215.2 94.3% 58.8%;
--chart-2: 24.4 70% 49.6%;
--chart-3: 130 71.7% 36.1%;
--chart-4: 253.3 93.1% 71.6%;
--chart-5: 42.6 70.1% 39.4%;
--chart-6: 180 48.4% 42.5%;
--chart-7: 358.4 95% 60.8%;
--chart-8: 63 50% 39.2%;
--chart-9: 325.5 79.1% 58.6%;
--chart-10: 45 3.5% 55.3%;
--gray-50: 48 33% 97%;
--gray-100: 45 13% 94%;
--gray-200: 45 13% 94%;
--gray-300: 51 10% 44%;
--gray-400: 51 10% 44%;
--gray-500: 51 10% 44%;
--gray-700: 0 0% 100%;
--color-zinc-300: #7b7865;
--color-zinc-400: #7b7865;
--color-black: #f2f1ee;
}
html[data-text-size="large"] {
--font-size-adjustment: .125rem;
}
html[data-text-size="larger"] {
--font-size-adjustment: .25rem;
}
:root, .sand {
--bg-default: hsl(var(--background));
--bg-surface: hsl(var(--background));
--bg-raised: hsl(var(--card));
--bg-sunken: hsl(var(--muted));
--bg-subtle: hsl(var(--muted));
--bg-disabled: hsl(var(--muted));
--bg-hover: #eeece8;
--bg-hover-strong: #dedcd9;
--bg-hover-raised: var(--bg-hover);
--bg-selected: #e8e6e2;
--bg-selected-strong: #d4d2cf;
--bg-inverse: hsl(var(--foreground));
--bg-translucent: hsl(var(--background) / .8);
--bg-scrim: #00000080;
--bg-highlight: hsl(var(--foreground) / .15);
--bg-source: #fff;
--bg-source-light: #fff;
--bg-file-pdf: var(--hue-red-subtle);
--bg-file-spreadsheet: var(--hue-green-subtle);
--bg-file-slides: var(--hue-gold-subtle);
--bg-file-text: var(--hue-blue-subtle);
--bg-file-image: var(--hue-teal-subtle);
--bg-file-archive: #f4e7dd;
--bg-file-other: var(--hue-gray-subtle);
--bg-on-action: #fff;
--bg-action: hsl(var(--primary));
--bg-action-hover: hsl(var(--primary) / .9);
--bg-brand: hsl(var(--brand) / .1);
--bg-brand-strong: #97584c;
--bg-brand-strong-hover: #774237;
--bg-danger: hsl(var(--destructive) / .1);
--bg-danger-strong: #c0292e;
--bg-danger-strong-hover: #922425;
--bg-danger-action: #c0292e;
--bg-danger-action-hover: #922425;
--bg-success: hsl(var(--ui-green) / .1);
--bg-success-strong: #277d31;
--bg-warning: hsl(var(--ui-yellow) / .1);
--bg-warning-strong: #86661f;
--bg-info: hsl(var(--ui-blue) / .1);
--bg-neutral: #ebe9e5;
--bg-info-strong: #2c69c2;
--text-default: hsl(var(--foreground));
--text-secondary: #6e6b65;
--text-tertiary: hsl(var(--muted-foreground));
--text-placeholder: hsl(var(--muted-foreground));
--text-inverse: hsl(var(--background));
--text-on-action: hsl(var(--primary-foreground));
--text-brand: hsl(var(--brand));
--text-danger: #c0292e;
--text-success: #277d31;
--text-warning: #86661f;
--text-info: #2c69c2;
--text-on-brand: hsl(var(--brand));
--text-on-danger: hsl(var(--destructive));
--text-on-success: #24612a;
--text-on-warning: #664f1a;
--text-on-info: #245193;
--text-on-hue-red: #922425;
--text-on-hue-orange: #7c401b;
--text-on-hue-gold: #664f1a;
--text-on-hue-lime: #54571f;
--text-on-hue-green: #24612a;
--text-on-hue-teal: #235d5d;
--text-on-hue-blue: #245193;
--text-on-hue-purple: #5634ac;
--text-on-hue-pink: #88275d;
--text-on-hue-gray: #56524b;
--border-default: hsl(var(--border));
--border-control: var(--border-default);
--border-choice: #918f89;
--border-selected: #56524b;
--border-subtle: hsl(var(--border));
--border-strong: hsl(var(--muted-foreground));
--border-action: hsl(var(--primary));
--border-brand: hsl(var(--brand));
--border-danger: hsl(var(--destructive));
--border-success: hsl(var(--ui-green));
--border-warning: hsl(var(--ui-yellow));
--border-info: hsl(var(--ui-blue));
--border-focus: hsl(var(--input-focus-border));
--border-focus-keyboard: #3385f9;
--ring-offset-default: hsl(var(--background));
--icon-default: var(--text-default);
--icon-secondary: var(--text-secondary);
--icon-tertiary: var(--text-tertiary);
--icon-placeholder: var(--text-placeholder);
--icon-disabled: hsl(var(--border));
--icon-on-action: var(--text-on-action);
--icon-inverse: var(--text-inverse);
--icon-brand: hsl(var(--brand));
--icon-danger: hsl(var(--destructive));
--icon-success: hsl(var(--ui-green));
--icon-warning: hsl(var(--ui-yellow));
--icon-info: hsl(var(--ui-blue));
--icon-on-brand: hsl(var(--brand));
--icon-on-danger: hsl(var(--destructive));
--icon-on-success: #277d31;
--icon-on-warning: #86661f;
--icon-on-info: #2c69c2;
--icon-file-pdf: #922425;
--icon-file-spreadsheet: #24612a;
--icon-file-slides: #664f1a;
--icon-file-text: #245193;
--icon-file-image: #235d5d;
--icon-file-archive: #6d5643;
--icon-file-other: #56524b;
--icon-hue-red: #c0292e;
--icon-hue-orange: #a2531f;
--icon-hue-gold: #86661f;
--icon-hue-lime: #6d7126;
--icon-hue-green: #277d31;
--icon-hue-teal: #2b7979;
--icon-hue-blue: #2c69c2;
--icon-hue-purple: #7145de;
--icon-hue-pink: #b22f7a;
--icon-hue-gray: #6e6b65;
--icon-source-ink: initial;
--icon-source-ink-solo: initial;
--status-triage: var(--hue-gray);
--status-accepted: var(--hue-blue);
--status-started: var(--hue-gold);
--status-completed: var(--hue-green);
--status-canceled: var(--hue-gray);
--status-duplicate: var(--hue-gray);
--priority-urgent: #fb2c36;
--priority-high: #fe6e00;
--priority-medium: #edb200;
--priority-low: #05df72;
--chart-series-1: hsl(var(--chart-1));
--chart-series-2: hsl(var(--chart-2));
--chart-series-3: hsl(var(--chart-3));
--chart-series-4: hsl(var(--chart-4));
--chart-series-5: hsl(var(--chart-5));
--chart-series-6: hsl(var(--chart-6));
--chart-series-7: hsl(var(--chart-7));
--chart-series-8: hsl(var(--chart-8));
--chart-series-9: hsl(var(--chart-9));
--chart-other: hsl(var(--chart-10));
--chart-series-1-subtle: hsl(var(--chart-1));
--chart-series-2-subtle: hsl(var(--chart-2));
--chart-series-3-subtle: hsl(var(--chart-3));
--chart-series-4-subtle: hsl(var(--chart-4));
--chart-series-5-subtle: hsl(var(--chart-5));
--chart-series-6-subtle: hsl(var(--chart-6));
--chart-series-7-subtle: hsl(var(--chart-7));
--chart-series-8-subtle: hsl(var(--chart-8));
--chart-series-9-subtle: hsl(var(--chart-9));
--chart-other-subtle: hsl(var(--chart-10));
--hue-red: #fa3c41;
--hue-red-hover: #c0292e;
--hue-red-subtle: #fcdcd9;
--hue-orange: #d76e26;
--hue-orange-hover: #a2531f;
--hue-orange-subtle: #f6e4d5;
--hue-gold: #ab821e;
--hue-gold-hover: #86661f;
--hue-gold-subtle: #efe7d3;
--hue-lime: #919632;
--hue-lime-hover: #6d7126;
--hue-lime-subtle: #ebead7;
--hue-green: #1a9e30;
--hue-green-hover: #277d31;
--hue-green-subtle: #d8ebd6;
--hue-teal: #38a1a1;
--hue-teal-hover: #2b7979;
--hue-teal-subtle: #ddece8;
--hue-blue: #3385f9;
--hue-blue-hover: #2c69c2;
--hue-blue-subtle: #dce7f6;
--hue-purple: #9173fa;
--hue-purple-hover: #7145de;
--hue-purple-subtle: #ebe4f7;
--hue-pink: #e942a2;
--hue-pink-hover: #b22f7a;
--hue-pink-subtle: #f9dde9;
--hue-gray: #918f89;
--hue-gray-hover: #6e6b65;
--hue-gray-subtle: #ebe9e5;
}
@supports (color: lab(0% 0 0)) {
:root, .sand {
--priority-urgent: lab(55.4814% 75.0732 48.8528);
--priority-high: lab(64.272% 57.1788 90.3583);
--priority-medium: lab(76.3898% 14.5258 98.4589);
--priority-low: lab(78.503% -64.9265 39.7492);
}
}
:root:where([data-tokens="v2"]), .sand:where([data-tokens="v2"], [data-tokens="v2"] *) {
--bg-hover: var(--ramp-neutral-150);
--bg-hover-strong: var(--ramp-neutral-250);
--border-control: var(--ramp-neutral-300);
--bg-default: var(--ramp-neutral-100);
--bg-surface: var(--ramp-neutral-50);
--bg-subtle: var(--ramp-neutral-100);
--bg-disabled: var(--ramp-neutral-100);
--bg-translucent: #fcfaf6cc;
--ring-offset-default: var(--ramp-neutral-50);
--bg-sunken: var(--ramp-neutral-200);
--bg-inverse: var(--ramp-neutral-900);
--bg-scrim: #00000052;
--bg-highlight: #f899624d;
--bg-action: var(--ramp-brand-600);
--bg-action-hover: var(--ramp-brand-700);
--bg-brand: var(--ramp-tint-brand-sand);
--bg-danger: var(--ramp-tint-red-sand);
--bg-success: var(--ramp-tint-green-sand);
--bg-warning: var(--ramp-tint-gold-sand);
--bg-info: var(--ramp-tint-blue-sand);
--text-default: var(--ramp-neutral-900);
--text-tertiary: var(--ramp-neutral-500);
--text-placeholder: var(--ramp-neutral-400);
--text-inverse: var(--ramp-neutral-0);
--text-on-action: var(--ramp-neutral-0);
--text-brand: var(--ramp-brand-600);
--text-on-brand: var(--ramp-brand-700);
--text-on-danger: var(--ramp-danger-700);
--text-on-hue-red: var(--ramp-danger-700);
--text-on-hue-orange: var(--ramp-orange-700);
--text-on-hue-gold: var(--ramp-warning-700);
--text-on-hue-lime: var(--ramp-lime-700);
--text-on-hue-green: var(--ramp-success-700);
--text-on-hue-teal: var(--ramp-teal-700);
--text-on-hue-blue: var(--ramp-info-700);
--text-on-hue-purple: var(--ramp-purple-700);
--text-on-hue-pink: var(--ramp-pink-700);
--text-on-hue-gray: var(--ramp-neutral-700);
--border-subtle: var(--ramp-neutral-150);
--border-strong: var(--ramp-neutral-300);
--border-action: var(--ramp-brand-600);
--border-brand: var(--ramp-brand-600);
--border-danger: var(--ramp-danger-500);
--border-success: var(--ramp-success-500);
--border-warning: var(--ramp-warning-500);
--border-info: var(--ramp-info-500);
--icon-default: var(--ramp-neutral-900);
--icon-tertiary: var(--ramp-neutral-500);
--icon-placeholder: var(--ramp-neutral-400);
--icon-on-action: var(--ramp-neutral-0);
--icon-inverse: var(--ramp-neutral-0);
--icon-brand: var(--ramp-brand-500);
--icon-danger: var(--ramp-danger-500);
--icon-success: var(--ramp-success-500);
--icon-warning: var(--ramp-warning-400);
--icon-info: var(--ramp-info-500);
--icon-on-brand: var(--ramp-brand-600);
--icon-on-danger: var(--ramp-danger-600);
--priority-urgent: var(--ramp-danger-500);
--priority-high: var(--ramp-orange-500);
--priority-medium: var(--ramp-warning-400);
--priority-low: var(--ramp-success-500);
--chart-series-1: var(--ramp-info-500);
--chart-series-2: var(--ramp-orange-500);
--chart-series-3: var(--ramp-success-500);
--chart-series-4: var(--ramp-purple-500);
--chart-series-5: var(--ramp-warning-500);
--chart-series-6: var(--ramp-teal-500);
--chart-series-7: var(--ramp-danger-500);
--chart-series-8: var(--ramp-lime-500);
--chart-series-9: var(--ramp-pink-500);
--chart-other: var(--ramp-neutral-500);
--chart-series-1-subtle: var(--ramp-tint-blue-sand);
--chart-series-2-subtle: var(--ramp-tint-orange-sand);
--chart-series-3-subtle: var(--ramp-tint-green-sand);
--chart-series-4-subtle: var(--ramp-tint-purple-sand);
--chart-series-5-subtle: var(--ramp-tint-gold-sand);
--chart-series-6-subtle: var(--ramp-tint-teal-sand);
--chart-series-7-subtle: var(--ramp-tint-red-sand);
--chart-series-8-subtle: var(--ramp-tint-lime-sand);
--chart-series-9-subtle: var(--ramp-tint-pink-sand);
--chart-other-subtle: var(--ramp-tint-gray-sand);
}
.stone {
--bg-default: hsl(var(--background));
--bg-surface: hsl(var(--background));
--bg-raised: hsl(var(--card));
--bg-sunken: hsl(var(--muted));
--bg-subtle: hsl(var(--muted));
--bg-disabled: hsl(var(--muted));
--bg-hover: hsl(var(--accent));
--bg-hover-strong: hsl(var(--accent));
--bg-hover-raised: var(--bg-hover);
--bg-selected: #56524b;
--bg-selected-strong: #6e6b65;
--bg-inverse: hsl(var(--foreground));
--bg-translucent: hsl(var(--background) / .8);
--bg-scrim: #00000080;
--bg-highlight: hsl(var(--foreground) / .15);
--bg-source: #343028;
--bg-source-light: #fff;
--bg-file-pdf: var(--hue-red-subtle);
--bg-file-spreadsheet: var(--hue-green-subtle);
--bg-file-slides: var(--hue-gold-subtle);
--bg-file-text: var(--hue-blue-subtle);
--bg-file-image: var(--hue-teal-subtle);
--bg-file-archive: #53453a;
--bg-file-other: var(--hue-gray-subtle);
--bg-on-action: #fff;
--bg-action: #97584c;
--bg-action-hover: #bf7a6d;
--bg-brand: hsl(var(--brand) / .1);
--bg-brand-strong: #e79f90;
--bg-brand-strong-hover: #ffc2b5;
--bg-danger: #6b302b;
--bg-danger-strong: #fc928a;
--bg-danger-strong-hover: #fac3be;
--bg-danger-action: #c0292e;
--bg-danger-action-hover: #922425;
--bg-success: hsl(var(--ui-green) / .1);
--bg-success-strong: #28d847;
--bg-warning: hsl(var(--ui-yellow) / .1);
--bg-warning-strong: #dfab34;
--bg-info: hsl(var(--ui-blue) / .1);
--bg-neutral: #4b4840;
--bg-info-strong: #87b6fb;
--text-default: hsl(var(--foreground));
--text-secondary: #d4d2cf;
--text-tertiary: #b6b4af;
--text-placeholder: #918f89;
--text-inverse: hsl(var(--background));
--text-on-action: #fff;
--text-brand: #e79f90;
--text-danger: #fc928a;
--text-success: hsl(var(--ui-green));
--text-warning: hsl(var(--ui-yellow));
--text-info: #87b6fb;
--text-on-brand: #feded7;
--text-on-danger: #fbdfdc;
--text-on-success: hsl(var(--ui-green));
--text-on-warning: hsl(var(--ui-yellow));
--text-on-info: hsl(var(--ui-blue));
--text-on-hue-red: #fac3be;
--text-on-hue-orange: #fac6aa;
--text-on-hue-gold: #f9cc6c;
--text-on-hue-lime: #d5dc54;
--text-on-hue-green: #60f76e;
--text-on-hue-teal: #5debeb;
--text-on-hue-blue: #bed4f5;
--text-on-hue-purple: #d1cdf5;
--text-on-hue-pink: #f8c0d9;
--text-on-hue-gray: #d4d2cf;
--border-default: hsl(var(--border));
--border-control: var(--border-default);
--border-choice: var(--border-strong);
--border-selected: #b6b4af;
--border-subtle: hsl(var(--border));
--border-strong: hsl(var(--muted-foreground));
--border-action: #97584c;
--border-brand: hsl(var(--brand));
--border-danger: #fa3c41;
--border-success: hsl(var(--ui-green));
--border-warning: hsl(var(--ui-yellow));
--border-info: hsl(var(--ui-blue));
--border-focus: hsl(var(--input-focus-border));
--border-focus-keyboard: #3385f9;
--ring-offset-default: hsl(var(--background));
--icon-default: var(--text-default);
--icon-secondary: var(--text-secondary);
--icon-tertiary: var(--text-tertiary);
--icon-placeholder: var(--text-placeholder);
--icon-disabled: hsl(var(--border));
--icon-on-action: var(--text-on-action);
--icon-inverse: var(--text-inverse);
--icon-brand: hsl(var(--brand));
--icon-danger: #fc928a;
--icon-success: hsl(var(--ui-green));
--icon-warning: hsl(var(--ui-yellow));
--icon-info: hsl(var(--ui-blue));
--icon-on-brand: #ffc2b5;
--icon-on-danger: #fac3be;
--icon-on-success: hsl(var(--ui-green));
--icon-on-warning: hsl(var(--ui-yellow));
--icon-on-info: hsl(var(--ui-blue));
--icon-file-pdf: #fac3be;
--icon-file-spreadsheet: #60f76e;
--icon-file-slides: #f9cc6c;
--icon-file-text: #bed4f5;
--icon-file-image: #5debeb;
--icon-file-archive: #e2cdbd;
--icon-file-other: #d4d2cf;
--icon-hue-red: #fac3be;
--icon-hue-orange: #fac6aa;
--icon-hue-gold: #f9cc6c;
--icon-hue-lime: #d5dc54;
--icon-hue-green: #60f76e;
--icon-hue-teal: #5debeb;
--icon-hue-blue: #bed4f5;
--icon-hue-purple: #d1cdf5;
--icon-hue-pink: #f8c0d9;
--icon-hue-gray: #d4d2cf;
--icon-source-ink: #fff;
--icon-source-ink-solo: #fff;
--status-triage: var(--hue-gray);
--status-accepted: var(--hue-blue);
--status-started: var(--hue-gold);
--status-completed: var(--hue-green);
--status-canceled: var(--hue-gray);
--status-duplicate: var(--hue-gray);
--priority-urgent: #ff6568;
--priority-high: #ff8b1a;
--priority-medium: #fac800;
--priority-low: #05df72;
--chart-series-1: hsl(var(--chart-1));
--chart-series-2: hsl(var(--chart-2));
--chart-series-3: hsl(var(--chart-3));
--chart-series-4: hsl(var(--chart-4));
--chart-series-5: hsl(var(--chart-5));
--chart-series-6: hsl(var(--chart-6));
--chart-series-7: hsl(var(--chart-7));
--chart-series-8: hsl(var(--chart-8));
--chart-series-9: hsl(var(--chart-9));
--chart-other: hsl(var(--chart-10));
--chart-series-1-subtle: hsl(var(--chart-1));
--chart-series-2-subtle: hsl(var(--chart-2));
--chart-series-3-subtle: hsl(var(--chart-3));
--chart-series-4-subtle: hsl(var(--chart-4));
--chart-series-5-subtle: hsl(var(--chart-5));
--chart-series-6-subtle: hsl(var(--chart-6));
--chart-series-7-subtle: hsl(var(--chart-7));
--chart-series-8-subtle: hsl(var(--chart-8));
--chart-series-9-subtle: hsl(var(--chart-9));
--chart-other-subtle: hsl(var(--chart-10));
--hue-red: #fc928a;
--hue-red-hover: #fac3be;
--hue-red-subtle: #6b302b;
--hue-orange: #f89962;
--hue-orange-hover: #fac6aa;
--hue-orange-subtle: #613d21;
--hue-gold: #dfab34;
--hue-gold-hover: #f9cc6c;
--hue-gold-subtle: #53431e;
--hue-lime: #b7bd41;
--hue-lime-hover: #d5dc54;
--hue-lime-subtle: #4b4a24;
--hue-green: #28d847;
--hue-green-hover: #60f76e;
--hue-green-subtle: #294c26;
--hue-teal: #48caca;
--hue-teal-hover: #5debeb;
--hue-teal-subtle: #2e4d48;
--hue-blue: #87b6fb;
--hue-blue-hover: #bed4f5;
--hue-blue-subtle: #35455d;
--hue-purple: #b3a6fb;
--hue-purple-hover: #d1cdf5;
--hue-purple-subtle: #4b415f;
--hue-pink: #f58ec0;
--hue-pink-hover: #f8c0d9;
--hue-pink-subtle: #672f48;
--hue-gray: #b6b4af;
--hue-gray-hover: #d4d2cf;
--hue-gray-subtle: #4b4840;
}
@supports (color: lab(0% 0 0)) {
.stone {
--priority-urgent: lab(63.7053% 60.745 31.3109);
--priority-high: lab(70.0429% 42.5156 75.8207);
--priority-medium: lab(83.2664% 8.65132 106.895);
--priority-low: lab(78.503% -64.9265 39.7492);
}
}
.stone:where([data-tokens="v2"], [data-tokens="v2"] *) {
--bg-default: var(--ramp-neutral-900);
--bg-surface: var(--ramp-neutral-850);
--bg-raised: var(--ramp-neutral-800);
--bg-sunken: var(--ramp-neutral-950);
--bg-subtle: var(--ramp-neutral-900);
--bg-disabled: var(--ramp-neutral-700);
--bg-hover: var(--ramp-neutral-800);
--bg-hover-strong: var(--ramp-neutral-700);
--bg-hover-raised: var(--ramp-neutral-750);
--bg-selected: var(--ramp-neutral-700);
--bg-selected-strong: var(--ramp-neutral-600);
--bg-inverse: var(--ramp-neutral-100);
--border-default: var(--ramp-neutral-700);
--border-control: var(--ramp-neutral-600);
--border-choice: var(--ramp-neutral-600);
--border-selected: var(--ramp-neutral-400);
--border-subtle: #ffffff14;
--border-strong: var(--ramp-neutral-600);
--ring-offset-default: var(--ramp-neutral-850);
--bg-success: #289d3752;
--bg-warning: #ab821e52;
--bg-info: #4b88e252;
--text-on-success: var(--ramp-success-200);
--text-on-warning: var(--ramp-warning-200);
--text-on-info: var(--ramp-info-200);
--icon-on-success: var(--ramp-success-300);
--icon-on-warning: var(--ramp-warning-300);
--icon-on-info: var(--ramp-info-300);
--bg-translucent: #343028cc;
--bg-scrim: #0000007a;
--bg-highlight: #f899624d;
--bg-brand: var(--ramp-tint-brand-stone);
--text-inverse: var(--ramp-neutral-950);
--text-success: var(--ramp-success-400);
--text-warning: var(--ramp-warning-400);
--border-brand: var(--ramp-brand-400);
--border-success: var(--ramp-success-500);
--border-warning: var(--ramp-warning-500);
--border-info: var(--ramp-info-500);
--icon-disabled: var(--ramp-neutral-700);
--icon-inverse: var(--ramp-neutral-950);
--icon-brand: var(--ramp-brand-400);
--icon-success: var(--ramp-success-400);
--icon-warning: var(--ramp-warning-400);
--icon-info: var(--ramp-info-400);
--priority-urgent: var(--ramp-danger-400);
--priority-high: var(--ramp-orange-400);
--priority-medium: var(--ramp-warning-400);
--priority-low: var(--ramp-success-400);
--chart-series-1: var(--ramp-info-400);
--chart-series-2: var(--ramp-orange-400);
--chart-series-3: var(--ramp-success-400);
--chart-series-4: var(--ramp-purple-400);
--chart-series-5: var(--ramp-warning-400);
--chart-series-6: var(--ramp-teal-400);
--chart-series-7: var(--ramp-danger-400);
--chart-series-8: var(--ramp-lime-400);
--chart-series-9: var(--ramp-pink-400);
--chart-other: var(--ramp-neutral-400);
--chart-series-1-subtle: var(--ramp-tint-blue-stone);
--chart-series-2-subtle: var(--ramp-tint-orange-stone);
--chart-series-3-subtle: var(--ramp-tint-green-stone);
--chart-series-4-subtle: var(--ramp-tint-purple-stone);
--chart-series-5-subtle: var(--ramp-tint-gold-stone);
--chart-series-6-subtle: var(--ramp-tint-teal-stone);
--chart-series-7-subtle: var(--ramp-tint-red-stone);
--chart-series-8-subtle: var(--ramp-tint-lime-stone);
--chart-series-9-subtle: var(--ramp-tint-pink-stone);
--chart-other-subtle: var(--ramp-tint-gray-stone);
--shadow-ink-md: #0000004d;
--shadow-ink-lg: #00000061;
--shadow-ink-xl: #00000073;
}
@media (prefers-reduced-motion: reduce) {
:not([class*="animate-spin"], [role="progressbar"], [role="progressbar"] *), :before, :after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
transition-delay: 0s !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
animation-delay: 0s !important;
}
[data-motion="surface"] {
--tw-enter-opacity: 0 !important;
--tw-exit-opacity: 0 !important;
--tw-enter-scale: 1 !important;
--tw-exit-scale: 1 !important;
--tw-enter-translate-x: 0 !important;
--tw-enter-translate-y: 0 !important;
--tw-exit-translate-x: 0 !important;
--tw-exit-translate-y: 0 !important;
animation-duration: var(--duration-fast-enter) !important;
}
[data-motion="surface"][data-state="closed"] {
animation-duration: var(--duration-fast-exit) !important;
}
[data-slot="dialog-positioner"]:has( > [data-state="closed"]) {
animation-duration: var(--duration-fast-exit) !important;
}
[data-sonner-toast] [data-content]:after {
animation-duration: var(--toast-duration) !important;
}
[data-slot="switch-thumb-face"] {
translate: none !important;
}
[data-slot="nav-item-row"] > [data-slot="lead"] {
translate: none !important;
rotate: none !important;
}
.loader-delay {
transition-delay: var(--loader-delay) !important;
}
[data-slot="loading-spinner"].animate-spin, [data-slot="loading-spinner"] .animate-spin, [data-slot="button-glyph"].animate-spin {
animation: var(--animate-spin-reduced) !important;
}
[data-slot="skeleton"] {
animation: var(--animate-skeleton-pulse-reduced) !important;
animation-delay: var(--pulse-phase) !important;
}
[data-slot="progress-indicator"][data-state="indeterminate"] {
animation: var(--animate-progress-indeterminate-reduced) !important;
}
[data-slot="glyph-swap"] > * {
transition-duration: .01ms !important;
transition-delay: 0s !important;
}
}
dialog {
margin: auto;
}
* {
border-color: var(--border-default);
}
body {
background-color: var(--bg-default);
color: var(--text-default);
font-size: var(--font-size-base);
line-height: var(--line-height-normal);
letter-spacing: var(--letter-spacing-normal);
font-display: swap;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizelegibility;
}
:focus:not(:focus-visible), :focus-within:not(:focus-visible), :active:not(:focus-visible), [data-state="open"]:not(:focus-visible), [data-state="closed"]:not(:focus-visible) {
outline: none !important;
}
input:not(.input-plain):not([data-slot]):focus-visible, textarea:not(.input-plain):not([data-slot]):focus-visible, select:not(.input-plain):not([data-slot]):focus-visible {
outline: .1px solid hsl(var(--input-focus-border)) !important;
outline-offset: .1px !important;
border-color: hsl(var(--input-focus-border)) !important;
box-shadow: 0 0 0 .25px hsl(var(--input-focus-ring)) !important;
}
input.input-no-focus-ring:not([data-slot]):focus-visible, textarea.input-no-focus-ring:not([data-slot]):focus-visible, select.input-no-focus-ring:not([data-slot]):focus-visible {
border-color: hsl(var(--input-focus-border)) !important;
box-shadow: none !important;
outline-offset: 0 !important;
outline: none !important;
}
input.input-plain:not([data-slot]), textarea.input-plain:not([data-slot]), select.input-plain:not([data-slot]), input.input-plain:not([data-slot]):focus, input.input-plain:not([data-slot]):focus-visible, textarea.input-plain:not([data-slot]):focus, textarea.input-plain:not([data-slot]):focus-visible, select.input-plain:not([data-slot]):focus, select.input-plain:not([data-slot]):focus-visible {
box-shadow: none !important;
background: none !important;
border: 0 !important;
outline: 0 !important;
}
button:focus-visible:not([data-slot="button"]):not([data-slot="tabs-trigger"]):not([data-slot="select-trigger"]):not([data-slot="calendar-day"]):not([data-slot="date-picker-trigger"]):not([data-slot="hue-swatch"]):not([data-slot="icon-cell"]):not([data-slot="list-row-control"]):not([data-slot="field-trigger"]):not([data-slot="issue-list-group-toggle"]):not([data-slot="toggle"]):not([data-slot="chip-content"]):not([data-slot="chip-remove"]):not([data-slot="filter-chip-trigger"]):not([data-slot="filter-chip-remove"]):not([data-slot="updates-summary-toggle"]):not([data-slot="update-row-button"]):not([data-slot="nav-item-disclosure"]), [role="button"]:focus-visible:not([data-slot="button"]) {
outline: 2px solid hsl(var(--button-outline)) !important;
outline-offset: 2px !important;
}
h1, h2, h3 {
font-family: var(--font-family-sans);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-normal);
}
.heading-sandstone, .font-sandstone {
font-family: var(--font-family-primary);
}
body {
font-family: var(--font-family-sans);
}
h1 {
font-size: var(--font-size-4xl);
}
h2 {
font-size: var(--font-size-3xl);
}
h3 {
font-size: var(--font-size-2xl);
}
code, pre, kbd, samp {
font-family: var(--font-family-accent);
line-height: var(--line-height-normal);
}
input:not(.input-plain):not([data-slot]), textarea:not(.input-plain):not([data-slot]), select:not(.input-plain):not([data-slot]) {
color: hsl(var(--foreground)) !important;
}
input:not(.input-plain):not([data-slot])::placeholder, textarea:not(.input-plain):not([data-slot])::placeholder {
color: var(--text-placeholder) !important;
}
.reply-input-wrapper .superdoc-field:focus-visible, .new-comment-input-wrapper .superdoc-field:focus-visible, .sd-find-replace__field .sd-find-replace__input:focus-visible {
box-shadow: none !important;
border-color: #0000 !important;
outline: none !important;
}
:root {
font-variant-ligatures: no-contextual;
}
html:not([data-theme-loading]), html:not([data-theme-loading]) body, html:not([data-theme-loading]) main, html:not([data-theme-loading]) aside, html:not([data-theme-loading]) nav, html:not([data-theme-loading]) header, html:not([data-theme-loading]) footer {
transition: background-color .3s, color .3s, border-color .3s;
}
}
@layer superdoc {
.v2-table-grid[data-v-c49c501e] {
outline: none;
padding: 6px 4px 2px;
}
.v2-table-grid__cells[data-v-c49c501e] {
grid-template-columns: repeat(5, 1fr);
gap: 3px;
display: grid;
}
.v2-table-grid__cell[data-v-c49c501e] {
cursor: pointer;
background: #fff;
border: 1px solid #d3d6dd;
border-radius: 2px;
width: 20px;
height: 20px;
padding: 0;
transition: background-color .1s, border-color .1s;
}
.v2-table-grid__cell--on[data-v-c49c501e] {
background: #e1ebff;
border-color: #629be7;
}
.v2-table-grid__label[data-v-c49c501e] {
text-align: center;
color: #5a5a63;
margin-top: 7px;
font-size: 12px;
}
.v2-link-form[data-v-76ff443a] {
flex-direction: column;
gap: 8px;
width: 248px;
padding: 6px 6px 4px;
display: flex;
}
.v2-link-form__title[data-v-76ff443a] {
color: #1a1a1f;
font-size: 13px;
font-weight: 600;
}
.v2-link-form__row[data-v-76ff443a] {
align-items: center;
gap: 6px;
display: flex;
}
.v2-link-form__icon[data-v-76ff443a] {
color: #9a9aa2;
flex: none;
justify-content: center;
align-items: center;
width: 16px;
font-size: 13px;
display: inline-flex;
}
.v2-link-form__icon--text[data-v-76ff443a] {
font-weight: 600;
}
.v2-link-form__input[data-v-76ff443a] {
-webkit-user-select: text;
user-select: text;
min-width: 0;
font: inherit;
color: #1a1a1f;
background: #fff;
border: 1px solid #d3d6dd;
border-radius: 5px;
flex: auto;
padding: 6px 8px;
font-size: 12.5px;
}
.v2-link-form__input[data-v-76ff443a]:focus {
border-color: #1355ff;
outline: none;
}
.v2-link-form__open[data-v-76ff443a] {
color: #5a5a63;
cursor: pointer;
background: none;
border: 1px solid #0000;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
padding: 0;
display: inline-flex;
}
.v2-link-form__open[data-v-76ff443a]:hover {
color: #1355ff;
border-color: #d3d6dd;
}
.v2-link-form__open--disabled[data-v-76ff443a] {
opacity: .45;
cursor: default;
pointer-events: none;
}
.v2-link-form__actions[data-v-76ff443a] {
justify-content: flex-end;
gap: 8px;
display: flex;
}
.v2-link-form__remove[data-v-76ff443a], .v2-link-form__apply[data-v-76ff443a] {
font: inherit;
cursor: pointer;
border: 0;
border-radius: 5px;
padding: 6px 16px;
font-size: 12.5px;
}
.v2-link-form__remove[data-v-76ff443a] {
color: #36363d;
background: #f0f0f2;
}
.v2-link-form__remove[data-v-76ff443a]:hover {
background: #e3e3e7;
}
.v2-link-form__apply[data-v-76ff443a] {
color: #fff;
background: #1355ff;
}
.v2-link-form__apply[data-v-76ff443a]:hover {
background: #0f44cc;
}
.v2-link-form__apply--disabled[data-v-76ff443a] {
opacity: .5;
cursor: default;
pointer-events: none;
}
.cross-reference-dialog[data-v-f3367050] {
color: var(--sd-ui-text, #212121);
font: 13px/1.4 var(--sd-ui-font-family, Arial, sans-serif);
}
.sd-dialog-header p[data-v-f3367050] {
color: var(--sd-ui-text-muted, #667085);
margin: 4px 0 0;
font-size: 12px;
}
.cross-reference-dialog__body[data-v-f3367050] {
flex-direction: column;
gap: 12px;
min-height: 0;
padding: 16px;
display: flex;
overflow-y: auto;
}
.cross-reference-dialog__search[data-v-f3367050] {
flex-direction: column;
gap: 6px;
font-weight: 600;
display: flex;
}
.cross-reference-dialog__search input[data-v-f3367050] {
box-sizing: border-box;
border: 1px solid var(--sd-ui-border, #dbdbdb);
border-radius: var(--sd-radius-200, 6px);
background: var(--sd-ui-surface-bg, #fff);
width: 100%;
min-height: 36px;
color: var(--sd-ui-text, #212121);
font: inherit;
padding: 8px 10px;
font-weight: 400;
}
.cross-reference-dialog__search input[data-v-f3367050]:focus-visible, .cross-reference-dialog__targets button[data-v-f3367050]:focus-visible {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 2px;
}
.cross-reference-dialog__targets[data-v-f3367050] {
min-height: 100px;
max-height: var(--sd-ui-cross-reference-list-height, 320px);
border: 1px solid var(--sd-ui-border, #dbdbdb);
border-radius: var(--sd-radius-200, 6px);
flex-direction: column;
flex: auto;
gap: 4px;
margin: 0;
padding: 4px;
list-style: none;
display: flex;
overflow-y: auto;
}
.cross-reference-dialog__targets button[data-v-f3367050] {
border-radius: var(--sd-radius-200, 6px);
width: 100%;
color: var(--sd-ui-text, #212121);
font: inherit;
text-align: left;
cursor: pointer;
background: none;
border: 1px solid #0000;
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 10px;
display: flex;
}
.cross-reference-dialog__targets button > span[data-v-f3367050] {
overflow-wrap: anywhere;
}
.cross-reference-dialog__targets button[data-v-f3367050]:hover {
background: var(--sd-ui-hover-bg, #f2f4f7);
}
.cross-reference-dialog__targets button[aria-pressed="true"][data-v-f3367050] {
border-color: var(--sd-ui-action, #1355ff);
background: var(--sd-ui-cross-reference-selected-bg, var(--sd-ui-action, #1355ff));
}
@supports (color: color-mix(in lab, red, red)) {
.cross-reference-dialog__targets button[aria-pressed="true"][data-v-f3367050] {
background: var(--sd-ui-cross-reference-selected-bg, color-mix(in srgb, var(--sd-ui-action, #1355ff) 8%, var(--sd-ui-surface-bg, #fff)));
}
}
.cross-reference-dialog__targets small[data-v-f3367050] {
color: var(--sd-ui-text-muted, #667085);
flex: none;
font-size: 11px;
}
.cross-reference-dialog__targets button[data-v-f3367050]:disabled {
opacity: .55;
cursor: not-allowed;
}
.cross-reference-dialog__empty[data-v-f3367050] {
text-align: center;
color: var(--sd-ui-text-muted, #667085);
padding: 16px 10px;
}
.cross-reference-dialog__body p[data-v-f3367050] {
margin: 0;
font-size: 12px;
}
.cross-reference-dialog__hint[data-v-f3367050] {
color: var(--sd-ui-text-muted, #667085);
}
.cross-reference-dialog__error[data-v-f3367050] {
color: var(--sd-color-red-500, #b91c1c);
}
.sd-dialog-primary[data-v-f3367050]:hover:not(:disabled) {
background: var(--sd-ui-action-hover, #0f44cc);
border-color: var(--sd-ui-action-hover, #0f44cc);
}
.sd-dialog-secondary[data-v-f3367050]:hover {
background: var(--sd-ui-hover-bg, #f2f4f7);
}
.bookmark-panel[data-v-e99341e9] {
color: var(--sd-ui-text, #212121);
font: 13px/1.4 var(--sd-ui-font-family, Arial, sans-serif);
}
.sd-dialog-header p[data-v-e99341e9] {
color: var(--sd-ui-text-muted, #667085);
margin: 4px 0 0;
font-size: 12px;
}
.bookmark-panel__body[data-v-e99341e9] {
flex-direction: column;
gap: 12px;
padding: 16px;
display: flex;
}
label[data-v-e99341e9] {
flex-direction: column;
gap: 6px;
font-weight: 600;
display: flex;
}
input[data-v-e99341e9] {
box-sizing: border-box;
border: 1px solid var(--sd-ui-border, #dbdbdb);
border-radius: var(--sd-radius-200, 6px);
background: var(--sd-ui-surface-bg, #fff);
width: 100%;
min-height: 36px;
color: var(--sd-ui-text, #212121);
font: inherit;
padding: 8px 10px;
font-weight: 400;
}
input[data-v-e99341e9]:focus-visible {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 2px;
}
p[data-v-e99341e9] {
margin: 0;
font-size: 12px;
}
[role="alert"][data-v-e99341e9] {
color: var(--sd-color-red-500, #b91c1c);
}
.sd-dialog-primary[data-v-e99341e9]:hover:not(:disabled) {
background: var(--sd-ui-action-hover, #0f44cc);
border-color: var(--sd-ui-action-hover, #0f44cc);
}
.sd-dialog-secondary[data-v-e99341e9]:hover {
background: var(--sd-ui-hover-bg, #f2f4f7);
}
.sd-comment-mention-composer[data-v-c83850ca] {
min-width: 0;
position: relative;
}
.sd-comment-mention-input[data-v-c83850ca] {
box-sizing: border-box;
width: 100%;
font: inherit;
}
.sd-comment-mention-list[data-v-c83850ca] {
z-index: 100;
background: #fff;
border: 1px solid #d7d7d7;
border-radius: 8px;
max-height: 192px;
padding: 4px;
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
overflow-y: auto;
box-shadow: 0 8px 24px #00000024;
}
.sd-comment-mention-option[data-v-c83850ca] {
color: #1f1f1f;
text-align: left;
cursor: pointer;
background: none;
border: 0;
border-radius: 5px;
flex-direction: column;
width: 100%;
padding: 7px 8px;
display: flex;
}
.sd-comment-mention-option--active[data-v-c83850ca], .sd-comment-mention-option[data-v-c83850ca]:hover {
background: #eef3ff;
}
.sd-comment-mention-option__name[data-v-c83850ca] {
font-size: 13px;
font-weight: 600;
}
.sd-comment-mention-option__email[data-v-c83850ca] {
color: #666;
font-size: 11px;
}
.v2-comment-form[data-v-fb790fd2] {
flex-direction: column;
gap: 8px;
width: 248px;
padding: 6px 6px 4px;
display: flex;
}
.v2-comment-form__title[data-v-fb790fd2] {
color: #1a1a1f;
font-size: 13px;
font-weight: 600;
}
[data-v-fb790fd2] .v2-comment-form__input .sd-comment-mention-input {
resize: vertical;
min-width: 0;
min-height: 72px;
max-height: 140px;
font: inherit;
color: #1a1a1f;
background: #fff;
border: 1px solid #d3d6dd;
border-radius: 5px;
padding: 6px 8px;
font-size: 12.5px;
}
[data-v-fb790fd2] .v2-comment-form__input .sd-comment-mention-input:focus {
border-color: #1355ff;
outline: none;
}
.v2-comment-form__actions[data-v-fb790fd2] {
justify-content: flex-end;
display: flex;
}
.v2-comment-form__apply[data-v-fb790fd2] {
color: #fff;
font: inherit;
cursor: pointer;
background: #1355ff;
border: 0;
border-radius: 5px;
padding: 6px 16px;
font-size: 12.5px;
}
.v2-comment-form__apply[data-v-fb790fd2]:hover {
background: #0f44cc;
}
.v2-comment-form__apply--disabled[data-v-fb790fd2] {
opacity: .5;
cursor: default;
}
.v2-table-actions[data-v-607a4d32] {
outline: none;
min-width: 180px;
}
.v2-table-actions__item[data-v-607a4d32] {
text-align: left;
cursor: pointer;
width: 100%;
color: inherit;
font: inherit;
background: none;
border: 0;
border-radius: 5px;
align-items: center;
gap: 8px;
padding: 4px 9px;
display: flex;
}
.v2-table-actions__item--highlighted[data-v-607a4d32]:not(.v2-table-actions__item--disabled) {
color: #0b1f44;
background: #e1ebff;
}
.v2-table-actions__item--disabled[data-v-607a4d32] {
color: #b4b4ba;
cursor: default;
}
.v2-table-actions__icon[data-v-607a4d32] {
flex: none;
align-items: center;
display: inline-flex;
}
.v2-table-actions__label[data-v-607a4d32] {
flex: auto;
}
.v2-table-actions__divider[data-v-607a4d32] {
border-top: 1px solid #f0f0f2;
margin: 3px 0;
}
.v2-cell-bg[data-v-db6f3cf6] {
outline: none;
padding: 6px 4px 4px;
}
.v2-cell-bg__none[data-v-db6f3cf6] {
cursor: pointer;
width: 100%;
color: inherit;
font: inherit;
background: none;
border: 0;
border-bottom: 1px solid #f0f0f2;
align-items: center;
gap: 8px;
margin-bottom: 4px;
padding: 4px 6px 6px;
display: flex;
}
.v2-cell-bg__none-swatch[data-v-db6f3cf6] {
background: linear-gradient(to top left, #0000 calc(50% - 1px), #d33 calc(50% - 1px) calc(50% + 1px), #0000 calc(50% + 1px)), #fff;
border: 1px solid #d3d6dd;
border-radius: 50%;
width: 18px;
height: 18px;
}
.v2-cell-bg__grid[data-v-db6f3cf6] {
grid-template-columns: repeat(7, 1fr);
gap: 6px;
display: grid;
}
.v2-cell-bg__swatch[data-v-db6f3cf6] {
cursor: pointer;
border: 0;
border-radius: 50%;
width: 20px;
height: 20px;
padding: 0;
box-shadow: 0 0 5px 1px #0000001a;
}
.v2-cell-bg__swatch[data-v-db6f3cf6]:hover {
outline-offset: 1px;
outline: 2px solid #629be7;
}
.table-properties-dialog__heading[data-v-0a0b896d] {
min-width: 0;
}
.table-properties-dialog__header p[data-v-0a0b896d] {
color: #667085;
letter-spacing: .01em;
margin: 2px 0 0;
font-size: 11px;
}
.table-properties-dialog__header-actions[data-v-0a0b896d], .table-properties-dialog__scope[data-v-0a0b896d] {
align-items: center;
display: flex;
}
.table-properties-dialog__header-actions[data-v-0a0b896d] {
flex: none;
gap: 12px;
}
.table-properties-dialog__scope[data-v-0a0b896d] {
gap: 7px;
}
.table-properties-dialog__scope > span[data-v-0a0b896d] {
color: #667085;
letter-spacing: .01em;
font-size: 11px;
font-weight: 550;
}
.table-properties-dialog__scope > div[data-v-0a0b896d] {
background: #f6f7f9;
border: 1px solid #d0d5dd;
border-radius: 6px;
grid-template-columns: repeat(2, 1fr);
padding: 2px;
display: grid;
}
.table-properties-dialog__scope button[data-v-0a0b896d] {
color: #667085;
letter-spacing: .02em;
cursor: pointer;
background: none;
border: 0;
border-radius: 4px;
min-width: 54px;
padding: 5px 10px;
font-size: 11px;
font-weight: 600;
}
.table-properties-dialog__scope button.is-active[data-v-0a0b896d] {
color: #174ea6;
background: #fff;
box-shadow: 0 1px 2px #1018281f;
}
.table-properties-dialog__body[data-v-0a0b896d] {
flex: 1;
grid-template-columns: minmax(0, 1fr) 190px;
gap: 0 20px;
min-height: 0;
padding: 14px 18px 16px;
display: grid;
}
.table-properties-dialog__primary[data-v-0a0b896d], .table-properties-dialog__secondary[data-v-0a0b896d] {
align-content: start;
gap: 12px;
display: grid;
}
.table-properties-dialog__secondary[data-v-0a0b896d] {
border-left: 1px solid #eef0f4;
padding-left: 20px;
}
.table-properties-dialog__section[data-v-0a0b896d] {
border-bottom: 1px solid #eef0f4;
min-width: 0;
padding: 0 0 12px;
}
.table-properties-dialog__primary > .table-properties-dialog__section[data-v-0a0b896d]:last-child, .table-properties-dialog__secondary > .table-properties-dialog__section[data-v-0a0b896d]:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.table-properties-dialog__preview[data-v-0a0b896d] {
background: #fafbfc;
border: 1px solid #e4e7ec;
border-radius: 7px;
min-width: 0;
padding: 10px;
}
.table-properties-dialog__section h3[data-v-0a0b896d], .table-properties-dialog__preview h3[data-v-0a0b896d] {
color: #101828;
letter-spacing: .01em;
margin: 0 0 8px;
font-size: 12px;
font-weight: 650;
}
.table-properties-dialog__section-heading[data-v-0a0b896d] {
justify-content: space-between;
align-items: baseline;
gap: 8px;
min-height: 20px;
display: flex;
}
.table-properties-dialog__section-heading h3[data-v-0a0b896d] {
margin-bottom: 7px;
}
.table-properties-dialog__section-heading > span[data-v-0a0b896d] {
color: #98a2b3;
letter-spacing: .01em;
font-size: 10px;
}
.table-properties-dialog__border-grid[data-v-0a0b896d] {
grid-template-columns: minmax(124px, 1.2fr) minmax(102px, 1.05fr) 64px minmax(98px, 1fr);
gap: 8px;
display: grid;
}
.table-properties-dialog__border-grid > label[data-v-0a0b896d]:first-child {
margin-right: 6px;
}
.table-properties-dialog__fill-grid[data-v-0a0b896d] {
grid-template-columns: minmax(118px, 1fr) minmax(136px, 1fr);
gap: 8px;
display: grid;
}
label[data-v-0a0b896d] {
color: #475467;
letter-spacing: .01em;
gap: 5px;
font-size: 11px;
font-weight: 500;
display: grid;
}
select[data-v-0a0b896d], input[type="number"][data-v-0a0b896d], .table-properties-dialog__color-field[data-v-0a0b896d], .table-properties-dialog__edge-trigger[data-v-0a0b896d] {
box-sizing: border-box;
color: #252a33;
width: 100%;
height: 36px;
font: inherit;
background: #fff;
border: 1px solid #cfd4dc;
border-radius: 6px;
font-size: 12px;
}
select[data-v-0a0b896d], input[type="number"][data-v-0a0b896d] {
padding: 0 7px;
}
.table-properties-dialog__edge-control[data-v-0a0b896d], .table-properties-dialog__color-control[data-v-0a0b896d] {
position: relative;
}
.table-properties-dialog__edge-control[data-v-0a0b896d] {
gap: 5px;
display: grid;
}
.table-properties-dialog__field-label[data-v-0a0b896d] {
color: #475467;
letter-spacing: .01em;
font-size: 11px;
font-weight: 500;
}
.table-properties-dialog__edge-trigger[data-v-0a0b896d] {
cursor: pointer;
justify-content: space-between;
align-items: center;
gap: 6px;
padding: 0 8px;
display: flex;
}
.table-properties-dialog__edge-trigger > span[data-v-0a0b896d]:first-child {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.table-properties-dialog__edge-menu[data-v-0a0b896d] {
z-index: 2147483002;
background: #fff;
border: 1px solid #cfd4dc;
border-radius: 7px;
width: 190px;
max-height: 286px;
padding: 5px;
display: grid;
position: fixed;
overflow: auto;
box-shadow: 0 10px 24px #10182829;
}
.table-properties-dialog__edge-menu button[data-v-0a0b896d] {
color: #344054;
min-height: 28px;
font: inherit;
text-align: left;
cursor: pointer;
background: none;
border: 0;
border-radius: 4px;
grid-template-columns: 14px 1fr;
align-items: center;
gap: 6px;
padding: 4px 7px;
font-size: 11px;
display: grid;
}
.table-properties-dialog__edge-menu button[data-v-0a0b896d]:hover, .table-properties-dialog__edge-menu button[aria-selected="true"][data-v-0a0b896d] {
background: #f2f4f7;
}
.table-properties-dialog__edge-menu button > span[data-v-0a0b896d] {
color: #1570ef;
text-align: center;
font-weight: 700;
}
.table-properties-dialog__edge-divider[data-v-0a0b896d] {
background: #eaecf0;
height: 1px;
margin: 4px 2px;
}
.table-properties-dialog__color-field[data-v-0a0b896d] {
align-items: center;
gap: 8px;
min-width: 0;
padding: 0 8px 0 6px;
display: flex;
}
.table-properties-dialog__color-trigger[data-v-0a0b896d] {
box-sizing: border-box;
cursor: pointer;
background: none;
border: 1px solid #1018282e;
border-radius: 4px;
flex: none;
width: 22px;
height: 22px;
padding: 0;
overflow: hidden;
}
.table-properties-dialog__color-trigger > span[data-v-0a0b896d] {
width: 100%;
height: 100%;
display: block;
}
.table-properties-dialog__color-control input[type="text"][data-v-0a0b896d] {
color: #252a33;
text-transform: uppercase;
background: none;
border: 0;
width: 100%;
min-width: 0;
padding: 0;
font-size: 12px;
}
.table-properties-dialog__palette[data-v-0a0b896d] {
z-index: 2147483003;
background: #fff;
border: 1px solid #cfd4dc;
border-radius: 7px;
grid-template-columns: repeat(7, 20px);
gap: 4px;
padding: 7px;
display: grid;
position: fixed;
box-shadow: 0 10px 24px #10182829;
}
.table-properties-dialog__palette > button[data-v-0a0b896d] {
cursor: pointer;
border: 1px solid #10182829;
border-radius: 3px;
width: 20px;
height: 20px;
padding: 0;
}
.table-properties-dialog__palette > button[data-v-0a0b896d]:hover, .table-properties-dialog__palette > button[data-v-0a0b896d]:focus-visible {
outline-offset: 1px;
outline: 2px solid #1570ef;
}
.table-properties-dialog__more-color[data-v-0a0b896d] {
color: #344054;
cursor: pointer;
border-top: 1px solid #eaecf0;
grid-column: 1 / -1;
margin-top: 3px;
padding: 7px 5px 2px;
font-size: 11px;
display: block;
position: relative;
}
.table-properties-dialog__more-color input[type="color"][data-v-0a0b896d] {
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.table-properties-dialog__color-control input[type="text"][aria-invalid="true"][data-v-0a0b896d] {
color: #b42318;
}
select[data-v-0a0b896d]:disabled, input[data-v-0a0b896d]:disabled {
color: #98a2b3;
cursor: not-allowed;
background: #f5f6f8;
}
.table-properties-dialog__padding-grid[data-v-0a0b896d] {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
display: grid;
}
.table-properties-dialog__inherit-toggle[data-v-0a0b896d] {
color: #475467;
cursor: pointer;
align-items: center;
gap: 6px;
margin: 0 0 8px;
font-size: 11px;
line-height: 1.2;
display: flex;
}
.table-properties-dialog__inherit-toggle input[data-v-0a0b896d] {
accent-color: #1570ef;
cursor: pointer;
flex: none;
width: 13px;
height: 13px;
margin: 0;
}
.table-properties-dialog__padding-grid input[data-v-0a0b896d]:disabled {
color: #98a2b3;
cursor: not-allowed;
background: #f9fafb;
}
.table-properties-dialog__number-control[data-v-0a0b896d] {
align-items: center;
display: flex;
position: relative;
}
.table-properties-dialog__number-control input[data-v-0a0b896d] {
padding-right: 24px;
}
.table-properties-dialog__number-control > span[data-v-0a0b896d] {
color: #98a2b3;
pointer-events: none;
font-size: 11px;
position: absolute;
right: 8px;
}
.table-properties-dialog__error[data-v-0a0b896d] {
color: #b42318;
margin: 6px 0 0;
font-size: 10px;
line-height: 1.35;
}
.table-properties-dialog__alignment[data-v-0a0b896d] {
grid-template-columns: repeat(3, 38px);
justify-content: start;
gap: 4px;
display: grid;
}
.table-properties-dialog__alignment button[data-v-0a0b896d] {
color: #98a2b3;
cursor: pointer;
background: #fff;
border: 1px solid #cfd4dc;
border-radius: 5px;
width: 38px;
height: 36px;
padding: 0;
transition: border-color .12s cubic-bezier(.4, 0, .2, 1), background-color .12s cubic-bezier(.4, 0, .2, 1);
position: relative;
}
.table-properties-dialog__alignment button[data-v-0a0b896d]:hover {
background: #f7f9fc;
border-color: #98a2b3;
}
.table-properties-dialog__alignment button.is-active[data-v-0a0b896d] {
color: #174ea6;
background: #eaf1ff;
border-color: #3367d6;
}
.table-properties-dialog__keep.is-active[data-v-0a0b896d] {
color: #98a2b3;
cursor: default;
background: none;
border-color: #0000;
}
.table-properties-dialog__keep[data-v-0a0b896d] {
color: #667085;
letter-spacing: .01em;
cursor: pointer;
background: none;
border: 1px solid #0000;
border-radius: 4px;
padding: 2px 6px;
font-size: 9.5px;
font-weight: 550;
}
.table-properties-dialog__alignment span[data-v-0a0b896d] {
flex-direction: column;
gap: 1.5px;
width: 16px;
display: flex;
position: absolute;
}
.table-properties-dialog__alignment span i[data-v-0a0b896d] {
background: currentColor;
border-radius: 1px;
height: 1.5px;
}
.table-properties-dialog__alignment span i[data-v-0a0b896d]:nth-child(2) {
width: 68%;
}
.table-properties-dialog__alignment span.h-left[data-v-0a0b896d] {
align-items: flex-start;
left: 5px;
}
.table-properties-dialog__alignment span.h-center[data-v-0a0b896d] {
align-items: center;
left: 50%;
transform: translate(-50%);
}
.table-properties-dialog__alignment span.h-right[data-v-0a0b896d] {
align-items: flex-end;
right: 5px;
}
.table-properties-dialog__alignment span i[data-v-0a0b896d]:not(:nth-child(2)) {
width: 100%;
}
.table-properties-dialog__alignment span.v-top[data-v-0a0b896d] {
top: 5px;
}
.table-properties-dialog__alignment span.v-center[data-v-0a0b896d] {
top: 50%;
transform: translateY(-50%);
}
.table-properties-dialog__alignment span.h-center.v-center[data-v-0a0b896d] {
transform: translate(-50%, -50%);
}
.table-properties-dialog__alignment span.v-bottom[data-v-0a0b896d] {
bottom: 5px;
}
.table-properties-dialog__preview[data-v-0a0b896d] {
background: #f7f8fa;
}
.table-properties-dialog__preview-frame[data-v-0a0b896d] {
background: #fff;
border: 1px solid #d8dce4;
place-items: center;
height: 94px;
margin: 0 0 7px;
display: grid;
}
.table-properties-dialog__preview-grid[data-v-0a0b896d] {
grid-template-columns: 1fr;
width: 116px;
height: 58px;
display: grid;
}
.table-properties-dialog__preview-grid.is-table[data-v-0a0b896d] {
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(2, 1fr);
}
.table-properties-dialog__preview-cell[data-v-0a0b896d] {
box-sizing: border-box;
background: #fff;
border: 1px solid #98a2b3;
justify-content: flex-start;
align-items: flex-start;
min-width: 0;
min-height: 0;
padding: 5px;
font-size: 10px;
display: flex;
}
.table-properties-dialog__preview p[data-v-0a0b896d] {
color: #667085;
letter-spacing: .01em;
margin: 0;
font-size: 9.5px;
line-height: 1.35;
}
@media (max-height: 520px) {
.table-properties-dialog__body[data-v-0a0b896d] {
overscroll-behavior: contain;
overflow-y: auto;
}
}
button[data-v-0a0b896d]:focus-visible, select[data-v-0a0b896d]:focus-visible, input[data-v-0a0b896d]:focus-visible {
outline-offset: 2px;
outline: 2px solid #3367d6;
}
@media (max-width: 720px) {
.table-properties-dialog__header[data-v-0a0b896d] {
align-items: flex-start;
}
.table-properties-dialog__scope > span[data-v-0a0b896d] {
display: none;
}
.table-properties-dialog__body[data-v-0a0b896d] {
grid-template-columns: 1fr;
}
.table-properties-dialog__secondary[data-v-0a0b896d] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 520px) {
.table-properties-dialog__heading p[data-v-0a0b896d] {
display: none;
}
.table-properties-dialog__header-actions[data-v-0a0b896d] {
gap: 4px;
}
.table-properties-dialog__scope button[data-v-0a0b896d] {
min-width: 48px;
}
.table-properties-dialog__border-grid[data-v-0a0b896d], .table-properties-dialog__fill-grid[data-v-0a0b896d] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.table-properties-dialog__secondary[data-v-0a0b896d] {
grid-template-columns: 1fr;
}
}
.v2-context-menu[data-v-3c65486a] {
z-index: 2147483000;
color: #1a1a1f;
-webkit-user-select: none;
user-select: none;
background: #fff;
border: 1px solid #ececef;
border-radius: 8px;
outline: none;
min-width: 176px;
max-width: 300px;
margin: 0;
padding: 3px;
font: 12.5px / 1.3 system-ui, -apple-system, sans-serif;
position: fixed;
inset: auto;
box-shadow: 0 6px 6px #00000029;
}
.v2-context-menu--panel[data-v-3c65486a] {
min-width: 0;
max-width: none;
}
.v2-context-menu__section + .v2-context-menu__section[data-v-3c65486a] {
border-top: 1px solid #f0f0f2;
margin-top: 3px;
padding-top: 3px;
}
.v2-context-menu__item[data-v-3c65486a] {
text-align: left;
cursor: pointer;
width: 100%;
color: inherit;
font: inherit;
background: none;
border: 0;
border-radius: 5px;
align-items: center;
gap: 8px;
padding: 4px 9px;
display: flex;
}
.v2-context-menu__item--highlighted[data-v-3c65486a]:not(.v2-context-menu__item--disabled) {
color: #0b1f44;
background: #e1ebff;
}
.v2-context-menu__item--disabled[data-v-3c65486a] {
color: #b4b4ba;
cursor: default;
}
.v2-context-menu__icon[data-v-3c65486a] {
flex: none;
align-items: center;
display: inline-flex;
}
.v2-context-menu__label[data-v-3c65486a] {
flex: auto;
}
.v2-context-menu__shortcut[data-v-3c65486a] {
color: #9a9aa2;
flex: none;
margin-left: 18px;
font-size: 12px;
}
.v2-table-resize-overlay[data-v-86b4a9e0] {
pointer-events: none;
z-index: 60;
position: absolute;
inset: 0;
}
.v2-table-resize-handle[data-v-86b4a9e0] {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.v2-table-resize-handle--interactive[data-v-86b4a9e0] {
pointer-events: auto;
}
.v2-table-resize-handle--column[data-v-86b4a9e0] {
cursor: col-resize;
z-index: 2;
}
.v2-table-resize-handle--column .v2-table-resize-handle__line[data-v-86b4a9e0] {
width: 1px;
height: 100%;
}
.v2-table-resize-handle--row[data-v-86b4a9e0] {
cursor: row-resize;
z-index: 1;
}
.v2-table-resize-handle--row .v2-table-resize-handle__line[data-v-86b4a9e0] {
width: 100%;
height: 1px;
}
.v2-table-resize-handle--blocked[data-v-86b4a9e0] {
display: none;
}
.v2-table-resize-handle__line[data-v-86b4a9e0] {
background: none;
transition: background-color .12s;
}
.v2-table-resize-handle--interactive:hover .v2-table-resize-handle__line[data-v-86b4a9e0] {
background: #2563eb;
}
.v2-table-resize-guideline[data-v-86b4a9e0] {
pointer-events: none;
z-index: 61;
background: #2563eb;
position: absolute;
}
.v2-image-resize-overlay[data-v-61f5f3ef] {
pointer-events: none;
z-index: 60;
position: absolute;
inset: 0;
}
.v2-image-resize-border[data-v-61f5f3ef] {
box-sizing: border-box;
pointer-events: none;
z-index: 60;
border: 1px solid #4a8df0;
position: absolute;
}
.v2-image-resize-handle[data-v-61f5f3ef] {
box-sizing: border-box;
pointer-events: none;
z-index: 62;
background: #fff;
border: 1px solid #8a8f98;
border-radius: 1px;
position: absolute;
box-shadow: 0 1px 2px #00000047;
}
.v2-image-resize-handle--interactive[data-v-61f5f3ef] {
pointer-events: auto;
}
.v2-image-resize-handle--nw[data-v-61f5f3ef], .v2-image-resize-handle--se[data-v-61f5f3ef] {
cursor: nwse-resize;
}
.v2-image-resize-handle--ne[data-v-61f5f3ef], .v2-image-resize-handle--sw[data-v-61f5f3ef] {
cursor: nesw-resize;
}
.v2-image-resize-handle--n[data-v-61f5f3ef], .v2-image-resize-handle--s[data-v-61f5f3ef] {
cursor: ns-resize;
}
.v2-image-resize-handle--e[data-v-61f5f3ef], .v2-image-resize-handle--w[data-v-61f5f3ef] {
cursor: ew-resize;
}
.v2-image-resize-tooltip[data-v-61f5f3ef] {
color: #1f2329;
white-space: nowrap;
pointer-events: none;
z-index: 63;
background: #fff;
border: 1px solid #c7ccd4;
border-radius: 4px;
flex-direction: column;
gap: 1px;
padding: 4px 8px;
font-size: 11px;
line-height: 1.35;
display: flex;
position: absolute;
box-shadow: 0 2px 8px #0000002e;
}
.v2-hf-overlay[data-v-7b97f28b] {
pointer-events: none;
z-index: 58;
position: absolute;
inset: 0;
}
.v2-hf-pending-caret[data-v-7b97f28b] {
z-index: 64;
background: #1a73e8;
animation: 1.06s step-end infinite v2-hf-pending-caret-blink-7b97f28b;
position: absolute;
}
.v2-hf-pending-caret--inline[data-v-7b97f28b] {
vertical-align: bottom;
width: 1px;
height: 17px;
display: inline-block;
position: static;
}
.v2-hf-typing-preview[data-v-7b97f28b] {
z-index: 63;
color: #111827;
white-space: pre;
pointer-events: none;
font-family: Arial, sans-serif;
font-size: 11pt;
line-height: 17px;
position: absolute;
}
@keyframes v2-hf-pending-caret-blink-7b97f28b {
0%, 49.999% {
opacity: 1;
}
50%, to {
opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.v2-hf-pending-caret[data-v-7b97f28b] {
opacity: 1;
animation: none;
}
}
[data-sd-header-footer-inactive="true"] [data-sd-headerfooter-kind], [data-sd-header-footer-inactive="true"] [data-behind-doc-section="header"], [data-sd-header-footer-inactive="true"] [data-behind-doc-section="footer"] {
opacity: .5;
}
[data-sd-header-footer-inactive="true"] [data-sd-headerfooter-kind].superdoc-has-inline-run-background {
opacity: 1;
}
[data-sd-header-footer-inactive="true"] [data-sd-headerfooter-kind].superdoc-has-inline-run-background > .superdoc-fragment {
opacity: .5;
}
[data-sd-header-footer-inactive="true"] [data-sd-headerfooter-kind].superdoc-has-inline-run-background > .superdoc-drawing-fragment.superdoc-has-inline-run-background {
opacity: 1;
}
[data-sd-header-footer-inactive="true"] [data-sd-headerfooter-kind] .superdoc-drawing-fragment.superdoc-has-inline-run-background > .superdoc-drawing-inner > :not(.superdoc-vector-shape) {
opacity: .5;
}
[data-sd-header-footer-inactive="true"] [data-behind-doc-section].superdoc-has-inline-run-background {
opacity: 1;
}
[data-sd-header-footer-inactive="true"] [data-behind-doc-section].superdoc-has-inline-run-background > .superdoc-drawing-inner > :not(.superdoc-vector-shape) {
opacity: .5;
}
[data-sd-header-footer-inactive="true"] .superdoc-drawing-fragment.superdoc-has-inline-run-background .superdoc-vector-shape svg [stroke]:not([stroke="none"]) {
stroke: var(--superdoc-inactive-stroke-color, var(--superdoc-authored-stroke-color));
}
@supports (color: color-mix(in lab, red, red)) {
[data-sd-header-footer-inactive="true"] .superdoc-drawing-fragment.superdoc-has-inline-run-background .superdoc-vector-shape svg [stroke]:not([stroke="none"]) {
stroke: var(--superdoc-inactive-stroke-color, color-mix(in srgb, var(--superdoc-authored-stroke-color) 50%, white));
}
}
[data-sd-hf-body-dimmed="true"] .superdoc-page > .superdoc-fragment:not([data-behind-doc-section]):not([data-sd-headerfooter-kind]) .superdoc-text-run, [data-sd-hf-body-dimmed="true"] .superdoc-page > .superdoc-fragment:not([data-behind-doc-section]):not([data-sd-headerfooter-kind]) .superdoc-empty-run {
-webkit-text-fill-color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
[data-sd-hf-body-dimmed="true"] .superdoc-page > .superdoc-fragment:not([data-behind-doc-section]):not([data-sd-headerfooter-kind]) .superdoc-text-run, [data-sd-hf-body-dimmed="true"] .superdoc-page > .superdoc-fragment:not([data-behind-doc-section]):not([data-sd-headerfooter-kind]) .superdoc-empty-run {
-webkit-text-fill-color: color-mix(in srgb, currentColor 50%, white);
}
}
[data-sd-hf-body-dimmed="true"] .superdoc-page > .superdoc-fragment:not([data-behind-doc-section]):not([data-sd-headerfooter-kind]) img, [data-sd-hf-body-dimmed="true"] .superdoc-page > .superdoc-fragment:not([data-behind-doc-section]):not([data-sd-headerfooter-kind]) svg, [data-sd-hf-body-dimmed="true"] .superdoc-page > [data-superdoc-column-separator] {
opacity: .5;
}
[data-sd-active-header-footer-kind="header"] [data-sd-headerfooter-kind="header"], [data-sd-active-header-footer-kind="footer"] [data-sd-headerfooter-kind="footer"] {
z-index: 2147483647 !important;
}
.v2-hf-active[data-v-7b97f28b] {
pointer-events: none;
z-index: 59;
position: absolute;
inset: 0;
}
.v2-hf-line[data-v-7b97f28b] {
pointer-events: none;
border-top: 1px solid #4a8df0;
height: 0;
position: absolute;
}
.v2-hf-label[data-v-7b97f28b] {
color: #2b5fa3;
white-space: nowrap;
pointer-events: auto;
z-index: 60;
background: #eaf2fd;
border: 1px solid #bcd6f7;
border-radius: 3px;
align-items: center;
gap: 6px;
height: 18px;
padding: 0 4px 0 6px;
font-size: 11px;
line-height: 1;
display: inline-flex;
position: absolute;
}
.v2-hf-label--continuation[data-v-7b97f28b] {
pointer-events: none;
}
.v2-hf-exit[data-v-7b97f28b] {
color: #2b5fa3;
cursor: pointer;
pointer-events: auto;
background: none;
border: none;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
padding: 0;
font-size: 13px;
line-height: 1;
display: inline-flex;
}
.v2-hf-exit[data-v-7b97f28b]:hover {
background: #d6e6fb;
}
.v2-hf-options-btn[data-v-7b97f28b] {
color: #2b5fa3;
cursor: pointer;
pointer-events: auto;
background: none;
border: 1px solid #0000;
border-radius: 2px;
align-items: center;
height: 16px;
padding: 0 5px;
font-size: 11px;
line-height: 1;
display: inline-flex;
}
.v2-hf-options-btn[data-v-7b97f28b]:hover, .v2-hf-options-btn--open[data-v-7b97f28b] {
background: #d6e6fb;
border-color: #bcd6f7;
}
.v2-hf-options-panel[data-v-7b97f28b] {
color: #1f2d3d;
pointer-events: auto;
z-index: 61;
background: #fff;
border: 1px solid #bcd6f7;
border-radius: 4px;
flex-direction: column;
gap: 6px;
min-width: 210px;
padding: 8px 10px;
font-size: 12px;
display: flex;
position: absolute;
box-shadow: 0 4px 14px #2b5fa32e;
}
.v2-hf-option[data-v-7b97f28b] {
cursor: pointer;
white-space: nowrap;
align-items: center;
gap: 8px;
display: inline-flex;
}
.v2-hf-option--disabled[data-v-7b97f28b] {
color: #9aa7b4;
cursor: not-allowed;
}
.v2-hf-option input[data-v-7b97f28b] {
margin: 0;
}
.v2-hf-options-divider[data-v-7b97f28b] {
background: #e2ebf6;
height: 1px;
margin: 2px 0;
}
.v2-hf-distance[data-v-7b97f28b] {
white-space: nowrap;
justify-content: space-between;
align-items: center;
gap: 8px;
display: flex;
}
.v2-hf-distance input[data-v-7b97f28b] {
text-align: right;
border: 1px solid #bcd6f7;
border-radius: 3px;
width: 56px;
margin: 0 0 0 auto;
padding: 1px 4px;
font-size: 12px;
}
.v2-hf-distance-unit[data-v-7b97f28b] {
color: #6b7a8c;
width: 18px;
}
.superdoc:has(.v2-document-loading-overlay[data-v2-loader="true"]) {
width: 100%;
}
.superdoc:has(.v2-document-loading-overlay[data-v2-loader="true"]) > .superdoc__layers {
width: 100%;
}
.v2-super-editor[data-v2-blocking-load="true"] {
min-height: 220px;
}
.v2-document-loading-overlay[data-v-4b11aa98] {
top: min(var(--sd-ui-loader-offset-top, 132px), max(12px, 10%));
width: var(--sd-ui-loader-width, 420px);
max-width: calc(100% - 48px);
z-index: var(--sd-ui-loader-z-index, 20);
pointer-events: none;
margin-inline: auto;
position: absolute;
inset-inline: 0;
}
.v2-document-loading-overlay__panel[data-v-4b11aa98] {
gap: var(--sd-ui-loader-gap, 12px);
width: 100%;
padding: var(--sd-ui-loader-padding, 20px 24px);
border-radius: var(--sd-ui-loader-radius, 14px);
background: var(--sd-ui-loader-bg, var(--sd-ui-bg, #fff));
}
@supports (color: color-mix(in lab, red, red)) {
.v2-document-loading-overlay__panel[data-v-4b11aa98] {
background: var(--sd-ui-loader-bg, color-mix(in srgb, var(--sd-ui-bg, #fff) 96%, transparent));
}
}
.v2-document-loading-overlay__panel[data-v-4b11aa98] {
box-shadow: var(--sd-ui-loader-shadow, var(--sd-ui-shadow, 0 4px 12px #0000001f));
border: 1px solid var(--sd-ui-loader-border, var(--sd-ui-border, #dbdbdb));
font-family: var(--sd-ui-font-family, system-ui, sans-serif);
display: grid;
}
.v2-document-loading-overlay__title[data-v-4b11aa98] {
font-size: var(--sd-ui-loader-title-size, 18px);
font-weight: var(--sd-ui-loader-title-weight, 600);
color: var(--sd-ui-loader-title-color, var(--sd-ui-text, #47484a));
margin: 0;
}
.v2-document-loading-overlay--failed .v2-document-loading-overlay__title[data-v-4b11aa98] {
color: var(--sd-ui-loader-failed-title-color, var(--sd-ui-danger, #b42318));
}
.v2-document-loading-overlay--failed .v2-document-loading-overlay__panel[data-v-4b11aa98] {
border-color: var(--sd-ui-loader-failed-border, var(--sd-ui-danger, #b42318));
}
@supports (color: color-mix(in lab, red, red)) {
.v2-document-loading-overlay--failed .v2-document-loading-overlay__panel[data-v-4b11aa98] {
border-color: var(--sd-ui-loader-failed-border, color-mix(in srgb, var(--sd-ui-danger, #b42318) 35%, var(--sd-ui-border, #dbdbdb)));
}
}
.v2-document-loading-overlay__message[data-v-4b11aa98] {
font-size: var(--sd-ui-loader-message-size, 14px);
line-height: var(--sd-ui-loader-message-line-height, 1.5);
color: var(--sd-ui-loader-message-color, var(--sd-ui-text-muted, #666));
margin: 0;
}
.v2-document-loading-overlay__meta[data-v-4b11aa98] {
justify-content: space-between;
align-items: center;
gap: var(--sd-ui-loader-meta-gap, 12px);
display: flex;
}
.v2-document-loading-overlay__progress-label[data-v-4b11aa98] {
font-size: var(--sd-ui-loader-meta-size, 12px);
font-weight: var(--sd-ui-loader-meta-weight, 600);
letter-spacing: .02em;
text-transform: uppercase;
color: var(--sd-ui-loader-meta-color, var(--sd-ui-text-muted, #666));
}
.v2-document-loading-overlay__progress-value[data-v-4b11aa98] {
font-size: var(--sd-ui-loader-value-size, 13px);
font-weight: var(--sd-ui-loader-value-weight, 600);
color: var(--sd-ui-loader-value-color, var(--sd-ui-text, #47484a));
}
.v2-document-loading-overlay__progress[data-v-4b11aa98] {
width: 100%;
display: block;
}
.v2-document-loading-overlay__progress-track[data-v-4b11aa98] {
width: 100%;
height: var(--sd-ui-loader-progress-height, 8px);
border-radius: var(--sd-ui-loader-progress-radius, 999px);
background: var(--sd-ui-loader-progress-track-bg, var(--sd-ui-border, #dbdbdb));
}
@supports (color: color-mix(in lab, red, red)) {
.v2-document-loading-overlay__progress-track[data-v-4b11aa98] {
background: var(--sd-ui-loader-progress-track-bg, color-mix(in srgb, var(--sd-ui-border, #dbdbdb) 45%, transparent));
}
}
.v2-document-loading-overlay__progress-track[data-v-4b11aa98] {
position: relative;
overflow: hidden;
}
.v2-document-loading-overlay__progress-bar[data-v-4b11aa98] {
border-radius: inherit;
background: var(--sd-ui-loader-progress-bar-bg, linear-gradient(90deg, var(--sd-ui-action, #4f46e5), var(--sd-ui-action, #4f46e5)));
}
@supports (color: color-mix(in lab, red, red)) {
.v2-document-loading-overlay__progress-bar[data-v-4b11aa98] {
background: var(--sd-ui-loader-progress-bar-bg, linear-gradient(90deg, var(--sd-ui-action, #4f46e5), color-mix(in srgb, var(--sd-ui-action, #4f46e5) 72%, white)));
}
}
.v2-document-loading-overlay__progress-bar[data-v-4b11aa98] {
width: 0%;
height: 100%;
transition: width .18s;
}
.v2-super-editor[data-v-2262b4d0] {
width: 100%;
display: block;
position: relative;
}
.v2-super-editor__visuals[data-v-2262b4d0] {
z-index: 0;
isolation: isolate;
width: 100%;
position: relative;
}
.v2-super-editor__visuals--hidden[data-v-2262b4d0] {
opacity: 0;
pointer-events: none;
}
.v2-super-editor__stage[data-v-2262b4d0] {
width: 100%;
min-height: 100px;
position: relative;
}
.v2-super-editor__stage[data-v-2262b4d0]:focus, .v2-super-editor__stage[data-v-2262b4d0]:focus-visible {
outline: none;
}
.v2-super-editor__stage[data-editor-mode="editing"][data-v-2262b4d0] .superdoc-table-fragment:hover > [data-sd-borderless-cell] {
outline-offset: -1px;
outline: 1px dashed #8c98a6;
}
.v2-ruler[data-v-cfe394b0] {
box-sizing: border-box;
color: #666;
margin: 0;
padding: 0;
position: relative;
}
.v2-ruler__drag-indicator[data-v-cfe394b0] {
z-index: 100;
background-color: #aaa;
min-width: 1px;
height: 0;
position: absolute;
top: 20px;
}
.v2-ruler__drag-indicator--horizontal[data-v-cfe394b0] {
width: 0;
height: 1px;
min-height: 1px;
left: 0;
}
.v2-ruler__margin-handle[data-v-cfe394b0] {
background-color: var(--ruler-handle-color);
cursor: grab;
z-index: 10;
border-radius: 4px 4px 0 0;
width: 56px;
min-width: 5px;
max-width: 5px;
height: 20px;
margin-left: -2px;
transition: background-color .25s;
position: absolute;
}
.v2-ruler__margin-handle--display-only[data-v-cfe394b0] {
cursor: default;
pointer-events: none;
opacity: .6;
}
.v2-ruler__margin-handle[data-v-cfe394b0]:not(.v2-ruler__margin-handle--display-only):hover {
background-color: var(--ruler-handle-active-color);
}
.v2-ruler__vertical[data-v-cfe394b0] {
box-sizing: border-box;
pointer-events: none;
z-index: 20;
position: fixed;
}
.v2-ruler__vertical-handle[data-v-cfe394b0] {
pointer-events: auto;
border-radius: 0 4px 4px 0;
width: 20px;
min-width: 20px;
max-width: 20px;
height: 5px;
margin-top: -2px;
margin-left: 0;
}
.v2-ruler__tick[data-v-cfe394b0] {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.v2-ruler__numbering[data-v-cfe394b0] {
font-size: var(--sd-ui-font-size-50, 10px);
pointer-events: none;
-webkit-user-select: none;
user-select: none;
position: absolute;
top: -16px;
left: -2px;
}
.v2-ruler__numbering--edge-start[data-v-cfe394b0] {
left: 0;
}
.sd-watermark[data-v-df56c82c] {
min-width: 0;
height: 640px;
min-height: 0;
color: var(--sd-ui-text, #212121);
font: 13px/1.4 var(--sd-ui-font-family, Arial, sans-serif);
flex-direction: column;
flex: 1;
display: flex;
container-type: inline-size;
}
.sd-watermark[data-v-df56c82c] *, .sd-watermark[data-v-df56c82c] :before, .sd-watermark[data-v-df56c82c] :after {
box-sizing: border-box;
}
.sd-watermark fieldset[data-v-df56c82c] {
border: 0;
min-width: 0;
margin: 0;
padding: 0;
}
.sd-watermark button[data-v-df56c82c], .sd-watermark input[data-v-df56c82c], .sd-watermark select[data-v-df56c82c] {
font: inherit;
color: inherit;
}
.sd-watermark button[data-v-df56c82c], .sd-watermark select[data-v-df56c82c], .sd-watermark input[data-v-df56c82c]:not([type="radio"], [type="checkbox"], [type="range"], [type="file"]) {
border: 1px solid var(--sd-ui-border, #dbdbdb);
background: var(--sd-ui-bg, #fff);
border-radius: 6px;
min-height: 32px;
padding: 5px 8px;
}
.sd-watermark input[data-v-df56c82c], .sd-watermark select[data-v-df56c82c] {
min-width: 0;
max-width: 100%;
accent-color: var(--sd-ui-action, #1355ff);
}
.sd-watermark button[data-v-df56c82c] {
cursor: pointer;
}
.sd-watermark button[data-v-df56c82c]:hover:not(:disabled) {
background: var(--sd-ui-action, #1355ff);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-watermark button[data-v-df56c82c]:hover:not(:disabled) {
background: color-mix(in srgb, var(--sd-ui-action, #1355ff) 6%, var(--sd-ui-bg, #fff));
}
}
.sd-watermark[data-v-df56c82c] :focus-visible {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 2px;
}
.sd-watermark button[data-v-df56c82c]:disabled, .sd-watermark fieldset[data-v-df56c82c]:disabled {
opacity: .55;
}
.sd-watermark button[data-v-df56c82c]:disabled {
cursor: not-allowed;
}
.sd-watermark__body[data-v-df56c82c] {
flex: 1;
grid-template-rows: minmax(0, 1fr);
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
align-items: start;
min-height: 0;
padding: 16px;
display: grid;
overflow: hidden;
}
.sd-watermark__settings[data-v-df56c82c] {
flex-direction: column;
gap: 12px;
height: 100%;
padding: 2px 20px 12px 0;
display: flex;
overflow: auto;
}
.sd-watermark__settings[data-v-df56c82c] > * {
flex-shrink: 0;
}
.sd-watermark__scope[data-v-df56c82c] {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
display: grid;
}
.sd-watermark__field[data-v-df56c82c] {
flex-direction: column;
gap: 4px;
display: flex;
}
.sd-watermark__field > span[data-v-df56c82c]:first-child, .sd-watermark legend[data-v-df56c82c], .sd-watermark__field > label[data-v-df56c82c] {
font-size: 12px;
font-weight: 600;
}
.sd-watermark__draft[data-v-df56c82c] {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
display: grid;
}
.sd-watermark__draft[data-v-df56c82c] > * {
grid-column: 1 / -1;
}
.sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c], .sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c] {
grid-column: auto;
}
.sd-watermark__types[data-v-df56c82c] {
background: var(--sd-ui-watermark-canvas, #f5f5f5);
border-radius: 8px;
gap: 3px;
display: flex;
border: 1px solid var(--sd-ui-border, #dbdbdb) !important;
padding: 3px !important;
}
.sd-watermark__types label[data-v-df56c82c] {
text-align: center;
cursor: pointer;
white-space: nowrap;
border-radius: 5px;
flex: 1;
padding: 6px 4px;
position: relative;
}
.sd-watermark__types input[data-v-df56c82c] {
opacity: 0;
width: 1px;
height: 1px;
position: absolute;
}
.sd-watermark__types label[data-v-df56c82c]:has(:focus-visible) {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 2px;
}
.sd-watermark__types .is-selected[data-v-df56c82c] {
color: var(--sd-ui-action, #1355ff);
background: var(--sd-ui-bg, #fff);
font-weight: 600;
box-shadow: 0 1px 3px #00000012;
}
.sd-watermark__presets[data-v-df56c82c] {
flex-wrap: wrap;
gap: 6px;
margin-top: -6px;
display: flex;
}
.sd-watermark__presets button[data-v-df56c82c] {
min-height: 26px;
padding: 3px 7px;
font-size: 10px;
}
.sd-watermark__font-row[data-v-df56c82c] {
grid-template-columns: minmax(0, 1fr) 74px auto;
gap: 8px;
display: grid;
}
.sd-watermark__styles[data-v-df56c82c] {
align-items: end;
gap: 4px;
display: flex;
}
.sd-watermark__styles button[data-v-df56c82c] {
min-width: 32px;
padding: 5px;
}
.sd-watermark__styles button[aria-pressed="true"][data-v-df56c82c] {
color: var(--sd-ui-action, #1355ff);
border-color: var(--sd-ui-action, #1355ff);
}
.sd-watermark__color[data-v-df56c82c] {
align-items: center;
gap: 6px;
display: flex;
}
.sd-watermark__color input[type="color"][data-v-df56c82c] {
flex-shrink: 0;
width: 32px;
padding: 4px;
}
.sd-watermark__color input[type="text"][data-v-df56c82c] {
flex: 1;
}
.sd-watermark__range[data-v-df56c82c] {
align-items: center;
gap: 6px;
display: flex;
}
.sd-watermark__range > input[data-v-df56c82c] {
flex: 1;
width: 100%;
}
.sd-watermark__range label[data-v-df56c82c] {
align-items: center;
gap: 4px;
display: flex;
}
.sd-watermark__range input[type="number"][data-v-df56c82c] {
width: 60px;
}
.sd-watermark small[data-v-df56c82c], .sd-watermark__caption[data-v-df56c82c], .sd-watermark__notice[data-v-df56c82c] {
color: var(--sd-ui-text-muted, #666);
font-size: 11px;
font-weight: 400;
}
.sd-watermark small[data-v-df56c82c] {
display: block;
}
.sd-watermark__orientation[data-v-df56c82c] {
gap: 12px;
display: flex;
}
.sd-watermark__orientation legend[data-v-df56c82c] {
margin-bottom: 6px;
}
.sd-watermark__orientation label[data-v-df56c82c] {
border: 1px solid var(--sd-ui-border, #dbdbdb);
border-radius: 6px;
flex: 1;
align-items: center;
gap: 6px;
padding: 6px 8px;
display: flex;
}
.sd-watermark__check[data-v-df56c82c] {
align-items: start;
gap: 8px;
display: flex;
}
.sd-watermark__check input[data-v-df56c82c] {
margin-top: 3px;
}
.sd-watermark__selection-list[data-v-df56c82c] {
flex-direction: column;
gap: 6px;
max-height: 112px;
display: flex;
overflow: auto;
}
.sd-watermark__selection legend[data-v-df56c82c] {
margin-bottom: 8px;
}
.sd-watermark__selection button[data-v-df56c82c], .sd-watermark__selection .sd-watermark__notice[data-v-df56c82c] {
margin-top: 8px;
}
.sd-watermark__picture[data-v-df56c82c] {
border: 1px solid var(--sd-ui-border, #dbdbdb);
border-radius: 6px;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding: 12px;
display: flex;
}
.sd-watermark__picture img[data-v-df56c82c] {
object-fit: contain;
width: 48px;
height: 48px;
}
.sd-watermark__picture > div[data-v-df56c82c] {
overflow-wrap: anywhere;
flex: 1;
min-width: 100px;
}
.sd-watermark__picture strong[data-v-df56c82c] {
font-size: 12px;
font-weight: 500;
}
.sd-watermark__picture button[data-v-df56c82c] {
font-size: 12px;
}
.sd-watermark__preview[data-v-df56c82c] {
border-left: 1px solid var(--sd-ui-border, #dbdbdb);
flex-direction: column;
min-width: 0;
height: 100%;
min-height: 0;
padding: 2px 0 12px 20px;
display: flex;
}
.sd-watermark__preview h3[data-v-df56c82c] {
margin: 0 0 12px;
font-size: 12px;
font-weight: 600;
}
.sd-watermark__page[data-v-df56c82c] {
background: var(--sd-ui-watermark-canvas, #fafafa);
border: 1px solid var(--sd-ui-border, #dbdbdb);
flex: 1;
justify-content: center;
align-items: center;
min-height: 0;
max-height: 340px;
padding: 1px;
display: flex;
overflow: hidden;
}
.sd-watermark__page img[data-v-df56c82c] {
object-fit: contain;
width: 100%;
height: 100%;
display: block;
}
.sd-watermark__page p[data-v-df56c82c] {
color: var(--sd-ui-text-muted, #666);
padding: 16px;
font-size: 12px;
}
.sd-watermark__caption[data-v-df56c82c] {
text-align: center;
margin: 8px 0 12px;
}
.sd-watermark__impact[data-v-df56c82c] {
margin: 0;
font-size: 11px;
line-height: 1.6;
}
.sd-watermark__impact-details[data-v-df56c82c] {
flex-shrink: 0;
margin-top: 6px;
font-size: 11px;
}
.sd-watermark__impact-details summary[data-v-df56c82c] {
cursor: pointer;
}
.sd-watermark__impact-details ul[data-v-df56c82c] {
max-height: 4.5em;
margin: 6px 0 0;
padding: 0 0 2px 18px;
overflow: auto;
}
.sd-watermark__notice[data-v-df56c82c] {
margin: 0;
}
.sd-watermark__error[data-v-df56c82c] {
border-top: 1px solid var(--sd-ui-border, #dbdbdb);
color: var(--sd-color-red-500, #ed4337);
flex-shrink: 0;
padding: 12px 16px;
font-size: 13px;
}
.sd-watermark__error p[data-v-df56c82c] {
margin: 0 0 8px;
}
.sd-watermark__footer p[data-v-df56c82c] {
color: var(--sd-ui-text-muted, #666);
flex: 1;
margin: 0;
font-size: 12px;
}
.sd-watermark__actions[data-v-df56c82c] {
flex-shrink: 0;
gap: 8px;
display: flex;
}
.sd-watermark .sd-watermark__apply[data-v-df56c82c] {
color: var(--sd-ui-action-text, #fff);
background: var(--sd-ui-action, #1355ff);
border-color: var(--sd-ui-action, #1355ff);
}
.sd-watermark .sd-watermark__apply[data-v-df56c82c]:hover:not(:disabled) {
background: var(--sd-ui-action-hover, #0f44cc);
}
.sd-watermark__sr-only[data-v-df56c82c] {
clip-path: inset(50%);
white-space: nowrap;
width: 1px;
height: 1px;
position: absolute;
overflow: hidden;
}
@container (max-width: 560px) {
.sd-watermark button[data-v-df56c82c], .sd-watermark select[data-v-df56c82c], .sd-watermark input[data-v-df56c82c]:not([type="radio"], [type="checkbox"], [type="range"], [type="file"]), .sd-watermark__types label[data-v-df56c82c], .sd-watermark__orientation label[data-v-df56c82c] {
min-height: 40px;
}
.sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c], .sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c] {
grid-column: 1 / -1;
}
.sd-watermark__body[data-v-df56c82c] {
grid-template-rows: none;
grid-template-columns: 1fr;
align-content: start;
overflow: auto;
}
.sd-watermark__settings[data-v-df56c82c] {
height: auto;
padding-right: 0;
overflow: visible;
}
.sd-watermark__preview[data-v-df56c82c] {
border-left: 0;
border-top: 1px solid var(--sd-ui-border, #dbdbdb);
height: auto;
padding: 20px 0;
display: block;
}
.sd-watermark__page[data-v-df56c82c] {
max-width: 220px;
min-height: 150px;
margin: auto;
}
.sd-watermark__page img[data-v-df56c82c] {
height: auto;
}
.sd-watermark__footer[data-v-df56c82c] {
flex-wrap: wrap;
}
.sd-watermark__actions[data-v-df56c82c] {
margin-left: auto;
}
}
:root {
--sd-color-blue-50: #ebf0ff;
--sd-color-blue-100: #d6e1ff;
--sd-color-blue-200: #adc3ff;
--sd-color-blue-300: #85a5ff;
--sd-color-blue-400: #5c87ff;
--sd-color-blue-500: #1355ff;
--sd-color-blue-600: #0f44cc;
--sd-color-blue-700: #0b3399;
--sd-color-blue-800: #082266;
--sd-color-blue-900: #041133;
--sd-color-gray-50: #fafafa;
--sd-color-gray-100: #f5f5f5;
--sd-color-gray-200: #f2f2f2;
--sd-color-gray-300: #e0e0e0;
--sd-color-gray-400: #dbdbdb;
--sd-color-gray-500: #ababab;
--sd-color-gray-600: #888;
--sd-color-gray-700: #666;
--sd-color-gray-800: #424242;
--sd-color-gray-900: #212121;
--sd-color-red-500: #ed4337;
--sd-color-green-500: #00853d;
--sd-color-rose-500: #cb0e47;
--sd-font-size-50: 10px;
--sd-font-size-100: 11px;
--sd-font-size-200: 12px;
--sd-font-size-300: 13px;
--sd-font-size-400: 14px;
--sd-font-size-500: 15px;
--sd-font-size-600: 16px;
--sd-radius-50: var(--sd-radius-sm, 4px);
--sd-radius-100: 6px;
--sd-radius-200: var(--sd-radius-md, 8px);
--sd-radius-300: var(--sd-radius-lg, 12px);
--sd-ui-font-family: var(--sd-font-family, Arial, Helvetica, sans-serif);
--sd-ui-text: var(--sd-text-primary, #47484a);
--sd-ui-text-muted: var(--sd-text-muted, var(--sd-color-gray-700));
--sd-ui-text-disabled: var(--sd-text-placeholder, var(--sd-color-gray-500));
--sd-ui-bg: var(--sd-surface-card, #fff);
--sd-ui-hover-bg: var(--sd-surface-hover, var(--sd-color-gray-400));
--sd-ui-active-bg: #c8d0d8;
--sd-ui-disabled-bg: var(--sd-surface-muted, var(--sd-color-gray-100));
--sd-ui-border: var(--sd-border-default, var(--sd-color-gray-400));
--sd-ui-action: var(--sd-action-primary, var(--sd-color-blue-500));
--sd-ui-action-hover: var(--sd-action-primary-hover, var(--sd-color-blue-600));
--sd-ui-action-text: #fff;
--sd-ui-shadow: 0 4px 12px #0000001f;
--sd-ui-radius: var(--sd-radius-100);
--sd-ui-font-size-50: var(--sd-font-size-50);
--sd-ui-font-size-100: var(--sd-font-size-100);
--sd-ui-font-size-200: var(--sd-font-size-200);
--sd-ui-font-size-300: var(--sd-font-size-300);
--sd-ui-font-size-400: var(--sd-font-size-400);
--sd-ui-font-size-500: var(--sd-font-size-500);
--sd-ui-font-size-600: var(--sd-font-size-600);
--sd-ui-dropdown-border: var(--sd-ui-border);
--sd-ui-dropdown-bg: var(--sd-ui-bg);
--sd-ui-dropdown-option-radius: 3px;
--sd-ui-dropdown-text: var(--sd-ui-text);
--sd-ui-dropdown-hover-text: var(--sd-ui-dropdown-text);
--sd-ui-dropdown-selected-text: var(--sd-ui-dropdown-text);
--sd-ui-dropdown-hover-bg: var(--sd-ui-hover-bg);
--sd-ui-dropdown-active-bg: var(--sd-ui-active-bg);
--sd-ui-dropdown-shadow: 0 8px 24px #00000029;
--sd-ui-tooltip-bg: #262626;
--sd-ui-tooltip-text: #fff;
--sd-ui-tooltip-radius: var(--sd-radius-100);
--sd-ui-tooltip-shadow: 0 3px 12px #00000047;
--sd-ui-toolbar-height: 32px;
--sd-ui-toolbar-padding-x: 16px;
--sd-ui-toolbar-padding-y: 4px;
--sd-ui-toolbar-item-gap: 2px;
--sd-ui-toolbar-item-padding: 5px;
--sd-ui-toolbar-bg: var(--sd-ui-bg);
--sd-ui-toolbar-button-text: var(--sd-ui-text);
--sd-ui-toolbar-button-hover-bg: var(--sd-ui-hover-bg);
--sd-ui-toolbar-button-active-bg: var(--sd-ui-active-bg);
--sd-ui-toolbar-z-index: 10;
--sd-ui-ruler-bg: var(--sd-ui-bg);
--sd-ui-ruler-z-index: 10;
--sd-ui-menu-bg: var(--sd-ui-bg);
--sd-ui-menu-text: var(--sd-ui-text);
--sd-ui-menu-font-size: var(--sd-font-size-200);
--sd-ui-menu-radius: 0;
--sd-ui-menu-shadow: 0 0 0 1px #0000000d, 0px 10px 20px #0000001a;
--sd-ui-menu-border: var(--sd-ui-border);
--sd-ui-menu-input-border: var(--sd-ui-border);
--sd-ui-menu-input-focus-border: var(--sd-ui-action);
--sd-ui-menu-item-hover-bg: var(--sd-ui-hover-bg);
--sd-ui-menu-item-active-bg: var(--sd-ui-active-bg);
--sd-ui-menu-item-active-text: var(--sd-ui-action);
--sd-ui-menu-header-bg: #fafafa;
--sd-ui-menu-text-muted: #888;
--sd-ui-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
--sd-ui-tools-gap: 6px;
--sd-ui-tools-item-size: 50px;
--sd-ui-tools-item-radius: var(--sd-radius-300);
--sd-ui-tools-item-bg: #dbdbdb99;
--sd-ui-tools-icon-size: 20px;
--sd-ui-comments-card-bg: var(--sd-comment-bg, #f3f6fd);
--sd-ui-comments-card-hover-bg: var(--sd-comment-bg-hover, var(--sd-ui-comments-card-bg));
--sd-ui-comments-card-active-bg: var(--sd-comment-bg-active, var(--sd-ui-bg));
--sd-ui-comments-card-resolved-bg: var(--sd-comment-bg-resolved, var(--sd-ui-disabled-bg));
--sd-ui-comments-card-active-border: var(--sd-comment-border-active, var(--sd-ui-border));
--sd-ui-comments-card-radius: var(--sd-comment-radius, var(--sd-radius-300));
--sd-ui-comments-card-padding: var(--sd-comment-padding, 16px);
--sd-ui-comments-card-shadow: var(--sd-comment-shadow, 0px 4px 12px 0px #32323226);
--sd-ui-comments-separator: var(--sd-comment-separator, var(--sd-ui-border));
--sd-ui-comments-transition: var(--sd-comment-transition, all .2s ease);
--sd-ui-comments-author-text: var(--sd-comment-author-color, var(--sd-ui-text));
--sd-ui-comments-author-size: var(--sd-comment-author-size, var(--sd-font-size-400));
--sd-ui-comments-author-weight: var(--sd-comment-author-weight, 600);
--sd-ui-comments-tag-text: var(--sd-ui-text-muted);
--sd-ui-comments-tag-bg: var(--sd-color-gray-200);
--sd-ui-comments-timestamp-text: var(--sd-comment-time-color, var(--sd-ui-text-muted));
--sd-ui-comments-timestamp-size: var(--sd-comment-time-size, var(--sd-font-size-200));
--sd-ui-comments-body-text: var(--sd-ui-text);
--sd-ui-comments-body-size: var(--sd-comment-body-size, var(--sd-font-size-400));
--sd-ui-comments-resolved-text: var(--sd-color-green-500);
--sd-ui-comments-insert-text: var(--sd-comment-tc-insert-color, #1f6feb);
--sd-ui-comments-delete-text: var(--sd-comment-tc-delete-color, var(--sd-color-rose-500));
--sd-ui-comments-move-to-text: var(--sd-comment-tc-move-to-color, var(--sd-color-green-500));
--sd-ui-comments-move-from-text: var(--sd-comment-tc-move-from-color, var(--sd-color-green-500));
--sd-ui-comments-dropdown-border: var(--sd-ui-border);
--sd-ui-comments-dropdown-bg: var(--sd-ui-bg);
--sd-ui-comments-dropdown-shadow: 0 8px 24px #0000001f;
--sd-ui-comments-option-size: var(--sd-font-size-400);
--sd-ui-comments-option-text: var(--sd-ui-comments-body-text);
--sd-ui-comments-option-hover-text: var(--sd-ui-comments-option-text);
--sd-ui-comments-option-selected-text: var(--sd-ui-comments-option-text);
--sd-ui-comments-option-hover-bg: var(--sd-ui-hover-bg);
--sd-ui-comments-input-bg: var(--sd-ui-bg);
--sd-ui-comments-input-border: var(--sd-ui-border);
--sd-ui-comments-internal-bg: var(--sd-comment-internal-bg, #cde6e6);
--sd-ui-comments-external-bg: var(--sd-comment-external-bg, #f5cfda);
--sd-comments-highlight-external-base: #b1124b;
--sd-comments-highlight-external: var(--sd-comment-highlight-external, #b1124b40);
--sd-comments-highlight-external-active: #b1124b66;
--sd-comments-highlight-external-faded: #b1124b20;
--sd-comments-highlight-internal-base: #078383;
--sd-comments-highlight-internal: var(--sd-comment-highlight-internal, #07838340);
--sd-comments-highlight-internal-active: #07838366;
--sd-comments-highlight-internal-faded: #07838320;
--sd-comments-highlight-external-nested-border: #b1124b99;
--sd-comments-highlight-internal-nested-border: #07838399;
--sd-comments-highlight-hover: #1354ff55;
--sd-comments-selection-background: #1354ff55;
--sd-tracked-changes-insert-background: var(--sd-track-insert-bg);
--sd-tracked-changes-insert-border: var(--sd-track-insert-border, #1f6feb);
--sd-tracked-changes-insert-border-width: 1px;
--sd-tracked-changes-insert-text: currentColor;
--sd-tracked-changes-insert-decoration-line: none;
--sd-tracked-changes-insert-decoration-thickness: 1px;
--sd-tracked-changes-insert-underline-offset: 0px;
--sd-tracked-changes-delete-background: var(--sd-track-delete-bg);
--sd-tracked-changes-delete-border: var(--sd-track-delete-border, #cb0e47);
--sd-tracked-changes-delete-border-width: 1px;
--sd-tracked-changes-delete-text: currentColor;
--sd-tracked-changes-delete-decoration-thickness: 2px;
--sd-tracked-changes-format-border: var(--sd-track-format-border, gold);
--sd-tracked-changes-move-to-border: var(--sd-tracked-changes-semantic-color, #00853d);
--sd-tracked-changes-move-to-background: var(--sd-tracked-changes-semantic-background, #00853d22);
--sd-tracked-changes-move-to-background-focused: var(--sd-tracked-changes-semantic-background-focused, #00853d44);
--sd-tracked-changes-move-to-text: var(--sd-tracked-changes-semantic-color, #00853d);
--sd-tracked-changes-move-from-border: var(--sd-tracked-changes-semantic-color, #00853d);
--sd-tracked-changes-move-from-background: var(--sd-tracked-changes-semantic-background, #00853d22);
--sd-tracked-changes-move-from-background-focused: var(--sd-tracked-changes-semantic-background-focused, #00853d44);
--sd-tracked-changes-move-from-text: var(--sd-tracked-changes-semantic-color, #00853d);
--sd-tracked-changes-insert-background-focused: var(--sd-track-insert-bg-focused, var(--sd-tracked-changes-insert-background, var(--sd-track-insert-bg, #1f6feb44)));
--sd-tracked-changes-delete-background-focused: var(--sd-track-delete-bg-focused, var(--sd-tracked-changes-delete-background, var(--sd-track-delete-bg, #cb0e4744)));
--sd-tracked-changes-format-background-focused: #ffd70033;
--sd-tracked-changes-table-insertion-border: #1f6feb;
--sd-tracked-changes-table-insertion-background: #1f6feb22;
--sd-tracked-changes-table-insertion-background-focused: #1f6feb44;
--sd-tracked-changes-table-insertion-text: currentColor;
--sd-tracked-changes-table-deletion-border: #cb0e47;
--sd-tracked-changes-table-deletion-background: #cb0e4722;
--sd-tracked-changes-table-deletion-background-focused: #cb0e4744;
--sd-tracked-changes-table-deletion-text: #cb0e47;
--sd-tracked-changes-table-row-insertion-border: #1f6feb;
--sd-tracked-changes-table-row-insertion-background: #1f6feb22;
--sd-tracked-changes-table-row-insertion-background-focused: #1f6feb44;
--sd-tracked-changes-table-row-insertion-text: currentColor;
--sd-tracked-changes-table-row-deletion-border: #cb0e47;
--sd-tracked-changes-table-row-deletion-background: #cb0e4722;
--sd-tracked-changes-table-row-deletion-background-focused: #cb0e4744;
--sd-tracked-changes-table-row-deletion-text: #cb0e47;
--sd-tracked-changes-table-split-border: #bc4c00;
--sd-tracked-changes-table-split-background: #bc4c0022;
--sd-tracked-changes-table-split-background-focused: #bc4c0044;
--sd-tracked-changes-table-split-text: #bc4c00;
--sd-content-controls-block-border: #629be7;
--sd-content-controls-block-hover-border: transparent;
--sd-content-controls-block-hover-bg: var(--sd-ui-hover-bg);
--sd-content-controls-inline-border: #629be7;
--sd-content-controls-inline-hover-border: transparent;
--sd-content-controls-inline-hover-bg: var(--sd-ui-hover-bg);
--sd-content-controls-label-border: #629be7;
--sd-content-controls-label-bg: #629be7ee;
--sd-content-controls-label-text: #fff;
--sd-content-controls-lock-hover-bg: #629be714;
--sd-ui-surface-bg: var(--sd-popover-bg, var(--sd-ui-bg));
--sd-ui-surface-border: var(--sd-ui-border);
--sd-ui-surface-shadow: var(--sd-popover-shadow, 0 8px 32px #0000002e);
--sd-ui-surface-radius: var(--sd-popover-radius, var(--sd-radius-200));
--sd-ui-surface-z-index: 100;
--sd-ui-surface-title-padding: 16px 20px 0;
--sd-ui-surface-content-padding: 16px 20px 20px;
--sd-ui-dialog-backdrop: #0006;
--sd-ui-dialog-max-width: 480px;
--sd-ui-cross-reference-max-width: 480px;
--sd-ui-cross-reference-list-height: 320px;
--sd-ui-cross-reference-selected-bg: var(--sd-ui-action);
}
@supports (color: color-mix(in lab, red, red)) {
:root {
--sd-ui-cross-reference-selected-bg: color-mix(in srgb, var(--sd-ui-action) 8%, var(--sd-ui-surface-bg));
}
}
:root {
--sd-ui-floating-width: 360px;
--sd-ui-floating-max-width: 480px;
--sd-ui-floating-max-height: min(60vh, calc(100% - 32px));
--sd-ui-floating-edge-offset: 16px;
--sd-ui-find-replace-gap: 6px;
--sd-ui-find-replace-input-height: 32px;
--sd-ui-find-replace-input-padding: 4px 8px;
--sd-ui-find-replace-input-font-size: var(--sd-ui-font-size-400, 14px);
--sd-ui-find-replace-input-bg: var(--sd-ui-surface-bg, #fff);
--sd-ui-find-replace-input-border: var(--sd-ui-border);
--sd-ui-find-replace-input-focus-border: var(--sd-ui-action);
--sd-ui-find-replace-input-radius: 6px;
--sd-ui-find-replace-count-color: var(--sd-ui-text-muted, #6b7280);
--sd-ui-find-replace-count-font-size: 12px;
--sd-ui-find-replace-btn-size: 28px;
--sd-ui-find-replace-btn-radius: 6px;
--sd-ui-find-replace-btn-hover-bg: var(--sd-ui-hover-bg, #0000000f);
--sd-ui-find-replace-btn-color: var(--sd-ui-text);
--sd-ui-find-replace-btn-disabled-opacity: .4;
--sd-ui-find-replace-toggle-active-bg: var(--sd-ui-action);
}
@supports (color: color-mix(in lab, red, red)) {
:root {
--sd-ui-find-replace-toggle-active-bg: color-mix(in srgb, var(--sd-ui-action) 12%, transparent);
}
}
:root {
--sd-ui-find-replace-toggle-active-color: var(--sd-ui-action);
--sd-ui-find-replace-toggle-active-border: var(--sd-ui-action);
}
@supports (color: color-mix(in lab, red, red)) {
:root {
--sd-ui-find-replace-toggle-active-border: color-mix(in srgb, var(--sd-ui-action) 30%, transparent);
}
}
:root {
--sd-ui-find-replace-action-btn-bg: var(--sd-ui-action);
--sd-ui-find-replace-action-btn-color: #fff;
--sd-ui-find-replace-action-btn-hover-bg: var(--sd-ui-action-hover, var(--sd-ui-action));
--sd-ui-find-replace-nav-gap: 2px;
--sd-ui-find-replace-options-gap: 4px;
--sd-ui-find-replace-btn-icon-font-size: 12px;
--sd-ui-find-replace-btn-toggle-font-size: 11px;
--sd-ui-find-replace-action-btn-padding: 0 12px;
--sd-ui-find-replace-btn-toggle-padding: 0 3px;
--sd-ui-find-replace-count-inset: 8px;
--sd-ui-search-match-bg: #ffd50066;
--sd-ui-search-match-active-bg: #ff960099;
--sd-ui-password-prompt-gap: 12px;
--sd-ui-password-prompt-heading-size: var(--sd-ui-font-size-500, 15px);
--sd-ui-password-prompt-heading-weight: 600;
--sd-ui-password-prompt-heading-color: var(--sd-ui-text);
--sd-ui-password-prompt-description-size: var(--sd-ui-font-size-400, 14px);
--sd-ui-password-prompt-description-color: var(--sd-ui-text);
--sd-ui-password-prompt-input-padding: 8px 10px;
--sd-ui-password-prompt-input-size: var(--sd-ui-font-size-400, 14px);
--sd-ui-password-prompt-input-color: var(--sd-ui-text);
--sd-ui-password-prompt-input-bg: var(--sd-ui-surface-bg, #fff);
--sd-ui-password-prompt-input-border: var(--sd-ui-border);
--sd-ui-password-prompt-input-focus-border: var(--sd-ui-action);
--sd-ui-password-prompt-input-radius: 4px;
--sd-ui-password-prompt-input-disabled-opacity: .6;
--sd-ui-password-prompt-error-size: var(--sd-ui-font-size-300, 13px);
--sd-ui-password-prompt-error-color: var(--sd-color-red-500);
--sd-ui-password-prompt-actions-gap: 8px;
--sd-ui-password-prompt-btn-padding: 6px 16px;
--sd-ui-password-prompt-btn-size: var(--sd-ui-font-size-400, 14px);
--sd-ui-password-prompt-btn-radius: 4px;
--sd-ui-password-prompt-btn-disabled-opacity: .5;
--sd-ui-password-prompt-cancel-bg: transparent;
--sd-ui-password-prompt-cancel-border: var(--sd-ui-border);
--sd-ui-password-prompt-cancel-color: var(--sd-ui-text);
--sd-ui-password-prompt-cancel-hover-bg: var(--sd-color-gray-100, #f5f5f5);
--sd-ui-password-prompt-submit-bg: var(--sd-ui-action);
--sd-ui-password-prompt-submit-border: var(--sd-ui-action);
--sd-ui-password-prompt-submit-color: var(--sd-ui-action-text, #fff);
--sd-ui-password-prompt-submit-hover-bg: var(--sd-ui-action-hover);
--sd-layout-page-bg: var(--sd-ui-bg);
--sd-layout-page-shadow: 0 4px 20px #0f172a14;
--sd-formatting-mark-color: var(--sd-color-blue-500);
--sd-formatting-paragraph-mark-gap: .2em;
--sd-proofing-spelling-color: #e53e3e;
--sd-proofing-grammar-color: #3182ce;
--sd-proofing-style-color: #805ad5;
--sd-proofing-underline-thickness: 1.5px;
--sd-proofing-underline-offset: 2px;
--sd-surface-canvas: var(--sd-color-gray-50);
--sd-surface-selected: var(--sd-color-blue-100);
--sd-text-secondary: var(--sd-color-gray-700);
--sd-surface-page: var(--sd-ui-bg);
--sd-border-subtle: var(--sd-ui-comments-separator);
--sd-border-focus: var(--sd-ui-action);
}
.sd-theme-docs {
--sd-ui-font-family: Arial, sans-serif;
--sd-ui-text: #202124;
--sd-ui-bg: #f1f3f4;
--sd-ui-border: #dadce0;
--sd-ui-action: #1a73e8;
--sd-ui-action-hover: #185abc;
--sd-ui-toolbar-bg: #f0f4f9;
--sd-ui-toolbar-button-text: #3c4043;
--sd-ui-toolbar-button-hover-bg: #e8eaed;
--sd-ui-toolbar-button-active-bg: #d2e3fc;
--sd-ui-toolbar-item-padding: 4px;
--sd-ui-dropdown-border: #dadce0;
--sd-ui-dropdown-bg: #fff;
--sd-ui-dropdown-hover-bg: #e8eaed;
--sd-ui-dropdown-active-bg: #d2e3fc;
--sd-ui-dropdown-shadow: 0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;
--sd-ui-menu-bg: #fff;
--sd-ui-menu-border: #dadce0;
--sd-ui-menu-shadow: 0 1px 2px #3c404340, 0 3px 8px #3c40432e;
--sd-ui-menu-item-hover-bg: #e8eaed;
--sd-ui-menu-item-active-bg: #d2e3fc;
--sd-ui-comments-card-bg: #d7dde8;
--sd-ui-comments-card-active-bg: #fff;
--sd-ui-comments-card-active-border: #c7cdd6;
--sd-ui-comments-card-shadow: 0 1px 2px #3c404333, 0 2px 6px #3c40432e;
--sd-ui-comments-separator: #c7cdd6;
--sd-ui-comments-timestamp-text: #5f6368;
--sd-ui-comments-input-bg: #fff;
--sd-ui-comments-option-hover-bg: #e8eaed;
--sd-ui-comments-input-border: #80868b;
--sd-comments-highlight-external-base: #f9ab00;
--sd-comments-highlight-external: #f9ab0033;
--sd-comments-highlight-external-active: #f9ab0044;
--sd-comments-highlight-external-faded: #f9ab001f;
--sd-comments-highlight-external-nested-border: #f9ab0088;
--sd-comments-highlight-internal-base: #188038;
--sd-comments-highlight-internal: #18803833;
--sd-comments-highlight-internal-active: #18803844;
--sd-comments-highlight-internal-faded: #1880381f;
--sd-comments-highlight-internal-nested-border: #18803888;
--sd-layout-page-bg: #fff;
--sd-layout-page-shadow: 0 1px 2px #3c404333, 0 2px 6px #3c40431f;
--sd-ui-surface-bg: #fff;
--sd-ui-surface-shadow: 0 1px 3px #3c40434d, 0 4px 8px 3px #3c404326;
--sd-ui-dialog-backdrop: #00000052;
}
.sd-theme-word {
--sd-ui-font-family: "Segoe UI", Arial, sans-serif;
--sd-ui-text: #323130;
--sd-ui-bg: #f3f2f1;
--sd-ui-border: #d2d0ce;
--sd-ui-action: #185abd;
--sd-ui-action-hover: #134a9e;
--sd-ui-toolbar-bg: #f3f2f1;
--sd-ui-toolbar-button-text: #201f1e;
--sd-ui-toolbar-button-hover-bg: #e8e6e4;
--sd-ui-toolbar-button-active-bg: #d2d0ce;
--sd-ui-toolbar-item-padding: 4px;
--sd-ui-dropdown-border: #d2d0ce;
--sd-ui-dropdown-bg: #fff;
--sd-ui-dropdown-hover-bg: #e8e6e4;
--sd-ui-dropdown-active-bg: #d2d0ce;
--sd-ui-dropdown-shadow: 0 1px 2px #00000024, 0 4px 8px #00000014;
--sd-ui-menu-bg: #fff;
--sd-ui-menu-border: #d2d0ce;
--sd-ui-menu-shadow: 0 2px 6px #00000024;
--sd-ui-menu-item-hover-bg: #f3f2f1;
--sd-ui-menu-item-active-bg: #edebe9;
--sd-ui-comments-card-bg: #ebebeb;
--sd-ui-comments-card-active-bg: #fff;
--sd-ui-comments-card-active-border: #d2d0ce;
--sd-ui-comments-card-shadow: 0 2px 4px #00000029, 0 10px 20px #0000001a;
--sd-ui-comments-separator: #c8c6c4;
--sd-ui-comments-timestamp-text: #605e5c;
--sd-ui-comments-input-bg: #fff;
--sd-ui-comments-option-hover-bg: #f3f2f1;
--sd-ui-comments-input-border: #8a8886;
--sd-comments-highlight-external-base: #8a8886;
--sd-comments-highlight-external: #8a888633;
--sd-comments-highlight-external-active: #8a888655;
--sd-comments-highlight-external-faded: #8a88861f;
--sd-comments-highlight-external-nested-border: #8a888688;
--sd-comments-highlight-internal-base: #0f6cbd;
--sd-comments-highlight-internal: #0f6cbd33;
--sd-comments-highlight-internal-active: #0f6cbd55;
--sd-comments-highlight-internal-faded: #0f6cbd1f;
--sd-comments-highlight-internal-nested-border: #0f6cbd88;
--sd-layout-page-bg: #fff;
--sd-layout-page-shadow: 0 1px 2px #00000029, 0 6px 12px #00000014;
--sd-ui-surface-bg: #fff;
--sd-ui-surface-shadow: 0 2px 6px #00000024, 0 8px 24px #0000001a;
--sd-ui-dialog-backdrop: #0006;
}
.sd-theme-blueprint {
--sd-ui-font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
--sd-ui-text: #0f172a;
--sd-ui-text-muted: #334155;
--sd-ui-text-disabled: #64748b;
--sd-ui-bg: #e8eff5;
--sd-ui-hover-bg: #d3e2ef;
--sd-ui-active-bg: #bfd4e6;
--sd-ui-border: #9fb4c7;
--sd-ui-action: #0f766e;
--sd-ui-action-hover: #115e59;
--sd-ui-shadow: 0 2px 8px #0f172a2e;
--sd-ui-toolbar-bg: #dbe6f0;
--sd-ui-toolbar-button-text: #0f172a;
--sd-ui-toolbar-button-hover-bg: #c9dced;
--sd-ui-toolbar-button-active-bg: #b7cee3;
--sd-ui-dropdown-bg: #fff;
--sd-ui-dropdown-border: #8ea5b8;
--sd-ui-dropdown-hover-bg: #e7f0f8;
--sd-ui-dropdown-active-bg: #cde2f3;
--sd-ui-dropdown-shadow: 0 8px 24px #0f172a38;
--sd-ui-menu-bg: #fff;
--sd-ui-menu-border: #8ea5b8;
--sd-ui-menu-item-hover-bg: #e2eef8;
--sd-ui-menu-item-active-bg: #cde2f3;
--sd-ui-menu-shadow: 0 8px 24px #0f172a38;
--sd-layout-page-bg: #fff;
--sd-layout-page-shadow: 0 8px 24px #0f172a29;
--sd-ui-comments-card-bg: #dbe7f2;
--sd-ui-comments-card-active-bg: #fff;
--sd-ui-comments-card-active-border: #8ea5b8;
--sd-ui-comments-card-shadow: 0 10px 24px #0f172a2e;
--sd-ui-comments-input-border: #7f96aa;
--sd-ui-comments-separator: #9fb4c7;
--sd-ui-comments-timestamp-text: #475569;
--sd-ui-comments-input-bg: #fff;
--sd-comments-highlight-external-base: #b45309;
--sd-comments-highlight-external: #b4530933;
--sd-comments-highlight-external-active: #b4530944;
--sd-comments-highlight-external-faded: #b453091f;
--sd-comments-highlight-external-nested-border: #b4530988;
--sd-comments-highlight-internal-base: #0f766e;
--sd-comments-highlight-internal: #0f766e33;
--sd-comments-highlight-internal-active: #0f766e44;
--sd-comments-highlight-internal-faded: #0f766e1f;
--sd-comments-highlight-internal-nested-border: #0f766e88;
--sd-ui-surface-bg: #fff;
--sd-ui-surface-shadow: 0 4px 16px #0f172a33;
--sd-ui-dialog-backdrop: #0f172a73;
}
.superdoc *, .superdoc :before, .superdoc :after, .superdoc-toolbar *, .superdoc-toolbar :before, .superdoc-toolbar :after {
box-sizing: border-box;
}
.superdoc .sd-disabled, .superdoc-toolbar .sd-disabled {
opacity: .5;
cursor: not-allowed;
pointer-events: none;
}
.sd-button {
cursor: pointer;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 8px;
outline: none;
padding: 8px 12px;
font-size: 14px;
font-weight: 600;
transition: all .25s;
}
.sd-button:hover {
background-color: #dbdbdb;
}
.sd-button.primary {
color: #fff;
background-color: #1355ff;
border: none;
}
.sd-button.primary:hover {
background-color: #0d3fcc;
}
.sd-comment-box {
width: 300px;
}
.superdoc-field {
border: 1px solid #dbdbdb;
border-radius: 8px;
outline: none;
width: 100%;
padding: 12px;
}
.superdoc-field:focus, .superdoc-field:active {
border: 1px solid #1355ff;
}
.superdoc-field .ProseMirror {
border: 0;
outline: 0;
margin: 0;
}
.sd-editor-placeholder:before {
content: attr(data-placeholder);
color: #aaa;
pointer-events: none;
height: 0;
display: block;
}
.superdoc .sd-content-control-highlight {
background-color: var(--sd-content-controls-highlight-bg, #ff0) !important;
}
.superdoc svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.superdoc-toolbar svg {
fill: currentColor;
pointer-events: none;
width: 100%;
height: 100%;
display: block;
}
.superdoc-toolbar svg path {
stroke: currentColor;
}
.superdoc--web-layout, .superdoc--web-layout .superdoc__layers, .superdoc--web-layout .superdoc__document, .superdoc--web-layout .superdoc__sub-document {
width: 100%;
}
.sd-upgrade-overlay {
z-index: 9999;
pointer-events: none;
position: absolute;
inset: 0;
overflow: hidden;
}
.sd-upgrade-overlay [contenteditable] {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.sd-upgrade-hidden {
visibility: hidden !important;
}
.superdoc .ProseMirror-search-match:not([data-sd-search-exact-highlight]) {
background: var(--sd-ui-search-match-bg) !important;
}
.superdoc .ProseMirror-active-search-match:not([data-sd-search-exact-highlight]) {
background: var(--sd-ui-search-match-active-bg) !important;
}
::highlight(superdoc-search-match) {
background: var(--sd-ui-search-match-bg);
}
::highlight(superdoc-search-active-match) {
background: var(--sd-ui-search-match-active-bg);
}
.superdoc .sd-proofing-spelling, .superdoc .sd-proofing-grammar, .superdoc .sd-proofing-style {
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
text-underline-offset: var(--sd-proofing-underline-offset, 2px);
}
.superdoc .sd-proofing-spelling {
-webkit-text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
}
.superdoc .sd-proofing-grammar {
-webkit-text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
}
.superdoc .sd-proofing-style {
-webkit-text-decoration-color: var(--sd-proofing-style-color, #805ad5);
text-decoration-color: var(--sd-proofing-style-color, #805ad5);
}
::highlight(sd-proofing-spelling) {
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
text-underline-offset: var(--sd-proofing-underline-offset, 2px);
}
::highlight(sd-proofing-grammar) {
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
text-underline-offset: var(--sd-proofing-underline-offset, 2px);
}
::highlight(sd-proofing-style) {
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
text-underline-offset: var(--sd-proofing-underline-offset, 2px);
}
::highlight(sd-proofing-spelling) {
-webkit-text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
}
::highlight(sd-proofing-grammar) {
-webkit-text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
}
::highlight(sd-proofing-style) {
-webkit-text-decoration-color: var(--sd-proofing-style-color, #805ad5);
text-decoration-color: var(--sd-proofing-style-color, #805ad5);
}
.superdoc--contained, .superdoc--contained .superdoc__layers, .superdoc--contained .superdoc__document, .superdoc--contained .superdoc__sub-document {
height: 100%;
}
.superdoc--contained .superdoc__sub-document {
overflow: auto;
}
.comments-dropdown[data-v-7eced80a], .comments-dropdown__trigger[data-v-7eced80a] {
display: inline-flex;
}
.comments-dropdown__menu[data-v-7eced80a] {
border: 1px solid var(--sd-ui-comments-dropdown-border, #dbdbdb);
background: var(--sd-ui-comments-dropdown-bg, #fff);
min-width: 120px;
box-shadow: var(--sd-ui-comments-dropdown-shadow, 0 8px 24px #0000001f);
box-sizing: border-box;
border-radius: 8px;
padding: 4px;
}
.comments-dropdown__option[data-v-7eced80a] {
font-size: var(--sd-ui-comments-option-size, 14px);
color: var(--sd-ui-comments-option-text, #212121);
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
align-items: center;
gap: 8px;
min-height: 34px;
padding: 4px 8px;
display: flex;
}
.comments-dropdown__option[data-v-7eced80a]:hover {
background-color: var(--sd-ui-comments-option-hover-bg, #f3f3f5);
color: var(--sd-ui-comments-option-hover-text, #212121);
}
.comments-dropdown__option.sd-disabled[data-v-7eced80a] {
opacity: .5;
pointer-events: none;
}
.comments-dropdown__option-icon[data-v-7eced80a] {
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: inline-flex;
}
.comments-dropdown__option-icon[data-v-7eced80a] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.sd-comment-option[data-v-138d641e] {
align-items: center;
font-size: 11px;
display: flex;
}
.sd-comment-option i[data-v-138d641e] {
font-size: 11px;
}
.sd-option-state[data-v-138d641e] {
margin: 0 7px;
}
.sd-active-icon[data-v-138d641e] {
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: inline-flex;
}
.sd-active-icon[data-v-138d641e] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.sd-dropdown-caret[data-v-138d641e] {
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 10px;
height: 16px;
display: inline-flex;
}
.sd-dropdown-caret[data-v-138d641e] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.sd-internal-dropdown[data-v-138d641e] {
cursor: pointer;
border-radius: 50px;
padding: 2px 8px;
transition: all .25s;
display: inline-flex;
}
.sd-internal-dropdown[data-v-138d641e]:hover {
background-color: #f3f3f5;
}
.user-container[data-v-c95b2073] {
border: var(--sd-comment-avatar-border, 2px solid #333);
font-size: var(--sd-comment-avatar-font-size, 11px);
color: var(--sd-comment-avatar-color, #fff);
background-color: var(--sd-comment-avatar-bg, #00000098);
width: var(--sd-comment-avatar-size, 28px);
height: var(--sd-comment-avatar-size, 28px);
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-weight: 600;
display: flex;
overflow: hidden;
}
img[data-v-c95b2073] {
background-color: #0000;
border-radius: 50%;
width: 100%;
}
.comment-header[data-v-f2f11c96] {
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
display: flex;
}
.comment-header-left[data-v-f2f11c96] {
align-items: center;
gap: 8px;
display: flex;
}
.user-info[data-v-f2f11c96] {
flex-direction: column;
display: flex;
}
.user-name[data-v-f2f11c96] {
font-size: var(--sd-ui-comments-author-size, 14px);
font-weight: var(--sd-ui-comments-author-weight, 600);
color: var(--sd-ui-comments-author-text, #212121);
line-height: 1.2em;
}
.imported-tag[data-v-f2f11c96] {
text-transform: uppercase;
letter-spacing: .04em;
color: var(--sd-ui-comments-tag-text, #888);
background: var(--sd-ui-comments-tag-bg, #f2f2f2);
vertical-align: middle;
border-radius: 3px;
margin-left: 6px;
padding: 1px 4px;
font-size: 9px;
font-weight: 600;
line-height: 1.4;
display: inline-block;
}
.user-timestamp[data-v-f2f11c96] {
line-height: 1.2em;
font-size: var(--sd-ui-comments-timestamp-size, 12px);
color: var(--sd-ui-comments-timestamp-text, #888);
}
.overflow-menu[data-v-f2f11c96] {
opacity: 0;
pointer-events: none;
flex-shrink: 1;
gap: 6px;
transition: opacity .15s;
display: flex;
}
.overflow-menu.is-visible[data-v-f2f11c96] {
opacity: 1;
pointer-events: auto;
}
.overflow-menu__icon[data-v-f2f11c96] {
box-sizing: content-box;
width: 14px;
height: 14px;
color: var(--sd-ui-text, #47484a);
cursor: pointer;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
padding: 3px;
transition: all .25s;
display: flex;
}
.overflow-menu__icon[data-v-f2f11c96]:hover {
background-color: var(--sd-ui-comments-separator, #dbdbdb);
}
.overflow-menu__icon.sd-is-disabled[data-v-f2f11c96] {
opacity: .4;
cursor: not-allowed;
pointer-events: auto;
}
.overflow-menu__icon.sd-is-disabled[data-v-f2f11c96]:hover {
background-color: #0000;
}
.overflow-menu__icon[data-v-f2f11c96] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.overflow-icon[data-v-f2f11c96] {
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 10px;
height: 16px;
display: inline-flex;
}
.comment-entry[data-v-0720a671] {
box-sizing: border-box;
border-radius: 8px;
width: 100%;
max-width: 100%;
transition: all .25s;
}
.comment-composer[data-v-0720a671] {
min-width: 0;
position: relative;
}
.superdoc-field[data-v-0720a671] {
box-sizing: border-box;
resize: none;
color: #1f1f1f;
width: 100%;
height: 28px;
min-height: 28px;
max-height: 132px;
font: inherit;
background: #fff;
border: 1px solid #d7d7d7;
border-radius: 8px;
padding: 10px 12px;
line-height: 1.4;
display: block;
overflow-y: hidden;
}
.superdoc-field[data-v-0720a671]:focus {
border-color: #4f7cff;
outline: none;
box-shadow: 0 0 0 2px #4f7cff29;
}
.comment-mention-list[data-v-0720a671] {
z-index: 100;
background: #fff;
border: 1px solid #d7d7d7;
border-radius: 8px;
max-height: 192px;
padding: 4px;
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
overflow-y: auto;
box-shadow: 0 8px 24px #00000024;
}
.comment-mention-option[data-v-0720a671] {
color: #1f1f1f;
text-align: left;
cursor: pointer;
background: none;
border: 0;
border-radius: 5px;
flex-direction: column;
width: 100%;
padding: 7px 8px;
display: flex;
}
.comment-mention-option--active[data-v-0720a671], .comment-mention-option[data-v-0720a671]:hover {
background: #eef3ff;
}
.comment-mention-option__name[data-v-0720a671] {
font-size: 13px;
font-weight: 600;
}
.comment-mention-option__email[data-v-0720a671] {
color: #666;
font-size: 11px;
}
.comments-dialog[data-v-5ace8cef] {
padding: var(--sd-ui-comments-card-padding, 16px);
border-radius: var(--sd-ui-comments-card-radius, 12px);
background-color: var(--sd-ui-comments-card-bg, #f3f6fd);
font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
font-size: var(--sd-ui-comments-body-size, 14px);
transition: var(--sd-ui-comments-transition, all .2s ease);
box-shadow: none;
z-index: 5;
overflow-wrap: break-word;
word-break: break-word;
border: 1px solid #0000;
flex-direction: column;
width: 100%;
min-width: 200px;
max-width: 300px;
line-height: 1.5;
display: flex;
}
.comments-dialog[data-v-5ace8cef]:not(.is-active) {
cursor: pointer;
}
.comments-dialog[data-v-5ace8cef]:not(.is-active):not(.is-resolved):hover {
background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
}
.comments-dialog[data-v-5ace8cef]:not(.is-resolved):hover .overflow-menu {
opacity: 1;
pointer-events: auto;
}
.comments-dialog.is-active[data-v-5ace8cef] {
background-color: var(--sd-ui-comments-card-active-bg, #fff);
border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px #32323226);
z-index: 10;
}
.comments-dialog.is-resolved[data-v-5ace8cef] {
background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
}
.comment-separator[data-v-5ace8cef] {
background-color: var(--sd-ui-comments-separator, #e0e0e0);
width: 100%;
height: 1px;
margin: 10px 0;
}
.comment[data-v-5ace8cef] {
font-size: var(--sd-ui-comments-body-size, 14px);
white-space: pre-wrap;
color: var(--sd-ui-comments-body-text, #212121);
margin: 4px 0 0;
line-height: 1.5;
}
.comment[data-v-5ace8cef] p {
margin: 0;
}
.comment[data-v-5ace8cef] a {
color: var(--sd-ui-action, #1354ff);
text-decoration: underline;
}
.tracked-change[data-v-5ace8cef] {
font-size: var(--sd-ui-comments-body-size, 14px);
color: var(--sd-ui-comments-body-text, #212121);
margin: 4px 0 0;
line-height: 1.5;
}
.change-type[data-v-5ace8cef] {
color: var(--sd-ui-comments-body-text, #212121);
}
.tracked-change-text[data-v-5ace8cef] {
color: var(--sd-ui-comments-body-text, #212121);
white-space: pre-wrap;
}
.tracked-change-text.is-deleted[data-v-5ace8cef] {
color: var(--sd-ui-comments-delete-text, #cb0e47);
}
.tracked-change-text.is-inserted[data-v-5ace8cef] {
color: var(--sd-ui-comments-insert-text, #1f6feb);
font-weight: 500;
}
.tracked-change[data-track-change-semantic-color-key="move-from"] .tracked-change-text.is-deleted[data-v-5ace8cef] {
color: var(--sd-ui-comments-move-from-text, #00853d);
}
.tracked-change[data-track-change-semantic-color-key="move-to"] .tracked-change-text.is-inserted[data-v-5ace8cef] {
color: var(--sd-ui-comments-move-to-text, #00853d);
}
.tracked-change-detail-lines[data-v-5ace8cef] {
margin-top: 4px;
}
.tracked-change-detail-line[data-v-5ace8cef] {
font-size: 12px;
line-height: 1.4;
}
.tracked-change-image-preview[data-v-5ace8cef] {
border: 1px solid var(--sd-ui-comments-border, #dadce0);
background: var(--sd-ui-comments-bg, #fff);
justify-content: center;
align-items: center;
max-width: 96px;
max-height: 96px;
margin-top: 6px;
padding: 2px;
display: inline-flex;
}
.tracked-change-image-preview__image[data-v-5ace8cef] {
object-fit: contain;
width: auto;
max-width: 90px;
height: auto;
max-height: 90px;
display: block;
}
.tracked-change-decision-alert[data-v-5ace8cef] {
border: 1px solid var(--sd-ui-comments-alert-border, #f0b4b4);
background-color: var(--sd-ui-comments-alert-bg, #fdf3f3);
color: var(--sd-ui-comments-alert-text, #a4262c);
font-size: var(--sd-ui-comments-body-size, 14px);
border-radius: 8px;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-top: 8px;
padding: 8px 10px;
line-height: 1.4;
display: flex;
}
.tracked-change-decision-alert__retry[data-v-5ace8cef] {
flex-shrink: 0;
}
.resolved-badge[data-v-5ace8cef] {
color: var(--sd-ui-comments-resolved-text, #00853d);
align-items: center;
gap: 4px;
margin-bottom: 4px;
font-size: 11px;
font-weight: 500;
display: inline-flex;
}
.resolved-badge__icon[data-v-5ace8cef] {
width: 12px;
height: 12px;
display: inline-flex;
}
.resolved-badge__icon[data-v-5ace8cef] svg {
fill: currentColor;
width: 100%;
height: 100%;
}
.comment.is-truncated[data-v-5ace8cef], .tracked-change.is-truncated[data-v-5ace8cef] {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 4.5em;
display: -webkit-box;
overflow: hidden;
}
.comment.is-scrollable[data-v-5ace8cef], .tracked-change.is-scrollable[data-v-5ace8cef] {
max-height: 220px;
padding-right: 4px;
overflow-y: auto;
}
.show-more-toggle[data-v-5ace8cef] {
color: var(--sd-ui-action, #1355ff);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
margin-top: 4px;
font-size: 12px;
font-weight: 500;
}
.show-more-toggle[data-v-5ace8cef]:hover {
text-decoration: underline;
}
.collapsed-replies[data-v-5ace8cef] {
color: var(--sd-ui-action, #1355ff);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
align-items: center;
gap: 6px;
padding: 8px 0;
font-size: 12px;
font-weight: 500;
display: flex;
}
.collapsed-replies[data-v-5ace8cef]:hover {
text-decoration: underline;
}
.collapsed-avatars[data-v-5ace8cef] {
display: flex;
}
.collapsed-avatars .mini-avatar[data-v-5ace8cef] {
--sd-comment-avatar-size: 20px;
--sd-comment-avatar-font-size: 8px;
border: 2px solid var(--sd-ui-comments-card-active-bg, #fff);
margin-left: -4px;
}
.collapsed-avatars .mini-avatar[data-v-5ace8cef]:first-child {
margin-left: 0;
}
.new-comment-input-wrapper[data-v-5ace8cef] {
border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
background: var(--sd-ui-comments-input-bg, #fff);
border-radius: 12px;
max-height: 150px;
margin-top: 4px;
padding: 8.5px 10.5px;
overflow: visible;
}
.new-comment-input-wrapper[data-v-5ace8cef]:focus-within {
border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
box-shadow: 0 0 0 2px #4f7cff29;
}
.new-comment-input-wrapper[data-v-5ace8cef] .comment-entry {
border-radius: 0;
}
.new-comment-input-wrapper[data-v-5ace8cef] .input-section {
margin: 0;
}
.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field {
resize: none;
border: none;
border-radius: 0;
height: 28px;
min-height: 28px;
max-height: 132px;
padding: 4px 0;
font-size: 14px;
line-height: 20px;
}
.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:focus, .new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
box-shadow: none;
border: none;
outline: none;
}
.new-comment-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder:before {
content: "Comment or add others with @";
}
.reply-pill[data-v-5ace8cef] {
text-align: left;
width: 100%;
color: var(--sd-color-gray-500, #ababab);
background: var(--sd-color-gray-100, #f5f5f5);
cursor: text;
border: 1.5px solid #0000;
border-radius: 9999px;
margin-top: 10px;
padding: 8.5px 10.5px;
font-family: inherit;
font-size: 14px;
transition: background .15s;
}
.reply-pill[data-v-5ace8cef]:hover {
background: var(--sd-color-gray-200, #f2f2f2);
}
.reply-pill[data-v-5ace8cef]:disabled {
cursor: not-allowed;
}
.reply-expanded[data-v-5ace8cef] {
margin-top: 10px;
}
.reply-input-wrapper[data-v-5ace8cef] {
border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
background: var(--sd-ui-comments-input-bg, #fff);
border-radius: 12px;
max-height: 150px;
padding: 8.5px 10.5px;
overflow: visible;
}
.reply-input-wrapper[data-v-5ace8cef]:focus-within {
border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
box-shadow: 0 0 0 2px #4f7cff29;
}
.reply-input-wrapper[data-v-5ace8cef] .comment-entry {
border-radius: 0;
}
.reply-input-wrapper[data-v-5ace8cef] .input-section {
margin: 0;
}
.reply-input-wrapper[data-v-5ace8cef] .superdoc-field {
resize: none;
border: none;
border-radius: 0;
height: 28px;
min-height: 28px;
max-height: 132px;
padding: 4px 0;
font-size: 14px;
line-height: 20px;
}
.reply-input-wrapper[data-v-5ace8cef] .superdoc-field:focus, .reply-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
box-shadow: none;
border: none;
outline: none;
}
.reply-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder:before {
content: "Reply or add others with @";
}
.reply-actions[data-v-5ace8cef] {
justify-content: flex-end;
align-items: center;
gap: 16px;
margin-top: 8px;
display: flex;
}
.reply-btn-cancel[data-v-5ace8cef] {
color: var(--sd-ui-text-muted, #666);
cursor: pointer;
background: none;
border: none;
padding: 0;
font-family: inherit;
font-size: 13px;
font-weight: 500;
transition: color .15s;
}
.reply-btn-cancel[data-v-5ace8cef]:hover {
color: var(--sd-ui-text, #212121);
}
.reply-btn-primary[data-v-5ace8cef] {
background: var(--sd-ui-action, #1355ff);
color: var(--sd-ui-action-text, #fff);
cursor: pointer;
border: none;
border-radius: 9999px;
padding: 6px 16px;
font-family: inherit;
font-size: 13px;
font-weight: 600;
transition: background .15s;
}
.reply-btn-primary[data-v-5ace8cef]:hover {
background: var(--sd-ui-action-hover, #0f44cc);
}
.reply-btn-primary.sd-is-disabled[data-v-5ace8cef] {
background: var(--sd-color-gray-400, #dbdbdb);
color: var(--sd-color-gray-600, #888);
cursor: default;
pointer-events: none;
}
.existing-internal-input[data-v-5ace8cef] {
margin-bottom: 10px;
}
.sd-internal-dropdown[data-v-5ace8cef] {
display: inline-block;
}
.comment-item[data-v-29650a06] {
margin-bottom: 10px;
}
.comments-list[data-v-89244745] {
flex-direction: column;
max-width: 400px;
height: 100%;
display: flex;
}
.comment-title[data-v-89244745] {
color: #333;
margin-bottom: 5px;
font-size: 16px;
font-weight: 600;
}
.sd-comment-anchor {
cursor: pointer;
z-index: 3;
border-radius: 33px;
transition: background-color .25s;
position: absolute;
}
.sd-highlight {
cursor: pointer;
mix-blend-mode: multiply;
background-color: #ddaf0955;
border-radius: 8px;
transition: background-color .25s;
}
.sd-initial-highlight {
background-color: #1355ff7f;
}
.sd-highlight:hover, .sd-highlight:hover .sd-highlight-active {
background-color: #ddaf0999;
}
.sd-highlight-active {
background-color: #1355ff7f;
}
.comment-placeholder[data-v-15b59a51] {
width: 300px;
transition: top .3s;
position: absolute;
}
.comment-placeholder.is-direct-decision-continuity-target[data-v-15b59a51] .overflow-menu {
opacity: 1;
pointer-events: auto;
}
.floating-comment[data-v-15b59a51] {
min-width: 300px;
display: block;
position: relative;
}
.sidebar-container[data-v-15b59a51] {
will-change: transform;
width: 300px;
min-height: 300px;
transition: transform .3s;
position: absolute;
}
.section-wrapper[data-v-15b59a51] {
justify-content: flex-start;
align-items: flex-start;
width: 300px;
min-height: 100%;
transition: min-height .5s ease-out;
display: flex;
position: relative;
}
.pdf-comments-layer[data-v-b5ad4c58] {
pointer-events: none;
z-index: 6;
position: absolute;
inset: 0;
}
.sd-comment-anchor[data-v-b5ad4c58] {
cursor: pointer;
pointer-events: auto;
border-radius: 4px;
transition: background-color .25s;
position: absolute;
}
.whiteboard-page[data-v-c876c9b5] {
position: absolute;
top: 0;
left: 0;
}
.whiteboard-layer[data-v-54546c3d] {
pointer-events: none;
position: absolute;
inset: 0;
}
.superdoc-html-viewer[data-v-da3494ba] {
color: initial;
width: 100%;
height: auto;
font-family: initial;
position: relative;
}
.superdoc-html-viewer__document[data-v-da3494ba] {
width: 100%;
height: auto;
}
.superdoc-html-viewer__content[data-v-da3494ba] {
width: 100%;
min-width: 800px;
padding: 38px 75px 75px;
}
.link-input-wrapper[data-v-360db842] {
flex-direction: column;
gap: 8px;
display: flex;
}
.link-input-ctn[data-v-360db842] {
border-radius: var(--sd-ui-radius, 6px);
background-color: var(--sd-ui-dropdown-bg, #fff);
box-sizing: border-box;
flex-direction: column;
width: 320px;
padding: 1em;
display: flex;
}
.link-input-ctn[data-v-360db842] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.link-input-ctn .input-row[data-v-360db842] {
font-size: var(--sd-ui-font-size-600, 16px);
align-content: baseline;
align-items: center;
display: flex;
position: relative;
}
.link-input-ctn .input-row input[data-v-360db842] {
font-size: var(--sd-ui-font-size-300, 13px);
border-radius: var(--sd-ui-radius, 6px);
min-width: 0;
box-shadow: var(--sd-ui-shadow, 0 4px 12px #0000001f);
color: var(--sd-ui-text-muted, #666);
border: 1px solid var(--sd-ui-border, #dbdbdb);
box-sizing: border-box;
flex-grow: 1;
padding: 10px 10px 10px 34px;
}
.link-input-ctn .input-row input[data-v-360db842]:active, .link-input-ctn .input-row input[data-v-360db842]:focus {
border: 1px solid var(--sd-ui-action, #1355ff);
outline: none;
}
.link-input-ctn .input-row input[readonly][data-v-360db842] {
background-color: var(--sd-ui-disabled-bg, #f5f5f5);
cursor: default;
color: var(--sd-ui-text-disabled, #888);
border-color: var(--sd-ui-border, #e0e0e0);
}
.link-input-ctn .input-row input[readonly][data-v-360db842]:active, .link-input-ctn .input-row input[readonly][data-v-360db842]:focus {
border-color: var(--sd-ui-border, #e0e0e0);
}
.link-input-ctn .input-icon[data-v-360db842] {
width: 14px;
color: var(--sd-ui-text-disabled, #ababab);
pointer-events: none;
text-align: center;
z-index: 1;
position: absolute;
left: 12px;
}
.link-input-ctn .input-icon[data-v-360db842]:not(.text-input-icon) {
height: 14px;
transform: rotate(45deg);
}
.link-input-ctn.high-contrast .input-icon[data-v-360db842] {
color: var(--sd-ui-text, #47484a);
}
.link-input-ctn.high-contrast .input-row input[data-v-360db842] {
color: var(--sd-ui-text, #47484a);
border-color: var(--sd-ui-text, #47484a);
}
.open-link-icon[data-v-360db842] {
cursor: pointer;
border: 1px solid #0000;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-left: 10px;
transition: all .2s;
display: flex;
}
.open-link-icon[data-v-360db842]:hover {
color: var(--sd-ui-action, #1355ff);
background-color: var(--sd-ui-bg, #fff);
border: 1px solid var(--sd-ui-border, #dbdbdb);
}
.open-link-icon[data-v-360db842] svg {
width: 15px;
height: 15px;
}
.sd-disabled[data-v-360db842] {
opacity: .6;
cursor: not-allowed;
pointer-events: none;
}
.link-buttons[data-v-360db842] {
justify-content: flex-end;
margin-top: 10px;
display: flex;
}
.remove-btn__icon[data-v-360db842] {
flex-shrink: 0;
width: 13px;
height: 13px;
margin-right: 4px;
display: inline-flex;
}
.link-buttons button[data-v-360db842] {
margin-left: 5px;
}
.disable-btn[data-v-360db842] {
opacity: .6;
cursor: not-allowed;
pointer-events: none;
}
.go-to-anchor a[data-v-360db842] {
font-size: var(--sd-ui-font-size-400, 14px);
text-decoration: underline;
}
.clickable[data-v-360db842] {
cursor: pointer;
}
.link-title[data-v-360db842] {
font-size: var(--sd-ui-font-size-400, 14px);
color: var(--sd-ui-text, #47484a);
margin-bottom: 10px;
font-weight: 600;
}
.hasBottomMargin[data-v-360db842] {
margin-bottom: 1em;
}
.remove-btn[data-v-360db842] {
border-radius: var(--sd-ui-radius, 6px);
background-color: var(--sd-ui-bg, #fff);
color: var(--sd-ui-text, #47484a);
font-weight: 400;
font-size: var(--sd-ui-font-size-300, 13px);
cursor: pointer;
border: 1px solid var(--sd-ui-border, #dbdbdb);
box-sizing: border-box;
outline: none;
justify-content: center;
align-items: center;
padding: 10px 16px;
transition: all .2s;
display: inline-flex;
}
.remove-btn[data-v-360db842]:hover {
background-color: var(--sd-ui-hover-bg, #dbdbdb);
}
.sd-submit-btn[data-v-360db842] {
border-radius: var(--sd-ui-radius, 6px);
background-color: var(--sd-ui-action, #1355ff);
color: var(--sd-ui-action-text, #fff);
font-weight: 400;
font-size: var(--sd-ui-font-size-300, 13px);
cursor: pointer;
box-sizing: border-box;
border: none;
outline: none;
justify-content: center;
align-items: center;
padding: 10px 16px;
transition: all .2s;
display: inline-flex;
}
.sd-submit-btn[data-v-360db842]:hover {
background-color: var(--sd-ui-action-hover, #0f44cc);
}
.sd-error[data-v-360db842] {
background-color: #ff00001a;
border-color: red !important;
}
.sd-surface-external-mount[data-v-b2412c5d] {
width: 100%;
}
.sd-surface-dialog-backdrop[data-v-5cee3b11] {
z-index: var(--sd-ui-dialog-z-index, 2147480000);
box-sizing: border-box;
background: var(--sd-ui-dialog-backdrop, #12182652);
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
position: fixed;
inset: 0;
}
.sd-surface-dialog[data-v-5cee3b11] {
box-sizing: border-box;
background: var(--sd-ui-surface-bg);
border: 1px solid var(--sd-ui-surface-border);
border-radius: var(--sd-ui-surface-radius);
min-width: 0;
box-shadow: var(--sd-ui-surface-shadow);
max-width: var(--sd-ui-dialog-max-width, 480px);
width: 100%;
max-height: 100%;
font-family: var(--sd-ui-font-family);
color: var(--sd-ui-text);
outline: none;
overflow-y: auto;
}
.sd-surface-dialog__title[data-v-5cee3b11] {
padding: var(--sd-ui-surface-title-padding);
font-size: var(--sd-ui-font-size-500, 15px);
font-weight: 600;
line-height: 1.4;
}
.sd-surface-dialog__content[data-v-5cee3b11] {
padding: var(--sd-ui-surface-content-padding);
}
.sd-surface-dialog[data-v-5cee3b11]:has(.sd-dialog-content) {
flex-direction: column;
display: flex;
overflow: hidden;
}
.sd-surface-dialog__content[data-v-5cee3b11]:has( > .sd-dialog-content) {
flex-direction: column;
min-height: 0;
padding: 0;
display: flex;
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-content {
flex-direction: column;
min-height: 0;
max-height: calc(100dvh - 34px);
display: flex;
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header {
border-bottom: 1px solid var(--sd-ui-surface-border, #e4e7ec);
flex: none;
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 14px 16px;
display: flex;
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header h2 {
letter-spacing: -.01em;
margin: 0;
font-size: 18px;
font-weight: 650;
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close {
width: 36px;
height: 36px;
color: var(--sd-ui-text-muted, #525866);
cursor: pointer;
background: none;
border: 0;
border-radius: 6px;
flex: none;
place-items: center;
padding: 0;
font-size: 24px;
line-height: 1;
display: grid;
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close:hover {
background: var(--sd-ui-hover-bg, #f2f4f7);
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer {
border-top: 1px solid var(--sd-ui-surface-border, #eaecf0);
background: var(--sd-ui-surface-bg, #fff);
flex: none;
justify-content: flex-end;
align-items: center;
gap: 8px;
padding: 10px 16px;
display: flex;
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button {
min-width: 72px;
min-height: 32px;
font: inherit;
cursor: pointer;
border-radius: 6px;
padding: 7px 12px;
font-size: 12px;
font-weight: 600;
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-secondary {
border: 1px solid var(--sd-ui-surface-border, #cfd4dc);
background: var(--sd-ui-surface-bg, #fff);
color: var(--sd-ui-text, #344054);
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-primary {
border: 1px solid var(--sd-ui-action, #3367d6);
background: var(--sd-ui-action, #3367d6);
color: var(--sd-ui-action-text, #fff);
}
.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button:disabled {
cursor: not-allowed;
opacity: .55;
}
.sd-surface-floating[data-v-cd2be5db] {
z-index: var(--sd-ui-surface-z-index, 100);
width: var(--sd-ui-floating-width, 360px);
max-width: var(--sd-ui-floating-max-width, 480px);
max-height: var(--sd-ui-floating-max-height, min(60vh, calc(100% - 32px)));
background: var(--sd-ui-surface-bg);
border: 1px solid var(--sd-ui-surface-border);
border-radius: var(--sd-ui-surface-radius);
box-shadow: var(--sd-ui-surface-shadow);
font-family: var(--sd-ui-font-family);
color: var(--sd-ui-text);
position: absolute;
overflow-y: auto;
}
.sd-surface-floating--top-right[data-v-cd2be5db] {
top: var(--sd-ui-floating-edge-offset, 16px);
right: var(--sd-ui-floating-edge-offset, 16px);
}
.sd-surface-floating--top-left[data-v-cd2be5db] {
top: var(--sd-ui-floating-edge-offset, 16px);
left: var(--sd-ui-floating-edge-offset, 16px);
}
.sd-surface-floating--bottom-right[data-v-cd2be5db] {
bottom: var(--sd-ui-floating-edge-offset, 16px);
right: var(--sd-ui-floating-edge-offset, 16px);
}
.sd-surface-floating--bottom-left[data-v-cd2be5db] {
bottom: var(--sd-ui-floating-edge-offset, 16px);
left: var(--sd-ui-floating-edge-offset, 16px);
}
.sd-surface-floating--top-center[data-v-cd2be5db] {
top: var(--sd-ui-floating-edge-offset, 16px);
left: 50%;
transform: translateX(-50%);
}
.sd-surface-floating--bottom-center[data-v-cd2be5db] {
bottom: var(--sd-ui-floating-edge-offset, 16px);
left: 50%;
transform: translateX(-50%);
}
.sd-surface-floating__title[data-v-cd2be5db] {
padding: var(--sd-ui-surface-title-padding);
font-size: var(--sd-ui-font-size-500, 15px);
font-weight: 600;
line-height: 1.4;
}
.sd-surface-floating__content[data-v-cd2be5db] {
padding: var(--sd-ui-surface-content-padding);
}
.sd-surface-host[data-v-dad99b67] {
pointer-events: none;
z-index: var(--sd-ui-surface-z-index, 100);
overflow: hidden;
}
.sd-surface-host[data-v-dad99b67] > * {
pointer-events: auto;
}
.superdoc[data-v-38ecd481] {
display: flex;
position: relative;
}
.right-sidebar[data-v-38ecd481] {
min-width: 320px;
height: 100%;
}
.floating-comments[data-v-38ecd481] {
width: 300px;
min-width: 300px;
height: 100%;
overflow: visible;
}
.superdoc__layers[data-v-38ecd481] {
box-sizing: border-box;
height: 100%;
position: relative;
}
.superdoc__document[data-v-38ecd481], .superdoc__sub-document[data-v-38ecd481] {
width: 100%;
position: relative;
}
.superdoc__selection-layer[data-v-38ecd481] {
z-index: 10;
pointer-events: none;
min-width: 100%;
min-height: 100%;
position: absolute;
}
.superdoc__whiteboard-layer[data-v-38ecd481] {
z-index: 4;
}
.superdoc__temp-selection[data-v-38ecd481] {
position: absolute;
}
.superdoc__right-sidebar[data-v-38ecd481] {
z-index: 2;
width: 320px;
min-width: 320px;
min-height: 100%;
padding: 0 10px;
position: relative;
}
.superdoc__compact-comment-popover[data-v-38ecd481] {
z-index: 11;
width: min(320px, 100% - 24px);
position: absolute;
top: 12px;
right: 12px;
}
.tools[data-v-38ecd481] {
z-index: 3;
gap: var(--sd-ui-tools-gap, 6px);
flex-direction: column;
display: flex;
position: absolute;
}
.tools-item[data-v-38ecd481] {
width: var(--sd-ui-tools-item-size, 50px);
height: var(--sd-ui-tools-item-size, 50px);
background-color: var(--sd-ui-tools-item-bg, #dbdbdb99);
border-radius: var(--sd-ui-tools-item-radius, 12px);
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.tools-item i[data-v-38ecd481] {
cursor: pointer;
}
.superdoc__tools-icon[data-v-38ecd481] {
width: var(--sd-ui-tools-icon-size, 20px);
height: var(--sd-ui-tools-icon-size, 20px);
flex-shrink: 0;
}
@media (max-width: 834px) {
.superdoc .superdoc__layers[data-v-38ecd481] {
box-shadow: none;
margin: 0;
border: 0 !important;
}
.superdoc__sub-document[data-v-38ecd481] {
max-width: 100%;
}
.superdoc__right-sidebar[data-v-38ecd481] {
padding: 10px;
position: relative;
}
}
.ai-writer-container[data-v-38ecd481] {
z-index: 1000;
background: #fff;
border-radius: 8px;
position: fixed;
box-shadow: 0 2px 10px #00000026;
}
.ai-tool > svg[data-v-38ecd481] {
fill: #0000;
}
.ai-tool[data-v-38ecd481]:before {
content: "";
z-index: 1;
filter: brightness(1.2);
background: linear-gradient(270deg, #dad77680 -20%, #bf6464 30%, #4d52d9 60%, #ffdb66 150%);
width: 20px;
height: 20px;
transition: filter .2s;
position: absolute;
-webkit-mask: url("data:image/svg+xml;charset=utf-8,") center / contain no-repeat;
mask: url("data:image/svg+xml;charset=utf-8,") center / contain no-repeat;
}
.ai-tool[data-v-38ecd481]:hover:before {
filter: brightness(1.3);
}
.sd-toolbar-icon[data-v-65ecd5b1] {
flex-shrink: 0;
justify-content: center;
align-items: center;
display: flex;
}
.sd-toolbar-icon__icon[data-v-65ecd5b1] {
flex-shrink: 0;
justify-content: center;
align-items: center;
height: 16px;
display: inline-flex;
}
.sd-toolbar-icon__icon--highlight[data-v-65ecd5b1] {
width: 16px;
margin-bottom: 1px;
margin-left: 3px;
}
.sd-toolbar-icon__icon[data-v-65ecd5b1] svg {
width: auto;
height: 16px;
max-height: 16px;
}
.sd-toolbar-icon__icon--color[data-v-65ecd5b1] svg {
max-height: 14px;
margin-top: -3px;
}
.color-bar[data-v-65ecd5b1] {
z-index: 5;
border-radius: 4px;
width: 16px;
height: 4px;
position: absolute;
bottom: 6px;
left: 50%;
transform: translateX(-50%);
}
.sd-toolbar-item[data-v-96796456] {
z-index: 1;
min-width: 30px;
margin: 0 calc(var(--sd-ui-toolbar-item-gap, 2px) / 2);
position: relative;
}
.sd-visually-hidden[data-v-96796456] {
width: 1px;
height: 1px;
position: absolute;
left: -9999px;
overflow: hidden;
}
.sd-toolbar-button[data-v-96796456] {
padding: var(--sd-ui-toolbar-item-padding, 5px);
height: var(--sd-ui-toolbar-height, 32px);
max-height: var(--sd-ui-toolbar-height, 32px);
border-radius: var(--sd-ui-radius, 6px);
cursor: pointer;
color: var(--sd-ui-toolbar-button-text, #47484a);
-webkit-user-select: none;
user-select: none;
box-sizing: border-box;
justify-content: center;
align-items: center;
transition: all .2s ease-out;
display: flex;
position: relative;
overflow-y: visible;
}
.sd-toolbar-button[data-v-96796456]:hover {
background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
}
.sd-toolbar-button:hover .sd-toolbar-icon.high-contrast[data-v-96796456] {
color: #fff;
}
.sd-toolbar-button:hover.high-contrast[data-v-96796456] {
color: #fff;
background-color: #000;
}
.sd-toolbar-button[data-v-96796456]:active, .sd-active[data-v-96796456] {
background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
}
.sd-button-label[data-v-96796456] {
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
font-weight: 400;
font-size: var(--sd-ui-font-size-500, 15px);
margin: 5px;
overflow: hidden;
}
.sd-toolbar-icon + .sd-dropdown-caret[data-v-96796456] {
margin-left: 4px;
}
.sd-toolbar-button.split[data-v-96796456] {
gap: 0;
padding: 0;
}
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456], .sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456] {
box-sizing: border-box;
z-index: 1;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456] {
padding: 0 3px 0 var(--sd-ui-toolbar-item-padding, 5px);
border-top-left-radius: var(--sd-ui-radius, 6px);
border-bottom-left-radius: var(--sd-ui-radius, 6px);
}
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456] {
border-top-right-radius: var(--sd-ui-radius, 6px);
border-bottom-right-radius: var(--sd-ui-radius, 6px);
padding: 0 4px 0 2px;
}
.sd-toolbar-button.split[data-v-96796456]:hover {
background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
}
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456]:hover, .sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]:hover {
background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
}
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]:before {
content: "";
background-color: #0000;
width: 1px;
transition: background-color .15s ease-out;
position: absolute;
top: 6px;
bottom: 6px;
left: 0;
}
.sd-toolbar-button.split:hover .sd-toolbar-button__caret[data-v-96796456]:before {
background-color: var(--sd-ui-border, #47484a33);
}
.sd-toolbar-button.split.sd-disabled[data-v-96796456], .sd-toolbar-button.split.sd-disabled[data-v-96796456]:hover {
background-color: initial;
}
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456], .sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456] {
cursor: default;
}
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456]:hover, .sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]:hover {
background-color: initial;
}
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]:before {
background-color: #0000;
}
.left[data-v-96796456], .right[data-v-96796456] {
background-color: #dbdbdb;
border-radius: 60%;
width: 50%;
height: 100%;
}
.has-inline-text-input[data-v-96796456]:hover {
cursor: text;
}
.sd-disabled[data-v-96796456] {
cursor: default;
}
.sd-disabled[data-v-96796456]:hover {
cursor: default;
background-color: initial;
}
.sd-disabled .sd-toolbar-icon[data-v-96796456], .sd-disabled .sd-button-label[data-v-96796456] {
opacity: .35;
}
.button-text-input[data-v-96796456] {
color: var(--sd-ui-toolbar-button-text, #47484a);
text-align: center;
width: 30px;
font-size: var(--sd-ui-font-size-400, 14px);
border: 1px solid var(--sd-ui-border, #dbdbdb);
box-sizing: border-box;
background-color: #0000;
border-radius: 4px;
outline: none;
margin-right: 5px;
padding: 2px 0;
font-weight: 400;
}
.button-text-input.high-contrast[data-v-96796456] {
background-color: #fff;
}
.button-text-input--font-size[data-v-96796456] {
width: 36px;
}
.button-text-input--font-family[data-v-96796456] {
width: 88px;
}
.button-text-input[data-v-96796456]::placeholder {
color: var(--sd-ui-toolbar-button-text, #47484a);
}
.sd-dropdown-caret[data-v-96796456] {
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 10px;
height: 10px;
display: inline-flex;
}
.sd-toolbar-item--doc-mode-compact .sd-button-label[data-v-96796456] {
display: none;
}
.sd-toolbar-item--doc-mode-compact .sd-toolbar-icon[data-v-96796456] {
margin-right: 5px;
}
.sd-toolbar-item--linked-styles-compact[data-v-96796456] {
width: auto !important;
}
.sd-toolbar-item--linked-styles-compact .sd-button-label[data-v-96796456] {
display: none;
}
.toolbar-separator[data-v-cb82253a] {
height: var(--sd-ui-toolbar-height, 32px);
border-radius: var(--sd-ui-radius, 6px);
text-overflow: ellipsis;
color: var(--sd-ui-border, #dbdbdb);
-webkit-user-select: none;
user-select: none;
justify-content: center;
align-items: center;
transition: all .2s ease-out;
display: flex;
overflow: hidden;
}
.toolbar-separator .separator-inner[data-v-cb82253a] {
width: 1.5px;
height: 20px;
}
.toolbar-dropdown[data-v-fa3f6b69], .toolbar-dropdown-trigger[data-v-fa3f6b69] {
display: inline-flex;
}
.toolbar-dropdown-menu[data-v-fa3f6b69] {
border-radius: var(--sd-ui-radius, 6px);
background: var(--sd-ui-dropdown-bg, #fff);
border: 1px solid var(--sd-ui-dropdown-border, #e4e6eb);
min-width: 80px;
box-shadow: var(--sd-ui-dropdown-shadow, 0 8px 24px #00000029);
box-sizing: border-box;
overscroll-behavior: contain;
padding: 4px;
overflow-y: auto;
}
.toolbar-dropdown-menu.toolbar-dropdown-menu--render-only[data-v-fa3f6b69] {
padding: 0;
}
.toolbar-dropdown-option[data-v-fa3f6b69] {
border-radius: var(--sd-ui-dropdown-option-radius, 3px);
cursor: pointer;
min-height: 34px;
font-size: var(--sd-ui-font-size-400, 14px);
color: var(--sd-ui-dropdown-text, #47484a);
box-sizing: border-box;
align-items: center;
padding: 0 10px;
transition: background-color .2s ease-out;
display: flex;
}
.toolbar-dropdown-option__icon[data-v-fa3f6b69] {
justify-content: center;
align-items: center;
width: 14px;
min-width: 14px;
height: 14px;
margin-right: 6px;
display: inline-flex;
}
.toolbar-dropdown-option__icon[data-v-fa3f6b69] .dropdown-select-icon {
width: 12px;
height: 12px;
display: flex;
}
.toolbar-dropdown-option[data-v-fa3f6b69]:hover {
background: var(--sd-ui-dropdown-hover-bg, #d8dee5);
color: var(--sd-ui-dropdown-hover-text, #47484a);
}
.toolbar-dropdown-option.sd-selected[data-v-fa3f6b69] {
background: var(--sd-ui-dropdown-active-bg, #d8dee5);
color: var(--sd-ui-dropdown-selected-text, #47484a);
}
.toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option[data-v-fa3f6b69]:not(.sd-render):hover, .toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option:not(.sd-render).sd-selected[data-v-fa3f6b69] {
color: #fff;
background: #000;
}
.toolbar-dropdown-option.sd-disabled[data-v-fa3f6b69] {
opacity: .5;
cursor: not-allowed;
}
.toolbar-dropdown-option.sd-render[data-v-fa3f6b69] {
cursor: default;
color: inherit;
background: none;
padding: 0;
}
.toolbar-dropdown-option.sd-render[data-v-fa3f6b69]:hover, .toolbar-dropdown-option.sd-render.sd-selected[data-v-fa3f6b69] {
color: inherit;
background: none;
}
.fade-in-scale-up-transition-enter-active[data-v-fa3f6b69], .fade-in-scale-up-transition-leave-active[data-v-fa3f6b69] {
transform-origin: 0 0;
}
.fade-in-scale-up-transition-enter-active[data-v-fa3f6b69] {
transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
}
.fade-in-scale-up-transition-leave-active[data-v-fa3f6b69] {
transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
}
.fade-in-scale-up-transition-enter-from[data-v-fa3f6b69], .fade-in-scale-up-transition-leave-to[data-v-fa3f6b69] {
opacity: 0;
transform: scale(.9);
}
.fade-in-scale-up-transition-leave-from[data-v-fa3f6b69], .fade-in-scale-up-transition-enter-to[data-v-fa3f6b69] {
opacity: 1;
transform: scale(1);
}
.superdoc-toolbar-overflow[data-v-1227fcf9] {
flex-wrap: wrap;
max-width: 200px;
min-width: auto !important;
}
.sd-font-combobox[data-v-e288ef9f] {
height: var(--sd-ui-toolbar-height, 32px);
max-height: var(--sd-ui-toolbar-height, 32px);
border-radius: var(--sd-ui-radius, 6px);
box-sizing: border-box;
cursor: text;
color: var(--sd-ui-toolbar-button-text, #47484a);
align-items: center;
padding: 0;
transition: background-color .2s ease-out;
display: inline-flex;
position: relative;
}
.sd-font-combobox[data-v-e288ef9f]:focus-within {
background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
}
.sd-font-combobox.high-contrast[data-v-e288ef9f]:focus-within {
color: #fff;
background-color: #000;
}
.sd-font-combobox.sd-disabled[data-v-e288ef9f] {
cursor: default;
opacity: .35;
}
.sd-font-combobox__field[data-v-e288ef9f] {
flex: auto;
min-width: 0;
}
.sd-font-combobox__input[data-v-e288ef9f] {
width: 100%;
min-width: 0;
height: 100%;
color: inherit;
font-size: var(--sd-ui-font-size-500, 15px);
text-overflow: ellipsis;
box-sizing: border-box;
background: none;
border: none;
outline: none;
padding: 0 4px 0 8px;
font-weight: 400;
}
.sd-font-combobox__legacy-label[data-v-e288ef9f] {
clip: rect(0 0 0 0);
white-space: nowrap;
width: 1px;
height: 1px;
position: absolute;
overflow: hidden;
}
.sd-font-combobox__caret[data-v-e288ef9f] {
cursor: pointer;
color: inherit;
background: none;
border: none;
flex-shrink: 0;
margin: 0;
padding: 0 4px;
}
.sd-font-combobox.sd-disabled .sd-font-combobox__caret[data-v-e288ef9f] {
cursor: default;
}
.sd-dropdown-caret[data-v-e288ef9f] {
justify-content: center;
align-items: center;
width: 10px;
height: 10px;
display: inline-flex;
}
.sd-font-combobox__listbox[data-v-e288ef9f] {
border-radius: var(--sd-ui-radius, 6px);
background: var(--sd-ui-dropdown-bg, #fff);
border: 1px solid var(--sd-ui-dropdown-border, #e4e6eb);
min-width: 80px;
box-shadow: var(--sd-ui-dropdown-shadow, 0 8px 24px #00000029);
box-sizing: border-box;
overscroll-behavior: contain;
padding: 4px;
overflow-y: auto;
}
.sd-font-combobox__option[data-v-e288ef9f] {
border-radius: var(--sd-ui-dropdown-option-radius, 3px);
cursor: pointer;
min-height: 34px;
font-size: var(--sd-ui-font-size-400, 14px);
color: var(--sd-ui-dropdown-text, #47484a);
box-sizing: border-box;
align-items: center;
padding: 0 10px;
transition: background-color .2s ease-out;
display: flex;
}
.sd-font-combobox__option.sd-active[data-v-e288ef9f], .sd-font-combobox__option[data-v-e288ef9f]:hover {
background: var(--sd-ui-dropdown-hover-bg, #d8dee5);
color: var(--sd-ui-dropdown-hover-text, #47484a);
}
.sd-font-combobox__option.sd-selected[data-v-e288ef9f] {
background: var(--sd-ui-dropdown-active-bg, #d8dee5);
color: var(--sd-ui-dropdown-selected-text, #47484a);
}
.sd-font-combobox__listbox.high-contrast .sd-font-combobox__option.sd-active[data-v-e288ef9f], .sd-font-combobox__listbox.high-contrast .sd-font-combobox__option[data-v-e288ef9f]:hover, .sd-font-combobox__listbox.high-contrast .sd-font-combobox__option.sd-selected[data-v-e288ef9f] {
color: #fff;
background: #000;
}
.sd-tooltip-trigger[data-v-71c6de4c] {
display: inline-flex;
}
.sd-tooltip-content[data-v-71c6de4c] {
background-color: var(--sd-ui-tooltip-bg, #262626);
color: var(--sd-ui-tooltip-text, #fff);
font-size: var(--sd-ui-font-size-400, 14px);
border-radius: var(--sd-ui-tooltip-radius, 6px);
box-shadow: var(--sd-ui-tooltip-shadow, 0 3px 12px #00000047);
pointer-events: auto;
white-space: nowrap;
padding: 8px 14px;
line-height: 1.3;
}
.sd-tooltip-arrow[data-v-71c6de4c] {
background-color: var(--sd-ui-tooltip-bg, #262626);
width: 10px;
height: 10px;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.sd-tooltip-below .sd-tooltip-arrow[data-v-71c6de4c] {
top: -5px;
bottom: auto;
}
.fade-in-scale-up-transition-enter-active[data-v-71c6de4c] {
transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
}
.fade-in-scale-up-transition-enter-from[data-v-71c6de4c] {
opacity: 0;
transform: scale(.9);
}
.fade-in-scale-up-transition-enter-to[data-v-71c6de4c] {
opacity: 1;
transform: scale(1);
}
.button-group[data-v-8d7a9de1] {
display: flex;
}
.superdoc-toolbar[data-v-0d00bc5b] {
background: var(--sd-ui-toolbar-bg, var(--sd-ui-bg, #fff));
width: 100%;
padding: var(--sd-ui-toolbar-padding-y, 4px) var(--sd-ui-toolbar-padding-x, 16px);
box-sizing: border-box;
font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
z-index: var(--sd-ui-toolbar-z-index, 10);
justify-content: space-between;
display: flex;
position: relative;
}
@media (max-width: 768px) {
.superdoc-toolbar[data-v-0d00bc5b] {
justify-content: inherit;
padding: 4px 10px;
}
}
.alignment-buttons[data-v-13e5f7a4] {
box-sizing: border-box;
justify-content: space-between;
width: 100%;
padding: 8px;
display: flex;
}
.alignment-buttons .sd-button-icon[data-v-13e5f7a4] {
cursor: pointer;
font-size: var(--sd-ui-font-size-600, 16px);
color: var(--sd-ui-dropdown-text, #47484a);
border-radius: var(--sd-ui-dropdown-option-radius, 3px);
box-sizing: border-box;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
padding: 5px;
display: flex;
}
.alignment-buttons .sd-button-icon[data-v-13e5f7a4]:hover {
background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
color: var(--sd-ui-dropdown-hover-text, #47484a);
}
.alignment-buttons .sd-button-icon[data-v-13e5f7a4] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.alignment-buttons.high-contrast .sd-button-icon[data-v-13e5f7a4]:hover {
color: #fff;
background-color: #000;
}
.style-buttons-list[data-v-44f37ff6] {
box-sizing: border-box;
justify-content: space-between;
width: 100%;
padding: 8px;
display: flex;
}
.style-buttons-list .sd-button-icon[data-v-44f37ff6] {
cursor: pointer;
font-size: var(--sd-ui-font-size-600, 16px);
color: var(--sd-ui-dropdown-text, #47484a);
border-radius: var(--sd-ui-dropdown-option-radius, 3px);
box-sizing: border-box;
justify-content: center;
align-items: center;
padding: 5px;
display: flex;
}
.style-buttons-list .sd-button-icon[data-v-44f37ff6]:hover {
background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
color: var(--sd-ui-dropdown-hover-text, #47484a);
}
.style-buttons-list .sd-button-icon[data-v-44f37ff6] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.style-buttons-list .sd-button-icon.sd-selected[data-v-44f37ff6] {
background-color: var(--sd-ui-dropdown-active-bg, #d8dee5);
color: var(--sd-ui-dropdown-selected-text, #47484a);
}
.style-buttons-list.high-contrast .sd-button-icon[data-v-44f37ff6]:hover, .style-buttons-list.high-contrast .sd-button-icon.sd-selected[data-v-44f37ff6] {
color: #fff;
background-color: #000;
}
.document-mode[data-v-bee14d7a] {
box-sizing: border-box;
flex-direction: column;
padding: 10px;
display: flex;
}
.document-mode[data-v-bee14d7a] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.document-mode .sd-option-item[data-v-bee14d7a] {
background-color: var(--sd-ui-dropdown-bg, #fff);
border-radius: var(--sd-ui-dropdown-option-radius, 3px);
cursor: pointer;
box-sizing: border-box;
flex-direction: row;
padding: 10px;
display: flex;
}
.document-mode .sd-option-item[data-v-bee14d7a]:hover {
background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
}
.document-mode.high-contrast .sd-option-item[data-v-bee14d7a]:hover {
color: #fff;
background-color: #000;
}
.document-mode.high-contrast .sd-option-item:hover .icon-column__icon[data-v-bee14d7a], .document-mode.high-contrast .sd-option-item:hover .text-column > .document-mode-type[data-v-bee14d7a], .document-mode.high-contrast .sd-option-item:hover .text-column > .document-mode-description[data-v-bee14d7a] {
color: #fff;
}
.sd-disabled[data-v-bee14d7a] {
opacity: .5;
pointer-events: none;
cursor: not-allowed !important;
}
.document-mode-column[data-v-bee14d7a] {
flex-direction: column;
display: flex;
}
.document-mode-type[data-v-bee14d7a] {
font-weight: 400;
font-size: var(--sd-ui-font-size-500, 15px);
color: var(--sd-ui-text, #47484a);
}
.icon-column[data-v-bee14d7a] {
color: var(--sd-ui-text, #47484a);
box-sizing: border-box;
justify-content: flex-start;
align-items: center;
height: 100%;
margin-right: 5px;
padding: 0 5px;
}
.icon-column__icon[data-v-bee14d7a] {
height: 18px;
color: var(--sd-ui-text, #47484a);
flex-shrink: 0;
justify-content: center;
align-items: center;
display: inline-flex;
}
.icon-column__icon[data-v-bee14d7a] svg {
width: auto;
max-height: 18px;
}
.document-mode-description[data-v-bee14d7a] {
font-size: var(--sd-ui-font-size-200, 12px);
color: var(--sd-ui-text-muted, #666);
}
.style-name[data-v-74c8924b] {
color: var(--sd-ui-dropdown-text, #47484a);
padding: 16px 10px;
}
.style-name[data-v-74c8924b]:hover {
background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
color: var(--sd-ui-dropdown-hover-text, #47484a);
}
.linked-style-buttons[data-v-74c8924b] {
box-sizing: border-box;
flex-direction: column;
width: 200px;
max-height: 400px;
margin: 0;
padding: 0;
display: flex;
overflow: auto;
}
.sd-ai-writer[data-v-67f6c6f7] {
border-radius: var(--sd-ui-radius, 6px);
background: var(--sd-ui-dropdown-bg, #fff);
box-sizing: border-box;
border: 1px solid #7715b3;
width: 300px;
padding: 12px;
box-shadow: 0 0 2px 2px #7715b366;
}
.sd-ai-writer__input[data-v-67f6c6f7] {
resize: vertical;
border: 1px solid var(--sd-ui-border, #dbdbdb);
box-sizing: border-box;
width: 100%;
min-height: 76px;
color: var(--sd-ui-text, #47484a);
font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
font-size: var(--sd-ui-font-size-300, 13px);
border-radius: 4px;
outline: none;
padding: 8px;
line-height: 1.4;
}
.sd-ai-writer__input[data-v-67f6c6f7]:focus {
border-color: var(--sd-ui-action, #7715b3);
}
.sd-ai-writer__footer[data-v-67f6c6f7] {
justify-content: flex-end;
align-items: center;
gap: 8px;
margin-top: 10px;
display: flex;
}
.sd-ai-writer__error[data-v-67f6c6f7] {
color: #b42318;
font-size: var(--sd-ui-font-size-200, 12px);
flex: 1;
margin: 0;
line-height: 1.3;
}
.sd-ai-writer__submit[data-v-67f6c6f7] {
border: 1px solid var(--sd-ui-action, #7715b3);
background: var(--sd-ui-action, #7715b3);
color: #fff;
cursor: pointer;
font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
font-size: var(--sd-ui-font-size-300, 13px);
border-radius: 4px;
padding: 7px 10px;
line-height: 1;
}
.sd-ai-writer__submit[data-v-67f6c6f7]:disabled {
cursor: default;
opacity: .55;
}
.sd-option-row[data-v-05eb02fc] {
flex-direction: row;
display: flex;
}
.sd-option[data-v-05eb02fc] {
cursor: pointer;
box-sizing: border-box;
border-radius: 50%;
justify-content: center;
align-items: center;
padding: 3px;
display: flex;
position: relative;
}
.sd-option[data-v-05eb02fc]:hover {
background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
}
.sd-option__icon[data-v-05eb02fc] {
flex-shrink: 0;
width: 20px;
height: 20px;
}
.sd-option__check[data-v-05eb02fc] {
flex-shrink: 0;
width: 14px;
height: 14px;
position: absolute;
}
.options-grid-wrap[data-v-52b0283a] {
border-radius: var(--sd-ui-radius, 6px);
padding: 5px;
}
.none-option[data-v-52b0283a] {
color: var(--sd-ui-text, #47484a);
align-items: center;
gap: 4px;
padding: 4px;
display: flex;
}
.none-option[data-v-52b0283a]:hover {
opacity: .65;
}
.none-icon[data-v-52b0283a] {
width: 16px;
}
.option-grid-ctn[data-v-52b0283a] {
background-color: var(--sd-ui-dropdown-bg, #fff);
z-index: 3;
box-sizing: border-box;
flex-direction: column;
display: flex;
}
.option-grid-ctn__subtitle[data-v-52b0283a] {
font-size: var(--sd-ui-font-size-200, 12px);
padding: 3px;
font-weight: 600;
}
.option-grid-ctn[data-v-52b0283a] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.toolbar-table-grid-wrapper .toolbar-table-grid[data-v-b87d6ca2] {
box-sizing: border-box;
grid-template-columns: repeat(5, 1fr);
gap: 2px;
padding: 8px;
display: grid;
}
.toolbar-table-grid-wrapper .toolbar-table-grid__item[data-v-b87d6ca2] {
border: 1px solid var(--sd-ui-border, #dbdbdb);
cursor: pointer;
width: 20px;
height: 20px;
transition: all .15s;
}
.toolbar-table-grid-wrapper .toolbar-table-grid__item.sd-selected[data-v-b87d6ca2] {
background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
}
.toolbar-table-grid-wrapper.high-contrast .toolbar-table-grid__item[data-v-b87d6ca2] {
border-color: #000;
}
.toolbar-table-grid-wrapper.high-contrast .toolbar-table-grid__item.sd-selected[data-v-b87d6ca2] {
background: #000;
}
.toolbar-table-grid-wrapper .toolbar-table-grid-value[data-v-b87d6ca2] {
font-size: var(--sd-ui-font-size-300, 13px);
padding: 0 8px 2px;
line-height: 1.1;
}
.toolbar-table-actions[data-v-0cdad084] {
box-sizing: border-box;
flex-direction: column;
gap: 6px;
padding: 10px;
display: flex;
}
.toolbar-table-actions[data-v-0cdad084] svg {
fill: currentColor;
width: 100%;
height: 100%;
display: block;
}
.toolbar-table-actions__item[data-v-0cdad084] {
background-color: var(--sd-ui-dropdown-bg, #fff);
border-radius: var(--sd-ui-dropdown-option-radius, 3px);
cursor: pointer;
box-sizing: border-box;
gap: 5px;
padding: 4px 10px;
display: flex;
position: relative;
}
.toolbar-table-actions__item[data-v-0cdad084]:hover {
background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
}
.toolbar-table-actions__item--border[data-v-0cdad084]:after {
content: "";
background: var(--sd-ui-border, #dbdbdb);
width: calc(100% + 20px);
height: 1px;
display: block;
position: absolute;
bottom: -3px;
left: -10px;
right: 0;
}
.toolbar-table-actions__icon[data-v-0cdad084] {
width: 20px;
color: var(--sd-ui-text, #47484a);
box-sizing: border-box;
justify-content: center;
align-items: center;
display: flex;
}
.toolbar-table-actions__icon-wrapper[data-v-0cdad084] {
height: 14px;
color: var(--sd-ui-text, #47484a);
flex-shrink: 0;
justify-content: center;
align-items: center;
display: inline-flex;
}
.toolbar-table-actions__icon-wrapper[data-v-0cdad084] svg {
width: auto;
max-height: 14px;
}
.toolbar-table-actions__label[data-v-0cdad084] {
font-size: var(--sd-ui-font-size-500, 15px);
color: var(--sd-ui-text, #47484a);
white-space: nowrap;
font-weight: 400;
}
.sd-page-number-menu[data-v-30327fd0] {
box-sizing: border-box;
width: 272px;
color: var(--sd-ui-text, #47484a);
font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
font-size: var(--sd-ui-font-size-300, 13px);
background: var(--sd-ui-dropdown-bg, #fff);
border-radius: var(--sd-ui-radius, 6px);
flex-direction: column;
gap: 12px;
padding: 14px;
display: flex;
}
.sd-page-number-menu__title[data-v-30327fd0] {
letter-spacing: .01em;
font-weight: 600;
}
.sd-page-number-menu__grid[data-v-30327fd0] {
grid-template-columns: repeat(3, 1fr);
gap: 6px;
display: grid;
}
.sd-page-number-menu__grid[aria-disabled="true"][data-v-30327fd0] {
opacity: .55;
}
.sd-page-number-menu__row-label[data-v-30327fd0] {
color: var(--sd-ui-text-muted, #666);
font-size: var(--sd-ui-font-size-100, 11px);
letter-spacing: .06em;
text-transform: uppercase;
grid-column: 1 / -1;
margin-top: 2px;
}
.sd-page-number-menu__tile[data-v-30327fd0] {
border: 1px solid var(--sd-ui-border, #dbdbdb);
background: var(--sd-ui-bg, #fff);
height: 64px;
color: var(--sd-ui-text-disabled, #9a9a9a);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 0;
transition: background-color .12s ease-out, border-color .12s ease-out, color .12s ease-out;
display: flex;
}
.sd-page-number-menu__tile[data-v-30327fd0]:hover {
background: var(--sd-ui-dropdown-hover-bg, #f0f2f5);
}
.sd-page-number-menu__tile[data-v-30327fd0]:focus-visible {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 2px;
}
.sd-page-number-menu__tile.is-selected[data-v-30327fd0] {
border-color: var(--sd-ui-action, #1355ff);
box-shadow: inset 0 0 0 1px var(--sd-ui-action, #1355ff);
background: var(--sd-ui-action, #1355ff);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-page-number-menu__tile.is-selected[data-v-30327fd0] {
background: color-mix(in srgb, var(--sd-ui-action, #1355ff) 7%, var(--sd-ui-bg, #fff));
}
}
.sd-page-number-menu__tile.is-selected[data-v-30327fd0] {
color: var(--sd-ui-action, #1355ff);
}
.sd-page-number-menu__page[data-v-30327fd0] {
width: 36px;
height: 46px;
overflow: visible;
}
.sd-page-number-menu__sheet[data-v-30327fd0] {
fill: var(--sd-ui-bg, #fff);
stroke: var(--sd-ui-border, #c9ced6);
stroke-width: 1.5px;
}
.sd-page-number-menu__line[data-v-30327fd0] {
fill: var(--sd-ui-border, #dbdbdb);
}
.sd-page-number-menu__chip[data-v-30327fd0] {
fill: currentColor;
transform-box: fill-box;
transform-origin: center;
}
.sd-page-number-menu__tile.is-selected .sd-page-number-menu__chip[data-v-30327fd0] {
animation: .16s ease-out sd-page-number-chip-in-30327fd0;
}
@keyframes sd-page-number-chip-in-30327fd0 {
from {
opacity: .4;
transform: scale(.4);
}
to {
opacity: 1;
transform: scale(1);
}
}
.sd-page-number-menu__check[data-v-30327fd0] {
cursor: pointer;
align-items: center;
gap: 8px;
display: flex;
}
.sd-page-number-menu__check input[data-v-30327fd0] {
accent-color: var(--sd-ui-action, #1355ff);
margin: 0;
}
.sd-page-number-menu__format[data-v-30327fd0] {
border-top: 1px solid var(--sd-ui-border, #e6e6e6);
flex-direction: column;
gap: 8px;
padding-top: 10px;
display: flex;
}
.sd-page-number-menu__field[data-v-30327fd0] {
justify-content: space-between;
align-items: center;
gap: 8px;
display: flex;
}
.sd-page-number-menu__field select[data-v-30327fd0], .sd-page-number-menu__start input[type="number"][data-v-30327fd0] {
box-sizing: border-box;
border: 1px solid var(--sd-ui-border, #dbdbdb);
border-radius: var(--sd-ui-dropdown-option-radius, 4px);
background: var(--sd-ui-bg, #fff);
height: 28px;
color: inherit;
font: inherit;
padding: 0 8px;
}
.sd-page-number-menu__field select[data-v-30327fd0] {
cursor: pointer;
width: 132px;
}
.sd-page-number-menu__start[data-v-30327fd0] {
justify-content: space-between;
align-items: center;
gap: 8px;
display: flex;
}
.sd-page-number-menu__start input[type="number"][data-v-30327fd0] {
font-variant-numeric: tabular-nums;
width: 64px;
}
.sd-page-number-menu__field select[data-v-30327fd0]:focus-visible, .sd-page-number-menu__start input[type="number"][data-v-30327fd0]:focus-visible {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 1px;
}
.sd-page-number-menu__field select[data-v-30327fd0]:disabled, .sd-page-number-menu__start input[type="number"][data-v-30327fd0]:disabled {
color: var(--sd-ui-text-disabled, #9a9a9a);
cursor: not-allowed;
}
.sd-page-number-menu__actions[data-v-30327fd0] {
gap: 8px;
display: flex;
}
.sd-page-number-menu__actions .sd-page-number-menu__add[data-v-30327fd0] {
flex: 1;
}
.sd-page-number-menu__remove[data-v-30327fd0] {
border: 1px solid var(--sd-ui-border, #dbdbdb);
border-radius: var(--sd-ui-radius, 6px);
background: var(--sd-ui-bg, #fff);
color: var(--sd-color-rose-500, #cb0e47);
font: inherit;
letter-spacing: .02em;
cursor: pointer;
padding: 8px 12px;
transition: background-color .12s ease-out, border-color .12s ease-out;
}
.sd-page-number-menu__remove[data-v-30327fd0]:hover:not(:disabled) {
border-color: var(--sd-color-rose-500, #cb0e47);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-page-number-menu__remove[data-v-30327fd0]:hover:not(:disabled) {
border-color: color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 40%, var(--sd-ui-border, #dbdbdb));
}
}
.sd-page-number-menu__remove[data-v-30327fd0]:hover:not(:disabled) {
background: var(--sd-color-rose-500, #cb0e47);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-page-number-menu__remove[data-v-30327fd0]:hover:not(:disabled) {
background: color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 6%, var(--sd-ui-bg, #fff));
}
}
.sd-page-number-menu__remove[data-v-30327fd0]:focus-visible {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 2px;
}
.sd-page-number-menu__remove[data-v-30327fd0]:disabled {
opacity: .5;
cursor: not-allowed;
}
.sd-page-number-menu__note[data-v-30327fd0] {
color: var(--sd-ui-text-muted, #666);
font-size: var(--sd-ui-font-size-200, 12px);
margin: -4px 0 0;
line-height: 1.4;
}
.sd-page-number-menu__error[data-v-30327fd0] {
border: 1px solid var(--sd-color-rose-500, #cb0e47);
margin: -4px 0 0;
padding: 8px 10px;
}
@supports (color: color-mix(in lab, red, red)) {
.sd-page-number-menu__error[data-v-30327fd0] {
border: 1px solid color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 35%, var(--sd-ui-border, #dbdbdb));
}
}
.sd-page-number-menu__error[data-v-30327fd0] {
border-radius: var(--sd-ui-radius, 6px);
background: var(--sd-color-rose-500, #cb0e47);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-page-number-menu__error[data-v-30327fd0] {
background: color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 7%, var(--sd-ui-bg, #fff));
}
}
.sd-page-number-menu__error[data-v-30327fd0] {
color: var(--sd-color-rose-500, #cb0e47);
font-size: var(--sd-ui-font-size-200, 12px);
letter-spacing: .01em;
line-height: 1.4;
animation: .16s ease-out sd-page-number-menu-error-in-30327fd0;
}
@keyframes sd-page-number-menu-error-in-30327fd0 {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: none;
}
}
.sd-page-number-menu__add[data-v-30327fd0] {
border-radius: var(--sd-ui-radius, 6px);
background: var(--sd-ui-action, #1355ff);
color: var(--sd-ui-action-text, #fff);
font: inherit;
letter-spacing: .02em;
cursor: pointer;
border: none;
justify-content: center;
align-items: center;
padding: 8px 12px;
transition: background-color .12s ease-out;
display: inline-flex;
}
.sd-page-number-menu__add[data-v-30327fd0]:hover:not(:disabled) {
background: var(--sd-ui-action-hover, #0f44cc);
}
.sd-page-number-menu__add[data-v-30327fd0]:focus-visible, .sd-page-number-menu__cursor[data-v-30327fd0]:focus-visible {
outline: 2px solid var(--sd-ui-action, #1355ff);
outline-offset: 2px;
}
.sd-page-number-menu__add[data-v-30327fd0]:disabled {
opacity: .5;
cursor: not-allowed;
}
.sd-page-number-menu__divider[data-v-30327fd0] {
background: var(--sd-ui-border, #e6e6e6);
height: 1px;
margin: 0 -14px;
}
.sd-page-number-menu__cursor[data-v-30327fd0] {
border-radius: var(--sd-ui-dropdown-option-radius, 3px);
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
background: none;
border: none;
justify-content: space-between;
align-items: center;
gap: 8px;
margin: -4px -8px -6px;
padding: 6px 8px;
display: flex;
}
.sd-page-number-menu__cursor[data-v-30327fd0]:hover:not(:disabled) {
background: var(--sd-ui-dropdown-hover-bg, #f0f2f5);
}
.sd-page-number-menu__cursor[data-v-30327fd0]:disabled {
cursor: default;
color: var(--sd-ui-text-disabled, #9a9a9a);
}
.sd-page-number-menu__cursor-text[data-v-30327fd0] {
flex-direction: column;
gap: 2px;
display: flex;
}
.sd-page-number-menu__cursor small[data-v-30327fd0] {
color: var(--sd-ui-text-muted, #666);
font-size: var(--sd-ui-font-size-100, 11px);
letter-spacing: .01em;
}
.sd-page-number-menu__cursor:disabled small[data-v-30327fd0] {
color: inherit;
}
.sd-page-number-menu__cursor kbd[data-v-30327fd0] {
border: 1px solid var(--sd-ui-border, #dbdbdb);
color: var(--sd-ui-text-muted, #666);
font-family: inherit;
font-size: var(--sd-ui-font-size-100, 11px);
letter-spacing: .02em;
border-radius: 4px;
flex-shrink: 0;
padding: 2px 5px;
}
.high-contrast .sd-page-number-menu__tile[data-v-30327fd0], .high-contrast .sd-page-number-menu__sheet[data-v-30327fd0] {
stroke: #000;
border-color: #000;
}
.high-contrast .sd-page-number-menu__tile.is-selected[data-v-30327fd0] {
color: #fff;
background: #000;
}
.high-contrast .sd-page-number-menu__error[data-v-30327fd0] {
color: #000;
background: #fff;
border-color: #000;
}
@media (prefers-reduced-motion: reduce) {
.sd-page-number-menu__tile[data-v-30327fd0], .sd-page-number-menu__add[data-v-30327fd0], .sd-page-number-menu__remove[data-v-30327fd0] {
transition: none;
}
.sd-page-number-menu__tile.is-selected .sd-page-number-menu__chip[data-v-30327fd0], .sd-page-number-menu__error[data-v-30327fd0] {
animation: none;
}
}
.sd-page-number-flash {
outline-offset: 4px;
border-radius: 2px;
outline: 2px solid #0000;
animation: 1.4s ease-out sd-page-number-flash;
}
@keyframes sd-page-number-flash {
0%, 35% {
outline-color: color-mix(in srgb, var(--sd-ui-action, #1355ff) 55%, transparent);
background-color: color-mix(in srgb, var(--sd-ui-action, #1355ff) 6%, transparent);
}
100% {
background-color: #0000;
outline-color: #0000;
}
}
@media (prefers-reduced-motion: reduce) {
.sd-page-number-flash {
outline-color: var(--sd-ui-action, #1355ff);
animation: none;
}
@supports (color: color-mix(in lab, red, red)) {
.sd-page-number-flash {
outline-color: color-mix(in srgb, var(--sd-ui-action, #1355ff) 55%, transparent);
}
}
}
.sd-password-prompt[data-v-ecf7f6fb] {
gap: var(--sd-ui-password-prompt-gap, 12px);
flex-direction: column;
display: flex;
}
.sd-password-prompt__heading[data-v-ecf7f6fb] {
font-size: var(--sd-ui-password-prompt-heading-size, 15px);
font-weight: var(--sd-ui-password-prompt-heading-weight, 600);
color: var(--sd-ui-password-prompt-heading-color, var(--sd-ui-text));
margin: 0;
line-height: 1.4;
}
.sd-password-prompt__description[data-v-ecf7f6fb] {
font-size: var(--sd-ui-password-prompt-description-size, 14px);
color: var(--sd-ui-password-prompt-description-color, var(--sd-ui-text));
margin: 0;
line-height: 1.5;
}
.sd-password-prompt__field[data-v-ecf7f6fb] {
display: flex;
}
.sd-password-prompt__input[data-v-ecf7f6fb] {
width: 100%;
padding: var(--sd-ui-password-prompt-input-padding, 8px 10px);
font-size: var(--sd-ui-password-prompt-input-size, 14px);
color: var(--sd-ui-password-prompt-input-color, var(--sd-ui-text));
background: var(--sd-ui-password-prompt-input-bg, #fff);
border: 1px solid var(--sd-ui-password-prompt-input-border, var(--sd-ui-border));
border-radius: var(--sd-ui-password-prompt-input-radius, 4px);
outline: none;
font-family: inherit;
transition: border-color .15s;
}
.sd-password-prompt__input[data-v-ecf7f6fb]:focus {
border-color: var(--sd-ui-password-prompt-input-focus-border, var(--sd-ui-action));
}
.sd-password-prompt__input[data-v-ecf7f6fb]:disabled {
opacity: var(--sd-ui-password-prompt-input-disabled-opacity, .6);
cursor: not-allowed;
}
.sd-password-prompt__error[data-v-ecf7f6fb] {
font-size: var(--sd-ui-password-prompt-error-size, 13px);
color: var(--sd-ui-password-prompt-error-color, var(--sd-color-red-500, #ed4337));
margin: 0;
}
.sd-password-prompt__actions[data-v-ecf7f6fb] {
justify-content: flex-end;
gap: var(--sd-ui-password-prompt-actions-gap, 8px);
margin-top: 4px;
display: flex;
}
.sd-password-prompt__btn[data-v-ecf7f6fb] {
padding: var(--sd-ui-password-prompt-btn-padding, 6px 16px);
font-size: var(--sd-ui-password-prompt-btn-size, 14px);
border-radius: var(--sd-ui-password-prompt-btn-radius, 4px);
cursor: pointer;
font-family: inherit;
transition: background-color .15s, opacity .15s;
}
.sd-password-prompt__btn[data-v-ecf7f6fb]:disabled {
opacity: var(--sd-ui-password-prompt-btn-disabled-opacity, .5);
cursor: not-allowed;
}
.sd-password-prompt__btn--cancel[data-v-ecf7f6fb] {
background: var(--sd-ui-password-prompt-cancel-bg, transparent);
border: 1px solid var(--sd-ui-password-prompt-cancel-border, var(--sd-ui-border));
color: var(--sd-ui-password-prompt-cancel-color, var(--sd-ui-text));
}
.sd-password-prompt__btn--cancel[data-v-ecf7f6fb]:hover:not(:disabled) {
background: var(--sd-ui-password-prompt-cancel-hover-bg, var(--sd-color-gray-100, #f5f5f5));
}
.sd-password-prompt__btn--submit[data-v-ecf7f6fb] {
background: var(--sd-ui-password-prompt-submit-bg, var(--sd-ui-action));
border: 1px solid var(--sd-ui-password-prompt-submit-border, var(--sd-ui-action));
color: var(--sd-ui-password-prompt-submit-color, var(--sd-ui-action-text, #fff));
}
.sd-password-prompt__btn--submit[data-v-ecf7f6fb]:hover:not(:disabled) {
background: var(--sd-ui-password-prompt-submit-hover-bg, var(--sd-ui-action-hover));
}
.sd-find-replace[data-v-5dba4c36] {
gap: var(--sd-ui-find-replace-gap, 6px);
min-width: var(--sd-ui-find-replace-min-width, 380px);
flex-direction: column;
display: flex;
}
.sd-find-replace__row[data-v-5dba4c36] {
align-items: center;
gap: var(--sd-ui-find-replace-gap, 6px);
display: flex;
}
.sd-find-replace__row-indent[data-v-5dba4c36] {
flex: 0 0 var(--sd-ui-find-replace-expander-size, 24px);
}
.sd-find-replace__field[data-v-5dba4c36] {
min-width: 0;
height: var(--sd-ui-find-replace-input-height, 32px);
background: var(--sd-ui-find-replace-input-bg, #fff);
border: 1px solid var(--sd-ui-find-replace-input-border, var(--sd-ui-border));
border-radius: var(--sd-ui-find-replace-input-radius, 6px);
box-sizing: border-box;
flex: 1;
align-items: center;
padding: 0 4px 0 10px;
transition: border-color .12s ease-out, box-shadow .12s ease-out;
display: flex;
}
.sd-find-replace__field[data-v-5dba4c36]:focus-within {
border-color: var(--sd-ui-find-replace-input-focus-border, var(--sd-ui-action));
box-shadow: 0 0 0 3px var(--sd-ui-find-replace-input-focus-ring, var(--sd-ui-action));
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__field[data-v-5dba4c36]:focus-within {
box-shadow: 0 0 0 3px var(--sd-ui-find-replace-input-focus-ring, color-mix(in srgb, var(--sd-ui-action) 15%, transparent));
}
}
.sd-find-replace__field--error[data-v-5dba4c36], .sd-find-replace__field--error[data-v-5dba4c36]:focus-within {
border-color: var(--sd-ui-find-replace-error-color, #b3261e);
}
.sd-find-replace__field--error[data-v-5dba4c36]:focus-within {
box-shadow: 0 0 0 3px var(--sd-ui-find-replace-error-color, #b3261e);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__field--error[data-v-5dba4c36]:focus-within {
box-shadow: 0 0 0 3px color-mix(in srgb, var(--sd-ui-find-replace-error-color, #b3261e) 12%, transparent);
}
}
.sd-find-replace__search-icon[data-v-5dba4c36] {
color: var(--sd-ui-find-replace-search-icon-color, #9ca3af);
flex-shrink: 0;
margin-right: 6px;
}
.sd-find-replace__input[data-v-5dba4c36] {
min-width: 0;
height: 100%;
font-size: var(--sd-ui-find-replace-input-font-size, 14px);
color: var(--sd-ui-text);
background: none;
border: none;
outline: none;
flex: 1;
padding: 0;
font-family: inherit;
}
.sd-find-replace__count[data-v-5dba4c36] {
font-size: var(--sd-ui-find-replace-count-font-size, 12px);
color: var(--sd-ui-find-replace-count-color, #6b7280);
pointer-events: none;
white-space: nowrap;
font-variant-numeric: tabular-nums;
letter-spacing: .01em;
flex-shrink: 0;
padding: 0 5px 0 4px;
}
.sd-find-replace__divider[data-v-5dba4c36] {
background: var(--sd-ui-find-replace-input-border, var(--sd-ui-border));
flex-shrink: 0;
width: 1px;
height: 16px;
margin: 0 4px;
}
.sd-find-replace__nav[data-v-5dba4c36] {
align-items: center;
gap: var(--sd-ui-find-replace-nav-gap, 2px);
flex-shrink: 0;
display: flex;
}
.sd-find-replace__nav--actions[data-v-5dba4c36] {
gap: var(--sd-ui-find-replace-gap, 6px);
}
.sd-find-replace__btn[data-v-5dba4c36] {
cursor: pointer;
color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
background: none;
border: none;
justify-content: center;
align-items: center;
font-family: inherit;
transition: background-color .12s ease-out, color .12s ease-out, border-color .12s ease-out, transform 90ms ease-out;
display: inline-flex;
}
.sd-find-replace__btn[data-v-5dba4c36]:active:not(:disabled) {
transform: scale(.96);
}
.sd-find-replace__btn[data-v-5dba4c36]:focus-visible {
outline: 2px solid var(--sd-ui-action);
outline-offset: 1px;
}
.sd-find-replace__btn[data-v-5dba4c36]:disabled {
opacity: var(--sd-ui-find-replace-btn-disabled-opacity, .4);
cursor: not-allowed;
}
.sd-find-replace__btn--icon[data-v-5dba4c36] {
width: var(--sd-ui-find-replace-btn-size, 28px);
height: var(--sd-ui-find-replace-btn-size, 28px);
border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
color: var(--sd-ui-find-replace-btn-color, #4b5563);
}
.sd-find-replace__btn--icon[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-btn-hover-bg, currentColor);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__btn--icon[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
}
}
.sd-find-replace__btn--expander[data-v-5dba4c36] {
width: var(--sd-ui-find-replace-expander-size, 24px);
height: var(--sd-ui-find-replace-expander-size, 24px);
border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
color: var(--sd-ui-find-replace-count-color, #6b7280);
flex-shrink: 0;
}
.sd-find-replace__btn--expander[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-btn-hover-bg, currentColor);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__btn--expander[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
}
}
.sd-find-replace__btn--expander[data-v-5dba4c36]:hover:not(:disabled) {
color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
}
.sd-find-replace__btn--expander svg[data-v-5dba4c36] {
transition: transform .16s ease-out;
}
.sd-find-replace__btn--expander-open svg[data-v-5dba4c36] {
transform: rotate(90deg);
}
.sd-find-replace__btn--toggle[data-v-5dba4c36] {
min-width: 20px;
height: 20px;
padding: var(--sd-ui-find-replace-btn-toggle-padding, 0 3px);
font-size: var(--sd-ui-find-replace-btn-toggle-font-size, 11px);
letter-spacing: .01em;
border-radius: calc(var(--sd-ui-find-replace-input-radius, 6px) - 2px);
color: var(--sd-ui-find-replace-count-color, #6b7280);
border: 1px solid #0000;
flex-shrink: 0;
}
.sd-find-replace__btn--toggle + .sd-find-replace__btn--toggle[data-v-5dba4c36] {
margin-left: 1px;
}
.sd-find-replace__btn--toggle[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-btn-hover-bg, currentColor);
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__btn--toggle[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
}
}
.sd-find-replace__btn--toggle[data-v-5dba4c36]:hover:not(:disabled) {
color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
}
.sd-find-replace__btn--active[data-v-5dba4c36], .sd-find-replace__btn--active[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-toggle-active-bg, var(--sd-ui-action));
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__btn--active[data-v-5dba4c36], .sd-find-replace__btn--active[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-toggle-active-bg, color-mix(in srgb, var(--sd-ui-action) 12%, transparent));
}
}
.sd-find-replace__btn--active[data-v-5dba4c36], .sd-find-replace__btn--active[data-v-5dba4c36]:hover:not(:disabled) {
border-color: var(--sd-ui-find-replace-toggle-active-border, var(--sd-ui-action));
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__btn--active[data-v-5dba4c36], .sd-find-replace__btn--active[data-v-5dba4c36]:hover:not(:disabled) {
border-color: var(--sd-ui-find-replace-toggle-active-border, color-mix(in srgb, var(--sd-ui-action) 30%, transparent));
}
}
.sd-find-replace__btn--active[data-v-5dba4c36], .sd-find-replace__btn--active[data-v-5dba4c36]:hover:not(:disabled) {
color: var(--sd-ui-find-replace-toggle-active-color, var(--sd-ui-action));
}
.sd-find-replace__btn--action[data-v-5dba4c36] {
height: var(--sd-ui-find-replace-btn-size, 28px);
padding: var(--sd-ui-find-replace-action-btn-padding, 0 12px);
font-size: var(--sd-ui-find-replace-count-font-size, 13px);
letter-spacing: .01em;
border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
background: var(--sd-ui-find-replace-action-btn-bg, var(--sd-ui-action));
color: var(--sd-ui-find-replace-action-btn-color, #fff);
}
.sd-find-replace__btn--action[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-action-btn-hover-bg, var(--sd-ui-find-replace-action-btn-bg, var(--sd-ui-action)));
}
@supports (color: color-mix(in lab, red, red)) {
.sd-find-replace__btn--action[data-v-5dba4c36]:hover:not(:disabled) {
background: var(--sd-ui-find-replace-action-btn-hover-bg, color-mix(in srgb, var(--sd-ui-find-replace-action-btn-bg, var(--sd-ui-action)) 88%, #000));
}
}
.sd-find-replace__error[data-v-5dba4c36] {
align-items: center;
gap: var(--sd-ui-find-replace-gap, 6px);
color: var(--sd-ui-find-replace-error-color, #b3261e);
font-size: var(--sd-ui-find-replace-error-font-size, 12px);
letter-spacing: .01em;
padding: var(--sd-ui-find-replace-error-padding, 0 2px);
animation: .16s ease-out sd-find-replace-error-in-5dba4c36;
display: flex;
}
.sd-find-replace__error-text[data-v-5dba4c36] {
padding-left: 4px;
}
@keyframes sd-find-replace-error-in-5dba4c36 {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.sd-find-replace__field[data-v-5dba4c36], .sd-find-replace__btn[data-v-5dba4c36], .sd-find-replace__btn--expander svg[data-v-5dba4c36] {
transition: none;
}
.sd-find-replace__btn[data-v-5dba4c36]:active:not(:disabled) {
transform: none;
}
.sd-find-replace__error[data-v-5dba4c36] {
animation: none;
}
}
.sd-pdf-viewer-page[data-v-d7a9857d] {
--user-unit: 1;
--total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
--scale-round-x: 1px;
--scale-round-y: 1px;
box-sizing: content-box;
width: 816px;
height: 1056px;
margin: 0 0 calc(var(--scale-factor) * 10px);
background-color: #fff;
background-clip: content-box;
position: relative;
overflow: visible;
}
.sd-pdf-viewer-page[data-v-d7a9857d]:last-child {
margin: 0;
}
.sd-pdf-viewer-page__canvas-wrapper[data-v-d7a9857d] {
width: 100%;
height: 100%;
overflow: hidden;
}
.sd-pdf-viewer-page__canvas[data-v-d7a9857d] {
contain: content;
width: 100%;
height: 100%;
margin: 0;
display: block;
position: absolute;
top: 0;
left: 0;
}
.sd-pdf-viewer-page__text-layer {
--csstools-color-scheme--light: initial;
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light only;
text-align: initial;
opacity: 1;
-moz-text-size-adjust: none;
text-size-adjust: none;
forced-color-adjust: none;
transform-origin: 0 0;
caret-color: canvastext;
z-index: 0;
line-height: 1;
position: absolute;
inset: 0;
overflow: clip;
}
.sd-pdf-viewer-page__text-layer.highlighting {
touch-action: none;
}
.sd-pdf-viewer-page__text-layer :is(span, br) {
color: #0000;
white-space: pre;
cursor: text;
transform-origin: 0 0;
position: absolute;
}
.sd-pdf-viewer-page__text-layer {
--min-font-size: 1;
--text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));
--min-font-size-inv: calc(1 / var(--min-font-size));
}
.sd-pdf-viewer-page__text-layer > :not(.markedContent), .sd-pdf-viewer-page__text-layer .markedContent span:not(.markedContent) {
z-index: 1;
--font-height: 0;
font-size: calc(var(--text-scale-factor) * var(--font-height));
--scale-x: 1;
--rotate: 0deg;
transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));
}
.sd-pdf-viewer-page__text-layer .markedContent {
display: contents;
}
.sd-pdf-viewer-page__text-layer span[role="img"] {
-webkit-user-select: none;
user-select: none;
cursor: default;
}
.sd-pdf-viewer-page__text-layer .highlight {
--highlight-bg-color: #b400aa40;
--highlight-selected-bg-color: #00640040;
--highlight-backdrop-filter: none;
--highlight-selected-backdrop-filter: none;
}
@media screen and (forced-colors: active) {
.sd-pdf-viewer-page__text-layer.highlight {
--highlight-bg-color: transparent;
--highlight-selected-bg-color: transparent;
--highlight-backdrop-filter: var(--hcm-highlight-filter);
--highlight-selected-backdrop-filter: var(--hcm-highlight-selected-filter);
}
}
.sd-pdf-viewer-page__text-layer .highlight {
background-color: var(--highlight-bg-color);
-webkit-backdrop-filter: var(--highlight-backdrop-filter);
backdrop-filter: var(--highlight-backdrop-filter);
border-radius: 4px;
margin: -1px;
padding: 1px;
}
.appended:is(.sd-pdf-viewer-page__text-layer .highlight) {
position: initial;
}
.begin:is(.sd-pdf-viewer-page__text-layer .highlight) {
border-radius: 4px 0 0 4px;
}
.end:is(.sd-pdf-viewer-page__text-layer .highlight) {
border-radius: 0 4px 4px 0;
}
.middle:is(.sd-pdf-viewer-page__text-layer .highlight) {
border-radius: 0;
}
.selected:is(.sd-pdf-viewer-page__text-layer .highlight) {
background-color: var(--highlight-selected-bg-color);
-webkit-backdrop-filter: var(--highlight-selected-backdrop-filter);
backdrop-filter: var(--highlight-selected-backdrop-filter);
}
.sd-pdf-viewer-page__text-layer ::selection {
background: #0000ff40;
background: color-mix(in srgb, AccentColor, transparent 75%);
}
.sd-pdf-viewer-page__text-layer br::selection {
background: none;
}
.sd-pdf-viewer-page__text-layer .endOfContent {
z-index: 0;
cursor: default;
-webkit-user-select: none;
user-select: none;
display: block;
position: absolute;
inset: 100% 0 0;
}
.textLayer.selecting .endOfContent {
top: 0;
}
.sd-pdf-viewer-document[data-v-2152178b] {
width: 100%;
position: relative;
}
.sd-pdf-viewer-document__wrapper[data-v-2152178b] {
width: 100%;
padding-bottom: 10px;
}
.sd-pdf-viewer[data-v-05c9d9b5] {
width: 100%;
position: relative;
}
.sd-pdf-viewer__main[data-v-05c9d9b5] {
width: 100%;
}
}
@layer components {
[class*="sidebar"] a:not([class*="font-semibold"]):not([data-slot="sidebar"] a):hover, .sidebar-navigation a:not([class*="font-semibold"]):not([data-slot="sidebar"] a):hover {
background-color: hsl(var(--foreground) / .07) !important;
color: hsl(var(--foreground)) !important;
}
.badge {
border-radius: var(--radius-pill) !important;
}
.input-field:not(.input-plain):not([data-slot]), input[type="text"]:not(.input-plain):not([data-input-otp]):not([data-slot]), input[type="email"]:not(.input-plain):not([data-input-otp]):not([data-slot]), input[type="password"]:not(.input-plain):not([data-input-otp]):not([data-slot]), input[type="number"]:not(.input-plain):not([data-input-otp]):not([data-slot]), input[type="tel"]:not(.input-plain):not([data-input-otp]):not([data-slot]), input[type="url"]:not(.input-plain):not([data-input-otp]):not([data-slot]), input[type="search"]:not(.input-plain):not([data-input-otp]):not([data-slot]), textarea:not(.input-plain):not([data-slot]), select:not(.input-plain):not([data-slot]) {
font-size: var(--font-size-base);
background-color: var(--bg-raised) !important;
border: 1px solid hsl(var(--border)) !important;
border-color: hsl(var(--border)) !important;
color: hsl(var(--foreground)) !important;
transition: border-color .2s, box-shadow .2s !important;
}
.stone .input-field:not(.input-plain):not([data-slot]):not(:focus-visible), .stone input[type="text"]:not(.input-plain):not([data-input-otp]):not([data-slot]):not(:focus-visible), .stone input[type="email"]:not(.input-plain):not([data-input-otp]):not([data-slot]):not(:focus-visible), .stone input[type="password"]:not(.input-plain):not([data-input-otp]):not([data-slot]):not(:focus-visible), .stone input[type="number"]:not(.input-plain):not([data-input-otp]):not([data-slot]):not(:focus-visible), .stone input[type="tel"]:not(.input-plain):not([data-input-otp]):not([data-slot]):not(:focus-visible), .stone input[type="url"]:not(.input-plain):not([data-input-otp]):not([data-slot]):not(:focus-visible), .stone input[type="search"]:not(.input-plain):not([data-input-otp]):not([data-slot]):not(:focus-visible), .stone textarea:not(.input-plain):not([data-slot]):not(:focus-visible), .stone select:not(.input-plain):not([data-slot]):not(:focus-visible) {
border-color: var(--border-control) !important;
}
.input-field:not(.input-plain):not([data-slot])::placeholder, input:not(.input-plain):not([data-input-otp]):not([data-slot])::placeholder, textarea:not(.input-plain):not([data-slot])::placeholder {
color: var(--text-placeholder) !important;
}
.input-field:not(.input-plain):not([data-slot]):focus-visible, input:not(.input-plain):not([data-input-otp]):not([data-slot]):focus-visible, textarea:not(.input-plain):not([data-slot]):focus-visible, select:not(.input-plain):not([data-slot]):focus-visible {
border-color: hsl(var(--input-focus-border)) !important;
box-shadow: 0 0 0 .25px hsl(var(--input-focus-ring)) !important;
outline: .1px solid hsl(var(--input-focus-border)) !important;
outline-offset: .1px !important;
}
.input-no-focus-ring:not([data-slot]):focus-visible, input.input-no-focus-ring:not([data-slot]):focus-visible, textarea.input-no-focus-ring:not([data-slot]):focus-visible, select.input-no-focus-ring:not([data-slot]):focus-visible {
border-color: hsl(var(--input-focus-border)) !important;
box-shadow: none !important;
outline-offset: 0 !important;
outline: none !important;
}
.input-plain:not([data-slot]), input.input-plain:not([data-slot]), textarea.input-plain:not([data-slot]), select.input-plain:not([data-slot]) {
box-shadow: none !important;
outline-offset: 0 !important;
appearance: none !important;
--tw-ring-shadow: 0 0 #0000 !important;
--tw-ring-offset-shadow: 0 0 #0000 !important;
background: none !important;
border: 0 !important;
outline: 0 !important;
}
.input-plain:not([data-slot]):focus, .input-plain:not([data-slot]):focus-visible, .input-plain:not([data-slot]):focus-within, .input-plain:not([data-slot]):active, input.input-plain:not([data-slot]):focus, input.input-plain:not([data-slot]):focus-visible, input.input-plain:not([data-slot]):active, textarea.input-plain:not([data-slot]):focus, textarea.input-plain:not([data-slot]):focus-visible, textarea.input-plain:not([data-slot]):active, select.input-plain:not([data-slot]):focus, select.input-plain:not([data-slot]):focus-visible, select.input-plain:not([data-slot]):active {
box-shadow: none !important;
outline-offset: 0 !important;
--tw-ring-shadow: 0 0 #0000 !important;
--tw-ring-offset-shadow: 0 0 #0000 !important;
background: none !important;
border: 0 !important;
outline: 0 !important;
}
.font-primary {
font-family: var(--font-family-primary);
}
.font-accent {
font-family: var(--font-family-accent);
}
[role="dialog"], [data-radix-dialog-content], [data-radix-alert-dialog-content], [data-radix-popper-content-wrapper] {
--background: var(--card);
}
.glass-panel-light {
background: hsl(var(--card) / .6);
-webkit-backdrop-filter: blur(8px);
border: 1px solid hsl(var(--border));
border-radius: var(--radius-md);
}
.glass-panel-dark {
background: hsl(var(--card) / .85);
-webkit-backdrop-filter: blur(8px);
border: 1px solid hsl(var(--border));
border-radius: var(--radius-md);
}
.glass-panel {
background: hsl(var(--card) / .6);
-webkit-backdrop-filter: blur(8px);
border: 1px solid hsl(var(--border));
border-radius: var(--radius-md);
}
.sand .bg-green-900\/30 {
background-color: hsl(var(--ui-green) / .25) !important;
}
.sand .border-green-800\/50 {
border-color: hsl(var(--ui-green) / .4) !important;
}
.sand .text-green-400 {
color: hsl(var(--ui-green)) !important;
}
.sand .bg-yellow-900\/30 {
background-color: hsl(var(--ui-yellow) / .3) !important;
}
.sand .border-yellow-800\/50 {
border-color: hsl(var(--ui-yellow) / .4) !important;
}
.sand .text-yellow-400 {
color: hsl(var(--ui-yellow)) !important;
}
.sand .bg-orange-900\/30 {
background-color: hsl(var(--ui-orange) / .3) !important;
}
.sand .border-orange-800\/50 {
border-color: hsl(var(--ui-orange) / .4) !important;
}
.sand .text-orange-400 {
color: hsl(var(--ui-orange)) !important;
}
.sand .bg-red-900\/30 {
background-color: hsl(var(--ui-orange) / .25) !important;
}
.sand .border-red-800\/50 {
border-color: hsl(var(--ui-orange) / .4) !important;
}
.sand .text-red-400 {
color: hsl(var(--ui-orange)) !important;
}
.sand .text-red-300 {
color: hsl(var(--ui-orange) / .8) !important;
}
.sand .bg-purple-900\/30 {
background-color: #b385e040 !important;
}
.sand .border-purple-800\/50 {
border-color: #8033cc66 !important;
}
.sand .text-purple-400 {
color: #6629a3 !important;
}
.sand .bg-blue-900\/30 {
background-color: hsl(var(--ui-blue) / .3) !important;
}
.sand .border-blue-800\/50 {
border-color: hsl(var(--ui-blue) / .45) !important;
}
.sand .text-blue-400 {
color: hsl(var(--ui-blue)) !important;
}
.sand .text-blue-300 {
color: hsl(var(--ui-blue) / .8) !important;
}
.sand .text-blue-200 {
color: hsl(var(--ui-blue) / .7) !important;
}
.sand .bg-blue-900\/20 {
background-color: hsl(var(--ui-blue-light)) !important;
}
.sand .border-blue-800\/40, .sand .border-blue-600\/50 {
border-color: hsl(var(--ui-blue) / .65) !important;
}
.sand .border-l-white\/40 {
border-left-color: hsl(var(--primary) / .6) !important;
}
.sand .border-t-white\/20 {
border-top-color: hsl(var(--primary) / .3) !important;
}
.sand .border-r-white\/10 {
border-right-color: hsl(var(--primary) / .15) !important;
}
.sand .border-b-white\/10 {
border-bottom-color: hsl(var(--primary) / .15) !important;
}
.sand .shadow-\[inset_0_0_25px_rgba\(255\,255\,255\,0\.08\)\,0_0_15px_rgba\(255\,255\,255\,0\.03\)\] {
box-shadow: inset 0 0 25px hsl(var(--primary) / .12), 0 0 15px hsl(var(--primary) / .06) !important;
}
.accent-highlight {
background: hsl(var(--ui-blue) / .1);
border: 1px solid hsl(var(--ui-blue) / .3);
color: hsl(var(--ui-blue));
}
.soft-glow {
box-shadow: 0 0 20px hsl(var(--ui-blue) / .2);
}
.subtle-border {
border: 1px solid hsl(var(--border) / .5);
}
.active-item {
background: hsl(var(--ui-blue) / .1);
border: 1px solid hsl(var(--ui-blue) / .3);
color: hsl(var(--foreground));
}
.tab-navigation {
background: hsl(var(--background) / .8);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid hsl(var(--border));
box-shadow: var(--shadow-md);
border-radius: var(--radius-lg);
}
.main-background {
background: linear-gradient(135deg, hsl(var(--background) / .8) 0%, hsl(var(--background) / .9) 100%);
}
.sand .border-white\/10 {
border-color: hsl(var(--foreground) / .1) !important;
}
.sand .border-white\/20 {
border-color: hsl(var(--foreground) / .2) !important;
}
.sand .border-white\/30 {
border-color: hsl(var(--foreground) / .3) !important;
}
.sand .bg-white\/10 {
background-color: hsl(var(--muted) / .15) !important;
}
.sand .hover\:bg-white\/10:hover {
background-color: hsl(var(--muted) / .18) !important;
}
.sand .bg-white\/5 {
background-color: hsl(var(--muted) / .08) !important;
}
.sand .hover\:bg-white\/5:hover {
background-color: hsl(var(--muted) / .12) !important;
}
.sand .bg-white\/20 {
background-color: hsl(var(--muted) / .25) !important;
}
.sand .hover\:bg-white\/20:hover {
background-color: hsl(var(--muted) / .3) !important;
}
.sand .border-gray-800 {
border-color: hsl(var(--border)) !important;
}
.fixed-size-modal {
border-radius: var(--radius-xl);
width: 90vw;
max-width: 500px;
}
.fixed-size-modal > div:last-child {
border-radius: var(--radius-xl);
overflow: hidden;
}
.glass-panel-light:not(.settings-panel-wide):not(.fixed-size-modal):not(.carl-modal-animation):not(.sidebar-panel), .glass-panel-dark:not(.settings-panel-wide):not(.fixed-size-modal):not(.carl-modal-animation):not(.sidebar-panel) {
contain: layout style paint;
will-change: background-color, border-color, box-shadow;
transform: translateZ(0);
}
.glass-panel-light[style*="position: fixed"], .glass-panel-dark[style*="position: fixed"] {
contain: none;
}
.glass-panel-dark.top-navbar, .glass-panel-light.top-navbar, .glass-panel-dark.sidebar-panel, .glass-panel-light.sidebar-panel {
border-radius: 0;
}
.glass-panel:not(.settings-panel-wide):not(.fixed-size-modal):not(.carl-modal-animation) {
contain: layout style paint;
will-change: background-color, border-color, box-shadow;
transform: translateZ(0);
}
.prose-dark {
color: hsl(var(--muted-foreground));
}
.prose-dark .ProseMirror {
color: hsl(var(--muted-foreground));
background: none;
}
.prose-dark .ProseMirror p {
color: hsl(var(--muted-foreground));
margin: .5rem 0;
}
.prose-dark .ProseMirror h1 {
color: hsl(var(--foreground));
margin: 1rem 0 .5rem;
font-size: 1.5rem;
font-weight: 600;
}
.prose-dark .ProseMirror h2 {
color: hsl(var(--foreground));
margin: .75rem 0 .5rem;
font-size: 1.25rem;
font-weight: 600;
}
.prose-dark .ProseMirror h3 {
color: hsl(var(--foreground));
margin: .75rem 0 .5rem;
font-size: 1.125rem;
font-weight: 600;
}
.prose-dark .ProseMirror ul {
margin: .5rem 0;
padding-left: 1.5rem;
list-style-type: disc;
}
.prose-dark .ProseMirror ol {
margin: .5rem 0;
padding-left: 1.5rem;
list-style-type: decimal;
}
.prose-dark .ProseMirror blockquote {
border-left: 4px solid hsl(var(--border));
color: hsl(var(--muted-foreground));
margin: .5rem 0;
padding-left: 1rem;
font-style: italic;
}
.card:not([data-slot^="card"]), [class*="card"]:not([data-slot^="card"]), .panel, [class*="panel"], .progress-step, .step-indicator, [class*="progress"], [class*="step-"], .dropdown-content, .popover-content, [class*="dropdown"], [class*="popover"]:not(.popover-trigger), .sidebar-item, .nav-item, [class*="sidebar-"], [class*="nav-"] {
backface-visibility: hidden;
transform: translateZ(0);
}
.alert, .notification, [class*="alert"], [class*="notification"] {
backface-visibility: hidden;
will-change: transform, opacity;
transform: translateZ(0);
}
.modal-content, .dialog-content, [class*="modal-content"]:not([data-slot="dialog-content"]), [class*="dialog-content"]:not([data-slot="dialog-content"]), .table-row, [class*="table-row"], tr:hover, tbody tr, .list-item, [class*="list-item"], li[class*="hover"] {
backface-visibility: hidden;
transform: translateZ(0);
}
.workflow-node, .builder-step, .playbook-card, [class*="workflow-"], [class*="builder-"], [class*="playbook-"] {
backface-visibility: hidden;
will-change: transform;
transform: translateZ(0);
}
.kanban-card, [class*="kanban-"], .board-card, [class*="board-"] {
backface-visibility: hidden;
will-change: transform, box-shadow;
transform: translateZ(0);
}
.sand .progress-container {
background: linear-gradient(135deg, hsl(var(--ui-yellow-light) / .6), hsl(var(--ui-yellow-light) / .8), hsl(var(--ui-yellow-light) / .5)) !important;
border-color: hsl(var(--ui-yellow) / .5) !important;
box-shadow: 0 1px 3px 0 hsl(var(--ring) / .05) !important;
-webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
}
.sand .progress-container .progress-bar {
background-color: hsl(var(--ui-yellow-light) / .6) !important;
}
.sand .progress-container .progress-step-circle {
background-color: hsl(var(--background)) !important;
border-color: hsl(var(--ui-yellow)) !important;
}
.sand .progress-container .progress-step-circle.active {
border-color: hsl(var(--ui-yellow)) !important;
box-shadow: 0 0 10px hsl(var(--ui-yellow) / .2) !important;
}
.sand .progress-container .progress-step-circle.complete {
background-color: hsl(var(--ui-yellow-light)) !important;
border-color: hsl(var(--ui-yellow)) !important;
box-shadow: 0 0 10px hsl(var(--ui-yellow) / .3) !important;
}
.sand .progress-container .progress-step-text, .sand .progress-container .progress-step-text.active, .sand .progress-container .progress-step-text.complete {
color: hsl(var(--ui-yellow)) !important;
}
.sand .progress-container .progress-step-description {
color: hsl(var(--ui-yellow) / .7) !important;
}
.sand .trial-period-bg {
background: linear-gradient(135deg, hsl(var(--ui-yellow-light) / .6), hsl(var(--ui-yellow-light) / .8), hsl(var(--ui-yellow-light) / .5)) !important;
border-color: hsl(var(--ui-yellow) / .5) !important;
box-shadow: 0 1px 2px 0 hsl(var(--ring) / .05) !important;
}
.sand .trial-period-text, .sand .trial-period-title {
color: hsl(var(--ui-yellow)) !important;
}
[data-input-otp-container] input:not([data-slot]), [data-input-otp-container] input[type="text"]:not([data-slot]), input[data-input-otp]:not([data-slot]), input[data-input-otp][type="text"]:not([data-slot]) {
all: unset !important;
text-align: left !important;
opacity: 1 !important;
color: #0000 !important;
pointer-events: all !important;
caret-color: #0000 !important;
width: 100% !important;
height: 100% !important;
box-shadow: none !important;
letter-spacing: -.5em !important;
line-height: 1 !important;
font-size: var(--root-height) !important;
-webkit-text-fill-color: transparent !important;
background: none !important;
border: 0 solid #0000 !important;
outline: 0 solid #0000 !important;
font-family: monospace !important;
display: flex !important;
position: absolute !important;
inset: 0 !important;
}
[data-input-otp-container] input:not([data-slot])::selection, input[data-input-otp]:not([data-slot])::selection {
color: #0000 !important;
background: none !important;
}
[data-slot="glyph-swap"] {
flex-shrink: 0;
place-items: center;
display: grid;
}
[data-slot="glyph-swap"] > * {
opacity: 0;
transition: opacity var(--motion-fast-exit), scale var(--motion-fast-exit), background-color var(--motion-fast-enter);
grid-area: 1 / 1;
scale: .8;
}
[data-slot="glyph-swap"] > [data-active], [data-slot="glyph-swap"][data-state="checked"] > [data-when="checked"], [data-slot="glyph-swap"][data-state="unchecked"] > [data-when="unchecked"], [data-slot="glyph-swap"][data-state="indeterminate"] > [data-when="indeterminate"] {
opacity: 1;
transition: opacity var(--motion-fast-enter), scale var(--motion-fast-enter), background-color var(--motion-fast-enter);
transition-delay: var(--duration-fast-exit), var(--duration-fast-exit), 0s;
scale: 1;
}
@starting-style {
[data-slot="glyph-swap"][data-enter] > [data-active] {
opacity: 0;
scale: .8;
}
}
[data-slot="glyph-swap"][data-motion="glide"] > * {
transition: opacity var(--motion-glide-exit), scale var(--motion-glide-exit), background-color var(--motion-glide-enter);
}
[data-slot="glyph-swap"][data-motion="glide"] > [data-active] {
transition: opacity var(--motion-glide-enter), scale var(--motion-glide-enter), background-color var(--motion-glide-enter);
transition-delay: var(--duration-glide-exit), var(--duration-glide-exit), 0s;
}
.sandstone-superdoc-mount .superdoc__layers {
min-width: 0;
}
.sandstone-superdoc-mount .superdoc__document {
overflow: auto;
}
.sandstone-superdoc-mount .superdoc__right-sidebar {
scrollbar-gutter: stable;
overflow: hidden auto;
}
.sandstone-superdoc-mount .superdoc__right-sidebar .floating-comments, .sandstone-superdoc-mount .superdoc__right-sidebar .floating-comments > *, .sandstone-superdoc-mount .superdoc__right-sidebar .comments-dialog {
width: 284px !important;
min-width: 0 !important;
max-width: 284px !important;
}
.sandstone-superdoc-toolbar {
--sd-ui-toolbar-bg: transparent;
--sd-ui-toolbar-padding-x: 6px;
--sd-ui-toolbar-item-gap: 0px;
--sd-ui-toolbar-button-text: var(--icon-default);
}
.sandstone-superdoc-toolbar .toolbar-separator {
--sd-ui-border: var(--border-hairline, var(--border-default));
}
.sandstone-superdoc-toolbar .toolbar-separator .separator-inner {
width: 1px;
}
.sandstone-superdoc-toolbar .sd-font-combobox__input {
border-radius: var(--radius-md);
}
.sandstone-superdoc-toolbar .sd-font-combobox:focus-within {
background-color: #0000;
}
.sd-toolbar-overflow-menu .sd-toolbar-icon__icon svg, .sd-toolbar-overflow-menu .sd-dropdown-caret svg {
fill: currentColor;
}
.sd-toolbar-overflow-menu .sd-toolbar-icon__icon svg {
width: auto;
height: 16px;
}
.sd-toolbar-overflow-menu .sd-font-combobox__input {
border-radius: var(--radius-md);
}
.sd-toolbar-overflow-menu .sd-font-combobox:focus-within {
background-color: #0000;
}
.toolbar-dropdown-option + .toolbar-dropdown-option {
margin-top: 2px;
}
:root {
--sd-font-family: var(--font-inter, Arial, Helvetica, sans-serif);
--sd-text-primary: hsl(var(--foreground));
--sd-text-muted: hsl(var(--muted-foreground));
--sd-text-placeholder: hsl(var(--muted-foreground) / .6);
--sd-surface-card: hsl(var(--card));
--sd-surface-hover: hsl(var(--accent));
--sd-surface-muted: hsl(var(--muted));
--sd-border-default: hsl(var(--border));
--sd-action-primary: hsl(var(--primary));
--sd-action-primary-hover: hsl(var(--primary) / .9);
--sd-popover-bg: hsl(var(--popover));
--sd-ui-active-bg: hsl(var(--primary) / .15);
--sd-ui-dropdown-hover-bg: var(--bg-hover);
--sd-ui-dropdown-active-bg: var(--bg-selected);
--sd-ui-toolbar-button-hover-bg: var(--bg-hover);
--sd-ui-toolbar-button-active-bg: var(--bg-selected);
--sd-ui-action-text: hsl(var(--primary-foreground));
--sd-ui-menu-header-bg: hsl(var(--muted));
--sd-ui-menu-text-muted: hsl(var(--muted-foreground));
--sd-comment-bg: hsl(var(--muted));
--sd-ui-comments-tag-bg: hsl(var(--muted));
--sd-ui-find-replace-action-btn-color: hsl(var(--primary-foreground));
--sd-ui-tooltip-bg: hsl(var(--popover));
--sd-ui-tooltip-text: hsl(var(--popover-foreground));
--sd-comment-radius: var(--radius-lg);
--sd-comment-shadow: 0 1px 3px #0000001f;
--sd-comment-author-size: var(--font-size-md);
--sd-comment-body-size: var(--font-size-md);
--sd-comment-time-size: var(--font-size-sm);
--sd-ui-comments-option-size: var(--font-size-md);
--sd-ui-comments-input-focus-border: hsl(var(--input-focus-border));
--sd-tracked-changes-insert-decoration-line: underline;
--sd-tracked-changes-insert-underline-offset: 2px;
--sd-tracked-changes-insert-background: transparent;
--sd-tracked-changes-insert-border-width: 0;
--sd-tracked-changes-delete-background: transparent;
--sd-tracked-changes-delete-border-width: 0;
--sd-tracked-changes-delete-decoration-thickness: 1px;
--sd-tracked-changes-insert-border: red;
--sd-tracked-changes-delete-border: red;
--sd-tracked-changes-insert-background-focused: #ff000026;
--sd-tracked-changes-delete-background-focused: #ff000026;
--sd-comments-highlight-external: #b1124b26;
--sd-comments-highlight-external-active: #b1124b40;
--sd-comments-highlight-internal: #07838326;
--sd-comments-highlight-internal-active: #07838340;
--sd-layout-page-bg: #fff;
}
.superdoc-layout .track-insert-dec.highlighted:not(.track-change-focused) {
background-color: #0000 !important;
}
@supports (color: attr(data-x type(), red)) {
.superdoc-layout [data-track-change-author-color] {
color: attr(data-track-change-author-color type(), currentColor) !important;
-webkit-text-decoration-color: attr(data-track-change-author-color type(), currentColor) !important;
text-decoration-color: attr(data-track-change-author-color type(), currentColor) !important;
}
.superdoc-layout [data-track-change-author-color].track-change-focused {
background-color: attr(data-track-change-author-color type(), currentColor) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.superdoc-layout [data-track-change-author-color].track-change-focused {
background-color: color-mix(in srgb, attr(data-track-change-author-color type(), currentColor) 20%, transparent) !important;
}
}
}
.superdoc-layout .track-insert-dec.highlighted:not(.track-change-focused):hover {
background-color: var(--sd-tracked-changes-insert-border, red) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.superdoc-layout .track-insert-dec.highlighted:not(.track-change-focused):hover {
background-color: color-mix(in srgb, var(--sd-tracked-changes-insert-border, red) 12%, transparent) !important;
}
}
.superdoc-layout .track-delete-dec.highlighted:not(.track-change-focused):hover {
background-color: var(--sd-tracked-changes-delete-border, red) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.superdoc-layout .track-delete-dec.highlighted:not(.track-change-focused):hover {
background-color: color-mix(in srgb, var(--sd-tracked-changes-delete-border, red) 12%, transparent) !important;
}
}
.superdoc-layout .track-insert-dec, .superdoc-layout .track-delete-dec, .superdoc-layout .superdoc-comment-highlight {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
border-radius: 3px;
transition: background-color .16s ease-out;
}
.sandstone-superdoc-mount .superdoc__layers {
color: #47484a;
}
.sd-button:not(.sd-is-disabled):not(:disabled):hover {
background-color: hsl(var(--accent));
}
.sd-button.primary:not(.sd-is-disabled):not(:disabled) {
background-color: hsl(var(--primary));
color: hsl(var(--primary-foreground));
}
.sd-button.primary:not(.sd-is-disabled):not(:disabled):hover {
background-color: hsl(var(--primary) / .9);
}
.sd-button.primary.sd-is-disabled, .sd-button.primary:disabled {
background-color: hsl(var(--muted));
color: hsl(var(--muted-foreground));
}
.reply-pill {
background: hsl(var(--card));
border: 1px solid hsl(var(--border));
border-radius: var(--radius-md);
color: hsl(var(--muted-foreground));
}
.reply-input-wrapper, .new-comment-input-wrapper {
border-radius: var(--radius-md);
border-width: 1px;
}
.reply-input-wrapper:focus-within, .new-comment-input-wrapper:focus-within {
border-color: hsl(var(--input-focus-border));
box-shadow: none;
}
.reply-input-wrapper .superdoc-field, .reply-input-wrapper .superdoc-field:focus, .reply-input-wrapper .superdoc-field:active, .new-comment-input-wrapper .superdoc-field, .new-comment-input-wrapper .superdoc-field:focus, .new-comment-input-wrapper .superdoc-field:active {
box-shadow: none;
border: none;
outline: none;
}
.sd-find-replace__field:focus-within {
box-shadow: none;
}
.sd-find-replace__field:focus-within:not(.sd-find-replace__field--error) {
border-color: hsl(var(--input-focus-border));
}
.sd-surface-floating__content:has( > .sd-find-replace) {
padding: 10px 12px;
}
.comment-mention-list {
background: var(--sd-popover-bg);
border-color: var(--sd-border-default);
}
.comment-mention-option {
color: var(--sd-text-primary);
}
.comment-mention-option--active, .comment-mention-option:hover {
background: var(--sd-surface-hover);
}
.comment-mention-option__email {
color: var(--sd-text-muted);
}
.file-drop-target {
outline: 1px solid var(--border-brand);
outline-offset: -1px;
border-radius: var(--radius-md);
background-color: var(--bg-brand) !important;
}
[data-streamdown="table"], [data-streamdown="table-cell"] {
word-break: normal !important;
overflow-wrap: normal !important;
}
[data-streamdown="table-header-cell"] {
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
[cmdk-input], [cmdk-input]:focus, [cmdk-input]:focus-visible, [cmdk-item], [cmdk-item]:focus, [cmdk-item]:focus-visible, [cmdk-item][aria-selected="true"], [cmdk-item][data-selected="true"] {
box-shadow: none !important;
outline: none !important;
}
.input-plain, .input-plain:focus, .input-plain:focus-visible, .input-plain:active, textarea.input-plain, textarea.input-plain:focus, textarea.input-plain:focus-visible, textarea.input-plain:active, .mention-textarea textarea, .mention-textarea textarea:focus, .mention-textarea textarea:focus-visible, .mention-textarea textarea:active, .mention-textarea .input-plain, .mention-textarea .input-plain:focus, .mention-textarea .input-plain:focus-visible {
box-shadow: none !important;
appearance: none !important;
--tw-ring-shadow: 0 0 #0000 !important;
--tw-ring-offset-shadow: 0 0 #0000 !important;
--tw-border-opacity: 0 !important;
background: none !important;
border: none !important;
outline: 0 #0000 !important;
}
}
@layer utilities {
.\@container\/board {
container: board / inline-size;
}
.\@container\/composer {
container: composer / inline-size;
}
.\@container\/crm {
container: crm / inline-size;
}
.\@container\/editor {
container: editor / inline-size;
}
.\@container\/filters {
container: filters / inline-size;
}
.\@container\/insights {
container: insights / inline-size;
}
.\@container\/intg {
container: intg / inline-size;
}
.\@container\/issue-list {
container: issue-list / inline-size;
}
.\@container\/labels {
container: labels / inline-size;
}
.\@container\/list {
container: list / inline-size;
}
.\@container\/notes {
container: notes / inline-size;
}
.\@container\/page-header {
container: page-header / inline-size;
}
.\@container\/pagination {
container: pagination / inline-size;
}
.\@container\/palette-footer {
container: palette-footer / inline-size;
}
.\@container\/source {
container: source / inline-size;
}
.\@container\/stepper {
container: stepper / inline-size;
}
.\@container\/superdoc-toolbar {
container: superdoc-toolbar / inline-size;
}
.\@container\/table {
container: table / inline-size;
}
.\@container {
container-type: inline-size;
}
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.\!collapse {
visibility: collapse !important;
}
.\!visible {
visibility: visible !important;
}
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.not-sr-only {
clip-path: none;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: var(--spacing-0);
}
.inset-x-0 {
inset-inline: var(--spacing-0);
}
.inset-x-4 {
inset-inline: var(--spacing-4);
}
.inset-x-px {
inset-inline: 1px;
}
.inset-y-0 {
inset-block: var(--spacing-0);
}
.inset-y-4 {
inset-block: var(--spacing-4);
}
.end-0 {
inset-inline-end: var(--spacing-0);
}
.-top-0\.5 {
top: calc(var(--spacing) * -.5);
}
.-top-1 {
top: calc(var(--spacing-1) * -1);
}
.-top-2 {
top: calc(var(--spacing-2) * -1);
}
.-top-12 {
top: calc(var(--spacing-12) * -1);
}
.top-\(--slash-menu-top\) {
top: var(--slash-menu-top);
}
.top-\(--window-top\) {
top: var(--window-top);
}
.top-0 {
top: var(--spacing-0);
}
.top-0\.5 {
top: calc(var(--spacing) * .5);
}
.top-0\.75 {
top: calc(var(--spacing) * .75);
}
.top-1 {
top: var(--spacing-1);
}
.top-1\.5 {
top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
top: 50%;
}
.top-1\/3 {
top: 33.3333%;
}
.top-2 {
top: var(--spacing-2);
}
.top-2\/3 {
top: 66.6667%;
}
.top-3 {
top: var(--spacing-3);
}
.top-4 {
top: var(--spacing-4);
}
.top-5 {
top: var(--spacing-5);
}
.top-6 {
top: var(--spacing-6);
}
.top-8 {
top: var(--spacing-8);
}
.top-10 {
top: var(--spacing-10);
}
.top-12 {
top: var(--spacing-12);
}
.top-16 {
top: var(--spacing-16);
}
.top-\[60\%\] {
top: 60%;
}
.top-full {
top: 100%;
}
.top-px {
top: 1px;
}
.-right-0\.5 {
right: calc(var(--spacing) * -.5);
}
.-right-1 {
right: calc(var(--spacing-1) * -1);
}
.-right-12 {
right: calc(var(--spacing-12) * -1);
}
.right-0 {
right: var(--spacing-0);
}
.right-0\.5 {
right: calc(var(--spacing) * .5);
}
.right-0\.75 {
right: calc(var(--spacing) * .75);
}
.right-1 {
right: var(--spacing-1);
}
.right-1\.5 {
right: calc(var(--spacing) * 1.5);
}
.right-1\/2 {
right: 50%;
}
.right-2 {
right: var(--spacing-2);
}
.right-3 {
right: var(--spacing-3);
}
.right-4 {
right: var(--spacing-4);
}
.right-5 {
right: var(--spacing-5);
}
.right-6 {
right: var(--spacing-6);
}
.right-8 {
right: var(--spacing-8);
}
.right-full {
right: 100%;
}
.right-px {
right: 1px;
}
.right-sidebar {
right: var(--spacing-sidebar);
}
.\!bottom-16 {
bottom: var(--spacing-16) !important;
}
.-bottom-1 {
bottom: calc(var(--spacing-1) * -1);
}
.-bottom-12 {
bottom: calc(var(--spacing-12) * -1);
}
.bottom-\(--slash-menu-bottom\) {
bottom: var(--slash-menu-bottom);
}
.bottom-0 {
bottom: var(--spacing-0);
}
.bottom-1 {
bottom: var(--spacing-1);
}
.bottom-1\.5 {
bottom: calc(var(--spacing) * 1.5);
}
.bottom-2 {
bottom: var(--spacing-2);
}
.bottom-3 {
bottom: var(--spacing-3);
}
.bottom-4 {
bottom: var(--spacing-4);
}
.bottom-8 {
bottom: var(--spacing-8);
}
.bottom-16 {
bottom: var(--spacing-16);
}
.bottom-\[4\.25rem\] {
bottom: 4.25rem;
}
.bottom-\[calc\(var\(--content-container-bottom\,0px\)\+1rem\)\] {
bottom: calc(var(--content-container-bottom, 0px) + 1rem);
}
.bottom-\[var\(--feed-foot-inset\,0px\)\] {
bottom: var(--feed-foot-inset, 0px);
}
.bottom-full {
bottom: 100%;
}
.bottom-px {
bottom: 1px;
}
.-left-1 {
left: calc(var(--spacing-1) * -1);
}
.-left-2 {
left: calc(var(--spacing-2) * -1);
}
.-left-12 {
left: calc(var(--spacing-12) * -1);
}
.left-\(--slash-menu-left\) {
left: var(--slash-menu-left);
}
.left-\(--window-left\) {
left: var(--window-left);
}
.left-0 {
left: var(--spacing-0);
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: var(--spacing-2);
}
.left-2\.5 {
left: calc(var(--spacing) * 2.5);
}
.left-3 {
left: var(--spacing-3);
}
.left-4 {
left: var(--spacing-4);
}
.left-5 {
left: var(--spacing-5);
}
.left-10 {
left: var(--spacing-10);
}
.left-16 {
left: var(--spacing-16);
}
.left-\[calc\(50\%\+7rem\)\] {
left: calc(50% + 7rem);
}
.left-\[calc\(var\(--content-container-left\,0px\)\+1rem\)\] {
left: calc(var(--content-container-left, 0px) + 1rem);
}
.left-\[calc\(var\(--nav-depth\,0\)\*1rem\+0\.25rem\)\] {
left: calc(var(--nav-depth, 0) * 1rem + .25rem);
}
.isolate {
isolation: isolate;
}
.-z-10 {
z-index: calc(10 * -1);
}
.z-\(--z-popover\) {
z-index: var(--z-popover);
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.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-60 {
z-index: 60;
}
.z-100 {
z-index: 100;
}
.z-9999 {
z-index: 9999;
}
.z-10001 {
z-index: 10001;
}
.z-\[60\] {
z-index: 60;
}
.z-\[100\] {
z-index: 100;
}
.z-dialog-popover {
z-index: var(--z-index-dialog-popover);
}
.z-dropdown {
z-index: var(--z-index-dropdown);
}
.z-float {
z-index: var(--z-index-float);
}
.z-fullscreen-overlay {
z-index: var(--z-index-fullscreen-overlay);
}
.z-fullscreen-overlay-backdrop {
z-index: var(--z-index-fullscreen-overlay-backdrop);
}
.z-fullscreen-overlay-dialog {
z-index: var(--z-index-fullscreen-overlay-dialog);
}
.z-modal {
z-index: var(--z-index-modal);
}
.z-modal-backdrop {
z-index: var(--z-index-modal-backdrop);
}
.z-modal-content {
z-index: var(--z-index-modal-content);
}
.z-nested-panel {
z-index: var(--z-index-nested-panel);
}
.z-on-overlay {
z-index: var(--z-index-on-overlay);
}
.z-overlay {
z-index: var(--z-index-overlay);
}
.z-popover {
z-index: var(--z-index-popover);
}
.z-raised {
z-index: var(--z-index-raised);
}
.z-sticky {
z-index: var(--z-index-sticky);
}
.z-toast\! {
z-index: var(--z-index-toast) !important;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-first {
order: -9999;
}
.order-last {
order: 9999;
}
.col-1 {
grid-column: 1;
}
.col-2 {
grid-column: 2;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.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-6 {
grid-column: span 6 / span 6;
}
.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;
}
.row-0 {
grid-row: 0;
}
.row-1 {
grid-row: 1;
}
.row-2 {
grid-row: 2;
}
.row-3 {
grid-row: 3;
}
.row-4 {
grid-row: 4;
}
.row-5 {
grid-row: 5;
}
.row-span-1 {
grid-row: span 1 / span 1;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-span-full {
grid-row: 1 / -1;
}
.row-start-1 {
grid-row-start: 1;
}
.row-start-2 {
grid-row-start: 2;
}
.row-start-3 {
grid-row-start: 3;
}
.\!container {
width: 100% !important;
}
@media (min-width: 40rem) {
.\!container {
max-width: 40rem !important;
}
}
@media (min-width: 48rem) {
.\!container {
max-width: 48rem !important;
}
}
@media (min-width: 64rem) {
.\!container {
max-width: 64rem !important;
}
}
@media (min-width: 80rem) {
.\!container {
max-width: 80rem !important;
}
}
@media (min-width: 96rem) {
.\!container {
max-width: 96rem !important;
}
}
.container {
width: 100%;
}
@media (min-width: 40rem) {
.container {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem;
}
}
.\!m-0 {
margin: var(--spacing-0) !important;
}
.-m-0\.5 {
margin: calc(var(--spacing) * -.5);
}
.-m-1 {
margin: calc(var(--spacing-1) * -1);
}
.-m-2 {
margin: calc(var(--spacing-2) * -1);
}
.-m-4 {
margin: calc(var(--spacing-4) * -1);
}
.m-0 {
margin: var(--spacing-0);
}
.m-1 {
margin: var(--spacing-1);
}
.m-2 {
margin: var(--spacing-2);
}
.m-4 {
margin: var(--spacing-4);
}
.-mx-0\.5 {
margin-inline: calc(var(--spacing) * -.5);
}
.-mx-1 {
margin-inline: calc(var(--spacing-1) * -1);
}
.-mx-2 {
margin-inline: calc(var(--spacing-2) * -1);
}
.-mx-4 {
margin-inline: calc(var(--spacing-4) * -1);
}
.-mx-6 {
margin-inline: calc(var(--spacing-6) * -1);
}
.mx-0\.5 {
margin-inline: calc(var(--spacing) * .5);
}
.mx-1 {
margin-inline: var(--spacing-1);
}
.mx-1\.5 {
margin-inline: calc(var(--spacing) * 1.5);
}
.mx-2 {
margin-inline: var(--spacing-2);
}
.mx-3 {
margin-inline: var(--spacing-3);
}
.mx-4 {
margin-inline: var(--spacing-4);
}
.mx-auto {
margin-inline: auto;
}
.mx-px {
margin-inline: 1px;
}
.-my-0\.5 {
margin-block: calc(var(--spacing) * -.5);
}
.-my-1 {
margin-block: calc(var(--spacing-1) * -1);
}
.-my-2 {
margin-block: calc(var(--spacing-2) * -1);
}
.-my-3 {
margin-block: calc(var(--spacing-3) * -1);
}
.my-0\.5 {
margin-block: calc(var(--spacing) * .5);
}
.my-1 {
margin-block: var(--spacing-1);
}
.my-1\.5 {
margin-block: calc(var(--spacing) * 1.5);
}
.my-2 {
margin-block: var(--spacing-2);
}
.my-3 {
margin-block: var(--spacing-3);
}
.my-4 {
margin-block: var(--spacing-4);
}
.my-6 {
margin-block: var(--spacing-6);
}
.my-8 {
margin-block: var(--spacing-8);
}
.my-\[calc\(\(1lh-24px\)\/2\)\] {
margin-block: calc(.5lh - 12px);
}
.my-auto {
margin-block: auto;
}
.ms-1 {
margin-inline-start: var(--spacing-1);
}
.me-0\.5 {
margin-inline-end: calc(var(--spacing) * .5);
}
.me-1 {
margin-inline-end: var(--spacing-1);
}
.me-auto {
margin-inline-end: auto;
}
.-mt-1 {
margin-top: calc(var(--spacing-1) * -1);
}
.-mt-2 {
margin-top: calc(var(--spacing-2) * -1);
}
.-mt-3 {
margin-top: calc(var(--spacing-3) * -1);
}
.-mt-4 {
margin-top: calc(var(--spacing-4) * -1);
}
.-mt-6 {
margin-top: calc(var(--spacing-6) * -1);
}
.-mt-\[max\(0px\,calc\(\(var\(--list-row-band\)-1lh\)\/2\)\)\] {
margin-top: calc(max(0px, calc((var(--list-row-band) - 1lh) / 2)) * -1);
}
.mt-0 {
margin-top: var(--spacing-0);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-1 {
margin-top: var(--spacing-1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: var(--spacing-2);
}
.mt-2\.5 {
margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
margin-top: var(--spacing-3);
}
.mt-4 {
margin-top: var(--spacing-4);
}
.mt-5 {
margin-top: var(--spacing-5);
}
.mt-6 {
margin-top: var(--spacing-6);
}
.mt-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
margin-top: var(--spacing-8);
}
.mt-10 {
margin-top: var(--spacing-10);
}
.mt-20 {
margin-top: var(--spacing-20);
}
.mt-\[10vh\] {
margin-top: 10vh;
}
.mt-\[15vh\] {
margin-top: 15vh;
}
.mt-auto {
margin-top: auto;
}
.mt-px {
margin-top: 1px;
}
.-mr-0\.5 {
margin-right: calc(var(--spacing) * -.5);
}
.-mr-1 {
margin-right: calc(var(--spacing-1) * -1);
}
.-mr-2 {
margin-right: calc(var(--spacing-2) * -1);
}
.-mr-4 {
margin-right: calc(var(--spacing-4) * -1);
}
.mr-0\.5 {
margin-right: calc(var(--spacing) * .5);
}
.mr-1 {
margin-right: var(--spacing-1);
}
.mr-1\.5 {
margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
margin-right: var(--spacing-2);
}
.mr-3 {
margin-right: var(--spacing-3);
}
.mr-4 {
margin-right: var(--spacing-4);
}
.mr-6 {
margin-right: var(--spacing-6);
}
.mr-8 {
margin-right: var(--spacing-8);
}
.mr-\[0\.25em\] {
margin-right: .25em;
}
.mr-auto {
margin-right: auto;
}
.-mb-1 {
margin-bottom: calc(var(--spacing-1) * -1);
}
.-mb-6 {
margin-bottom: calc(var(--spacing-6) * -1);
}
.mb-0 {
margin-bottom: var(--spacing-0);
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * .5);
}
.mb-1 {
margin-bottom: var(--spacing-1);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
margin-bottom: var(--spacing-2);
}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
margin-bottom: var(--spacing-3);
}
.mb-4 {
margin-bottom: var(--spacing-4);
}
.mb-5 {
margin-bottom: var(--spacing-5);
}
.mb-6 {
margin-bottom: var(--spacing-6);
}
.mb-8 {
margin-bottom: var(--spacing-8);
}
.mb-auto {
margin-bottom: auto;
}
.-ml-0\.5 {
margin-left: calc(var(--spacing) * -.5);
}
.-ml-1 {
margin-left: calc(var(--spacing-1) * -1);
}
.-ml-1\.5 {
margin-left: calc(var(--spacing) * -1.5);
}
.-ml-2 {
margin-left: calc(var(--spacing-2) * -1);
}
.-ml-3 {
margin-left: calc(var(--spacing-3) * -1);
}
.-ml-4 {
margin-left: calc(var(--spacing-4) * -1);
}
.-ml-6 {
margin-left: calc(var(--spacing-6) * -1);
}
.-ml-px {
margin-left: -1px;
}
.ml-0 {
margin-left: var(--spacing-0);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * .5);
}
.ml-1 {
margin-left: var(--spacing-1);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
margin-left: var(--spacing-2);
}
.ml-3 {
margin-left: var(--spacing-3);
}
.ml-4 {
margin-left: var(--spacing-4);
}
.ml-6 {
margin-left: var(--spacing-6);
}
.ml-6\.5 {
margin-left: calc(var(--spacing) * 6.5);
}
.ml-7 {
margin-left: calc(var(--spacing) * 7);
}
.ml-8 {
margin-left: var(--spacing-8);
}
.ml-9\.5 {
margin-left: calc(var(--spacing) * 9.5);
}
.ml-10 {
margin-left: var(--spacing-10);
}
.ml-\[calc\(var\(--nav-depth\)\*1rem\)\] {
margin-left: calc(var(--nav-depth) * 1rem);
}
.ml-auto {
margin-left: auto;
}
.box-content {
box-sizing: content-box;
}
.line-clamp-\(--quote-lines\) {
-webkit-line-clamp: var(--quote-lines);
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-3 {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-4 {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-5 {
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-6 {
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.\!table {
display: table !important;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.inline-grid {
display: inline-grid;
}
.list-item {
display: list-item;
}
.table {
display: table;
}
.table-cell {
display: table-cell;
}
.table-column {
display: table-column;
}
.table-row {
display: table-row;
}
.field-sizing-content {
field-sizing: content;
}
.aspect-8\.5\/11, .aspect-\[8\.5\/11\] {
aspect-ratio: 8.5 / 11;
}
.aspect-\[16\/10\] {
aspect-ratio: 16 / 10;
}
.aspect-auto {
aspect-ratio: auto;
}
.aspect-square {
aspect-ratio: 1;
}
.aspect-video {
aspect-ratio: var(--aspect-video);
}
.\!size-5 {
width: var(--spacing-5) !important;
height: var(--spacing-5) !important;
}
.size-0 {
width: var(--spacing-0);
height: var(--spacing-0);
}
.size-0\.5 {
width: calc(var(--spacing) * .5);
height: calc(var(--spacing) * .5);
}
.size-1\.5 {
width: calc(var(--spacing) * 1.5);
height: calc(var(--spacing) * 1.5);
}
.size-2 {
width: var(--spacing-2);
height: var(--spacing-2);
}
.size-2\.5 {
width: calc(var(--spacing) * 2.5);
height: calc(var(--spacing) * 2.5);
}
.size-3 {
width: var(--spacing-3);
height: var(--spacing-3);
}
.size-3\! {
width: var(--spacing-3) !important;
height: var(--spacing-3) !important;
}
.size-3\.5 {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.size-4 {
width: var(--spacing-4);
height: var(--spacing-4);
}
.size-4\! {
width: var(--spacing-4) !important;
height: var(--spacing-4) !important;
}
.size-5 {
width: var(--spacing-5);
height: var(--spacing-5);
}
.size-5\! {
width: var(--spacing-5) !important;
height: var(--spacing-5) !important;
}
.size-5\.5 {
width: calc(var(--spacing) * 5.5);
height: calc(var(--spacing) * 5.5);
}
.size-6 {
width: var(--spacing-6);
height: var(--spacing-6);
}
.size-6\! {
width: var(--spacing-6) !important;
height: var(--spacing-6) !important;
}
.size-7 {
width: calc(var(--spacing) * 7);
height: calc(var(--spacing) * 7);
}
.size-8 {
width: var(--spacing-8);
height: var(--spacing-8);
}
.size-8\! {
width: var(--spacing-8) !important;
height: var(--spacing-8) !important;
}
.size-9 {
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
}
.size-10 {
width: var(--spacing-10);
height: var(--spacing-10);
}
.size-11 {
width: calc(var(--spacing) * 11);
height: calc(var(--spacing) * 11);
}
.size-12 {
width: var(--spacing-12);
height: var(--spacing-12);
}
.size-14 {
width: calc(var(--spacing) * 14);
height: calc(var(--spacing) * 14);
}
.size-16 {
width: var(--spacing-16);
height: var(--spacing-16);
}
.size-24 {
width: var(--spacing-24);
height: var(--spacing-24);
}
.size-32 {
width: calc(var(--spacing) * 32);
height: calc(var(--spacing) * 32);
}
.size-\[50px\] {
width: 50px;
height: 50px;
}
.size-\[60\%\] {
width: 60%;
height: 60%;
}
.size-full {
width: 100%;
height: 100%;
}
.size-full\! {
width: 100% !important;
height: 100% !important;
}
.h-\(--radix-navigation-menu-viewport-height\) {
height: var(--radix-navigation-menu-viewport-height);
}
.h-\(--tabs-pill-h\) {
height: var(--tabs-pill-h);
}
.h-\(--window-height\) {
height: var(--window-height);
}
.h-0 {
height: var(--spacing-0);
}
.h-0\.5 {
height: calc(var(--spacing) * .5);
}
.h-1 {
height: var(--spacing-1);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-1\/2 {
height: 50%;
}
.h-1\/3 {
height: 33.3333%;
}
.h-1\/4 {
height: 25%;
}
.h-2 {
height: var(--spacing-2);
}
.h-2\.5 {
height: calc(var(--spacing) * 2.5);
}
.h-2\/3 {
height: 66.6667%;
}
.h-3 {
height: var(--spacing-3);
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5);
}
.h-3\/4 {
height: 75%;
}
.h-3\/5 {
height: 60%;
}
.h-4 {
height: var(--spacing-4);
}
.h-5 {
height: var(--spacing-5);
}
.h-6 {
height: var(--spacing-6);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-7\.5 {
height: calc(var(--spacing) * 7.5);
}
.h-7\/10 {
height: 70%;
}
.h-8 {
height: var(--spacing-8);
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-9\/20 {
height: 45%;
}
.h-10 {
height: var(--spacing-10);
}
.h-10\.5 {
height: calc(var(--spacing) * 10.5);
}
.h-11 {
height: calc(var(--spacing) * 11);
}
.h-11\/20 {
height: 55%;
}
.h-12 {
height: var(--spacing-12);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-16 {
height: var(--spacing-16);
}
.h-17\/20 {
height: 85%;
}
.h-20 {
height: var(--spacing-20);
}
.h-24 {
height: var(--spacing-24);
}
.h-25 {
height: calc(var(--spacing) * 25);
}
.h-28 {
height: calc(var(--spacing) * 28);
}
.h-32 {
height: calc(var(--spacing) * 32);
}
.h-36 {
height: calc(var(--spacing) * 36);
}
.h-40 {
height: calc(var(--spacing) * 40);
}
.h-42 {
height: calc(var(--spacing) * 42);
}
.h-44 {
height: calc(var(--spacing) * 44);
}
.h-45\.5 {
height: calc(var(--spacing) * 45.5);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.h-56 {
height: calc(var(--spacing) * 56);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-70 {
height: calc(var(--spacing) * 70);
}
.h-72 {
height: calc(var(--spacing) * 72);
}
.h-75 {
height: calc(var(--spacing) * 75);
}
.h-80 {
height: calc(var(--spacing) * 80);
}
.h-88 {
height: calc(var(--spacing) * 88);
}
.h-95 {
height: calc(var(--spacing) * 95);
}
.h-96 {
height: calc(var(--spacing) * 96);
}
.h-\[1lh\] {
height: 1lh;
}
.h-\[48px\] {
height: 48px;
}
.h-\[50px\] {
height: 50px;
}
.h-\[50vh\] {
height: 50vh;
}
.h-\[52px\] {
height: 52px;
}
.h-\[60vh\] {
height: 60vh;
}
.h-\[65vh\] {
height: 65vh;
}
.h-\[70vh\] {
height: 70vh;
}
.h-\[80vh\] {
height: 80vh;
}
.h-\[85vh\] {
height: 85vh;
}
.h-\[90\%\] {
height: 90%;
}
.h-\[90vh\] {
height: 90vh;
}
.h-\[92vh\] {
height: 92vh;
}
.h-\[94dvh\] {
height: 94dvh;
}
.h-\[140px\] {
height: 140px;
}
.h-\[150px\] {
height: 150px;
}
.h-\[160px\] {
height: 160px;
}
.h-\[180px\] {
height: 180px;
}
.h-\[182px\] {
height: 182px;
}
.h-\[200px\] {
height: 200px;
}
.h-\[220px\] {
height: 220px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[450px\] {
height: 450px;
}
.h-\[460px\] {
height: 460px;
}
.h-\[520px\] {
height: 520px;
}
.h-\[560px\] {
height: 560px;
}
.h-\[600px\] {
height: 600px;
}
.h-\[calc\(90vh-73px\)\] {
height: calc(90vh - 73px);
}
.h-\[calc\(90vh-200px\)\] {
height: calc(90vh - 200px);
}
.h-\[calc\(100dvh-2rem\)\] {
height: calc(100dvh - 2rem);
}
.h-\[calc\(100vh-64px\)\] {
height: calc(100vh - 64px);
}
.h-\[max\(1\.25rem\,calc\(1\.2727em_\+_2px\)\)\] {
height: max(1.25rem, 1.2727em + 2px);
}
.h-\[min\(36rem\,80vh\)\] {
height: min(36rem, 80vh);
}
.h-auto {
height: auto;
}
.h-dvh {
height: 100dvh;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.max-h-\(--dock-window-max-height\) {
max-height: var(--dock-window-max-height);
}
.max-h-\(--radix-hover-card-content-available-height\) {
max-height: var(--radix-hover-card-content-available-height);
}
.max-h-\(--radix-popover-content-available-height\) {
max-height: var(--radix-popover-content-available-height);
}
.max-h-\(--slash-menu-max-height\) {
max-height: var(--slash-menu-max-height);
}
.max-h-\(--window-max-height\) {
max-height: var(--window-max-height);
}
.max-h-0 {
max-height: var(--spacing-0);
}
.max-h-6 {
max-height: var(--spacing-6);
}
.max-h-28 {
max-height: calc(var(--spacing) * 28);
}
.max-h-32 {
max-height: calc(var(--spacing) * 32);
}
.max-h-40 {
max-height: calc(var(--spacing) * 40);
}
.max-h-48 {
max-height: calc(var(--spacing) * 48);
}
.max-h-50 {
max-height: calc(var(--spacing) * 50);
}
.max-h-52 {
max-height: calc(var(--spacing) * 52);
}
.max-h-56 {
max-height: calc(var(--spacing) * 56);
}
.max-h-56\.5 {
max-height: calc(var(--spacing) * 56.5);
}
.max-h-60 {
max-height: calc(var(--spacing) * 60);
}
.max-h-64 {
max-height: calc(var(--spacing) * 64);
}
.max-h-70 {
max-height: calc(var(--spacing) * 70);
}
.max-h-72 {
max-height: calc(var(--spacing) * 72);
}
.max-h-75 {
max-height: calc(var(--spacing) * 75);
}
.max-h-80 {
max-height: calc(var(--spacing) * 80);
}
.max-h-87\.5 {
max-height: calc(var(--spacing) * 87.5);
}
.max-h-88 {
max-height: calc(var(--spacing) * 88);
}
.max-h-96 {
max-height: calc(var(--spacing) * 96);
}
.max-h-\[32vh\] {
max-height: 32vh;
}
.max-h-\[40rem\] {
max-height: 40rem;
}
.max-h-\[50\%\] {
max-height: 50%;
}
.max-h-\[50vh\] {
max-height: 50vh;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[70vh\] {
max-height: 70vh;
}
.max-h-\[75vh\] {
max-height: 75vh;
}
.max-h-\[80vh\] {
max-height: 80vh;
}
.max-h-\[84dvh\] {
max-height: 84dvh;
}
.max-h-\[85dvh\] {
max-height: 85dvh;
}
.max-h-\[85vh\] {
max-height: 85vh;
}
.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-\[94dvh\] {
max-height: 94dvh;
}
.max-h-\[120px\] {
max-height: 120px;
}
.max-h-\[200px\] {
max-height: 200px;
}
.max-h-\[240px\] {
max-height: 240px;
}
.max-h-\[250px\] {
max-height: 250px;
}
.max-h-\[280px\] {
max-height: 280px;
}
.max-h-\[300px\] {
max-height: 300px;
}
.max-h-\[320px\] {
max-height: 320px;
}
.max-h-\[400px\] {
max-height: 400px;
}
.max-h-\[420px\] {
max-height: 420px;
}
.max-h-\[500px\] {
max-height: 500px;
}
.max-h-\[560px\] {
max-height: 560px;
}
.max-h-\[800px\] {
max-height: 800px;
}
.max-h-\[calc\(100dvh-2rem\)\] {
max-height: calc(100dvh - 2rem);
}
.max-h-\[calc\(100dvh-8rem\)\] {
max-height: calc(100dvh - 8rem);
}
.max-h-\[calc\(100vh-2rem\)\] {
max-height: calc(100vh - 2rem);
}
.max-h-\[calc\(100vh-12rem\)\] {
max-height: calc(100vh - 12rem);
}
.max-h-\[calc\(var\(--radix-popover-content-available-height\,100dvh\)_-_var\(--command-field-h\,0px\)\)\] {
max-height: calc(var(--radix-popover-content-available-height, 100dvh) - var(--command-field-h, 0px));
}
.max-h-\[min\(30rem\,var\(--radix-context-menu-content-available-height\)\)\] {
max-height: min(30rem, var(--radix-context-menu-content-available-height));
}
.max-h-\[min\(30rem\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
max-height: min(30rem, var(--radix-dropdown-menu-content-available-height));
}
.max-h-\[min\(30rem\,var\(--radix-popover-content-available-height\)\)\] {
max-height: min(30rem, var(--radix-popover-content-available-height));
}
.max-h-\[min\(30rem\,var\(--radix-select-content-available-height\)\)\] {
max-height: min(30rem, var(--radix-select-content-available-height));
}
.max-h-\[min\(34rem\,60dvh\)\] {
max-height: min(34rem, 60dvh);
}
.max-h-\[min\(34rem\,100\%\)\] {
max-height: min(34rem, 100%);
}
.max-h-\[min\(34rem\,calc\(100dvh-var\(--dock-clearance\,2rem\)\)\)\] {
max-height: min(34rem, calc(100dvh - var(--dock-clearance, 2rem)));
}
.max-h-\[min\(35rem\,calc\(100dvh-20rem\)\)\] {
max-height: min(35rem, 100dvh - 20rem);
}
.max-h-\[min\(40rem\,100\%\)\] {
max-height: min(40rem, 100%);
}
.max-h-\[min\(70vh\,520px\)\] {
max-height: min(70vh, 520px);
}
.max-h-\[var\(--radix-hover-card-content-available-height\)\] {
max-height: var(--radix-hover-card-content-available-height);
}
.max-h-\[var\(--radix-popover-content-available-height\)\] {
max-height: var(--radix-popover-content-available-height);
}
.max-h-\[var\(--radix-popover-content-available-height\,100dvh\)\] {
max-height: var(--radix-popover-content-available-height, 100dvh);
}
.max-h-none {
max-height: none;
}
.min-h-\(--list-row-band\) {
min-height: var(--list-row-band);
}
.min-h-0 {
min-height: var(--spacing-0);
}
.min-h-2 {
min-height: var(--spacing-2);
}
.min-h-4 {
min-height: var(--spacing-4);
}
.min-h-5 {
min-height: var(--spacing-5);
}
.min-h-6 {
min-height: var(--spacing-6);
}
.min-h-7 {
min-height: calc(var(--spacing) * 7);
}
.min-h-8 {
min-height: var(--spacing-8);
}
.min-h-9 {
min-height: calc(var(--spacing) * 9);
}
.min-h-10 {
min-height: var(--spacing-10);
}
.min-h-11 {
min-height: calc(var(--spacing) * 11);
}
.min-h-12 {
min-height: var(--spacing-12);
}
.min-h-13 {
min-height: calc(var(--spacing) * 13);
}
.min-h-13\.5 {
min-height: calc(var(--spacing) * 13.5);
}
.min-h-14 {
min-height: calc(var(--spacing) * 14);
}
.min-h-16 {
min-height: var(--spacing-16);
}
.min-h-18 {
min-height: calc(var(--spacing) * 18);
}
.min-h-20 {
min-height: var(--spacing-20);
}
.min-h-24 {
min-height: var(--spacing-24);
}
.min-h-30 {
min-height: calc(var(--spacing) * 30);
}
.min-h-32 {
min-height: calc(var(--spacing) * 32);
}
.min-h-40 {
min-height: calc(var(--spacing) * 40);
}
.min-h-48 {
min-height: calc(var(--spacing) * 48);
}
.min-h-50 {
min-height: calc(var(--spacing) * 50);
}
.min-h-60 {
min-height: calc(var(--spacing) * 60);
}
.min-h-75 {
min-height: calc(var(--spacing) * 75);
}
.min-h-80 {
min-height: calc(var(--spacing) * 80);
}
.min-h-\[1\.25rem\] {
min-height: 1.25rem;
}
.min-h-\[2\.5rem\] {
min-height: 2.5rem;
}
.min-h-\[16px\] {
min-height: 16px;
}
.min-h-\[20px\] {
min-height: 20px;
}
.min-h-\[32px\] {
min-height: 32px;
}
.min-h-\[36px\] {
min-height: 36px;
}
.min-h-\[40px\] {
min-height: 40px;
}
.min-h-\[52px\] {
min-height: 52px;
}
.min-h-\[60px\] {
min-height: 60px;
}
.min-h-\[64px\] {
min-height: 64px;
}
.min-h-\[70vh\] {
min-height: 70vh;
}
.min-h-\[72px\] {
min-height: 72px;
}
.min-h-\[92px\] {
min-height: 92px;
}
.min-h-\[120px\] {
min-height: 120px;
}
.min-h-\[130px\] {
min-height: 130px;
}
.min-h-\[150px\] {
min-height: 150px;
}
.min-h-\[168px\] {
min-height: 168px;
}
.min-h-\[182px\] {
min-height: 182px;
}
.min-h-\[200px\] {
min-height: 200px;
}
.min-h-\[220px\] {
min-height: 220px;
}
.min-h-\[224px\] {
min-height: 224px;
}
.min-h-\[240px\] {
min-height: 240px;
}
.min-h-\[250px\] {
min-height: 250px;
}
.min-h-\[288px\] {
min-height: 288px;
}
.min-h-\[300px\] {
min-height: 300px;
}
.min-h-\[320px\] {
min-height: 320px;
}
.min-h-\[360px\] {
min-height: 360px;
}
.min-h-\[384px\] {
min-height: 384px;
}
.min-h-\[400px\] {
min-height: 400px;
}
.min-h-\[600px\] {
min-height: 600px;
}
.min-h-\[calc\(100vh-4rem\)\] {
min-height: calc(100vh - 4rem);
}
.min-h-\[min\(10rem\,20vh\)\] {
min-height: min(10rem, 20vh);
}
.min-h-dvh {
min-height: 100dvh;
}
.min-h-full {
min-height: 100%;
}
.min-h-lh {
min-height: 1lh;
}
.min-h-screen {
min-height: 100vh;
}
.min-h-svh {
min-height: 100svh;
}
.\!w-full {
width: 100% !important;
}
.w-\(--chart-bar-share\) {
width: var(--chart-bar-share);
}
.w-\(--dock-window-width\) {
width: var(--dock-window-width);
}
.w-\(--menu-fit-width\) {
width: var(--menu-fit-width);
}
.w-\(--radix-popover-trigger-width\) {
width: var(--radix-popover-trigger-width);
}
.w-\(--side-panel-width\) {
width: var(--side-panel-width);
}
.w-\(--slash-menu-width\) {
width: var(--slash-menu-width);
}
.w-\(--tabs-pill-w\) {
width: var(--tabs-pill-w);
}
.w-\(--window-width\) {
width: var(--window-width);
}
.w-0 {
width: var(--spacing-0);
}
.w-0\.5 {
width: calc(var(--spacing) * .5);
}
.w-1 {
width: var(--spacing-1);
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.3333%;
}
.w-1\/4 {
width: 25%;
}
.w-2 {
width: var(--spacing-2);
}
.w-2\.5 {
width: calc(var(--spacing) * 2.5);
}
.w-2\/3 {
width: 66.6667%;
}
.w-2\/5 {
width: 40%;
}
.w-3 {
width: var(--spacing-3);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-3\/4 {
width: 75%;
}
.w-3\/5 {
width: 60%;
}
.w-4 {
width: var(--spacing-4);
}
.w-4\/5 {
width: 80%;
}
.w-4\/6 {
width: 66.6667%;
}
.w-5 {
width: var(--spacing-5);
}
.w-5\/6 {
width: 83.3333%;
}
.w-6 {
width: var(--spacing-6);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: var(--spacing-8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: var(--spacing-10);
}
.w-12 {
width: var(--spacing-12);
}
.w-14 {
width: calc(var(--spacing) * 14);
}
.w-16 {
width: var(--spacing-16);
}
.w-18 {
width: calc(var(--spacing) * 18);
}
.w-20 {
width: var(--spacing-20);
}
.w-22 {
width: calc(var(--spacing) * 22);
}
.w-24 {
width: var(--spacing-24);
}
.w-28 {
width: calc(var(--spacing) * 28);
}
.w-30 {
width: calc(var(--spacing) * 30);
}
.w-32 {
width: calc(var(--spacing) * 32);
}
.w-36 {
width: calc(var(--spacing) * 36);
}
.w-40 {
width: calc(var(--spacing) * 40);
}
.w-44 {
width: calc(var(--spacing) * 44);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-52 {
width: calc(var(--spacing) * 52);
}
.w-56 {
width: calc(var(--spacing) * 56);
}
.w-60 {
width: calc(var(--spacing) * 60);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-70 {
width: calc(var(--spacing) * 70);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-80 {
width: calc(var(--spacing) * 80);
}
.w-90 {
width: calc(var(--spacing) * 90);
}
.w-96 {
width: calc(var(--spacing) * 96);
}
.w-100 {
width: calc(var(--spacing) * 100);
}
.w-120 {
width: calc(var(--spacing) * 120);
}
.w-162\.5 {
width: calc(var(--spacing) * 162.5);
}
.w-187\.5 {
width: calc(var(--spacing) * 187.5);
}
.w-\[3px\] {
width: 3px;
}
.w-\[4\.5rem\] {
width: 4.5rem;
}
.w-\[7\.273em\] {
width: 7.273em;
}
.w-\[9\%\] {
width: 9%;
}
.w-\[10\.182em\] {
width: 10.182em;
}
.w-\[13\%\] {
width: 13%;
}
.w-\[13\.091em\] {
width: 13.091em;
}
.w-\[14\%\] {
width: 14%;
}
.w-\[15\%\] {
width: 15%;
}
.w-\[17rem\] {
width: 17rem;
}
.w-\[18\%\] {
width: 18%;
}
.w-\[20\%\] {
width: 20%;
}
.w-\[25\%\] {
width: 25%;
}
.w-\[26\%\] {
width: 26%;
}
.w-\[27\%\] {
width: 27%;
}
.w-\[28\%\] {
width: 28%;
}
.w-\[31\%\] {
width: 31%;
}
.w-\[40px\] {
width: 40px;
}
.w-\[48\%\] {
width: 48%;
}
.w-\[60\%\] {
width: 60%;
}
.w-\[70\%\] {
width: 70%;
}
.w-\[70px\] {
width: 70px;
}
.w-\[72\%\] {
width: 72%;
}
.w-\[80px\] {
width: 80px;
}
.w-\[85\%\] {
width: 85%;
}
.w-\[90\%\] {
width: 90%;
}
.w-\[90px\] {
width: 90px;
}
.w-\[90vw\] {
width: 90vw;
}
.w-\[95vw\] {
width: 95vw;
}
.w-\[96vw\] {
width: 96vw;
}
.w-\[100px\] {
width: 100px;
}
.w-\[120px\] {
width: 120px;
}
.w-\[140px\] {
width: 140px;
}
.w-\[200px\] {
width: 200px;
}
.w-\[220px\] {
width: 220px;
}
.w-\[240px\] {
width: 240px;
}
.w-\[280px\] {
width: 280px;
}
.w-\[300px\] {
width: 300px;
}
.w-\[320px\] {
width: 320px;
}
.w-\[360px\] {
width: 360px;
}
.w-\[480px\] {
width: 480px;
}
.w-\[650px\] {
width: 650px;
}
.w-\[720px\] {
width: 720px;
}
.w-\[calc\(44em\/12\)\] {
width: 3.66667em;
}
.w-\[calc\(100\%\+1rem\)\] {
width: calc(100% + 1rem);
}
.w-\[calc\(100\%-1rem\)\] {
width: calc(100% - 1rem);
}
.w-\[calc\(100\%-2rem\)\] {
width: calc(100% - 2rem);
}
.w-\[calc\(100\%-var\(--nav-depth\)\*1rem\)\] {
width: calc(100% - var(--nav-depth) * 1rem);
}
.w-\[calc\(var\(--issue-list-labels\)_\*_1em_\/_11\)\] {
width: calc(var(--issue-list-labels) * 1em / 11);
}
.w-\[calc\(var\(--issue-list-requester\)_\*_1em_\/_11\)\] {
width: calc(var(--issue-list-requester) * 1em / 11);
}
.w-\[calc\(var\(--issue-list-tasks\)_\*_1em_\/_11\)\] {
width: calc(var(--issue-list-tasks) * 1em / 11);
}
.w-\[min\(48rem\,95vw\)\] {
width: min(48rem, 95vw);
}
.w-\[min\(1400px\,95vw\)\] {
width: min(1400px, 95vw);
}
.w-\[var\(--radix-popover-trigger-width\)\] {
width: var(--radix-popover-trigger-width);
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-max {
width: max-content;
}
.w-px {
width: 1px;
}
.max-w-\(--radix-context-menu-content-available-width\) {
max-width: var(--radix-context-menu-content-available-width);
}
.max-w-\(--radix-dropdown-menu-content-available-width\) {
max-width: var(--radix-dropdown-menu-content-available-width);
}
.max-w-\(--radix-select-content-available-width\) {
max-width: var(--radix-select-content-available-width);
}
.max-w-1\/2 {
max-width: 50%;
}
.max-w-2\/5 {
max-width: 40%;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3\/5 {
max-width: 60%;
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-7 {
max-width: calc(var(--spacing) * 7);
}
.max-w-7xl {
max-width: var(--container-7xl);
}
.max-w-24 {
max-width: var(--spacing-24);
}
.max-w-27 {
max-width: calc(var(--spacing) * 27);
}
.max-w-28 {
max-width: calc(var(--spacing) * 28);
}
.max-w-30 {
max-width: calc(var(--spacing) * 30);
}
.max-w-32 {
max-width: calc(var(--spacing) * 32);
}
.max-w-35 {
max-width: calc(var(--spacing) * 35);
}
.max-w-36 {
max-width: calc(var(--spacing) * 36);
}
.max-w-40 {
max-width: calc(var(--spacing) * 40);
}
.max-w-44 {
max-width: calc(var(--spacing) * 44);
}
.max-w-45 {
max-width: calc(var(--spacing) * 45);
}
.max-w-48 {
max-width: calc(var(--spacing) * 48);
}
.max-w-50 {
max-width: calc(var(--spacing) * 50);
}
.max-w-52 {
max-width: calc(var(--spacing) * 52);
}
.max-w-56 {
max-width: calc(var(--spacing) * 56);
}
.max-w-60 {
max-width: calc(var(--spacing) * 60);
}
.max-w-64 {
max-width: calc(var(--spacing) * 64);
}
.max-w-72 {
max-width: calc(var(--spacing) * 72);
}
.max-w-80 {
max-width: calc(var(--spacing) * 80);
}
.max-w-96 {
max-width: calc(var(--spacing) * 96);
}
.max-w-100 {
max-width: calc(var(--spacing) * 100);
}
.max-w-112 {
max-width: calc(var(--spacing) * 112);
}
.max-w-115 {
max-width: calc(var(--spacing) * 115);
}
.max-w-120 {
max-width: calc(var(--spacing) * 120);
}
.max-w-140 {
max-width: calc(var(--spacing) * 140);
}
.max-w-160 {
max-width: calc(var(--spacing) * 160);
}
.max-w-\[8\.5in\] {
max-width: 8.5in;
}
.max-w-\[10ch\] {
max-width: 10ch;
}
.max-w-\[12rem\] {
max-width: 12rem;
}
.max-w-\[14rem\] {
max-width: 14rem;
}
.max-w-\[16rem\] {
max-width: 16rem;
}
.max-w-\[18rem\] {
max-width: 18rem;
}
.max-w-\[22rem\] {
max-width: 22rem;
}
.max-w-\[40\%\] {
max-width: 40%;
}
.max-w-\[42\%\] {
max-width: 42%;
}
.max-w-\[43\.637em\] {
max-width: 43.637em;
}
.max-w-\[45\%\] {
max-width: 45%;
}
.max-w-\[50\%\] {
max-width: 50%;
}
.max-w-\[65\%\] {
max-width: 65%;
}
.max-w-\[80px\] {
max-width: 80px;
}
.max-w-\[84px\] {
max-width: 84px;
}
.max-w-\[90vw\] {
max-width: 90vw;
}
.max-w-\[95\%\] {
max-width: 95%;
}
.max-w-\[95vw\] {
max-width: 95vw;
}
.max-w-\[96vw\] {
max-width: 96vw;
}
.max-w-\[100px\] {
max-width: 100px;
}
.max-w-\[120px\] {
max-width: 120px;
}
.max-w-\[140px\] {
max-width: 140px;
}
.max-w-\[150px\] {
max-width: 150px;
}
.max-w-\[160px\] {
max-width: 160px;
}
.max-w-\[170px\] {
max-width: 170px;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[240px\] {
max-width: 240px;
}
.max-w-\[260px\] {
max-width: 260px;
}
.max-w-\[280px\] {
max-width: 280px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[480px\] {
max-width: 480px;
}
.max-w-\[600px\] {
max-width: 600px;
}
.max-w-\[700px\] {
max-width: 700px;
}
.max-w-\[1024px\] {
max-width: 1024px;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
.max-w-\[calc\(100vw-1rem\)\] {
max-width: calc(100vw - 1rem);
}
.max-w-\[calc\(100vw-2rem\)\] {
max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(100vw-64px\)\] {
max-width: calc(100vw - 64px);
}
.max-w-\[calc\(160em\/11\)\] {
max-width: 14.5455em;
}
.max-w-\[calc\(160em\/12\)\] {
max-width: 13.3333em;
}
.max-w-\[calc\(160em\/14\)\] {
max-width: 11.4286em;
}
.max-w-\[min\(960px\,max\(320px\,calc\(100\%_-_320px\)\)\)\] {
max-width: min(960px, max(320px, 100% - 320px));
}
.max-w-\[min\(1400px\,95vw\)\] {
max-width: min(1400px, 95vw);
}
.max-w-fit {
max-width: fit-content;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-max {
max-width: max-content;
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-none {
max-width: none;
}
.max-w-prose {
max-width: 65ch;
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xl {
max-width: var(--container-xl);
}
.max-w-xs {
max-width: var(--container-xs);
}
.min-w-\(--radix-popover-trigger-width\) {
min-width: var(--radix-popover-trigger-width);
}
.min-w-0 {
min-width: var(--spacing-0);
}
.min-w-2 {
min-width: var(--spacing-2);
}
.min-w-4 {
min-width: var(--spacing-4);
}
.min-w-5 {
min-width: var(--spacing-5);
}
.min-w-6 {
min-width: var(--spacing-6);
}
.min-w-7 {
min-width: calc(var(--spacing) * 7);
}
.min-w-8 {
min-width: var(--spacing-8);
}
.min-w-10 {
min-width: var(--spacing-10);
}
.min-w-12 {
min-width: var(--spacing-12);
}
.min-w-14 {
min-width: calc(var(--spacing) * 14);
}
.min-w-16 {
min-width: var(--spacing-16);
}
.min-w-20 {
min-width: var(--spacing-20);
}
.min-w-24 {
min-width: var(--spacing-24);
}
.min-w-30 {
min-width: calc(var(--spacing) * 30);
}
.min-w-32 {
min-width: calc(var(--spacing) * 32);
}
.min-w-35 {
min-width: calc(var(--spacing) * 35);
}
.min-w-40 {
min-width: calc(var(--spacing) * 40);
}
.min-w-50 {
min-width: calc(var(--spacing) * 50);
}
.min-w-52 {
min-width: calc(var(--spacing) * 52);
}
.min-w-56 {
min-width: calc(var(--spacing) * 56);
}
.min-w-60 {
min-width: calc(var(--spacing) * 60);
}
.min-w-65 {
min-width: calc(var(--spacing) * 65);
}
.min-w-80 {
min-width: calc(var(--spacing) * 80);
}
.min-w-87\.5 {
min-width: calc(var(--spacing) * 87.5);
}
.min-w-140 {
min-width: calc(var(--spacing) * 140);
}
.min-w-240 {
min-width: calc(var(--spacing) * 240);
}
.min-w-\[1ch\] {
min-width: 1ch;
}
.min-w-\[3\.5ch\] {
min-width: 3.5ch;
}
.min-w-\[3ch\] {
min-width: 3ch;
}
.min-w-\[5\.818em\] {
min-width: 5.818em;
}
.min-w-\[32rem\] {
min-width: 32rem;
}
.min-w-\[100px\] {
min-width: 100px;
}
.min-w-\[110px\] {
min-width: 110px;
}
.min-w-\[120px\] {
min-width: 120px;
}
.min-w-\[140px\] {
min-width: 140px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[260px\] {
min-width: 260px;
}
.min-w-\[280px\] {
min-width: 280px;
}
.min-w-\[380px\] {
min-width: 380px;
}
.min-w-\[900px\] {
min-width: 900px;
}
.min-w-\[min\(var\(--menu-min-width\)\,var\(--radix-popper-available-width\,100vw\)\)\] {
min-width: min(var(--menu-min-width), var(--radix-popper-available-width, 100vw));
}
.min-w-\[min\(var\(--radix-select-trigger-width\)\,var\(--radix-select-content-available-width\)\)\] {
min-width: min(var(--radix-select-trigger-width), var(--radix-select-content-available-width));
}
.min-w-\[var\(--radix-popover-trigger-width\)\] {
min-width: var(--radix-popover-trigger-width);
}
.min-w-full {
min-width: 100%;
}
.min-w-max {
min-width: max-content;
}
.flex-1 {
flex: 1;
}
.flex-3 {
flex: 3;
}
.flex-\[1\.5\] {
flex: 1.5;
}
.flex-\[1_1_0\%\] {
flex: 1;
}
.flex-\[1_1_0\] {
flex: 1 1 0;
}
.flex-\[1_1_12rem\] {
flex: 12rem;
}
.flex-\[1_1_16rem\] {
flex: 16rem;
}
.flex-\[1_1_32rem\] {
flex: 32rem;
}
.flex-\[2\] {
flex: 2;
}
.flex-\[3_1_0\%\] {
flex: 3;
}
.flex-auto {
flex: auto;
}
.flex-initial {
flex: 0 auto;
}
.flex-none {
flex: none;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.shrink-\[2\] {
flex-shrink: 2;
}
.shrink-\[9999\] {
flex-shrink: 9999;
}
.grow {
flex-grow: 1;
}
.grow-0 {
flex-grow: 0;
}
.basis-24 {
flex-basis: var(--spacing-24);
}
.basis-40 {
flex-basis: calc(var(--spacing) * 40);
}
.basis-48 {
flex-basis: calc(var(--spacing) * 48);
}
.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;
}
.origin-\(--radix-context-menu-content-transform-origin\) {
transform-origin: var(--radix-context-menu-content-transform-origin);
}
.origin-\(--radix-dropdown-menu-content-transform-origin\) {
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\(--radix-hover-card-content-transform-origin\) {
transform-origin: var(--radix-hover-card-content-transform-origin);
}
.origin-\(--radix-popover-content-transform-origin\) {
transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\(--radix-select-content-transform-origin\) {
transform-origin: var(--radix-select-content-transform-origin);
}
.-translate-x-1 {
--tw-translate-x: calc(var(--spacing-1) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
--tw-translate-x: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\(--tabs-pill-x\) {
--tw-translate-x: var(--tabs-pill-x);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
--tw-translate-x: var(--spacing-0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1 {
--tw-translate-x: var(--spacing-1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1\/2 {
--tw-translate-x: calc(1 / 2 * 100%);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
--tw-translate-x: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1 {
--tw-translate-y: calc(var(--spacing-1) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\(--tabs-pill-y\) {
--tw-translate-y: var(--tabs-pill-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1 {
--tw-translate-y: var(--spacing-1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-75 {
--tw-scale-x: 75%;
--tw-scale-y: 75%;
--tw-scale-z: 75%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-125 {
--tw-scale-x: 125%;
--tw-scale-y: 125%;
--tw-scale-z: 125%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-3d {
scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
}
.-rotate-90 {
rotate: -90deg;
}
.rotate-1 {
rotate: 1deg;
}
.rotate-45 {
rotate: 45deg;
}
.rotate-90 {
rotate: 90deg;
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.transform-\(--dock-window-transform\) {
transform: var(--dock-window-transform);
}
.transform-gpu {
transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.animate-\[dotMove_1\.2s_linear_infinite\] {
animation: 1.2s linear infinite dotMove;
}
.animate-caret-blink {
animation: 1.25s ease-out infinite caret-blink;
}
.animate-favorite-pop {
animation: var(--animate-favorite-pop);
}
.animate-in {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.animate-progress-indeterminate {
animation: var(--animate-progress-indeterminate);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-skeleton-pulse {
animation: var(--animate-skeleton-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.animate-status-pulse {
animation: var(--animate-status-pulse);
}
.cursor-col-resize {
cursor: col-resize;
}
.cursor-default {
cursor: default;
}
.cursor-ew-resize {
cursor: ew-resize;
}
.cursor-grab {
cursor: grab;
}
.cursor-grabbing {
cursor: grabbing;
}
.cursor-nesw-resize {
cursor: nesw-resize;
}
.cursor-ns-resize {
cursor: ns-resize;
}
.cursor-nwse-resize {
cursor: nwse-resize;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-progress {
cursor: progress;
}
.cursor-text {
cursor: text;
}
.touch-none {
touch-action: none;
}
.resize {
resize: both;
}
.resize-none {
resize: none;
}
.resize-y {
resize: vertical;
}
.scroll-m-4 {
scroll-margin: var(--spacing-4);
}
.scroll-mt-4 {
scroll-margin-top: var(--spacing-4);
}
.scroll-mt-20 {
scroll-margin-top: var(--spacing-20);
}
.scroll-mt-24 {
scroll-margin-top: var(--spacing-24);
}
.scroll-pb-24 {
scroll-padding-bottom: var(--spacing-24);
}
.scroll-pb-\[var\(--issue-composer-clearance\,14rem\)\] {
scroll-padding-bottom: var(--issue-composer-clearance, 14rem);
}
.\[scrollbar-width\:auto\]\! {
scrollbar-width: auto !important;
}
.\[scrollbar-width\:none\], .scrollbar-none {
scrollbar-width: none;
}
.scrollbar-thin {
scrollbar-width: thin;
}
.scrollbar-thumb-muted {
--tw-scrollbar-thumb: var(--color-muted);
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
}
.scrollbar-thumb-muted-foreground\/20 {
--tw-scrollbar-thumb: color-mix(in srgb, hsl(var(--muted-foreground)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.scrollbar-thumb-muted-foreground\/20 {
--tw-scrollbar-thumb: color-mix(in oklab, var(--color-muted-foreground) 20%, transparent);
}
}
.scrollbar-thumb-muted-foreground\/20 {
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
}
.scrollbar-track-transparent {
--tw-scrollbar-track: transparent;
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
}
.\[scrollbar-gutter\:stable\] {
scrollbar-gutter: stable;
}
.list-inside {
list-style-position: inside;
}
.list-outside {
list-style-position: outside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.\[appearance\:textfield\] {
appearance: textfield;
}
.appearance-none {
appearance: none;
}
.columns-2 {
columns: 2;
}
.columns-3 {
columns: 3;
}
.columns-4 {
columns: 4;
}
.auto-rows-\[182px\] {
grid-auto-rows: 182px;
}
.auto-rows-\[380px\] {
grid-auto-rows: 380px;
}
.auto-rows-\[minmax\(120px\,1fr\)\] {
grid-auto-rows: minmax(120px, 1fr);
}
.auto-rows-fr {
grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1 {
grid-template-columns: repeat(1, 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-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-\[1\.5rem_minmax\(0\,1fr\)_1\.5rem\] {
grid-template-columns: 1.5rem minmax(0, 1fr) 1.5rem;
}
.grid-cols-\[1fr_1fr_1\.5fr_1fr_1fr_40px\] {
grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr 40px;
}
.grid-cols-\[1fr_1fr_140px_32px\] {
grid-template-columns: 1fr 1fr 140px 32px;
}
.grid-cols-\[1fr_1fr_auto_auto\] {
grid-template-columns: 1fr 1fr auto auto;
}
.grid-cols-\[1fr_auto_1fr\] {
grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[3rem_minmax\(0\,1fr\)\] {
grid-template-columns: 3rem minmax(0, 1fr);
}
.grid-cols-\[6rem_minmax\(0\,1fr\)_auto\] {
grid-template-columns: 6rem minmax(0, 1fr) auto;
}
.grid-cols-\[24px_minmax\(0\,1fr\)\] {
grid-template-columns: 24px minmax(0, 1fr);
}
.grid-cols-\[44px_1fr_88px\] {
grid-template-columns: 44px 1fr 88px;
}
.grid-cols-\[140px_1fr_32px\] {
grid-template-columns: 140px 1fr 32px;
}
.grid-cols-\[140px_100px_120px_1fr\] {
grid-template-columns: 140px 100px 120px 1fr;
}
.grid-cols-\[160px_1fr_24px\] {
grid-template-columns: 160px 1fr 24px;
}
.grid-cols-\[auto_minmax\(0\,1fr\)\] {
grid-template-columns: auto minmax(0, 1fr);
}
.grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
grid-template-columns: auto minmax(0, 1fr) auto;
}
.grid-cols-\[max-content_minmax\(0\,1fr\)\] {
grid-template-columns: max-content minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_100px\] {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) 100px;
}
.grid-cols-\[minmax\(0\,1fr\)\] {
grid-template-columns: minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\,1fr\)_24px_minmax\(0\,1fr\)_32px\] {
grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 32px;
}
.grid-cols-\[minmax\(0\,1fr\)_32px\] {
grid-template-columns: minmax(0, 1fr) 32px;
}
.grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)_auto\] {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
}
.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid-cols-\[minmax\(220px\,1\.4fr\)_minmax\(120px\,\.7fr\)_minmax\(160px\,1fr\)_120px\] {
grid-template-columns: minmax(220px, 1.4fr) minmax(120px, .7fr) minmax(160px, 1fr) 120px;
}
.grid-cols-\[minmax\(260px\,1\.5fr\)_minmax\(140px\,\.8fr\)_minmax\(180px\,1fr\)_120px\] {
grid-template-columns: minmax(260px, 1.5fr) minmax(140px, .8fr) minmax(180px, 1fr) 120px;
}
.grid-cols-\[repeat\(3\,minmax\(10rem\,1fr\)\)\] {
grid-template-columns: repeat(3, minmax(10rem, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(240px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(260px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.grid-cols-subgrid {
grid-template-columns: subgrid;
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-\[0fr\] {
grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
grid-template-rows: 1fr;
}
.grid-rows-\[1fr_auto_auto_1fr\] {
grid-template-rows: 1fr auto auto 1fr;
}
.grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\] {
grid-template-rows: auto auto minmax(0, 1fr) auto;
}
.grid-rows-\[auto_minmax\(0\,1fr\)\] {
grid-template-rows: auto minmax(0, 1fr);
}
.grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
grid-template-rows: auto minmax(0, 1fr) auto;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.place-items-center {
place-items: center;
}
.content-start {
align-content: flex-start;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-center-safe {
justify-content: safe center;
}
.justify-end {
justify-content: flex-end;
}
.justify-evenly {
justify-content: space-evenly;
}
.justify-start {
justify-content: flex-start;
}
.gap-0 {
gap: var(--spacing-0);
}
.gap-0\.5 {
gap: calc(var(--spacing) * .5);
}
.gap-1 {
gap: var(--spacing-1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: var(--spacing-2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: var(--spacing-3);
}
.gap-3\.5 {
gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
gap: var(--spacing-4);
}
.gap-5 {
gap: var(--spacing-5);
}
.gap-6 {
gap: var(--spacing-6);
}
.gap-7 {
gap: calc(var(--spacing) * 7);
}
.gap-8 {
gap: var(--spacing-8);
}
.gap-10 {
gap: var(--spacing-10);
}
.gap-\[3px\] {
gap: 3px;
}
:where(.space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-0) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-5) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-7 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-10 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-10) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-px > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(1px * var(--tw-space-y-reverse));
margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-1 {
column-gap: var(--spacing-1);
}
.gap-x-1\.5 {
column-gap: calc(var(--spacing) * 1.5);
}
.gap-x-2 {
column-gap: var(--spacing-2);
}
.gap-x-3 {
column-gap: var(--spacing-3);
}
.gap-x-4 {
column-gap: var(--spacing-4);
}
.gap-x-6 {
column-gap: var(--spacing-6);
}
:where(.-space-x-1\.25 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * -1.25) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * -1.25) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing-2) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing-2) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-2\.5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * -2.5) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-0 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-0) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-1 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-1) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-3) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-4 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-4) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-1 {
row-gap: var(--spacing-1);
}
.gap-y-2 {
row-gap: var(--spacing-2);
}
.gap-y-3 {
row-gap: var(--spacing-3);
}
:where(.divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-border\/30 > :not(:last-child)) {
border-color: color-mix(in srgb, hsl(var(--border)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-border\/30 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
}
}
.self-center {
align-self: center;
}
.self-end {
align-self: flex-end;
}
.self-start {
align-self: flex-start;
}
.self-stretch {
align-self: stretch;
}
.justify-self-end {
justify-self: flex-end;
}
.justify-self-start {
justify-self: flex-start;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-clip {
overflow: clip;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overscroll-contain {
overscroll-behavior: contain;
}
.overscroll-x-contain {
overscroll-behavior-x: contain;
}
.scroll-smooth {
scroll-behavior: smooth;
}
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-\[2px\] {
border-radius: 2px;
}
.rounded-\[3px\] {
border-radius: 3px;
}
.rounded-\[4px\] {
border-radius: 4px;
}
.rounded-\[inherit\] {
border-radius: inherit;
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-t-\[inherit\] {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.rounded-t-lg {
border-top-left-radius: var(--radius-lg);
border-top-right-radius: var(--radius-lg);
}
.rounded-t-sm {
border-top-left-radius: var(--radius-sm);
border-top-right-radius: var(--radius-sm);
}
.rounded-t-xl {
border-top-left-radius: var(--radius-xl);
border-top-right-radius: var(--radius-xl);
}
.rounded-l-md {
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
.rounded-tl-sm {
border-top-left-radius: var(--radius-sm);
}
.rounded-tl-xl {
border-top-left-radius: var(--radius-xl);
}
.rounded-r-full {
border-top-right-radius: 3.40282e38px;
border-bottom-right-radius: 3.40282e38px;
}
.rounded-r-md {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}
.rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.rounded-tr-sm {
border-top-right-radius: var(--radius-sm);
}
.rounded-b-lg {
border-bottom-right-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg);
}
.rounded-b-md {
border-bottom-right-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
.rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-b-xl {
border-bottom-right-radius: var(--radius-xl);
border-bottom-left-radius: var(--radius-xl);
}
.\!border-0 {
border-style: var(--tw-border-style) !important;
border-width: 0 !important;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-x {
border-inline-style: var(--tw-border-style);
border-inline-width: 1px;
}
.border-y {
border-block-style: var(--tw-border-style);
border-block-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-2 {
border-top-style: var(--tw-border-style);
border-top-width: 2px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-l-4 {
border-left-style: var(--tw-border-style);
border-left-width: 4px;
}
.border-l-\[3px\] {
border-left-style: var(--tw-border-style);
border-left-width: 3px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-none {
--tw-border-style: none;
border-style: none;
}
.border-solid {
--tw-border-style: solid;
border-style: solid;
}
.border-\[hsl\(var\(--ui-blue\)\)\]\/20 {
border-color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[hsl\(var\(--ui-blue\)\)\]\/20 {
border-color: color-mix(in oklab, hsl(var(--ui-blue)) 20%, transparent);
}
}
.border-\[hsl\(var\(--ui-blue\)\)\]\/30 {
border-color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[hsl\(var\(--ui-blue\)\)\]\/30 {
border-color: color-mix(in oklab, hsl(var(--ui-blue)) 30%, transparent);
}
}
.border-\[hsl\(var\(--ui-green\)\)\]\/20 {
border-color: hsl(var(--ui-green));
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[hsl\(var\(--ui-green\)\)\]\/20 {
border-color: color-mix(in oklab, hsl(var(--ui-green)) 20%, transparent);
}
}
.border-\[hsl\(var\(--ui-green\)\)\]\/40 {
border-color: hsl(var(--ui-green));
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[hsl\(var\(--ui-green\)\)\]\/40 {
border-color: color-mix(in oklab, hsl(var(--ui-green)) 40%, transparent);
}
}
.border-\[hsl\(var\(--ui-orange\)\)\]\/20 {
border-color: hsl(var(--ui-orange));
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[hsl\(var\(--ui-orange\)\)\]\/20 {
border-color: color-mix(in oklab, hsl(var(--ui-orange)) 20%, transparent);
}
}
.border-\[hsl\(var\(--ui-orange\)\)\]\/40 {
border-color: hsl(var(--ui-orange));
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[hsl\(var\(--ui-orange\)\)\]\/40 {
border-color: color-mix(in oklab, hsl(var(--ui-orange)) 40%, transparent);
}
}
.border-\[hsl\(var\(--ui-yellow\)\)\]\/20 {
border-color: hsl(var(--ui-yellow));
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[hsl\(var\(--ui-yellow\)\)\]\/20 {
border-color: color-mix(in oklab, hsl(var(--ui-yellow)) 20%, transparent);
}
}
.border-\[hsl\(var\(--ui-yellow\)\/0\.4\)\] {
border-color: hsl(var(--ui-yellow)/.4);
}
.border-action {
border-color: var(--border-action);
}
.border-amber-300\/60 {
border-color: #ffd23699;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-300\/60 {
border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent);
}
}
.border-amber-500 {
border-color: var(--color-amber-500);
}
.border-amber-500\/20 {
border-color: #f99c0033;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/20 {
border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
.border-amber-500\/25 {
border-color: #f99c0040;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/25 {
border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
}
}
.border-amber-500\/40 {
border-color: #f99c0066;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/40 {
border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
.border-amber-500\/60 {
border-color: #f99c0099;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/60 {
border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent);
}
}
.border-blue-200 {
border-color: var(--color-blue-200);
}
.border-blue-200\/60 {
border-color: #bedbff99;
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-200\/60 {
border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
}
}
.border-blue-500\/20 {
border-color: #3080ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/20 {
border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.border-border {
border-color: var(--color-border);
}
.border-border\/30 {
border-color: color-mix(in srgb, hsl(var(--border)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/30 {
border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
}
}
.border-border\/40 {
border-color: color-mix(in srgb, hsl(var(--border)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/40 {
border-color: color-mix(in oklab, var(--color-border) 40%, transparent);
}
}
.border-border\/50 {
border-color: color-mix(in srgb, hsl(var(--border)) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/50 {
border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
}
}
.border-border\/60 {
border-color: color-mix(in srgb, hsl(var(--border)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/60 {
border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
}
}
.border-brand {
border-color: var(--border-brand);
}
.border-choice {
border-color: var(--border-choice);
}
.border-control {
border-color: var(--border-control);
}
.border-current {
border-color: currentColor;
}
.border-danger {
border-color: var(--border-danger);
}
.border-default {
border-color: var(--border-default);
}
.border-destructive\/30 {
border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/30 {
border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
}
}
.border-destructive\/40 {
border-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/40 {
border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
}
}
.border-emerald-200\/50 {
border-color: #a4f4cf80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-200\/50 {
border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
}
}
.border-emerald-500\/20 {
border-color: #00bb7f33;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/20 {
border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
}
}
.border-emerald-500\/30 {
border-color: #00bb7f4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/30 {
border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
.border-focus {
border-color: var(--border-focus);
}
.border-foreground {
border-color: var(--color-foreground);
}
.border-gray-400 {
border-color: var(--color-gray-400);
}
.border-gray-600 {
border-color: var(--color-gray-600);
}
.border-gray-700 {
border-color: var(--color-gray-700);
}
.border-green-200 {
border-color: var(--color-green-200);
}
.border-green-600 {
border-color: var(--color-green-600);
}
.border-green-700 {
border-color: var(--color-green-700);
}
.border-ground {
border-color: var(--bg-ground, var(--bg-default));
}
.border-hairline {
border-color: var(--border-hairline, var(--border-default));
}
.border-info {
border-color: var(--border-info);
}
.border-orange-700 {
border-color: var(--color-orange-700);
}
.border-primary {
border-color: var(--color-primary);
}
.border-primary-foreground\/25 {
border-color: color-mix(in srgb, hsl(var(--primary-foreground)) 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary-foreground\/25 {
border-color: color-mix(in oklab, var(--color-primary-foreground) 25%, transparent);
}
}
.border-primary-foreground\/30 {
border-color: color-mix(in srgb, hsl(var(--primary-foreground)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary-foreground\/30 {
border-color: color-mix(in oklab, var(--color-primary-foreground) 30%, transparent);
}
}
.border-primary\/20 {
border-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/20 {
border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
}
.border-primary\/25 {
border-color: color-mix(in srgb, hsl(var(--primary)) 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/25 {
border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
}
}
.border-primary\/30 {
border-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/30 {
border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
.border-primary\/40 {
border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/40 {
border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.border-primary\/45 {
border-color: color-mix(in srgb, hsl(var(--primary)) 45%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/45 {
border-color: color-mix(in oklab, var(--color-primary) 45%, transparent);
}
}
.border-primary\/50 {
border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/50 {
border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
}
.border-primary\/60 {
border-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/60 {
border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
}
}
.border-primary\/80 {
border-color: color-mix(in srgb, hsl(var(--primary)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/80 {
border-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
}
}
.border-red-200 {
border-color: var(--color-red-200);
}
.border-red-200\/50 {
border-color: #ffcaca80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-200\/50 {
border-color: color-mix(in oklab, var(--color-red-200) 50%, transparent);
}
}
.border-red-200\/60 {
border-color: #ffcaca99;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-200\/60 {
border-color: color-mix(in oklab, var(--color-red-200) 60%, transparent);
}
}
.border-red-300 {
border-color: var(--color-red-300);
}
.border-red-500\/20 {
border-color: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/20 {
border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.border-red-500\/30 {
border-color: #fb2c364d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/30 {
border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
}
}
.border-red-700 {
border-color: var(--color-red-700);
}
.border-red-800 {
border-color: var(--color-red-800);
}
.border-strong {
border-color: var(--border-strong);
}
.border-subtle {
border-color: var(--border-subtle);
}
.border-success {
border-color: var(--border-success);
}
.border-transparent {
border-color: #0000;
}
.border-warning {
border-color: var(--border-warning);
}
.border-white\/10 {
border-color: color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/10 {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.border-white\/20 {
border-color: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/20 {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.border-white\/30 {
border-color: color-mix(in srgb, hsl(var(--foreground)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/30 {
border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.border-yellow-300\/50 {
border-color: #ffe02a80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-300\/50 {
border-color: color-mix(in oklab, var(--color-yellow-300) 50%, transparent);
}
}
.border-zinc-700 {
border-color: var(--color-zinc-700);
}
.border-zinc-800 {
border-color: var(--color-zinc-800);
}
:where(.divide-hairline > :not(:last-child)) {
border-color: var(--border-hairline, var(--border-default));
}
.border-t-transparent {
border-top-color: #0000;
}
.border-b-gray-800 {
border-bottom-color: var(--color-gray-800);
}
.border-b-green-800 {
border-bottom-color: var(--color-green-800);
}
.border-l-\(--border-danger\) {
border-left-color: var(--border-danger);
}
.border-l-\(--border-info\) {
border-left-color: var(--border-info);
}
.border-l-\(--border-success\) {
border-left-color: var(--border-success);
}
.border-l-\(--border-warning\) {
border-left-color: var(--border-warning);
}
.border-l-\(--hue-blue\) {
border-left-color: var(--hue-blue);
}
.border-l-\(--hue-gold\) {
border-left-color: var(--hue-gold);
}
.border-l-\(--hue-gray\) {
border-left-color: var(--hue-gray);
}
.border-l-\(--hue-green\) {
border-left-color: var(--hue-green);
}
.border-l-\(--hue-lime\) {
border-left-color: var(--hue-lime);
}
.border-l-\(--hue-orange\) {
border-left-color: var(--hue-orange);
}
.border-l-\(--hue-pink\) {
border-left-color: var(--hue-pink);
}
.border-l-\(--hue-purple\) {
border-left-color: var(--hue-purple);
}
.border-l-\(--hue-red\) {
border-left-color: var(--hue-red);
}
.border-l-\(--hue-teal\) {
border-left-color: var(--hue-teal);
}
.border-l-\(color\:--border-brand\) {
border-left-color: var(--border-brand);
}
.border-l-blue-500 {
border-left-color: var(--color-blue-500);
}
.border-l-border {
border-left-color: var(--color-border);
}
.border-l-muted-foreground {
border-left-color: var(--color-muted-foreground);
}
.border-l-primary {
border-left-color: var(--color-primary);
}
.border-l-transparent {
border-left-color: #0000;
}
.border-l-ui-blue {
border-left-color: var(--color-ui-blue);
}
.border-l-ui-green {
border-left-color: var(--color-ui-green);
}
.border-l-ui-orange {
border-left-color: var(--color-ui-orange);
}
.bg-default {
background-color: var(--bg-default);
}
:where(.bg-default > *) {
--border-hairline: var(--border-default);
--bg-inset: var(--bg-sunken);
--bg-ground: var(--bg-default);
--bg-ground-hover: var(--bg-hover);
}
.bg-raised {
background-color: var(--bg-raised);
}
:where(.bg-raised > *) {
--border-hairline: var(--border-subtle);
--bg-inset: var(--bg-subtle);
--bg-ground: var(--bg-raised);
--bg-ground-hover: var(--bg-hover-raised);
}
.bg-surface {
background-color: var(--bg-surface);
}
:where(.bg-surface > *) {
--border-hairline: var(--border-subtle);
--bg-inset: var(--bg-subtle);
--bg-ground: var(--bg-surface);
--bg-ground-hover: var(--bg-hover);
}
.\!bg-transparent {
background-color: #0000 !important;
}
.bg-\(--chart-bar-fill\) {
background-color: var(--chart-bar-fill);
}
.bg-\(--chart-swatch\) {
background-color: var(--chart-swatch);
}
.bg-\(--issue-list-group-dot\) {
background-color: var(--issue-list-group-dot);
}
.bg-\(--label-color\) {
background-color: var(--label-color);
}
.bg-\[\#9A523A\] {
background-color: #9a523a;
}
.bg-\[\#ffffff\] {
background-color: #fff;
}
.bg-\[color-mix\(in_srgb\,hsl\(var\(--muted\)\)_50\%\,var\(--bg-raised\)\)\] {
background-color: hsl(var(--muted));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[color-mix\(in_srgb\,hsl\(var\(--muted\)\)_50\%\,var\(--bg-raised\)\)\] {
background-color: color-mix(in srgb,hsl(var(--muted)) 50%,var(--bg-raised));
}
}
.bg-\[hsl\(var\(--brand-clay\)\)\] {
background-color: hsl(var(--brand-clay));
}
.bg-\[hsl\(var\(--brand-clay\)\)\]\/10 {
background-color: hsl(var(--brand-clay));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--brand-clay\)\)\]\/10 {
background-color: color-mix(in oklab, hsl(var(--brand-clay)) 10%, transparent);
}
}
.bg-\[hsl\(var\(--ui-blue\)\)\] {
background-color: hsl(var(--ui-blue));
}
.bg-\[hsl\(var\(--ui-blue\)\)\]\/5 {
background-color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-blue\)\)\]\/5 {
background-color: color-mix(in oklab, hsl(var(--ui-blue)) 5%, transparent);
}
}
.bg-\[hsl\(var\(--ui-blue\)\)\]\/10 {
background-color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-blue\)\)\]\/10 {
background-color: color-mix(in oklab, hsl(var(--ui-blue)) 10%, transparent);
}
}
.bg-\[hsl\(var\(--ui-blue\)\)\]\/20 {
background-color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-blue\)\)\]\/20 {
background-color: color-mix(in oklab, hsl(var(--ui-blue)) 20%, transparent);
}
}
.bg-\[hsl\(var\(--ui-blue\)\/0\.15\)\] {
background-color: hsl(var(--ui-blue)/.15);
}
.bg-\[hsl\(var\(--ui-green\)\)\] {
background-color: hsl(var(--ui-green));
}
.bg-\[hsl\(var\(--ui-green\)\)\]\/10 {
background-color: hsl(var(--ui-green));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-green\)\)\]\/10 {
background-color: color-mix(in oklab, hsl(var(--ui-green)) 10%, transparent);
}
}
.bg-\[hsl\(var\(--ui-green\)\)\]\/15 {
background-color: hsl(var(--ui-green));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-green\)\)\]\/15 {
background-color: color-mix(in oklab, hsl(var(--ui-green)) 15%, transparent);
}
}
.bg-\[hsl\(var\(--ui-green\)\)\]\/20 {
background-color: hsl(var(--ui-green));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-green\)\)\]\/20 {
background-color: color-mix(in oklab, hsl(var(--ui-green)) 20%, transparent);
}
}
.bg-\[hsl\(var\(--ui-green\)\/0\.15\)\] {
background-color: hsl(var(--ui-green)/.15);
}
.bg-\[hsl\(var\(--ui-orange\)\)\] {
background-color: hsl(var(--ui-orange));
}
.bg-\[hsl\(var\(--ui-orange\)\)\]\/10 {
background-color: hsl(var(--ui-orange));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-orange\)\)\]\/10 {
background-color: color-mix(in oklab, hsl(var(--ui-orange)) 10%, transparent);
}
}
.bg-\[hsl\(var\(--ui-orange\)\)\]\/15 {
background-color: hsl(var(--ui-orange));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-orange\)\)\]\/15 {
background-color: color-mix(in oklab, hsl(var(--ui-orange)) 15%, transparent);
}
}
.bg-\[hsl\(var\(--ui-orange\)\)\]\/20 {
background-color: hsl(var(--ui-orange));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-orange\)\)\]\/20 {
background-color: color-mix(in oklab, hsl(var(--ui-orange)) 20%, transparent);
}
}
.bg-\[hsl\(var\(--ui-orange\)\/0\.15\)\] {
background-color: hsl(var(--ui-orange)/.15);
}
.bg-\[hsl\(var\(--ui-yellow\)\)\] {
background-color: hsl(var(--ui-yellow));
}
.bg-\[hsl\(var\(--ui-yellow\)\)\]\/10 {
background-color: hsl(var(--ui-yellow));
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[hsl\(var\(--ui-yellow\)\)\]\/10 {
background-color: color-mix(in oklab, hsl(var(--ui-yellow)) 10%, transparent);
}
}
.bg-\[hsl\(var\(--ui-yellow\)\/0\.08\)\] {
background-color: hsl(var(--ui-yellow)/.08);
}
.bg-\[hsl\(var\(--ui-yellow\)\/0\.15\)\] {
background-color: hsl(var(--ui-yellow)/.15);
}
.bg-\[var\(--bg-ground\,var\(--bg-default\)\)\] {
background-color: var(--bg-ground, var(--bg-default));
}
.bg-accent {
background-color: var(--color-accent);
}
.bg-action {
background-color: var(--bg-action);
}
.bg-amber-50 {
background-color: var(--color-amber-50);
}
.bg-amber-100 {
background-color: var(--color-amber-100);
}
.bg-amber-500 {
background-color: var(--color-amber-500);
}
.bg-amber-500\/5 {
background-color: #f99c000d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/5 {
background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
}
}
.bg-amber-500\/8 {
background-color: #f99c0014;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/8 {
background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent);
}
}
.bg-amber-500\/10 {
background-color: #f99c001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/10 {
background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
}
}
.bg-amber-500\/15 {
background-color: #f99c0026;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/15 {
background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
}
}
.bg-amber-600 {
background-color: var(--color-amber-600);
}
.bg-background {
background-color: var(--color-background);
}
.bg-background\/30 {
background-color: color-mix(in srgb, hsl(var(--background)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/30 {
background-color: color-mix(in oklab, var(--color-background) 30%, transparent);
}
}
.bg-background\/40 {
background-color: color-mix(in srgb, hsl(var(--background)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/40 {
background-color: color-mix(in oklab, var(--color-background) 40%, transparent);
}
}
.bg-background\/45 {
background-color: color-mix(in srgb, hsl(var(--background)) 45%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/45 {
background-color: color-mix(in oklab, var(--color-background) 45%, transparent);
}
}
.bg-background\/50 {
background-color: color-mix(in srgb, hsl(var(--background)) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/50 {
background-color: color-mix(in oklab, var(--color-background) 50%, transparent);
}
}
.bg-background\/55 {
background-color: color-mix(in srgb, hsl(var(--background)) 55%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/55 {
background-color: color-mix(in oklab, var(--color-background) 55%, transparent);
}
}
.bg-background\/60 {
background-color: color-mix(in srgb, hsl(var(--background)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/60 {
background-color: color-mix(in oklab, var(--color-background) 60%, transparent);
}
}
.bg-blue-50 {
background-color: var(--color-blue-50);
}
.bg-blue-50\/50 {
background-color: #eff6ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-50\/50 {
background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
}
}
.bg-blue-100 {
background-color: var(--color-blue-100);
}
.bg-blue-500\/10 {
background-color: #3080ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/10 {
background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
.bg-blue-500\/20 {
background-color: #3080ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/20 {
background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.bg-blue-500\/30 {
background-color: #3080ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/30 {
background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
}
}
.bg-border-default {
background-color: var(--border-default);
}
.bg-border-hairline {
background-color: var(--border-hairline, var(--border-default));
}
.bg-border-strong {
background-color: var(--border-strong);
}
.bg-border-subtle {
background-color: var(--border-subtle);
}
.bg-brand {
background-color: var(--bg-brand);
}
.bg-brand-clay {
background-color: var(--color-brand-clay);
}
.bg-brand-shadow {
background-color: var(--color-brand-shadow);
}
.bg-brand-strong {
background-color: var(--bg-brand-strong);
}
.bg-card {
background-color: var(--color-card);
}
.bg-card\/95 {
background-color: color-mix(in srgb, hsl(var(--card)) 95%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-card\/95 {
background-color: color-mix(in oklab, var(--color-card) 95%, transparent);
}
}
.bg-chart-series-1 {
background-color: var(--chart-series-1);
}
.bg-current {
background-color: currentColor;
}
.bg-cyan-100 {
background-color: var(--color-cyan-100);
}
.bg-danger {
background-color: var(--bg-danger);
}
.bg-danger-action {
background-color: var(--bg-danger-action);
}
.bg-danger-strong {
background-color: var(--bg-danger-strong);
}
.bg-destructive\/5 {
background-color: color-mix(in srgb, hsl(var(--destructive)) 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-destructive\/5 {
background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
}
}
.bg-emerald-50 {
background-color: var(--color-emerald-50);
}
.bg-emerald-50\/50 {
background-color: #ecfdf580;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-50\/50 {
background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
}
}
.bg-emerald-500 {
background-color: var(--color-emerald-500);
}
.bg-emerald-500\/5 {
background-color: #00bb7f0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/5 {
background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
}
}
.bg-emerald-500\/10 {
background-color: #00bb7f1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/10 {
background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
}
}
.bg-emerald-500\/15 {
background-color: #00bb7f26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/15 {
background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
}
}
.bg-file-image {
background-color: var(--bg-file-image);
}
.bg-file-pdf {
background-color: var(--bg-file-pdf);
}
.bg-file-spreadsheet {
background-color: var(--bg-file-spreadsheet);
}
.bg-file-text {
background-color: var(--bg-file-text);
}
.bg-foreground\/10 {
background-color: color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/10 {
background-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
}
}
.bg-foreground\/15 {
background-color: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/15 {
background-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
}
}
.bg-foreground\/30 {
background-color: color-mix(in srgb, hsl(var(--foreground)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/30 {
background-color: color-mix(in oklab, var(--color-foreground) 30%, transparent);
}
}
.bg-foreground\/60 {
background-color: color-mix(in srgb, hsl(var(--foreground)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/60 {
background-color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
}
}
.bg-gray-100 {
background-color: var(--color-gray-100);
}
.bg-gray-500\/30 {
background-color: color-mix(in srgb, hsl(var(--gray-500)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-gray-500\/30 {
background-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
}
}
.bg-gray-800 {
background-color: var(--color-gray-800);
}
.bg-gray-900 {
background-color: var(--color-gray-900);
}
.bg-green-50 {
background-color: var(--color-green-50);
}
.bg-green-100 {
background-color: var(--color-green-100);
}
.bg-green-500\/20 {
background-color: #00c75833;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/20 {
background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
}
.bg-green-500\/30 {
background-color: #00c7584d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/30 {
background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
}
}
.bg-green-900\/30 {
background-color: #0d542b4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-900\/30 {
background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
}
}
.bg-ground {
background-color: var(--bg-ground, var(--bg-default));
}
.bg-highlight {
background-color: var(--bg-highlight);
}
.bg-hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.bg-hover-raised {
background-color: var(--bg-hover-raised);
}
.bg-hover-strong {
background-color: var(--bg-hover-strong);
}
.bg-hue-blue {
background-color: var(--hue-blue);
}
.bg-hue-blue-subtle {
background-color: var(--hue-blue-subtle);
}
.bg-hue-gold {
background-color: var(--hue-gold);
}
.bg-hue-gold-subtle {
background-color: var(--hue-gold-subtle);
}
.bg-hue-gray {
background-color: var(--hue-gray);
}
.bg-hue-gray-subtle {
background-color: var(--hue-gray-subtle);
}
.bg-hue-green {
background-color: var(--hue-green);
}
.bg-hue-green-subtle {
background-color: var(--hue-green-subtle);
}
.bg-hue-lime {
background-color: var(--hue-lime);
}
.bg-hue-lime-subtle {
background-color: var(--hue-lime-subtle);
}
.bg-hue-orange {
background-color: var(--hue-orange);
}
.bg-hue-orange-subtle {
background-color: var(--hue-orange-subtle);
}
.bg-hue-pink {
background-color: var(--hue-pink);
}
.bg-hue-pink-subtle {
background-color: var(--hue-pink-subtle);
}
.bg-hue-purple {
background-color: var(--hue-purple);
}
.bg-hue-purple-subtle {
background-color: var(--hue-purple-subtle);
}
.bg-hue-red {
background-color: var(--hue-red);
}
.bg-hue-red-subtle {
background-color: var(--hue-red-subtle);
}
.bg-hue-teal {
background-color: var(--hue-teal);
}
.bg-hue-teal-subtle {
background-color: var(--hue-teal-subtle);
}
.bg-info {
background-color: var(--bg-info);
}
.bg-info-strong {
background-color: var(--bg-info-strong);
}
.bg-inherit {
background-color: inherit;
}
.bg-inset {
background-color: var(--bg-inset, var(--bg-sunken));
}
.bg-inverse {
background-color: var(--bg-inverse);
}
.bg-muted {
background-color: var(--color-muted);
}
.bg-muted-foreground {
background-color: var(--color-muted-foreground);
}
.bg-muted-foreground\/10 {
background-color: color-mix(in srgb, hsl(var(--muted-foreground)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted-foreground\/10 {
background-color: color-mix(in oklab, var(--color-muted-foreground) 10%, transparent);
}
}
.bg-muted-foreground\/60 {
background-color: color-mix(in srgb, hsl(var(--muted-foreground)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted-foreground\/60 {
background-color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);
}
}
.bg-muted\/10 {
background-color: color-mix(in srgb, hsl(var(--muted)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/10 {
background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
}
}
.bg-muted\/20 {
background-color: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/20 {
background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
}
}
.bg-muted\/40 {
background-color: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/40 {
background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
}
}
.bg-muted\/50 {
background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/50 {
background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
}
}
.bg-muted\/60 {
background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/60 {
background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
}
}
.bg-neutral {
background-color: var(--bg-neutral);
}
.bg-on-action {
background-color: var(--bg-on-action);
}
.bg-orange-50\/50 {
background-color: #fff7ed80;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-orange-50\/50 {
background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent);
}
}
.bg-orange-500\/30 {
background-color: #fe6e004d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-orange-500\/30 {
background-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
}
}
.bg-orange-900\/30 {
background-color: #7e2a0c4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-orange-900\/30 {
background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
}
}
.bg-pink-500\/30 {
background-color: #f6339a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-pink-500\/30 {
background-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
}
}
.bg-popover\/95 {
background-color: color-mix(in srgb, hsl(var(--popover)) 95%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-popover\/95 {
background-color: color-mix(in oklab, var(--color-popover) 95%, transparent);
}
}
.bg-primary {
background-color: var(--color-primary);
}
.bg-primary-foreground\/20 {
background-color: color-mix(in srgb, hsl(var(--primary-foreground)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary-foreground\/20 {
background-color: color-mix(in oklab, var(--color-primary-foreground) 20%, transparent);
}
}
.bg-primary\/10 {
background-color: color-mix(in srgb, hsl(var(--primary)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/10 {
background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
.bg-primary\/15 {
background-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/15 {
background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
}
}
.bg-primary\/20 {
background-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/20 {
background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
}
.bg-primary\/40 {
background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/40 {
background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.bg-primary\/80 {
background-color: color-mix(in srgb, hsl(var(--primary)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/80 {
background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
}
}
.bg-primary\/90 {
background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/90 {
background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
}
}
.bg-purple-50 {
background-color: var(--color-purple-50);
}
.bg-purple-100 {
background-color: var(--color-purple-100);
}
.bg-purple-500\/10 {
background-color: #ac4bff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-purple-500\/10 {
background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
}
}
.bg-purple-500\/20 {
background-color: #ac4bff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-purple-500\/20 {
background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
}
}
.bg-purple-500\/30 {
background-color: #ac4bff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-purple-500\/30 {
background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
}
}
.bg-red-50 {
background-color: var(--color-red-50);
}
.bg-red-50\/50 {
background-color: #fef2f280;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-50\/50 {
background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
}
}
.bg-red-100 {
background-color: var(--color-red-100);
}
.bg-red-500 {
background-color: var(--color-red-500);
}
.bg-red-500\/5 {
background-color: #fb2c360d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/5 {
background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
}
}
.bg-red-500\/10 {
background-color: #fb2c361a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/10 {
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
.bg-red-500\/20 {
background-color: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/20 {
background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.bg-red-600\/20 {
background-color: #e4001433;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-600\/20 {
background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
}
}
.bg-red-900\/20 {
background-color: #82181a33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-900\/20 {
background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
}
}
.bg-rose-100 {
background-color: var(--color-rose-100);
}
.bg-scrim {
background-color: var(--bg-scrim);
}
.bg-selected {
background-color: var(--bg-selected);
}
.bg-selected-strong {
background-color: var(--bg-selected-strong);
}
.bg-sky-500\/10 {
background-color: #00a5ef1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-sky-500\/10 {
background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
}
}
.bg-source-light {
background-color: var(--bg-source-light);
}
.bg-status-completed {
background-color: var(--status-completed);
}
.bg-status-started {
background-color: var(--status-started);
}
.bg-subtle {
background-color: var(--bg-subtle);
}
.bg-success {
background-color: var(--bg-success);
}
.bg-success-strong {
background-color: var(--bg-success-strong);
}
.bg-sunken {
background-color: var(--bg-sunken);
}
.bg-translucent {
background-color: var(--bg-translucent);
}
.bg-transparent {
background-color: #0000;
}
.bg-ui-blue-light {
background-color: var(--color-ui-blue-light);
}
.bg-ui-green-light {
background-color: var(--color-ui-green-light);
}
.bg-ui-orange-light {
background-color: var(--color-ui-orange-light);
}
.bg-ui-yellow-light {
background-color: var(--color-ui-yellow-light);
}
.bg-warning {
background-color: var(--bg-warning);
}
.bg-warning-strong {
background-color: var(--bg-warning-strong);
}
.bg-white {
background-color: var(--color-white);
}
.bg-white\/20 {
background-color: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/20 {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.bg-yellow-100 {
background-color: var(--color-yellow-100);
}
.bg-yellow-100\/50 {
background-color: #fef9c280;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-100\/50 {
background-color: color-mix(in oklab, var(--color-yellow-100) 50%, transparent);
}
}
.bg-yellow-500\/20 {
background-color: #edb20033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-500\/20 {
background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
.bg-yellow-500\/30 {
background-color: #edb2004d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-500\/30 {
background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
}
}
.bg-zinc-800 {
background-color: var(--color-zinc-800);
}
.bg-zinc-900 {
background-color: var(--color-zinc-900);
}
.bg-zinc-950 {
background-color: var(--color-zinc-950);
}
.bg-linear-to-br {
--tw-gradient-position: to bottom right;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.bg-linear-to-br {
--tw-gradient-position: to bottom right in oklab;
}
}
.bg-linear-to-br {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-linear-to-r {
--tw-gradient-position: to right;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.bg-linear-to-r {
--tw-gradient-position: to right in oklab;
}
}
.bg-linear-to-r {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-l {
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\(color\:--bg-brand-strong\)\/3 {
--tw-gradient-from: var(--bg-brand-strong);
}
@supports (color: color-mix(in lab, red, red)) {
.from-\(color\:--bg-brand-strong\)\/3 {
--tw-gradient-from: color-mix(in oklab, var(--bg-brand-strong) 3%, transparent);
}
}
.from-\(color\:--bg-brand-strong\)\/3 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\(color\:--bg-brand-strong\)\/20 {
--tw-gradient-from: var(--bg-brand-strong);
}
@supports (color: color-mix(in lab, red, red)) {
.from-\(color\:--bg-brand-strong\)\/20 {
--tw-gradient-from: color-mix(in oklab, var(--bg-brand-strong) 20%, transparent);
}
}
.from-\(color\:--bg-brand-strong\)\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[hsl\(var\(--ui-blue\)\)\]\/20 {
--tw-gradient-from: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.from-\[hsl\(var\(--ui-blue\)\)\]\/20 {
--tw-gradient-from: color-mix(in oklab, hsl(var(--ui-blue)) 20%, transparent);
}
}
.from-\[hsl\(var\(--ui-blue\)\)\]\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[var\(--bg-ground-hover\,var\(--bg-hover\)\)\] {
--tw-gradient-from: var(--bg-ground-hover, var(--bg-hover));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[var\(--bg-raised\)\] {
--tw-gradient-from: var(--bg-raised);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[var\(--bg-selected\)\] {
--tw-gradient-from: var(--bg-selected);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-accent {
--tw-gradient-from: var(--color-accent);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/10 {
--tw-gradient-from: color-mix(in srgb, hsl(var(--muted)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.from-black\/10 {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.from-black\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-50\/80 {
--tw-gradient-from: #eff6ffcc;
}
@supports (color: color-mix(in lab, red, red)) {
.from-blue-50\/80 {
--tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 80%, transparent);
}
}
.from-blue-50\/80 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-muted\/2 {
--tw-gradient-from: color-mix(in srgb, hsl(var(--muted)) 2%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.from-muted\/2 {
--tw-gradient-from: color-mix(in oklab, var(--color-muted) 2%, transparent);
}
}
.from-muted\/2 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-red-50\/80 {
--tw-gradient-from: #fef2f2cc;
}
@supports (color: color-mix(in lab, red, red)) {
.from-red-50\/80 {
--tw-gradient-from: color-mix(in oklab, var(--color-red-50) 80%, transparent);
}
}
.from-red-50\/80 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
--tw-gradient-from: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white\/2 {
--tw-gradient-from: color-mix(in srgb, hsl(var(--foreground)) 2%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.from-white\/2 {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 2%, transparent);
}
}
.from-white\/2 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white\/5 {
--tw-gradient-from: color-mix(in srgb, hsl(var(--foreground)) 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.from-white\/5 {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.from-white\/5 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-55\% {
--tw-gradient-from-position: 55%;
}
.via-\(color\:--bg-brand-strong\)\/2 {
--tw-gradient-via: var(--bg-brand-strong);
}
@supports (color: color-mix(in lab, red, red)) {
.via-\(color\:--bg-brand-strong\)\/2 {
--tw-gradient-via: color-mix(in oklab, var(--bg-brand-strong) 2%, transparent);
}
}
.via-\(color\:--bg-brand-strong\)\/2 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[var\(--bg-ground-hover\,var\(--bg-hover\)\)\] {
--tw-gradient-via: var(--bg-ground-hover, var(--bg-hover));
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[var\(--bg-raised\)\]\/95 {
--tw-gradient-via: var(--bg-raised);
}
@supports (color: color-mix(in lab, red, red)) {
.via-\[var\(--bg-raised\)\]\/95 {
--tw-gradient-via: color-mix(in oklab, var(--bg-raised) 95%, transparent);
}
}
.via-\[var\(--bg-raised\)\]\/95 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-black\/20 {
--tw-gradient-via: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.via-black\/20 {
--tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.via-black\/20 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-foreground\/20 {
--tw-gradient-via: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.via-foreground\/20 {
--tw-gradient-via: color-mix(in oklab, var(--color-foreground) 20%, transparent);
}
}
.via-foreground\/20 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\(color\:--bg-brand-strong\)\/10 {
--tw-gradient-to: var(--bg-brand-strong);
}
@supports (color: color-mix(in lab, red, red)) {
.to-\(color\:--bg-brand-strong\)\/10 {
--tw-gradient-to: color-mix(in oklab, var(--bg-brand-strong) 10%, transparent);
}
}
.to-\(color\:--bg-brand-strong\)\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-accent\/5 {
--tw-gradient-to: color-mix(in srgb, hsl(var(--accent)) 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.to-accent\/5 {
--tw-gradient-to: color-mix(in oklab, var(--color-accent) 5%, transparent);
}
}
.to-accent\/5 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-accent\/90 {
--tw-gradient-to: color-mix(in srgb, hsl(var(--accent)) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.to-accent\/90 {
--tw-gradient-to: color-mix(in oklab, var(--color-accent) 90%, transparent);
}
}
.to-accent\/90 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-black\/30 {
--tw-gradient-to: color-mix(in srgb, hsl(var(--muted)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.to-black\/30 {
--tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
.to-black\/30 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-50\/40 {
--tw-gradient-to: #eff6ff66;
}
@supports (color: color-mix(in lab, red, red)) {
.to-blue-50\/40 {
--tw-gradient-to: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
}
}
.to-blue-50\/40 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-muted {
--tw-gradient-to: var(--color-muted);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-red-50\/40 {
--tw-gradient-to: #fef2f266;
}
@supports (color: color-mix(in lab, red, red)) {
.to-red-50\/40 {
--tw-gradient-to: color-mix(in oklab, var(--color-red-50) 40%, transparent);
}
}
.to-red-50\/40 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.box-decoration-clone {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.bg-\[length\:250\%_100\%\,auto\] {
background-size: 250% 100%, auto;
}
.bg-cover {
background-size: cover;
}
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}
.bg-center {
background-position: center;
}
.\[background-repeat\:no-repeat\,padding-box\] {
background-repeat: no-repeat,padding-box;
}
.fill-\(--bg-action\) {
fill: var(--bg-action);
}
.fill-\(--bg-raised\) {
fill: var(--bg-raised);
}
.fill-\(--bg-selected-strong\) {
fill: var(--bg-selected-strong);
}
.fill-\(--bg-source\) {
fill: var(--bg-source);
}
.fill-brand {
fill: var(--icon-brand);
}
.fill-current {
fill: currentColor;
}
.fill-none {
fill: none;
}
.fill-primary {
fill: var(--color-primary);
}
.fill-primary\/20 {
fill: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.fill-primary\/20 {
fill: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
}
.stroke-\(--border-default\) {
stroke: var(--border-default);
}
.stroke-\(--border-subtle\), .stroke-border-subtle {
stroke: var(--border-subtle);
}
.stroke-current {
stroke: currentColor;
}
.stroke-on-action {
stroke: var(--bg-on-action);
}
.stroke-1 {
stroke-width: 1px;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.object-cover\! {
object-fit: cover !important;
}
.p-0 {
padding: var(--spacing-0);
}
.p-0\.5 {
padding: calc(var(--spacing) * .5);
}
.p-1 {
padding: var(--spacing-1);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: var(--spacing-2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: var(--spacing-3);
}
.p-3\.5 {
padding: calc(var(--spacing) * 3.5);
}
.p-4 {
padding: var(--spacing-4);
}
.p-5 {
padding: var(--spacing-5);
}
.p-6 {
padding: var(--spacing-6);
}
.p-8 {
padding: var(--spacing-8);
}
.p-9 {
padding: calc(var(--spacing) * 9);
}
.p-10 {
padding: var(--spacing-10);
}
.p-12 {
padding: var(--spacing-12);
}
.p-\[var\(--card-part-padding\,var\(--spacing-6\)\)\] {
padding: var(--card-part-padding, var(--spacing-6));
}
.p-px {
padding: 1px;
}
.px-0 {
padding-inline: var(--spacing-0);
}
.px-0\.5 {
padding-inline: calc(var(--spacing) * .5);
}
.px-1 {
padding-inline: var(--spacing-1);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: var(--spacing-2);
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: var(--spacing-3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-3\.75 {
padding-inline: calc(var(--spacing) * 3.75);
}
.px-4 {
padding-inline: var(--spacing-4);
}
.px-5 {
padding-inline: var(--spacing-5);
}
.px-6 {
padding-inline: var(--spacing-6);
}
.px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.px-8 {
padding-inline: var(--spacing-8);
}
.px-10 {
padding-inline: var(--spacing-10);
}
.px-12 {
padding-inline: var(--spacing-12);
}
.px-16 {
padding-inline: var(--spacing-16);
}
.py-0 {
padding-block: var(--spacing-0);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * .5);
}
.py-1 {
padding-block: var(--spacing-1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-1\.75 {
padding-block: calc(var(--spacing) * 1.75);
}
.py-2 {
padding-block: var(--spacing-2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: var(--spacing-3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: var(--spacing-4);
}
.py-5 {
padding-block: var(--spacing-5);
}
.py-6 {
padding-block: var(--spacing-6);
}
.py-7 {
padding-block: calc(var(--spacing) * 7);
}
.py-8 {
padding-block: var(--spacing-8);
}
.py-10 {
padding-block: var(--spacing-10);
}
.py-12 {
padding-block: var(--spacing-12);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.py-16 {
padding-block: var(--spacing-16);
}
.py-24 {
padding-block: var(--spacing-24);
}
.py-\[3px\] {
padding-block: 3px;
}
.py-px {
padding-block: 1px;
}
.ps-5 {
padding-inline-start: var(--spacing-5);
}
.pe-1 {
padding-inline-end: var(--spacing-1);
}
.pe-2 {
padding-inline-end: var(--spacing-2);
}
.pt-0 {
padding-top: var(--spacing-0);
}
.pt-0\.5 {
padding-top: calc(var(--spacing) * .5);
}
.pt-1 {
padding-top: var(--spacing-1);
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
padding-top: var(--spacing-2);
}
.pt-2\.5 {
padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
padding-top: var(--spacing-3);
}
.pt-4 {
padding-top: var(--spacing-4);
}
.pt-5 {
padding-top: var(--spacing-5);
}
.pt-6 {
padding-top: var(--spacing-6);
}
.pt-8 {
padding-top: var(--spacing-8);
}
.pt-10 {
padding-top: var(--spacing-10);
}
.pt-12 {
padding-top: var(--spacing-12);
}
.pt-14 {
padding-top: calc(var(--spacing) * 14);
}
.pt-16 {
padding-top: var(--spacing-16);
}
.pt-20 {
padding-top: var(--spacing-20);
}
.pt-\[6vh\] {
padding-top: 6vh;
}
.pt-\[8vh\] {
padding-top: 8vh;
}
.pt-\[12vh\] {
padding-top: 12vh;
}
.pt-\[max\(0px\,calc\(\(var\(--list-row-band\)-1lh\)\/2\)\)\] {
padding-top: max(0px, calc((var(--list-row-band) - 1lh) / 2));
}
.pr-0 {
padding-right: var(--spacing-0);
}
.pr-0\.5 {
padding-right: calc(var(--spacing) * .5);
}
.pr-1 {
padding-right: var(--spacing-1);
}
.pr-1\.75 {
padding-right: calc(var(--spacing) * 1.75);
}
.pr-2 {
padding-right: var(--spacing-2);
}
.pr-3 {
padding-right: var(--spacing-3);
}
.pr-4 {
padding-right: var(--spacing-4);
}
.pr-5 {
padding-right: var(--spacing-5);
}
.pr-6 {
padding-right: var(--spacing-6);
}
.pr-7 {
padding-right: calc(var(--spacing) * 7);
}
.pr-8 {
padding-right: var(--spacing-8);
}
.pr-9 {
padding-right: calc(var(--spacing) * 9);
}
.pr-10 {
padding-right: var(--spacing-10);
}
.pr-12 {
padding-right: var(--spacing-12);
}
.pr-16 {
padding-right: var(--spacing-16);
}
.pr-32 {
padding-right: calc(var(--spacing) * 32);
}
.pb-0 {
padding-bottom: var(--spacing-0);
}
.pb-0\.5 {
padding-bottom: calc(var(--spacing) * .5);
}
.pb-0\.75 {
padding-bottom: calc(var(--spacing) * .75);
}
.pb-1 {
padding-bottom: var(--spacing-1);
}
.pb-1\.5 {
padding-bottom: calc(var(--spacing) * 1.5);
}
.pb-2 {
padding-bottom: var(--spacing-2);
}
.pb-2\.5 {
padding-bottom: calc(var(--spacing) * 2.5);
}
.pb-3 {
padding-bottom: var(--spacing-3);
}
.pb-4 {
padding-bottom: var(--spacing-4);
}
.pb-5 {
padding-bottom: var(--spacing-5);
}
.pb-6 {
padding-bottom: var(--spacing-6);
}
.pb-7 {
padding-bottom: calc(var(--spacing) * 7);
}
.pb-8 {
padding-bottom: var(--spacing-8);
}
.pb-10 {
padding-bottom: var(--spacing-10);
}
.pb-12 {
padding-bottom: var(--spacing-12);
}
.pb-14 {
padding-bottom: calc(var(--spacing) * 14);
}
.pb-20 {
padding-bottom: var(--spacing-20);
}
.pb-24 {
padding-bottom: var(--spacing-24);
}
.pb-32 {
padding-bottom: calc(var(--spacing) * 32);
}
.pb-123 {
padding-bottom: calc(var(--spacing) * 123);
}
.pb-\[var\(--issue-composer-clearance\,14rem\)\] {
padding-bottom: var(--issue-composer-clearance, 14rem);
}
.pb-px {
padding-bottom: 1px;
}
.pl-0 {
padding-left: var(--spacing-0);
}
.pl-0\.5 {
padding-left: calc(var(--spacing) * .5);
}
.pl-1 {
padding-left: var(--spacing-1);
}
.pl-2 {
padding-left: var(--spacing-2);
}
.pl-2\.5 {
padding-left: calc(var(--spacing) * 2.5);
}
.pl-2\.75 {
padding-left: calc(var(--spacing) * 2.75);
}
.pl-3 {
padding-left: var(--spacing-3);
}
.pl-4 {
padding-left: var(--spacing-4);
}
.pl-5 {
padding-left: var(--spacing-5);
}
.pl-6 {
padding-left: var(--spacing-6);
}
.pl-7 {
padding-left: calc(var(--spacing) * 7);
}
.pl-8 {
padding-left: var(--spacing-8);
}
.pl-9 {
padding-left: calc(var(--spacing) * 9);
}
.pl-10 {
padding-left: var(--spacing-10);
}
.pl-11 {
padding-left: calc(var(--spacing) * 11);
}
.pl-12 {
padding-left: var(--spacing-12);
}
.pl-14 {
padding-left: calc(var(--spacing) * 14);
}
.pl-15 {
padding-left: calc(var(--spacing) * 15);
}
.pl-16 {
padding-left: var(--spacing-16);
}
.pl-21 {
padding-left: calc(var(--spacing) * 21);
}
.pl-\[calc\(44em\/12\+0\.5rem\)\] {
padding-left: calc(3.66667em + .5rem);
}
.text-center {
text-align: center;
}
.text-end {
text-align: end;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-start {
text-align: start;
}
.align-\[-0\.125em\] {
vertical-align: -.125em;
}
.align-baseline {
vertical-align: baseline;
}
.align-bottom {
vertical-align: bottom;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.font-display {
font-family: var(--font-display);
}
.font-mono {
font-family: var(--font-mono);
}
.font-sans {
font-family: var(--font-inter-keys, var(--font-inter, "Inter")), var(--font-inter, "Inter"), ui-sans-serif, system-ui, sans-serif;
}
.text-body-md {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
.text-body-md-strong {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.text-body-sm {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
.text-body-sm-strong {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.text-body-xs {
font-size: var(--font-size-xs);
line-height: var(--tw-leading, calc(14 / 11));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
.text-display-lg {
font-size: var(--font-size-display-lg);
line-height: var(--tw-leading, calc(36 / 30));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
.text-display-md {
font-size: var(--font-size-display-md);
line-height: var(--tw-leading, calc(32 / 24));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
.text-heading-lg {
font-size: var(--font-size-lg);
line-height: var(--tw-leading, calc(28 / 18));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-heading-md {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-heading-sm {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-label-2xs {
font-size: .5625rem;
line-height: var(--tw-leading, calc(12 / 9));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-label-lg-fixed {
font-size: 1rem;
line-height: var(--tw-leading, calc(20 / 16));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-label-md {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.text-label-md-fixed {
font-size: .8125rem;
line-height: var(--tw-leading, calc(16 / 13));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-label-sm {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.text-label-sm-fixed {
font-size: .75rem;
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-label-xs {
font-size: var(--font-size-xs);
line-height: var(--tw-leading, calc(14 / 11));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.text-label-xs-caps {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, .05em);
font-weight: var(--tw-font-weight, 500);
}
.text-label-xs-fixed {
font-size: .625rem;
line-height: var(--tw-leading, calc(13 / 10));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 600);
}
.text-link-md {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.text-link-sm {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.text-code-sm {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
}
.text-code-xs {
font-size: var(--font-size-xs);
line-height: var(--tw-leading, calc(14 / 11));
letter-spacing: var(--tw-tracking, 0em);
}
.text-2xl {
font-size: var(--font-size-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--font-size-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
font-size: var(--font-size-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-base {
font-size: var(--font-size-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--font-size-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--font-size-md);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--font-size-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[font-size\:var\(--font-size-md\)\] {
font-size: var(--font-size-md);
}
.\[font-size\:var\(--font-size-sm\)\] {
font-size: var(--font-size-sm);
}
.\[font-size\:var\(--font-size-xs\)\], .text-\(length\:--font-size-xs\) {
font-size: var(--font-size-xs);
}
.text-\[9px\] {
font-size: 9px;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11\.5px\] {
font-size: 11.5px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12\.5px\] {
font-size: 12.5px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13\.5px\] {
font-size: 13.5px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-legacy-10 {
font-size: var(--font-size-legacy-10);
}
.text-legacy-11 {
font-size: var(--font-size-legacy-11);
}
.leading-4 {
--tw-leading: var(--spacing-4);
line-height: var(--spacing-4);
}
.leading-5 {
--tw-leading: var(--spacing-5);
line-height: var(--spacing-5);
}
.leading-6 {
--tw-leading: var(--spacing-6);
line-height: var(--spacing-6);
}
.leading-\[calc\(20\/12\)\] {
--tw-leading: calc(20 / 12);
line-height: 1.66667;
}
.leading-\[calc\(24\/12\)\] {
--tw-leading: calc(24 / 12);
line-height: 2;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.text-balance {
text-wrap: balance;
}
.text-pretty {
text-wrap: pretty;
}
.text-wrap {
text-wrap: wrap;
}
.break-normal {
overflow-wrap: normal;
word-break: normal;
}
.break-words {
overflow-wrap: break-word;
}
.wrap-anywhere {
overflow-wrap: anywhere;
}
.wrap-break-word {
overflow-wrap: break-word;
}
.\[word-break\:break-word\] {
word-break: break-word;
}
.\[word-break\:normal\] {
word-break: normal;
}
.break-all {
word-break: break-all;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-line {
white-space: pre-line;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.tab-1 {
tab-size: 1;
}
.tab-2 {
tab-size: 2;
}
.tab-123 {
tab-size: 123;
}
.\!text-icon-warning {
color: var(--icon-warning) !important;
}
.text-\[\#4A154B\] {
color: #4a154b;
}
.text-\[\#EFEDE4\] {
color: #efede4;
}
.text-\[color\:color-mix\(in_srgb\,var\(--hue-purple\)_40\%\,var\(--text-default\)\)\] {
color: var(--hue-purple);
}
@supports (color: color-mix(in lab, red, red)) {
.text-\[color\:color-mix\(in_srgb\,var\(--hue-purple\)_40\%\,var\(--text-default\)\)\] {
color: color-mix(in srgb,var(--hue-purple) 40%,var(--text-default));
}
}
.text-\[hsl\(var\(--brand-clay\)\)\] {
color: hsl(var(--brand-clay));
}
.text-\[hsl\(var\(--ui-blue\)\)\] {
color: hsl(var(--ui-blue));
}
.text-\[hsl\(var\(--ui-blue\)\)\]\/80 {
color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.text-\[hsl\(var\(--ui-blue\)\)\]\/80 {
color: color-mix(in oklab, hsl(var(--ui-blue)) 80%, transparent);
}
}
.text-\[hsl\(var\(--ui-green\)\)\] {
color: hsl(var(--ui-green));
}
.text-\[hsl\(var\(--ui-orange\)\)\] {
color: hsl(var(--ui-orange));
}
.text-\[hsl\(var\(--ui-red\,0_84\%_60\%\)\)\] {
color: hsl(var(--ui-red, 0 84% 60%));
}
.text-\[hsl\(var\(--ui-yellow\)\)\] {
color: hsl(var(--ui-yellow));
}
.text-accent {
color: var(--color-accent);
}
.text-amber-400 {
color: var(--color-amber-400);
}
.text-amber-500 {
color: var(--color-amber-500);
}
.text-amber-600 {
color: var(--color-amber-600);
}
.text-amber-700 {
color: var(--color-amber-700);
}
.text-amber-800 {
color: var(--color-amber-800);
}
.text-black {
color: var(--color-black);
}
.text-blue-500 {
color: var(--color-blue-500);
}
.text-blue-600 {
color: var(--color-blue-600);
}
.text-blue-700 {
color: var(--color-blue-700);
}
.text-blue-800 {
color: var(--color-blue-800);
}
.text-blue-900 {
color: var(--color-blue-900);
}
.text-brand {
color: var(--text-brand);
}
.text-brand-desert {
color: var(--color-brand-desert);
}
.text-brand-foreground {
color: var(--color-brand-foreground);
}
.text-current {
color: currentColor;
}
.text-cyan-500 {
color: var(--color-cyan-500);
}
.text-cyan-700 {
color: var(--color-cyan-700);
}
.text-danger {
color: var(--text-danger);
}
.text-default {
color: var(--text-default);
}
.text-destructive {
color: var(--color-destructive);
}
.text-emerald-400 {
color: var(--color-emerald-400);
}
.text-emerald-500 {
color: var(--color-emerald-500);
}
.text-emerald-600 {
color: var(--color-emerald-600);
}
.text-emerald-700 {
color: var(--color-emerald-700);
}
.text-foreground {
color: var(--color-foreground);
}
.text-gray-300 {
color: var(--color-gray-300);
}
.text-gray-400 {
color: var(--color-gray-400);
}
.text-green-400 {
color: var(--color-green-400);
}
.text-green-500 {
color: var(--color-green-500);
}
.text-green-600 {
color: var(--color-green-600);
}
.text-green-700 {
color: var(--color-green-700);
}
.text-green-800 {
color: var(--color-green-800);
}
.text-hue-blue {
color: var(--hue-blue);
}
.text-hue-gold {
color: var(--hue-gold);
}
.text-hue-gray {
color: var(--hue-gray);
}
.text-hue-green {
color: var(--hue-green);
}
.text-hue-lime {
color: var(--hue-lime);
}
.text-hue-orange {
color: var(--hue-orange);
}
.text-hue-pink {
color: var(--hue-pink);
}
.text-hue-purple {
color: var(--hue-purple);
}
.text-hue-red {
color: var(--hue-red);
}
.text-hue-teal {
color: var(--hue-teal);
}
.text-icon-brand {
color: var(--icon-brand);
}
.text-icon-danger {
color: var(--icon-danger);
}
.text-icon-default {
color: var(--icon-default);
}
.text-icon-disabled {
color: var(--icon-disabled);
}
.text-icon-file-image {
color: var(--icon-file-image);
}
.text-icon-file-pdf {
color: var(--icon-file-pdf);
}
.text-icon-file-spreadsheet {
color: var(--icon-file-spreadsheet);
}
.text-icon-file-text {
color: var(--icon-file-text);
}
.text-icon-hue-blue {
color: var(--icon-hue-blue);
}
.text-icon-hue-gold {
color: var(--icon-hue-gold);
}
.text-icon-hue-gray {
color: var(--icon-hue-gray);
}
.text-icon-hue-green {
color: var(--icon-hue-green);
}
.text-icon-hue-lime {
color: var(--icon-hue-lime);
}
.text-icon-hue-orange {
color: var(--icon-hue-orange);
}
.text-icon-hue-pink {
color: var(--icon-hue-pink);
}
.text-icon-hue-purple {
color: var(--icon-hue-purple);
}
.text-icon-hue-red {
color: var(--icon-hue-red);
}
.text-icon-hue-teal {
color: var(--icon-hue-teal);
}
.text-icon-info {
color: var(--icon-info);
}
.text-icon-inverse {
color: var(--icon-inverse);
}
.text-icon-on-action {
color: var(--icon-on-action);
}
.text-icon-on-brand {
color: var(--icon-on-brand);
}
.text-icon-on-danger {
color: var(--icon-on-danger);
}
.text-icon-on-info {
color: var(--icon-on-info);
}
.text-icon-on-success {
color: var(--icon-on-success);
}
.text-icon-on-warning {
color: var(--icon-on-warning);
}
.text-icon-placeholder {
color: var(--icon-placeholder);
}
.text-icon-placeholder\! {
color: var(--icon-placeholder) !important;
}
.text-icon-secondary {
color: var(--icon-secondary);
}
.text-icon-success {
color: var(--icon-success);
}
.text-icon-tertiary {
color: var(--icon-tertiary);
}
.text-icon-warning {
color: var(--icon-warning);
}
.text-info {
color: var(--text-info);
}
.text-inherit {
color: inherit;
}
.text-inverse {
color: var(--text-inverse);
}
.text-muted-foreground {
color: var(--color-muted-foreground);
}
.text-muted-foreground\/70 {
color: color-mix(in srgb, hsl(var(--muted-foreground)) 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-muted-foreground\/70 {
color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);
}
}
.text-muted-foreground\/80 {
color: color-mix(in srgb, hsl(var(--muted-foreground)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-muted-foreground\/80 {
color: color-mix(in oklab, var(--color-muted-foreground) 80%, transparent);
}
}
.text-on-action {
color: var(--text-on-action);
}
.text-on-brand {
color: var(--text-on-brand);
}
.text-on-danger {
color: var(--text-on-danger);
}
.text-on-hue-blue {
color: var(--text-on-hue-blue);
}
.text-on-hue-gold {
color: var(--text-on-hue-gold);
}
.text-on-hue-gray {
color: var(--text-on-hue-gray);
}
.text-on-hue-green {
color: var(--text-on-hue-green);
}
.text-on-hue-lime {
color: var(--text-on-hue-lime);
}
.text-on-hue-orange {
color: var(--text-on-hue-orange);
}
.text-on-hue-pink {
color: var(--text-on-hue-pink);
}
.text-on-hue-purple {
color: var(--text-on-hue-purple);
}
.text-on-hue-red {
color: var(--text-on-hue-red);
}
.text-on-hue-teal {
color: var(--text-on-hue-teal);
}
.text-on-info {
color: var(--text-on-info);
}
.text-on-success {
color: var(--text-on-success);
}
.text-on-warning {
color: var(--text-on-warning);
}
.text-orange-400 {
color: var(--color-orange-400);
}
.text-orange-600 {
color: var(--color-orange-600);
}
.text-orange-700 {
color: var(--color-orange-700);
}
.text-pink-500 {
color: var(--color-pink-500);
}
.text-placeholder {
color: var(--text-placeholder);
}
.text-primary {
color: var(--color-primary);
}
.text-primary-foreground {
color: var(--color-primary-foreground);
}
.text-primary\/70 {
color: color-mix(in srgb, hsl(var(--primary)) 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-primary\/70 {
color: color-mix(in oklab, var(--color-primary) 70%, transparent);
}
}
.text-primary\/80 {
color: color-mix(in srgb, hsl(var(--primary)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-primary\/80 {
color: color-mix(in oklab, var(--color-primary) 80%, transparent);
}
}
.text-purple-600 {
color: var(--color-purple-600);
}
.text-purple-700 {
color: var(--color-purple-700);
}
.text-red-400 {
color: var(--color-red-400);
}
.text-red-500 {
color: var(--color-red-500);
}
.text-red-600 {
color: var(--color-red-600);
}
.text-red-700 {
color: var(--color-red-700);
}
.text-rose-700 {
color: var(--color-rose-700);
}
.text-secondary {
color: var(--text-secondary);
}
.text-sky-500 {
color: var(--color-sky-500);
}
.text-sky-600 {
color: var(--color-sky-600);
}
.text-status-accepted {
color: var(--status-accepted);
}
.text-status-canceled {
color: var(--status-canceled);
}
.text-status-started {
color: var(--status-started);
}
.text-status-triage {
color: var(--status-triage);
}
.text-success {
color: var(--text-success);
}
.text-tertiary {
color: var(--text-tertiary);
}
.text-transparent {
color: #0000;
}
.text-ui-green {
color: var(--color-ui-green);
}
.text-ui-orange {
color: var(--color-ui-orange);
}
.text-ui-yellow {
color: var(--color-ui-yellow);
}
.text-violet-500 {
color: var(--color-violet-500);
}
.text-warning {
color: var(--text-warning);
}
.text-white {
color: var(--color-white);
}
.text-yellow-400 {
color: var(--color-yellow-400);
}
.text-yellow-600 {
color: var(--color-yellow-600);
}
.text-yellow-700 {
color: var(--color-yellow-700);
}
.text-yellow-800 {
color: var(--color-yellow-800);
}
.text-zinc-100 {
color: var(--color-zinc-100);
}
.text-zinc-200 {
color: var(--color-zinc-200);
}
.text-zinc-300 {
color: var(--color-zinc-300);
}
.text-zinc-400 {
color: var(--color-zinc-400);
}
.text-zinc-500 {
color: var(--color-zinc-500);
}
.capitalize {
text-transform: capitalize;
}
.lowercase {
text-transform: lowercase;
}
.normal-case {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.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, );
}
.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, );
}
.line-through {
text-decoration-line: line-through;
}
.no-underline {
text-decoration-line: none;
}
.overline {
text-decoration-line: overline;
}
.underline {
text-decoration-line: underline;
}
.decoration-border {
-webkit-text-decoration-color: var(--color-border);
text-decoration-color: var(--color-border);
}
.decoration-dotted {
text-decoration-style: dotted;
}
.decoration-1 {
text-decoration-thickness: 1px;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.caret-brand {
caret-color: var(--text-brand);
}
.caret-primary {
caret-color: var(--color-primary);
}
.accent-emerald-600 {
accent-color: var(--color-emerald-600);
}
.accent-primary {
accent-color: var(--color-primary);
}
.opacity-0 {
opacity: 0;
}
.opacity-20 {
opacity: .2;
}
.opacity-30 {
opacity: .3;
}
.opacity-40 {
opacity: .4;
}
.opacity-45 {
opacity: .45;
}
.opacity-50 {
opacity: .5;
}
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-75 {
opacity: .75;
}
.opacity-80 {
opacity: .8;
}
.opacity-100 {
opacity: 1;
}
.\!shadow-sm {
--tw-shadow: var(--shadow-sm) !important;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_-1px_0_0_var\(--border-subtle\)\,inset_0_1px_0_var\(--border-subtle\)\,inset_0_-1px_0_var\(--border-subtle\)\] {
--tw-shadow: inset -1px 0 0 var(--tw-shadow-color, var(--border-subtle)), inset 0 1px 0 var(--tw-shadow-color, var(--border-subtle)), inset 0 -1px 0 var(--tw-shadow-color, var(--border-subtle));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_-1px_0_0_var\(--border-subtle\)\] {
--tw-shadow: inset -1px 0 0 var(--tw-shadow-color, var(--border-subtle));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_var\(--border-subtle\)\,inset_0_-1px_0_var\(--border-subtle\)\] {
--tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--border-subtle)), inset 0 -1px 0 var(--tw-shadow-color, var(--border-subtle));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_var\(--primary\)\] {
--tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--primary));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset…\] {
--tw-shadow: inset…;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: var(--shadow-lg);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: var(--shadow-md);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: var(--shadow-sm);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: var(--shadow-xl);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow\/enforce, .shadow\/lg, .shadow\/md, .shadow\/md\., .shadow\/sm, .shadow\/xl {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.inset-ring-0 {
--tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.inset-ring-1 {
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.inset-ring-2 {
--tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-black\/20 {
--tw-shadow-color: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-foreground\/5 {
--tw-shadow-color: color-mix(in srgb, hsl(var(--foreground)) 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-foreground\/5 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-foreground) 5%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.ring-\(--avatar-ink\) {
--tw-ring-color: var(--avatar-ink);
}
.ring-\[hsl\(var\(--ui-blue\)\)\] {
--tw-ring-color: hsl(var(--ui-blue));
}
.ring-amber-500\/40 {
--tw-ring-color: #f99c0066;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-amber-500\/40 {
--tw-ring-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
.ring-blue-500 {
--tw-ring-color: var(--color-blue-500);
}
.ring-blue-500\/50 {
--tw-ring-color: #3080ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-blue-500\/50 {
--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
}
}
.ring-brand {
--tw-ring-color: var(--border-brand);
}
.ring-danger {
--tw-ring-color: var(--border-danger);
}
.ring-default {
--tw-ring-color: var(--border-default);
}
.ring-focus-keyboard {
--tw-ring-color: var(--border-focus-keyboard);
}
.ring-green-500\/50 {
--tw-ring-color: #00c75880;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-green-500\/50 {
--tw-ring-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
}
}
.ring-ground {
--tw-ring-color: var(--bg-ground, var(--bg-default));
}
.ring-info {
--tw-ring-color: var(--border-info);
}
.ring-primary {
--tw-ring-color: var(--color-primary);
}
.ring-primary\/20 {
--tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-primary\/20 {
--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
}
.ring-primary\/30 {
--tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-primary\/30 {
--tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
.ring-red-500\/50 {
--tw-ring-color: #fb2c3680;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-red-500\/50 {
--tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
}
.ring-warning {
--tw-ring-color: var(--border-warning);
}
.ring-yellow-500\/50 {
--tw-ring-color: #edb20080;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-yellow-500\/50 {
--tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
}
}
.inset-ring-brand {
--tw-inset-ring-color: var(--border-brand);
}
.inset-ring-default {
--tw-inset-ring-color: var(--border-default);
}
.inset-ring-focus-keyboard {
--tw-inset-ring-color: var(--border-focus-keyboard);
}
.inset-ring-hairline {
--tw-inset-ring-color: var(--border-hairline, var(--border-default));
}
.inset-ring-primary {
--tw-inset-ring-color: var(--color-primary);
}
.inset-ring-primary\/40 {
--tw-inset-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.inset-ring-primary\/40 {
--tw-inset-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.inset-ring-selected {
--tw-inset-ring-color: var(--border-selected);
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-4 {
--tw-ring-offset-width: 4px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-default {
--tw-ring-offset-color: var(--ring-offset-default);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.outline-0 {
outline-style: var(--tw-outline-style);
outline-width: 0;
}
.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-\[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-sm {
--tw-blur: blur(var(--blur-sm));
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(var(--blur-xl));
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-xs {
--tw-blur: blur(var(--blur-xs));
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, );
}
.\!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);
-webkit-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: 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);
-webkit-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: 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(var(--blur-md));
-webkit-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: 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: ;
-webkit-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: 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(var(--blur-sm));
-webkit-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: 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(var(--blur-xl));
-webkit-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: 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-xs {
--tw-backdrop-blur: blur(var(--blur-xs));
-webkit-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: 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 {
-webkit-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: 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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,border-color\,box-shadow\] {
transition-property: background-color, border-color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,border-color\] {
transition-property: background-color, border-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,box-shadow\] {
transition-property: background-color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,color\,transform\,box-shadow\] {
transition-property: background-color, color, transform, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,height\,opacity\] {
transition-property: background-color, height, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,height\] {
transition-property: background-color, height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,transform\,width\,height\] {
transition-property: background-color, transform, width, height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\] {
transition-property: background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[box-shadow\,background-color\] {
transition-property: box-shadow, background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,background-color\,opacity\] {
transition-property: color, background-color, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,background-color\,transform\] {
transition-property: color, background-color, transform;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,opacity\] {
transition-property: color, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,translate\,rotate\] {
transition-property: color, translate, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[grid-template-rows\,opacity\] {
transition-property: grid-template-rows, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[grid-template-rows\] {
transition-property: grid-template-rows;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[height\] {
transition-property: height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[max-height\] {
transition-property: max-height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[max-width\,max-height\,padding\,transform\] {
transition-property: max-width, max-height, padding, transform;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[max-width\,max-height\,transform\] {
transition-property: max-width, max-height, transform;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[max-width\] {
transition-property: max-width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[min-height\] {
transition-property: min-height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[min-width\,width\,background-color\,border-color\] {
transition-property: min-width, width, background-color, border-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[min-width\] {
transition-property: min-width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[opacity\,filter\] {
transition-property: opacity, filter;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[padding-bottom\] {
transition-property: padding-bottom;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[padding\] {
transition-property: padding;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[scroll-padding-bottom\] {
transition-property: scroll-padding-bottom;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[transform\,background-color\] {
transition-property: transform, background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[translate\,width\,height\] {
transition-property: translate, width, height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,background-color\,box-shadow\] {
transition-property: width, background-color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,box-shadow\] {
transition-property: width, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,margin\,opacity\] {
transition-property: width, margin, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,max-height\] {
transition-property: width, max-height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\] {
transition-property: width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-shadow {
transition-property: box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-none {
transition-property: none;
}
.delay-100 {
transition-delay: .1s;
}
.duration-100 {
--tw-duration: .1s;
transition-duration: .1s;
}
.duration-150 {
--tw-duration: .15s;
transition-duration: .15s;
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s;
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
}
.duration-400 {
--tw-duration: .4s;
transition-duration: .4s;
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.duration-700 {
--tw-duration: .7s;
transition-duration: .7s;
}
.duration-1000 {
--tw-duration: 1s;
transition-duration: 1s;
}
.duration-base-enter {
--tw-duration: var(--transition-duration-base-enter);
transition-duration: var(--transition-duration-base-enter);
}
.duration-base-exit {
--tw-duration: var(--transition-duration-base-exit);
transition-duration: var(--transition-duration-base-exit);
}
.duration-fast-enter {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.duration-fast-exit {
--tw-duration: var(--transition-duration-fast-exit);
transition-duration: var(--transition-duration-fast-exit);
}
.duration-glide-enter {
--tw-duration: var(--transition-duration-glide-enter);
transition-duration: var(--transition-duration-glide-enter);
}
.duration-glide-exit {
--tw-duration: var(--transition-duration-glide-exit);
transition-duration: var(--transition-duration-glide-exit);
}
.duration-slow-enter {
--tw-duration: var(--transition-duration-slow-enter);
transition-duration: var(--transition-duration-slow-enter);
}
.duration-slow-exit {
--tw-duration: var(--transition-duration-slow-exit);
transition-duration: var(--transition-duration-slow-exit);
}
.duration-surface-enter {
--tw-duration: var(--transition-duration-surface-enter);
transition-duration: var(--transition-duration-surface-enter);
}
.duration-surface-exit {
--tw-duration: var(--transition-duration-surface-exit);
transition-duration: var(--transition-duration-surface-exit);
}
.ease-\[cubic-bezier\(0\.45\,0\,0\.55\,1\)\] {
--tw-ease: cubic-bezier(.45,0,.55,1);
transition-timing-function: cubic-bezier(.45, 0, .55, 1);
}
.ease-base-enter {
--tw-ease: var(--ease-base-enter);
transition-timing-function: var(--ease-base-enter);
}
.ease-base-exit {
--tw-ease: var(--ease-base-exit);
transition-timing-function: var(--ease-base-exit);
}
.ease-fast-enter {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.ease-fast-exit {
--tw-ease: var(--ease-fast-exit);
transition-timing-function: var(--ease-fast-exit);
}
.ease-glide-enter {
--tw-ease: var(--ease-glide-enter);
transition-timing-function: var(--ease-glide-enter);
}
.ease-glide-exit {
--tw-ease: var(--ease-glide-exit);
transition-timing-function: var(--ease-glide-exit);
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.ease-slow-enter {
--tw-ease: var(--ease-slow-enter);
transition-timing-function: var(--ease-slow-enter);
}
.ease-slow-exit {
--tw-ease: var(--ease-slow-exit);
transition-timing-function: var(--ease-slow-exit);
}
.ease-surface-enter {
--tw-ease: var(--ease-surface-enter);
transition-timing-function: var(--ease-surface-enter);
}
.ease-surface-exit {
--tw-ease: var(--ease-surface-exit);
transition-timing-function: var(--ease-surface-exit);
}
.will-change-\[max-width\,max-height\,padding\] {
will-change: max-width,max-height,padding;
}
.delay-100 {
--tw-animation-delay: .1s;
animation-delay: .1s;
}
.fade-in-0 {
--tw-enter-opacity: 0;
}
.fade-in-50 {
--tw-enter-opacity: .5;
}
.fill-mode-both {
--tw-animation-fill-mode: both;
animation-fill-mode: both;
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.repeat-1 {
--tw-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.repeat-2 {
--tw-animation-iteration-count: 2;
animation-iteration-count: 2;
}
.select-all {
-webkit-user-select: all;
user-select: all;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.zoom-in-50 {
--tw-enter-scale: .5;
}
.zoom-in-95 {
--tw-enter-scale: .95;
}
.\!running {
animation-play-state: running !important;
}
.\[--avatar-disc\:var\(--bg-brand\)\] {
--avatar-disc: var(--bg-brand);
}
.\[--avatar-disc\:var\(--bg-inverse\)\] {
--avatar-disc: var(--bg-inverse);
}
.\[--avatar-disc\:var\(--bg-sunken\)\] {
--avatar-disc: var(--bg-sunken);
}
.\[--avatar-disc\:var\(--hue-blue-subtle\)\] {
--avatar-disc: var(--hue-blue-subtle);
}
.\[--avatar-disc\:var\(--hue-gold-subtle\)\] {
--avatar-disc: var(--hue-gold-subtle);
}
.\[--avatar-disc\:var\(--hue-gray-subtle\)\] {
--avatar-disc: var(--hue-gray-subtle);
}
.\[--avatar-disc\:var\(--hue-green-subtle\)\] {
--avatar-disc: var(--hue-green-subtle);
}
.\[--avatar-disc\:var\(--hue-lime-subtle\)\] {
--avatar-disc: var(--hue-lime-subtle);
}
.\[--avatar-disc\:var\(--hue-orange-subtle\)\] {
--avatar-disc: var(--hue-orange-subtle);
}
.\[--avatar-disc\:var\(--hue-pink-subtle\)\] {
--avatar-disc: var(--hue-pink-subtle);
}
.\[--avatar-disc\:var\(--hue-purple-subtle\)\] {
--avatar-disc: var(--hue-purple-subtle);
}
.\[--avatar-disc\:var\(--hue-red-subtle\)\] {
--avatar-disc: var(--hue-red-subtle);
}
.\[--avatar-disc\:var\(--hue-teal-subtle\)\] {
--avatar-disc: var(--hue-teal-subtle);
}
.\[--avatar-ink\:var\(--icon-brand\)\] {
--avatar-ink: var(--icon-brand);
}
.\[--avatar-ink\:var\(--icon-inverse\)\] {
--avatar-ink: var(--icon-inverse);
}
.\[--avatar-ink\:var\(--icon-secondary\)\] {
--avatar-ink: var(--icon-secondary);
}
.\[--avatar-ink\:var\(--text-on-hue-blue\)\] {
--avatar-ink: var(--text-on-hue-blue);
}
.\[--avatar-ink\:var\(--text-on-hue-gold\)\] {
--avatar-ink: var(--text-on-hue-gold);
}
.\[--avatar-ink\:var\(--text-on-hue-gray\)\] {
--avatar-ink: var(--text-on-hue-gray);
}
.\[--avatar-ink\:var\(--text-on-hue-green\)\] {
--avatar-ink: var(--text-on-hue-green);
}
.\[--avatar-ink\:var\(--text-on-hue-lime\)\] {
--avatar-ink: var(--text-on-hue-lime);
}
.\[--avatar-ink\:var\(--text-on-hue-orange\)\] {
--avatar-ink: var(--text-on-hue-orange);
}
.\[--avatar-ink\:var\(--text-on-hue-pink\)\] {
--avatar-ink: var(--text-on-hue-pink);
}
.\[--avatar-ink\:var\(--text-on-hue-purple\)\] {
--avatar-ink: var(--text-on-hue-purple);
}
.\[--avatar-ink\:var\(--text-on-hue-red\)\] {
--avatar-ink: var(--text-on-hue-red);
}
.\[--avatar-ink\:var\(--text-on-hue-teal\)\] {
--avatar-ink: var(--text-on-hue-teal);
}
.\[--bg-ground\:var\(--bg-default\)\] {
--bg-ground: var(--bg-default);
}
.\[--bg-ground\:var\(--bg-raised\)\] {
--bg-ground: var(--bg-raised);
}
.\[--bg-ground\:var\(--bg-subtle\)\] {
--bg-ground: var(--bg-subtle);
}
.\[--bg-ground\:var\(--bg-surface\)\] {
--bg-ground: var(--bg-surface);
}
.\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--bg-default\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
--bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--bg-default),#0000 calc(50% + var(--spread)));
}
.\[--card-part-padding\:0px\] {
--card-part-padding: 0px;
}
.\[--card-part-padding\:var\(--spacing-6\)\] {
--card-part-padding: var(--spacing-6);
}
.\[--list-row-band\:1\.5rem\] {
--list-row-band: 1.5rem;
}
.\[--list-row-band\:2rem\] {
--list-row-band: 2rem;
}
.\[--row-tint\:transparent\] {
--row-tint: transparent;
}
.\[--shimmer-color\:var\(--text-brand\)\] {
--shimmer-color: var(--text-brand);
}
.\[--skeleton-peak\:var\(--skeleton-well-peak\,var\(--bg-selected-strong\)\)\] {
--skeleton-peak: var(--skeleton-well-peak, var(--bg-selected-strong));
}
.\[--skeleton-rest\:var\(--skeleton-well-rest\,var\(--bg-hover-strong\)\)\] {
--skeleton-rest: var(--skeleton-well-rest, var(--bg-hover-strong));
}
.\[-ms-overflow-style\:none\] {
-ms-overflow-style: none;
}
.\[animation-delay\:150ms\] {
animation-delay: .15s;
}
.\[animation-delay\:300ms\] {
animation-delay: .3s;
}
.\[animation-timing-function\:cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
animation-timing-function: cubic-bezier(.23, 1, .32, 1);
}
.\[autobuild\:zane-6890-draft-issue-context\] {
autobuild: zane-6890-draft-issue-context;
}
.\[background\:linear-gradient\(var\(--row-tint\)\,var\(--row-tint\)\)\,var\(--bg-ground\,var\(--bg-default\)\)\] {
background: linear-gradient(var(--row-tint),var(--row-tint)),var(--bg-ground, var(--bg-default));
}
.\[background\:linear-gradient\(var\(--row-tint\,transparent\)\,var\(--row-tint\,transparent\)\)\,var\(--bg-ground\,var\(--bg-default\)\)\] {
background: linear-gradient(var(--row-tint, transparent),var(--row-tint, transparent)),var(--bg-ground, var(--bg-default));
}
.\[clip-path\:polygon\(100\%_0\,100\%_100\%\,0_100\%\)\] {
clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.\[contain-intrinsic-size\:auto_60px\] {
contain-intrinsic-size: auto 60px;
}
.\[content-visibility\:auto\] {
content-visibility: auto;
}
.\[drafting-interactive\:bridge\] {
drafting-interactive: bridge;
}
.\[qa-approval\:approve\] {
qa-approval: approve;
}
.\[qa-approval\:edit-approve\] {
qa-approval: edit-approve;
}
.\[qa-approval\:reject\] {
qa-approval: reject;
}
.\[slack-intake-routing\:poll\] {
slack-intake-routing: poll;
}
.\[slack-intake-routing\:v2\] {
slack-intake-routing: v2;
}
.\[teams-intake-routing\:poll\] {
teams-intake-routing: poll;
}
.\[teams-intake-routing\:v2\] {
teams-intake-routing: v2;
}
.\[writing-mode\:vertical-lr\] {
writing-mode: vertical-lr;
}
.block-0 {
block-size: var(--spacing-0);
}
.block-1 {
block-size: var(--spacing-1);
}
.block-2 {
block-size: var(--spacing-2);
}
.fade-in {
--tw-enter-opacity: 0;
}
.fade-out {
--tw-exit-opacity: 0;
}
.paused {
animation-play-state: paused;
}
.ring-inset {
--tw-ring-inset: inset;
}
.running {
animation-play-state: running;
}
.slide-in-from-bottom-1 {
--tw-enter-translate-y: calc(1*var(--spacing));
}
.slide-in-from-bottom-2 {
--tw-enter-translate-y: calc(2*var(--spacing));
}
.slide-in-from-left-1 {
--tw-enter-translate-x: calc(1*var(--spacing)*-1);
}
.slide-in-from-right-2 {
--tw-enter-translate-x: calc(2*var(--spacing));
}
.slide-in-from-top-1 {
--tw-enter-translate-y: calc(1*var(--spacing)*-1);
}
.source-solo {
--source-ink-solo: var(--icon-source-ink-solo);
}
.zoom-in {
--tw-enter-scale: 0;
}
.zoom-out {
--tw-exit-scale: 0;
}
:is(.\*\:w-12 > *) {
width: var(--spacing-12);
}
:is(.\*\:min-w-0 > *) {
min-width: var(--spacing-0);
}
:is(.\*\:min-w-60 > *) {
min-width: calc(var(--spacing) * 60);
}
:is(.\*\*\:my-0\! *) {
margin-block: var(--spacing-0) !important;
}
:is(.\*\*\:leading-relaxed\! *) {
--tw-leading: var(--leading-relaxed) !important;
line-height: var(--leading-relaxed) !important;
}
.not-empty\:mt-2:not(:empty) {
margin-top: var(--spacing-2);
}
.not-focus\:absolute:not(:focus) {
position: absolute;
}
.not-focus\:size-px:not(:focus) {
width: 1px;
height: 1px;
}
.not-focus\:min-w-0:not(:focus) {
min-width: var(--spacing-0);
}
.not-focus\:opacity-0:not(:focus) {
opacity: 0;
}
.group-focus-within\:text-icon-default:is(:where(.group):focus-within *) {
color: var(--icon-default);
}
.group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
opacity: 0;
}
.group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
opacity: 1;
}
.group-focus-within\/comment\:pointer-events-auto:is(:where(.group\/comment):focus-within *) {
pointer-events: auto;
}
.group-focus-within\/comment\:ml-0:is(:where(.group\/comment):focus-within *) {
margin-left: var(--spacing-0);
}
.group-focus-within\/comment\:w-6:is(:where(.group\/comment):focus-within *) {
width: var(--spacing-6);
}
.group-focus-within\/comment\:w-12:is(:where(.group\/comment):focus-within *) {
width: var(--spacing-12);
}
.group-focus-within\/comment\:w-18:is(:where(.group\/comment):focus-within *) {
width: calc(var(--spacing) * 18);
}
.group-focus-within\/comment\:opacity-100:is(:where(.group\/comment):focus-within *), .group-focus-within\/header\:opacity-100:is(:where(.group\/header):focus-within *) {
opacity: 1;
}
.group-focus-within\/history\:bg-hover-strong:is(:where(.group\/history):focus-within *) {
background-color: var(--bg-hover-strong);
}
.group-focus-within\/history\:opacity-0:is(:where(.group\/history):focus-within *) {
opacity: 0;
}
.group-focus-within\/history\:opacity-100:is(:where(.group\/history):focus-within *), .group-focus-within\/issue-selection\:opacity-100:is(:where(.group\/issue-selection):focus-within *), .group-focus-within\/result-row\:opacity-100:is(:where(.group\/result-row):focus-within *), .group-focus-within\/row\:opacity-100:is(:where(.group\/row):focus-within *) {
opacity: 1;
}
.group-focus-within\/row-host\:pointer-events-auto:is(:where(.group\/row-host):focus-within *) {
pointer-events: auto;
}
.group-focus-within\/row-host\:invisible:is(:where(.group\/row-host):focus-within *) {
visibility: hidden;
}
.group-focus-within\/row-host\:pr-8:is(:where(.group\/row-host):focus-within *) {
padding-right: var(--spacing-8);
}
.group-focus-within\/row-host\:opacity-100:is(:where(.group\/row-host):focus-within *), .group-focus-within\/update-row\:opacity-100:is(:where(.group\/update-row):focus-within *) {
opacity: 1;
}
@media (hover: hover) {
.group-hover\:text-brand:is(:where(.group):hover *) {
color: var(--text-brand);
}
.group-hover\:text-default:is(:where(.group):hover *) {
color: var(--text-default);
}
.group-hover\:text-primary:is(:where(.group):hover *) {
color: var(--color-primary);
}
.group-hover\:text-secondary:is(:where(.group):hover *) {
color: var(--text-secondary);
}
.group-hover\:opacity-0:is(:where(.group):hover *) {
opacity: 0;
}
.group-hover\:opacity-50:is(:where(.group):hover *) {
opacity: .5;
}
.group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/att\:opacity-100:is(:where(.group\/att):hover *) {
opacity: 1;
}
.group-hover\/cell\:inline-flex:is(:where(.group\/cell):hover *) {
display: inline-flex;
}
.group-hover\/chip\:text-default:is(:where(.group\/chip):hover *) {
color: var(--text-default);
}
.group-hover\/chip\:text-icon-default:is(:where(.group\/chip):hover *) {
color: var(--icon-default);
}
.group-hover\/chip\:text-icon-secondary:is(:where(.group\/chip):hover *) {
color: var(--icon-secondary);
}
.not-aria-disabled\:group-hover\/chip\:opacity-100:not([aria-disabled="true"]):is(:where(.group\/chip):hover *) {
opacity: 1;
}
.not-aria-disabled\:group-hover\/chip\:duration-fast-enter:not([aria-disabled="true"]):is(:where(.group\/chip):hover *) {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.not-aria-disabled\:group-hover\/chip\:ease-fast-enter:not([aria-disabled="true"]):is(:where(.group\/chip):hover *) {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.group-hover\/comment\:pointer-events-auto:is(:where(.group\/comment):hover *) {
pointer-events: auto;
}
.group-hover\/comment\:ml-0:is(:where(.group\/comment):hover *) {
margin-left: var(--spacing-0);
}
.group-hover\/comment\:w-6:is(:where(.group\/comment):hover *) {
width: var(--spacing-6);
}
.group-hover\/comment\:w-12:is(:where(.group\/comment):hover *) {
width: var(--spacing-12);
}
.group-hover\/comment\:w-18:is(:where(.group\/comment):hover *) {
width: calc(var(--spacing) * 18);
}
.group-hover\/comment\:opacity-100:is(:where(.group\/comment):hover *), .group-hover\/dock\:opacity-100:is(:where(.group\/dock):hover *) {
opacity: 1;
}
.group-hover\/filter-chip\:text-icon-default:is(:where(.group\/filter-chip):hover *) {
color: var(--icon-default);
}
.group-hover\/filter-chip\:opacity-100:is(:where(.group\/filter-chip):hover *) {
opacity: 1;
}
.group-hover\/filter-chip\:duration-fast-enter:is(:where(.group\/filter-chip):hover *) {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.group-hover\/filter-chip\:ease-fast-enter:is(:where(.group\/filter-chip):hover *) {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.group-hover\/grip\:block:is(:where(.group\/grip):hover *) {
display: block;
}
.group-hover\/grip\:hidden:is(:where(.group\/grip):hover *) {
display: none;
}
.group-hover\/head\:opacity-100:is(:where(.group\/head):hover *) {
opacity: 1;
}
.group-hover\/header\:opacity-60:is(:where(.group\/header):hover *) {
opacity: .6;
}
.group-hover\/header\:opacity-100:is(:where(.group\/header):hover *), .group-hover\/header-row\:opacity-100:is(:where(.group\/header-row):hover *) {
opacity: 1;
}
.group-hover\/history\:bg-hover-strong:is(:where(.group\/history):hover *) {
background-color: var(--bg-hover-strong);
}
.group-hover\/history\:opacity-0:is(:where(.group\/history):hover *) {
opacity: 0;
}
.group-hover\/history\:opacity-100:is(:where(.group\/history):hover *), .group-hover\/issue-list-group\:opacity-100:is(:where(.group\/issue-list-group):hover *), .group-hover\/issue-selection\:opacity-100:is(:where(.group\/issue-selection):hover *), .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
opacity: 1;
}
.group-hover\/link\:underline:is(:where(.group\/link):hover *) {
text-decoration-line: underline;
}
.group-hover\/link\:opacity-100:is(:where(.group\/link):hover *) {
opacity: 1;
}
.group-hover\/mention\:underline:is(:where(.group\/mention):hover *) {
text-decoration-line: underline;
}
.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *), .group-hover\/panel\:opacity-100:is(:where(.group\/panel):hover *), .group-hover\/pdf\:opacity-100:is(:where(.group\/pdf):hover *) {
opacity: 1;
}
.group-hover\/property-row\:visible:is(:where(.group\/property-row):hover *) {
visibility: visible;
}
.group-hover\/radio\:bg-action-hover:is(:where(.group\/radio):hover *) {
background-color: var(--bg-action-hover);
}
.group-hover\/resize\:h-6:is(:where(.group\/resize):hover *) {
height: var(--spacing-6);
}
.group-hover\/resize\:bg-action:is(:where(.group\/resize):hover *) {
background-color: var(--bg-action);
}
.group-hover\/result-row\:opacity-100:is(:where(.group\/result-row):hover *) {
opacity: 1;
}
.group-hover\/row\:visible:is(:where(.group\/row):hover *) {
visibility: visible;
}
.group-hover\/row\:-translate-y-0\.5:is(:where(.group\/row):hover *) {
--tw-translate-y: calc(var(--spacing) * -.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\/row\:-rotate-8:is(:where(.group\/row):hover *) {
rotate: -8deg;
}
.group-hover\/row\:text-icon-default:is(:where(.group\/row):hover *) {
color: var(--icon-default);
}
.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
opacity: 1;
}
.group-hover\/row\:duration-fast-enter:is(:where(.group\/row):hover *) {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.group-hover\/row\:ease-fast-enter:is(:where(.group\/row):hover *) {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.group-hover\/row-host\:pointer-events-auto:is(:where(.group\/row-host):hover *) {
pointer-events: auto;
}
.group-hover\/row-host\:invisible:is(:where(.group\/row-host):hover *) {
visibility: hidden;
}
.group-hover\/row-host\:pr-8:is(:where(.group\/row-host):hover *) {
padding-right: var(--spacing-8);
}
.group-hover\/row-host\:text-default:is(:where(.group\/row-host):hover *) {
color: var(--text-default);
}
.group-hover\/row-host\:opacity-100:is(:where(.group\/row-host):hover *) {
opacity: 1;
}
.group-hover\/row-host\:not-data-\[active\]\:bg-hover:is(:where(.group\/row-host):hover *):not([data-active]) {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.group-hover\/send\:bg-action-hover:is(:where(.group\/send):hover *) {
background-color: var(--bg-action-hover);
}
.group-hover\/slack-link\:text-current:is(:where(.group\/slack-link):hover *) {
color: currentColor;
}
.group-hover\/slider\:bg-action-hover:is(:where(.group\/slider):hover *) {
background-color: var(--bg-action-hover);
}
.group-hover\/sort\:opacity-60:is(:where(.group\/sort):hover *) {
opacity: .6;
}
.group-hover\/step\:text-default:is(:where(.group\/step):hover *) {
color: var(--text-default);
}
.group-hover\/switch\:translate-x-0\.5:is(:where(.group\/switch):hover *) {
--tw-translate-x: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\/tab\:text-icon-default:is(:where(.group\/tab):hover *) {
color: var(--icon-default);
}
.group-hover\/teams-link\:text-current:is(:where(.group\/teams-link):hover *) {
color: currentColor;
}
.group-hover\/theme\:ring-strong:is(:where(.group\/theme):hover *) {
--tw-ring-color: var(--border-strong);
}
.group-hover\/thumb\:bg-action-hover:is(:where(.group\/thumb):hover *) {
background-color: var(--bg-action-hover);
}
.group-hover\/thumb\:shadow-md:is(:where(.group\/thumb):hover *) {
--tw-shadow: var(--shadow-md);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-hover\/update-row\:opacity-100:is(:where(.group\/update-row):hover *) {
opacity: 1;
}
}
.group-focus-visible\/att\:opacity-100:is(:where(.group\/att):focus-visible *) {
opacity: 1;
}
.group-focus-visible\/resize\:h-6:is(:where(.group\/resize):focus-visible *) {
height: var(--spacing-6);
}
.group-focus-visible\/resize\:bg-action:is(:where(.group\/resize):focus-visible *) {
background-color: var(--bg-action);
}
.group-focus-visible\/row\:-translate-y-0\.5:is(:where(.group\/row):focus-visible *) {
--tw-translate-y: calc(var(--spacing) * -.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-focus-visible\/row\:-rotate-8:is(:where(.group\/row):focus-visible *) {
rotate: -8deg;
}
.group-focus-visible\/row\:opacity-100:is(:where(.group\/row):focus-visible *) {
opacity: 1;
}
.group-focus-visible\/row\:duration-fast-enter:is(:where(.group\/row):focus-visible *) {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.group-focus-visible\/row\:ease-fast-enter:is(:where(.group\/row):focus-visible *) {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.group-focus-visible\/sort\:opacity-60:is(:where(.group\/sort):focus-visible *) {
opacity: .6;
}
.group-focus-visible\/tab\:text-icon-default:is(:where(.group\/tab):focus-visible *) {
color: var(--icon-default);
}
.group-active\/slider\:bg-action-hover:is(:where(.group\/slider):active *), .group-active\/slider\:group-focus\/thumb\:bg-action-hover:is(:where(.group\/slider):active *):is(:where(.group\/thumb):focus *) {
background-color: var(--bg-action-hover);
}
.group-active\/slider\:group-focus\/thumb\:shadow-md:is(:where(.group\/slider):active *):is(:where(.group\/thumb):focus *) {
--tw-shadow: var(--shadow-md);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-disabled\:text-icon-placeholder:is(:where(.group):disabled *) {
color: var(--icon-placeholder);
}
.group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
--tw-translate-y: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-has-data-\[slot\=item-description\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
align-self: flex-start;
}
.group-has-\[\:focus-visible\]\:opacity-100:is(:where(.group):has(:focus-visible) *) {
opacity: 1;
}
.group-has-\[\:focus-visible\]\/chip\:inline-flex:is(:where(.group\/chip):has(:focus-visible) *) {
display: inline-flex;
}
.not-aria-disabled\:group-has-\[\:focus-visible\]\/chip\:opacity-100:not([aria-disabled="true"]):is(:where(.group\/chip):has(:focus-visible) *) {
opacity: 1;
}
.not-aria-disabled\:group-has-\[\:focus-visible\]\/chip\:duration-fast-enter:not([aria-disabled="true"]):is(:where(.group\/chip):has(:focus-visible) *) {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.not-aria-disabled\:group-has-\[\:focus-visible\]\/chip\:ease-fast-enter:not([aria-disabled="true"]):is(:where(.group\/chip):has(:focus-visible) *) {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.group-has-\[\:focus-visible\]\/filter-chip\:opacity-100:is(:where(.group\/filter-chip):has(:focus-visible) *) {
opacity: 1;
}
.group-has-\[\:focus-visible\]\/filter-chip\:duration-fast-enter:is(:where(.group\/filter-chip):has(:focus-visible) *) {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.group-has-\[\:focus-visible\]\/filter-chip\:ease-fast-enter:is(:where(.group\/filter-chip):has(:focus-visible) *) {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.group-has-\[\:focus-visible\]\/message\:opacity-100:is(:where(.group\/message):has(:focus-visible) *) {
opacity: 1;
}
.group-has-\[\:focus-visible\]\/property-row\:visible:is(:where(.group\/property-row):has(:focus-visible) *) {
visibility: visible;
}
.group-has-\[\:focus-visible\]\/row\:opacity-100:is(:where(.group\/row):has(:focus-visible) *), .group-has-\[\[data-selected\=true\]\]\/result-row\:opacity-100:is(:where(.group\/result-row):has([data-selected="true"]) *) {
opacity: 1;
}
.group-has-\[\[data-slot\=dialog-header\]\]\/dialog-content\:hidden:is(:where(.group\/dialog-content):has([data-slot="dialog-header"]) *) {
display: none;
}
.group-has-\[\[data-slot\=list-row-control\]\:focus-visible\]\/row\:opacity-100:is(:where(.group\/row):has([data-slot="list-row-control"]:focus-visible) *), .group-has-\[\[data-state\=checked\]\]\:opacity-100:is(:where(.group):has([data-state="checked"]) *) {
opacity: 1;
}
.group-has-\[\[data-state\=checked\]\]\/theme\:ring-default:is(:where(.group\/theme):has([data-state="checked"]) *) {
--tw-ring-color: var(--border-default);
}
.group-has-\[\[data-state\=open\]\]\/history\:opacity-0:is(:where(.group\/history):has([data-state="open"]) *) {
opacity: 0;
}
.group-has-\[\[data-state\=open\]\]\/row\:opacity-100:is(:where(.group\/row):has([data-state="open"]) *) {
opacity: 1;
}
.group-has-\[input\[aria-invalid\=true\]\]\/otp\:border-danger:is(:where(.group\/otp):has(:is(input[aria-invalid="true"])) *) {
border-color: var(--border-danger);
}
.group-data-\[active\]\/head\:opacity-100:is(:where(.group\/head)[data-active] *) {
opacity: 1;
}
.group-data-\[active\]\/row\:text-icon-default:is(:where(.group\/row)[data-active] *) {
color: var(--icon-default);
}
.group-data-\[active\]\/row\:opacity-100:is(:where(.group\/row)[data-active] *) {
opacity: 1;
}
.group-data-\[disabled\]\/control-group\:opacity-50:is(:where(.group\/control-group)[data-disabled] *) {
opacity: .5;
}
.group-data-\[disabled\]\/field\:text-placeholder:is(:where(.group\/field)[data-disabled] *) {
color: var(--text-placeholder);
}
.group-data-\[more\]\:border-default:is(:where(.group)[data-more] *), .group-data-\[scrolled\]\:border-default:is(:where(.group)[data-scrolled] *) {
border-color: var(--border-default);
}
.group-data-\[selected\=true\]\:visible:is(:where(.group)[data-selected="true"] *) {
visibility: visible;
}
.group-data-\[selecting\]\/labels\:opacity-100:is(:where(.group\/labels)[data-selecting] *) {
opacity: 1;
}
.group-data-\[state\=active\]\/tab\:text-icon-default:is(:where(.group\/tab)[data-state="active"] *) {
color: var(--icon-default);
}
@media (hover: hover) {
.group-hover\/switch\:group-data-\[state\=checked\]\/switch\:-translate-x-0\.5:is(:where(.group\/switch):hover *):is(:where(.group\/switch)[data-state="checked"] *) {
--tw-translate-x: calc(var(--spacing) * -.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
rotate: 180deg;
}
.group-data-\[state\=open\]\:duration-base-enter:is(:where(.group)[data-state="open"] *) {
--tw-duration: var(--transition-duration-base-enter);
transition-duration: var(--transition-duration-base-enter);
}
.group-data-\[state\=open\]\:ease-base-enter:is(:where(.group)[data-state="open"] *) {
--tw-ease: var(--ease-base-enter);
transition-timing-function: var(--ease-base-enter);
}
.group-data-\[state\=open\]\/overflow\:rotate-180:is(:where(.group\/overflow)[data-state="open"] *) {
rotate: 180deg;
}
.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible ~ *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.peer-focus-visible\:ring-focus-keyboard:is(:where(.peer):focus-visible ~ *) {
--tw-ring-color: var(--border-focus-keyboard);
}
.peer-focus-visible\:ring-offset-2:is(:where(.peer):focus-visible ~ *) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
opacity: .5;
}
.first-letter\:uppercase:first-letter {
text-transform: uppercase;
}
.marker\:text-secondary ::marker {
color: var(--text-secondary);
}
.marker\:text-secondary::marker {
color: var(--text-secondary);
}
.marker\:text-secondary ::-webkit-details-marker {
color: var(--text-secondary);
}
.marker\:text-secondary::-webkit-details-marker {
color: var(--text-secondary);
}
.marker\:text-tertiary ::marker {
color: var(--text-tertiary);
}
.marker\:text-tertiary::marker {
color: var(--text-tertiary);
}
.marker\:text-tertiary ::-webkit-details-marker {
color: var(--text-tertiary);
}
.marker\:text-tertiary::-webkit-details-marker {
color: var(--text-tertiary);
}
.file\:border-0::file-selector-button {
border-style: var(--tw-border-style);
border-width: 0;
}
.file\:bg-transparent::file-selector-button {
background-color: #0000;
}
.file\:text-label-md::file-selector-button {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.placeholder\:font-normal::placeholder {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.placeholder\:text-muted-foreground::placeholder {
color: var(--color-muted-foreground);
}
.placeholder\:text-placeholder::placeholder {
color: var(--text-placeholder);
}
.placeholder\:text-secondary::placeholder {
color: var(--text-secondary);
}
.placeholder\:text-tertiary::placeholder {
color: var(--text-tertiary);
}
.placeholder\:text-zinc-500::placeholder {
color: var(--color-zinc-500);
}
.placeholder\:italic::placeholder {
font-style: italic;
}
.before\:absolute:before {
content: var(--tw-content);
position: absolute;
}
.before\:inset-y-0:before {
content: var(--tw-content);
inset-block: var(--spacing-0);
}
.before\:-right-1:before {
content: var(--tw-content);
right: calc(var(--spacing-1) * -1);
}
.before\:-left-1:before {
content: var(--tw-content);
left: calc(var(--spacing-1) * -1);
}
.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\:-inset-px:after {
content: var(--tw-content);
inset: -1px;
}
.after\:inset-0:after {
content: var(--tw-content);
inset: var(--spacing-0);
}
.after\:inset-x-0:after {
content: var(--tw-content);
inset-inline: var(--spacing-0);
}
.after\:inset-y-0:after {
content: var(--tw-content);
inset-block: var(--spacing-0);
}
.after\:top-full:after {
content: var(--tw-content);
top: 100%;
}
.after\:right-0\.75:after {
content: var(--tw-content);
right: calc(var(--spacing) * .75);
}
.after\:left-0\.75:after {
content: var(--tw-content);
left: calc(var(--spacing) * .75);
}
.after\:left-1\/2:after {
content: var(--tw-content);
left: 50%;
}
.after\:z-10:after {
content: var(--tw-content);
z-index: 10;
}
.after\:h-6:after {
content: var(--tw-content);
height: var(--spacing-6);
}
.after\:w-0\.5:after {
content: var(--tw-content);
width: calc(var(--spacing) * .5);
}
.after\:w-1:after {
content: var(--tw-content);
width: var(--spacing-1);
}
.after\:-translate-x-1\/2:after {
content: var(--tw-content);
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.after\:animate-countdown:after {
content: var(--tw-content);
animation: countdown var(--toast-duration) linear forwards;
}
.after\:rounded-\[inherit\]:after {
content: var(--tw-content);
border-radius: inherit;
}
.after\:rounded-lg:after {
content: var(--tw-content);
border-radius: var(--radius-lg);
}
.after\:rounded-md:after {
content: var(--tw-content);
border-radius: var(--radius-md);
}
.after\:bg-action:after {
content: var(--tw-content);
background-color: var(--bg-action);
}
.after\:bg-linear-to-b:after {
content: var(--tw-content);
--tw-gradient-position: to bottom;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.after\:bg-linear-to-b:after {
--tw-gradient-position: to bottom in oklab;
}
}
.after\:bg-linear-to-b:after {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.after\:from-\(--bg-surface\):after {
content: var(--tw-content);
--tw-gradient-from: var(--bg-surface);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.after\:to-transparent:after {
content: var(--tw-content);
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.after\:opacity-0:after {
content: var(--tw-content);
opacity: 0;
}
.after\:ring-offset-default:after {
content: var(--tw-content);
--tw-ring-offset-color: var(--ring-offset-default);
}
.after\:transition-colors:after {
content: var(--tw-content);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.after\:transition-opacity:after {
content: var(--tw-content);
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.after\:duration-fast-enter:after {
content: var(--tw-content);
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.after\:ease-fast-enter:after {
content: var(--tw-content);
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.after\:content-\[\'\'\]:after {
--tw-content: "";
content: var(--tw-content);
}
.after\:\[animation-play-state\:var\(--sonner-timer\,running\)\]:after {
content: var(--tw-content);
animation-play-state: var(--sonner-timer, running);
}
.after\:\[clip-path\:inset\(100\%\)\]:after {
content: var(--tw-content);
clip-path: inset(100%);
}
.group-data-\[expanded\=true\]\/sonner-item\:after\:\[animation-play-state\:paused\]:is(:where(.group\/sonner-item)[data-expanded="true"] *):after {
content: var(--tw-content);
animation-play-state: paused;
}
.first\:mt-0:first-child {
margin-top: var(--spacing-0);
}
.first\:border-t-0:first-child {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.first\:pt-0:first-child {
padding-top: var(--spacing-0);
}
.last\:border-0:last-child {
border-style: var(--tw-border-style);
border-width: 0;
}
.last\:border-r-0:last-child {
border-right-style: var(--tw-border-style);
border-right-width: 0;
}
.last\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.last\:pb-0:last-child {
padding-bottom: var(--spacing-0);
}
.read-only\:border-subtle:read-only {
border-color: var(--border-subtle);
}
.read-only\:bg-sunken:read-only {
background-color: var(--bg-sunken);
}
.empty\:hidden:empty {
display: none;
}
.empty\:before\:text-tertiary:empty:before {
content: var(--tw-content);
color: var(--text-tertiary);
}
.empty\:before\:italic:empty:before {
content: var(--tw-content);
font-style: italic;
}
.empty\:before\:content-\[attr\(data-placeholder\)\]:empty:before {
--tw-content: attr(data-placeholder);
content: var(--tw-content);
}
.focus-within\:z-10:focus-within {
z-index: 10;
}
.focus-within\:border-focus:focus-within {
border-color: var(--border-focus);
}
.focus-within\:border-primary\/40:focus-within {
border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-within\:border-primary\/40:focus-within {
border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.focus-within\:bg-hover:focus-within {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.focus-within\:bg-transparent:focus-within {
background-color: #0000;
}
.focus-within\:opacity-100:focus-within {
opacity: 1;
}
.focus-within\:ring-1:focus-within {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-2:focus-within {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-focus-keyboard:focus-within {
--tw-ring-color: var(--border-focus-keyboard);
}
.focus-within\:ring-primary\/40:focus-within {
--tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-within\:ring-primary\/40:focus-within {
--tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
@media (hover: hover) {
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:scale-110:hover {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:scale-\[1\.02\]:hover {
scale: 1.02;
}
.hover\:scrollbar-thumb-muted-foreground\/30:hover {
--tw-scrollbar-thumb: color-mix(in srgb, hsl(var(--muted-foreground)) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:scrollbar-thumb-muted-foreground\/30:hover {
--tw-scrollbar-thumb: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent);
}
}
.hover\:scrollbar-thumb-muted-foreground\/30:hover {
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
}
.hover\:border-\[hsl\(var\(--ui-blue\)\)\]\/50:hover {
border-color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-\[hsl\(var\(--ui-blue\)\)\]\/50:hover {
border-color: color-mix(in oklab, hsl(var(--ui-blue)) 50%, transparent);
}
}
.hover\:border-accent-foreground:hover {
border-color: var(--color-accent-foreground);
}
.hover\:border-action:hover {
border-color: var(--border-action);
}
.hover\:border-amber-500\/50:hover {
border-color: #f99c0080;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-amber-500\/50:hover {
border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
}
}
.hover\:border-border\/60:hover {
border-color: color-mix(in srgb, hsl(var(--border)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-border\/60:hover {
border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
}
}
.hover\:border-brand:hover {
border-color: var(--border-brand);
}
.hover\:border-danger:hover {
border-color: var(--border-danger);
}
.hover\:border-default:hover {
border-color: var(--border-default);
}
.hover\:border-gray-500:hover {
border-color: var(--color-gray-500);
}
.hover\:border-primary:hover {
border-color: var(--color-primary);
}
.hover\:border-primary\/40:hover {
border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/40:hover {
border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.hover\:border-primary\/50:hover {
border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/50:hover {
border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
}
.hover\:border-strong:hover {
border-color: var(--border-strong);
}
.hover\:border-subtle:hover {
border-color: var(--border-subtle);
}
.hover\:bg-\[\#B66B4D\]:hover {
background-color: #b66b4d;
}
.hover\:bg-\[hsl\(var\(--ui-blue\)\)\]\/10:hover {
background-color: hsl(var(--ui-blue));
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-\[hsl\(var\(--ui-blue\)\)\]\/10:hover {
background-color: color-mix(in oklab, hsl(var(--ui-blue)) 10%, transparent);
}
}
.hover\:bg-\[hsl\(var\(--ui-green\)\)\]\/10:hover {
background-color: hsl(var(--ui-green));
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-\[hsl\(var\(--ui-green\)\)\]\/10:hover {
background-color: color-mix(in oklab, hsl(var(--ui-green)) 10%, transparent);
}
}
.hover\:bg-\[hsl\(var\(--ui-orange\)\)\]\/10:hover {
background-color: hsl(var(--ui-orange));
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-\[hsl\(var\(--ui-orange\)\)\]\/10:hover {
background-color: color-mix(in oklab, hsl(var(--ui-orange)) 10%, transparent);
}
}
.hover\:bg-\[hsl\(var\(--ui-orange\)\)\]\/90:hover {
background-color: hsl(var(--ui-orange));
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-\[hsl\(var\(--ui-orange\)\)\]\/90:hover {
background-color: color-mix(in oklab, hsl(var(--ui-orange)) 90%, transparent);
}
}
.hover\:bg-\[hsl\(var\(--ui-yellow\)\)\]\/90:hover {
background-color: hsl(var(--ui-yellow));
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-\[hsl\(var\(--ui-yellow\)\)\]\/90:hover {
background-color: color-mix(in oklab, hsl(var(--ui-yellow)) 90%, transparent);
}
}
.hover\:bg-\[var\(--bg-ground-hover\,var\(--bg-hover\)\)\]:hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.hover\:bg-action-hover:hover {
background-color: var(--bg-action-hover);
}
.hover\:bg-amber-500:hover {
background-color: var(--color-amber-500);
}
.hover\:bg-amber-700:hover {
background-color: var(--color-amber-700);
}
.hover\:bg-background\!:hover {
background-color: var(--color-background) !important;
}
.hover\:bg-border-hairline:hover {
background-color: var(--border-hairline, var(--border-default));
}
.hover\:bg-border-strong:hover {
background-color: var(--border-strong);
}
.hover\:bg-brand:hover {
background-color: var(--bg-brand);
}
.hover\:bg-brand-dusty-rose:hover {
background-color: var(--color-brand-dusty-rose);
}
.hover\:bg-danger:hover {
background-color: var(--bg-danger);
}
.hover\:bg-danger-action-hover:hover {
background-color: var(--bg-danger-action-hover);
}
.hover\:bg-destructive\/10:hover {
background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/10:hover {
background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
}
}
.hover\:bg-destructive\/20:hover {
background-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/20:hover {
background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
}
}
.hover\:bg-foreground\/15:hover {
background-color: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-foreground\/15:hover {
background-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
}
}
.hover\:bg-foreground\/90:hover {
background-color: color-mix(in srgb, hsl(var(--foreground)) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-foreground\/90:hover {
background-color: color-mix(in oklab, var(--color-foreground) 90%, transparent);
}
}
.hover\:bg-gray-200:hover {
background-color: var(--color-gray-200);
}
.hover\:bg-gray-800:hover {
background-color: var(--color-gray-800);
}
.hover\:bg-hover:hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.hover\:bg-hover-raised:hover {
background-color: var(--bg-hover-raised);
}
.hover\:bg-hover-strong:hover {
background-color: var(--bg-hover-strong);
}
.hover\:bg-info:hover {
background-color: var(--bg-info);
}
.hover\:bg-muted:hover {
background-color: var(--color-muted);
}
.hover\:bg-muted\/40:hover {
background-color: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/40:hover {
background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
}
}
.hover\:bg-muted\/50:hover {
background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/50:hover {
background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
}
}
.hover\:bg-muted\/60:hover {
background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/60:hover {
background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
}
}
.hover\:bg-neutral:hover {
background-color: var(--bg-neutral);
}
.hover\:bg-primary\/10:hover {
background-color: color-mix(in srgb, hsl(var(--primary)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/10:hover {
background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
.hover\:bg-red-50:hover {
background-color: var(--color-red-50);
}
.hover\:bg-red-100:hover {
background-color: var(--color-red-100);
}
.hover\:bg-red-600:hover {
background-color: var(--color-red-600);
}
.hover\:bg-red-600\/40:hover {
background-color: #e4001466;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-600\/40:hover {
background-color: color-mix(in oklab, var(--color-red-600) 40%, transparent);
}
}
.hover\:bg-red-900\/20:hover {
background-color: #82181a33;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-900\/20:hover {
background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
}
}
.hover\:bg-selected:hover {
background-color: var(--bg-selected);
}
.hover\:bg-selected-strong:hover {
background-color: var(--bg-selected-strong);
}
.hover\:bg-subtle:hover {
background-color: var(--bg-subtle);
}
.hover\:bg-transparent:hover {
background-color: #0000;
}
.hover\:bg-ui-blue-light:hover {
background-color: var(--color-ui-blue-light);
}
.hover\:bg-white\/10:hover {
background-color: color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/10:hover {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.hover\:bg-white\/80:hover {
background-color: color-mix(in srgb, hsl(var(--foreground)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/80:hover {
background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.hover\:bg-zinc-700:hover {
background-color: var(--color-zinc-700);
}
.hover\:from-accent\/90:hover {
--tw-gradient-from: color-mix(in srgb, hsl(var(--accent)) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:from-accent\/90:hover {
--tw-gradient-from: color-mix(in oklab, var(--color-accent) 90%, transparent);
}
}
.hover\:from-accent\/90:hover {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-white\/4:hover {
--tw-gradient-from: color-mix(in srgb, hsl(var(--foreground)) 4%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:from-white\/4:hover {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 4%, transparent);
}
}
.hover\:from-white\/4:hover {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-accent\/80:hover {
--tw-gradient-to: color-mix(in srgb, hsl(var(--accent)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:to-accent\/80:hover {
--tw-gradient-to: color-mix(in oklab, var(--color-accent) 80%, transparent);
}
}
.hover\:to-accent\/80:hover {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:text-\[\#2b579a\]:hover {
color: #2b579a;
}
.hover\:text-\[hsl\(var\(--ui-blue\)\)\]:hover {
color: hsl(var(--ui-blue));
}
.hover\:text-\[hsl\(var\(--ui-orange\)\)\]:hover {
color: hsl(var(--ui-orange));
}
.hover\:text-accent:hover {
color: var(--color-accent);
}
.hover\:text-accent\/80:hover {
color: color-mix(in srgb, hsl(var(--accent)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-accent\/80:hover {
color: color-mix(in oklab, var(--color-accent) 80%, transparent);
}
}
.hover\:text-blue-600:hover {
color: var(--color-blue-600);
}
.hover\:text-blue-700:hover {
color: var(--color-blue-700);
}
.hover\:text-brand:hover {
color: var(--text-brand);
}
.hover\:text-danger:hover {
color: var(--text-danger);
}
.hover\:text-default:hover {
color: var(--text-default);
}
.hover\:text-destructive:hover {
color: var(--color-destructive);
}
.hover\:text-foreground:hover {
color: var(--color-foreground);
}
.hover\:text-gray-300:hover {
color: var(--color-gray-300);
}
.hover\:text-icon-danger:hover {
color: var(--icon-danger);
}
.hover\:text-icon-default:hover {
color: var(--icon-default);
}
.hover\:text-icon-on-action:hover {
color: var(--icon-on-action);
}
.hover\:text-info:hover {
color: var(--text-info);
}
.hover\:text-on-danger:hover {
color: var(--text-on-danger);
}
.hover\:text-on-info:hover {
color: var(--text-on-info);
}
.hover\:text-primary:hover {
color: var(--color-primary);
}
.hover\:text-primary\/80:hover {
color: color-mix(in srgb, hsl(var(--primary)) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-primary\/80:hover {
color: color-mix(in oklab, var(--color-primary) 80%, transparent);
}
}
.hover\:text-red-300:hover {
color: var(--color-red-300);
}
.hover\:text-red-500:hover {
color: var(--color-red-500);
}
.hover\:text-secondary:hover {
color: var(--text-secondary);
}
.hover\:text-zinc-400:hover {
color: var(--color-zinc-400);
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:underline-offset-2:hover {
text-underline-offset: 2px;
}
.hover\:opacity-80:hover {
opacity: .8;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:shadow-lg:hover {
--tw-shadow: var(--shadow-lg);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-md:hover {
--tw-shadow: var(--shadow-md);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
--tw-shadow: var(--shadow-sm);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
--tw-shadow: var(--shadow-xl);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-\(color\:--bg-brand-strong\)\/10:hover {
--tw-shadow-color: var(--bg-brand-strong);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-\(color\:--bg-brand-strong\)\/10:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--bg-brand-strong) 10%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.hover\:duration-fast-enter:hover {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.hover\:ease-fast-enter:hover {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.not-read-only\:hover\:bg-hover:not(:read-only):hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.not-has-\[input\:read-only\]\:hover\:bg-hover:not(:has(:is(input:read-only))):hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.not-focus-within\:not-has-\[input\[aria-invalid\=true\]\]\:not-has-\[input\:read-only\]\:hover\:border-strong:not(:focus-within):not(:has(:is(input[aria-invalid="true"]))):not(:has(:is(input:read-only))):hover {
border-color: var(--border-strong);
}
.not-read-only\:not-focus\:not-aria-invalid\:hover\:border-strong:not(:read-only):not(:focus):not([aria-invalid="true"]):hover {
border-color: var(--border-strong);
}
.not-data-disabled\:not-data-dragover\:hover\:bg-hover:not([data-disabled]):not([data-dragover]):hover, .not-data-selected\:not-data-static\:not-data-disabled\:hover\:bg-hover:not([data-selected]):not([data-static]):not([data-disabled]):hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.hover\:after\:bg-border-default:hover:after {
content: var(--tw-content);
background-color: var(--border-default);
}
}
.focus\:overflow-visible:focus {
overflow: visible;
}
.focus\:overflow-x-auto:focus {
overflow-x: auto;
}
.focus\:border-accent\/40:focus {
border-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-accent\/40:focus {
border-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
}
}
.focus\:border-amber-500\/40:focus {
border-color: #f99c0066;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-amber-500\/40:focus {
border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
.focus\:border-brand:focus {
border-color: var(--border-brand);
}
.focus\:border-focus:focus {
border-color: var(--border-focus);
}
.focus\:border-primary:focus {
border-color: var(--color-primary);
}
.focus\:border-ring:focus {
border-color: var(--color-ring);
}
.focus\:border-transparent:focus {
border-color: #0000;
}
.focus\:bg-background\!:focus {
background-color: var(--color-background) !important;
}
.focus\:bg-hover:focus {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.focus\:bg-transparent:focus {
background-color: #0000;
}
.focus\:break-all:focus {
word-break: break-all;
}
.focus\:text-clip:focus {
text-overflow: clip;
}
.focus\:whitespace-normal:focus {
white-space: normal;
}
.focus\:text-\[hsl\(var\(--ui-orange\)\)\]:focus {
color: hsl(var(--ui-orange));
}
.focus\:text-\[hsl\(var\(--ui-yellow\)\)\]:focus {
color: hsl(var(--ui-yellow));
}
.focus\:text-default:focus {
color: var(--text-default);
}
.focus\:ring-0:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-1:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-2:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-amber-500\/40:focus {
--tw-ring-color: #f99c0066;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-amber-500\/40:focus {
--tw-ring-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
.focus\:ring-danger:focus {
--tw-ring-color: var(--border-danger);
}
.focus\:ring-focus-keyboard:focus {
--tw-ring-color: var(--border-focus-keyboard);
}
.focus\:ring-primary\/40:focus {
--tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-primary\/40:focus {
--tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:not-sr-only:focus-visible {
clip-path: none;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible;
}
.focus-visible\:absolute:focus-visible {
position: absolute;
}
.focus-visible\:top-2:focus-visible {
top: var(--spacing-2);
}
.focus-visible\:left-2:focus-visible {
left: var(--spacing-2);
}
.focus-visible\:z-10:focus-visible {
z-index: 10;
}
.focus-visible\:rounded-md:focus-visible {
border-radius: var(--radius-md);
}
.focus-visible\:border-focus:focus-visible {
border-color: var(--border-focus);
}
.focus-visible\:border-focus-keyboard:focus-visible {
border-color: var(--border-focus-keyboard);
}
.focus-visible\:bg-raised:focus-visible {
background-color: var(--bg-raised);
}
:where(.focus-visible\:bg-raised:focus-visible > *) {
--border-hairline: var(--border-subtle);
--bg-inset: var(--bg-subtle);
--bg-ground: var(--bg-raised);
--bg-ground-hover: var(--bg-hover-raised);
}
.focus-visible\:px-2:focus-visible {
padding-inline: var(--spacing-2);
}
.focus-visible\:text-label-xs:focus-visible {
font-size: var(--font-size-xs);
line-height: var(--tw-leading, calc(14 / 11));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.focus-visible\:opacity-100:focus-visible {
opacity: 1;
}
.focus-visible\:shadow-md:focus-visible {
--tw-shadow: var(--shadow-md);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-0:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-1:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-2:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-2\!:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.focus-visible\:ring-\[3px\]:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:inset-ring-2:focus-visible {
--tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-focus-keyboard:focus-visible {
--tw-ring-color: var(--border-focus-keyboard);
}
.focus-visible\:ring-info:focus-visible {
--tw-ring-color: var(--border-info);
}
.focus-visible\:ring-primary\/40:focus-visible {
--tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:ring-primary\/40:focus-visible {
--tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.focus-visible\:inset-ring-focus-keyboard:focus-visible {
--tw-inset-ring-color: var(--border-focus-keyboard);
}
.focus-visible\:ring-offset-0:focus-visible {
--tw-ring-offset-width: 0px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-1:focus-visible {
--tw-ring-offset-width: 1px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-default:focus-visible {
--tw-ring-offset-color: var(--ring-offset-default);
}
.focus-visible\:outline-none:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:ring-inset:focus-visible {
--tw-ring-inset: inset;
}
:is(.\*\:focus-visible\:relative > *):focus-visible {
position: relative;
}
:is(.\*\:focus-visible\:z-10 > *):focus-visible {
z-index: 10;
}
.not-data-dragover\:focus-visible\:border-transparent:not([data-dragover]):focus-visible {
border-color: #0000;
}
.focus-visible\:after\:ring-2:focus-visible:after {
content: var(--tw-content);
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:after\:ring-focus-keyboard:focus-visible:after {
content: var(--tw-content);
--tw-ring-color: var(--border-focus-keyboard);
}
.focus-visible\:after\:ring-offset-2:focus-visible:after {
content: var(--tw-content);
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.active\:scale-95:active {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-\[0\.97\]:active {
scale: .97;
}
.active\:scale-\[0\.98\]:active {
scale: .98;
}
.active\:scale-\[0\.99\]:active {
scale: .99;
}
.active\:cursor-grabbing:active {
cursor: grabbing;
}
.active\:bg-foreground\/20:active {
background-color: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-foreground\/20:active {
background-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
}
}
.active\:after\:bg-border-default:active:after {
content: var(--tw-content);
background-color: var(--border-default);
}
.enabled\:cursor-pointer:enabled {
cursor: pointer;
}
@media (hover: hover) {
.enabled\:hover\:bg-hover-raised:enabled:hover {
background-color: var(--bg-hover-raised);
}
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:border-default:disabled {
border-color: var(--border-default);
}
.disabled\:bg-disabled:disabled {
background-color: var(--bg-disabled);
}
.disabled\:text-placeholder:disabled {
color: var(--text-placeholder);
}
.disabled\:opacity-30:disabled {
opacity: .3;
}
.disabled\:opacity-40:disabled {
opacity: .4;
}
.disabled\:opacity-50:disabled {
opacity: .5;
}
.disabled\:opacity-60:disabled {
opacity: .6;
}
.disabled\:opacity-70:disabled {
opacity: .7;
}
.disabled\:opacity-100:disabled {
opacity: 1;
}
:where(:is(li)) .in-\[li\]\:mt-1 {
margin-top: var(--spacing-1);
}
:where(:is(li)) .in-\[li\]\:mt-2 {
margin-top: var(--spacing-2);
}
.has-checked\:border-danger:has(:checked) {
border-color: var(--border-danger);
}
.has-checked\:border-selected:has(:checked) {
border-color: var(--border-selected);
}
.has-checked\:bg-danger:has(:checked) {
background-color: var(--bg-danger);
}
.has-checked\:bg-selected:has(:checked) {
background-color: var(--bg-selected);
}
.not-data-\[pointer\]\:has-focus-visible\:ring-2:not([data-pointer]):has(:focus-visible) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.not-data-\[pointer\]\:has-focus-visible\:ring-focus-keyboard:not([data-pointer]):has(:focus-visible) {
--tw-ring-color: var(--border-focus-keyboard);
}
.not-data-\[pointer\]\:has-focus-visible\:ring-offset-2:not([data-pointer]):has(:focus-visible) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.has-data-view-mark\:size-5:has([data-view-mark]) {
width: var(--spacing-5);
height: var(--spacing-5);
}
.has-data-\[state\=checked\]\:border-action:has([data-state="checked"]) {
border-color: var(--border-action);
}
.has-data-\[state\=checked\]\:bg-selected:has([data-state="checked"]) {
background-color: var(--bg-selected);
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
opacity: .5;
}
.has-\[\:focus-visible\]\:pointer-events-auto:has(:focus-visible) {
pointer-events: auto;
}
.has-\[\:focus-visible\]\:opacity-100:has(:focus-visible) {
opacity: 1;
}
.has-\[\:focus-visible\]\:ring-2:has(:focus-visible) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\:focus-visible\]\:ring-focus-keyboard:has(:focus-visible) {
--tw-ring-color: var(--border-focus-keyboard);
}
.has-\[\:focus-visible\]\:ring-offset-2:has(:focus-visible) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.has-\[\[aria-pressed\=true\]\]\:opacity-100:has([aria-pressed="true"]) {
opacity: 1;
}
.has-\[\[data-slot\=badge\]\]\:flex:has([data-slot="badge"]) {
display: flex;
}
.has-\[\[data-slot\=badge\]\]\:items-center:has([data-slot="badge"]) {
align-items: center;
}
.has-\[\[data-slot\=issue-list-row-link\]\:focus-visible\]\:inset-ring-2:has([data-slot="issue-list-row-link"]:focus-visible) {
--tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\[data-slot\=issue-list-row-link\]\:focus-visible\]\:inset-ring-focus-keyboard:has([data-slot="issue-list-row-link"]:focus-visible) {
--tw-inset-ring-color: var(--border-focus-keyboard);
}
.has-\[\[data-slot\=list-row-control\]\:focus-visible\]\:ring-2:has([data-slot="list-row-control"]:focus-visible) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\[data-slot\=list-row-control\]\:focus-visible\]\:ring-focus-keyboard:has([data-slot="list-row-control"]:focus-visible) {
--tw-ring-color: var(--border-focus-keyboard);
}
.has-\[\[data-slot\=list-row-control\]\:focus-visible\]\:ring-offset-0:has([data-slot="list-row-control"]:focus-visible) {
--tw-ring-offset-width: 0px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.has-\[\[data-slot\=list-row-control\]\:focus-visible\]\:ring-offset-2:has([data-slot="list-row-control"]:focus-visible) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.has-\[\[data-slot\=list-row-control\]\:focus-visible\]\:ring-inset:has([data-slot="list-row-control"]:focus-visible) {
--tw-ring-inset: inset;
}
.has-\[\[data-slot\=metric-card-control\]\:focus-visible\]\:ring-2:has([data-slot="metric-card-control"]:focus-visible) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\[data-slot\=metric-card-control\]\:focus-visible\]\:ring-focus-keyboard:has([data-slot="metric-card-control"]:focus-visible) {
--tw-ring-color: var(--border-focus-keyboard);
}
.has-\[\[data-slot\=metric-card-control\]\:focus-visible\]\:ring-offset-2:has([data-slot="metric-card-control"]:focus-visible) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.has-\[\[data-state\=checked\]\]\:inset-ring-2:has([data-state="checked"]) {
--tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\[data-state\=checked\]\]\:inset-ring-selected:has([data-state="checked"]) {
--tw-inset-ring-color: var(--border-selected);
}
@media (hover: hover) {
.has-\[\[data-state\=checked\]\]\:hover\:bg-transparent:has([data-state="checked"]):hover {
background-color: #0000;
}
}
.has-\[\[data-state\=open\]\]\:pointer-events-auto:has([data-state="open"]) {
pointer-events: auto;
}
.has-\[\[data-state\=open\]\]\:opacity-100:has([data-state="open"]) {
opacity: 1;
}
.has-\[button\:focus-visible\]\:border-strong:has(:is(button:focus-visible)) {
border-color: var(--border-strong);
}
.has-\[button\:hover\]\:border-strong:has(:is(button:hover)) {
border-color: var(--border-strong);
}
.has-\[input\:disabled\]\:pointer-events-none:has(:is(input:disabled)) {
pointer-events: none;
}
.has-\[input\:disabled\]\:border-default:has(:is(input:disabled)) {
border-color: var(--border-default);
}
.has-\[input\:disabled\]\:bg-disabled:has(:is(input:disabled)) {
background-color: var(--bg-disabled);
}
.has-\[input\:disabled\]\:text-placeholder:has(:is(input:disabled)) {
color: var(--text-placeholder);
}
.has-\[input\:read-only\]\:not-has-\[input\:disabled\]\:bg-sunken:has(:is(input:read-only)):not(:has(:is(input:disabled))) {
background-color: var(--bg-sunken);
}
.has-\[input\:read-only\]\:not-has-\[input\:disabled\]\:not-focus-within\:not-has-\[input\[aria-invalid\=true\]\]\:border-subtle:has(:is(input:read-only)):not(:has(:is(input:disabled))):not(:focus-within):not(:has(:is(input[aria-invalid="true"]))) {
border-color: var(--border-subtle);
}
.has-\[input\[aria-invalid\=true\]\]\:border-danger:has(:is(input[aria-invalid="true"])) {
border-color: var(--border-danger);
}
.has-\[table\:focus-visible\]\:ring-2:has(:is(table:focus-visible)) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[table\:focus-visible\]\:ring-focus-keyboard:has(:is(table:focus-visible)) {
--tw-ring-color: var(--border-focus-keyboard);
}
.has-\[table\:focus-visible\]\:ring-offset-2:has(:is(table:focus-visible)) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
gap: var(--spacing-2);
}
.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
gap: var(--spacing-3);
}
.has-\[\>\[data-slot\=field-set\]\]\:gap-6:has( > [data-slot="field-set"]) {
gap: var(--spacing-6);
}
.has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
width: 100%;
}
.has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
flex-direction: column;
}
.has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
border-radius: var(--radius-md);
}
.has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
border-style: var(--tw-border-style);
border-width: 1px;
}
.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
gap: var(--spacing-3);
}
.has-\[\>\[data-state\=closed\]\]\:animate-out:has( > [data-state="closed"]) {
animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.has-\[\>\[data-state\=closed\]\]\:duration-surface-exit:has( > [data-state="closed"]) {
--tw-duration: var(--transition-duration-surface-exit);
transition-duration: var(--transition-duration-surface-exit);
}
.has-\[\>\[data-toggle\]\]\:gap-0:has( > [data-toggle]) {
gap: var(--spacing-0);
}
.has-\[\>button\]\:-mr-1:has( > button) {
margin-right: calc(var(--spacing-1) * -1);
}
.has-\[\>button\]\:-mr-1\.25:has( > button) {
margin-right: calc(var(--spacing) * -1.25);
}
.has-\[\>button\]\:-ml-0\.5:has( > button) {
margin-left: calc(var(--spacing) * -.5);
}
.has-\[\>button\]\:-ml-2:has( > button) {
margin-left: calc(var(--spacing-2) * -1);
}
.has-\[\>kbd\]\:-mr-0\.5:has( > kbd) {
margin-right: calc(var(--spacing) * -.5);
}
.has-\[\>kbd\]\:-mr-1:has( > kbd) {
margin-right: calc(var(--spacing-1) * -1);
}
.has-\[\>svg\]\:-mr-0\.5:has( > svg) {
margin-right: calc(var(--spacing) * -.5);
}
.has-\[\>svg\]\:-mr-1:has( > svg) {
margin-right: calc(var(--spacing-1) * -1);
}
.has-\[\>svg\]\:-ml-0\.5:has( > svg) {
margin-left: calc(var(--spacing) * -.5);
}
.has-\[\>svg\]\:-ml-2:has( > svg) {
margin-left: calc(var(--spacing-2) * -1);
}
.has-\[\>table\:focus-visible\]\:after\:ring-2:has( > table:focus-visible):after {
content: var(--tw-content);
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\>table\:focus-visible\]\:after\:ring-focus-keyboard:has( > table:focus-visible):after {
content: var(--tw-content);
--tw-ring-color: var(--border-focus-keyboard);
}
.has-\[\>table\:focus-visible\]\:after\:ring-inset:has( > table:focus-visible):after {
content: var(--tw-content);
--tw-ring-inset: inset;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
pointer-events: none;
}
.aria-disabled\:cursor-default[aria-disabled="true"] {
cursor: default;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
opacity: .5;
}
@media (hover: hover) {
.aria-disabled\:hover\:bg-action[aria-disabled="true"]:hover {
background-color: var(--bg-action);
}
.aria-disabled\:hover\:text-icon-tertiary[aria-disabled="true"]:hover {
color: var(--icon-tertiary);
}
}
.aria-invalid\:border-danger[aria-invalid="true"] {
border-color: var(--border-danger);
}
.aria-readonly\:not-disabled\:bg-sunken[aria-readonly="true"]:not(:disabled) {
background-color: var(--bg-sunken);
}
.aria-readonly\:not-disabled\:not-focus\:not-aria-invalid\:border-subtle[aria-readonly="true"]:not(:disabled):not(:focus):not([aria-invalid="true"]) {
border-color: var(--border-subtle);
}
.aria-selected\:bg-selected[aria-selected="true"] {
background-color: var(--bg-selected);
}
.not-data-selected\:data-active\:bg-hover:not([data-selected])[data-active] {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-disabled\:text-secondary[data-disabled] {
color: var(--text-secondary);
}
.data-disabled\:opacity-100[data-disabled] {
opacity: 1;
}
.data-disabled\:not-data-\[disabled\=false\]\:pointer-events-none[data-disabled]:not([data-disabled="false"]) {
pointer-events: none;
}
.data-disabled\:not-data-\[disabled\=false\]\:opacity-50[data-disabled]:not([data-disabled="false"]) {
opacity: .5;
}
.data-dragover\:border-solid[data-dragover] {
--tw-border-style: solid;
border-style: solid;
}
.data-dragover\:border-brand[data-dragover] {
border-color: var(--border-brand);
}
.data-dragover\:bg-brand[data-dragover] {
background-color: var(--bg-brand);
}
.data-highlighted\:bg-background\![data-highlighted] {
background-color: var(--color-background) !important;
}
.data-highlighted\:bg-danger[data-highlighted] {
background-color: var(--bg-danger);
}
.data-highlighted\:bg-hover[data-highlighted] {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-highlighted\:text-default[data-highlighted] {
color: var(--text-default);
}
.data-highlighted\:text-on-danger[data-highlighted] {
color: var(--text-on-danger);
}
.data-keyboard\:ring-2[data-keyboard] {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-keyboard\:ring-focus-keyboard[data-keyboard] {
--tw-ring-color: var(--border-focus-keyboard);
}
.data-out\:sr-only[data-out] {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.data-pinned\:after\:opacity-100[data-pinned]:after {
content: var(--tw-content);
opacity: 1;
}
.data-scroll-down\:scroll-pb-6[data-scroll-down] {
scroll-padding-bottom: var(--spacing-6);
}
.data-scroll-up\:scroll-pt-6[data-scroll-up] {
scroll-padding-top: var(--spacing-6);
}
.data-selected\:bg-selected[data-selected] {
background-color: var(--bg-selected);
}
.data-\[active\]\:bg-hover[data-active] {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-\[active\]\:bg-selected[data-active] {
background-color: var(--bg-selected);
}
.data-\[active\]\:bg-transparent[data-active] {
background-color: #0000;
}
.data-\[active\]\:text-default[data-active] {
color: var(--text-default);
}
@media (hover: hover) {
.data-\[active\]\:hover\:bg-hover[data-active]:hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
}
.data-\[focus-source\=keyboard\]\:has-\[textarea\:focus\]\:ring-2[data-focus-source="keyboard"]:has(:is(textarea:focus)) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[focus-source\=keyboard\]\:has-\[textarea\:focus\]\:ring-focus-keyboard[data-focus-source="keyboard"]:has(:is(textarea:focus)) {
--tw-ring-color: var(--border-focus-keyboard);
}
.data-\[focus-source\=keyboard\]\:has-\[textarea\:focus\]\:ring-inset[data-focus-source="keyboard"]:has(:is(textarea:focus)) {
--tw-ring-inset: inset;
}
.data-\[focused\=true\]\:inset-ring-1[data-focused="true"] {
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[full-bleed\]\:overflow-visible[data-full-bleed] {
overflow: visible;
}
.data-\[full-bleed\]\:rounded-none[data-full-bleed] {
border-radius: 0;
}
.data-\[full-bleed\]\:bg-transparent[data-full-bleed] {
background-color: #0000;
}
.data-\[full-bleed\]\:shadow-none[data-full-bleed] {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[icon-only\]\:min-w-6[data-icon-only] {
min-width: var(--spacing-6);
}
.data-\[icon-only\]\:min-w-8[data-icon-only] {
min-width: var(--spacing-8);
}
.data-\[icon-only\]\:min-w-10[data-icon-only] {
min-width: var(--spacing-10);
}
.data-\[icon-only\]\:px-0[data-icon-only] {
padding-inline: var(--spacing-0);
}
.data-\[invalid\]\:border-danger[data-invalid] {
border-color: var(--border-danger);
}
.data-\[mode\=collapsed\]\:w-12[data-mode="collapsed"] {
width: var(--spacing-12);
}
.data-\[mode\=docked\]\:pt-2[data-mode="docked"] {
padding-top: var(--spacing-2);
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
--tw-enter-translate-x: calc(52*var(--spacing));
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
--tw-enter-translate-x: calc(52*var(--spacing)*-1);
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
--tw-exit-translate-x: calc(52*var(--spacing));
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
--tw-exit-translate-x: calc(52*var(--spacing)*-1);
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
--tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
--tw-exit-opacity: 0;
}
.data-\[orientation\=horizontal\]\:flex[data-orientation="horizontal"] {
display: flex;
}
.data-\[orientation\=horizontal\]\:flex-wrap[data-orientation="horizontal"] {
flex-wrap: wrap;
}
.data-\[orientation\=horizontal\]\:gap-6[data-orientation="horizontal"] {
gap: var(--spacing-6);
}
.data-\[orientation\=horizontal\]\:gap-y-2[data-orientation="horizontal"] {
row-gap: var(--spacing-2);
}
.data-\[orientation\=vertical\]\:max-w-none[data-orientation="vertical"] {
max-width: none;
}
.data-\[orientation\=vertical\]\:min-w-max[data-orientation="vertical"] {
min-width: max-content;
}
.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
flex-direction: column;
}
.data-\[orientation\=vertical\]\:items-stretch[data-orientation="vertical"] {
align-items: stretch;
}
.data-\[orientation\=vertical\]\:justify-start[data-orientation="vertical"] {
justify-content: flex-start;
}
.data-\[orientation\=vertical\]\:overflow-visible[data-orientation="vertical"] {
overflow: visible;
}
.data-\[outside\=true\]\:text-tertiary[data-outside="true"] {
color: var(--text-tertiary);
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
height: 1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
flex-direction: column;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
left: var(--spacing-0);
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
height: var(--spacing-1);
}
.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-x-0[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
--tw-translate-x: var(--spacing-0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[placed\]\:transition-transform[data-placed] {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.data-\[placed\]\:duration-fast-enter[data-placed] {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.data-\[placed\]\:ease-fast-enter[data-placed] {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
.data-\[placeholder\]\:text-placeholder[data-placeholder] {
color: var(--text-placeholder);
}
.data-\[range-end\=true\]\:rounded-l-none[data-range-end="true"] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
border-radius: 0;
}
.data-\[range-middle\=true\]\:bg-selected[data-range-middle="true"] {
background-color: var(--bg-selected);
}
.data-\[range-middle\=true\]\:text-default[data-range-middle="true"] {
color: var(--text-default);
}
.data-\[range-start\=true\]\:rounded-r-none[data-range-start="true"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.data-\[scrolled\]\:border-default[data-scrolled] {
border-color: var(--border-default);
}
.data-\[scrolled\]\:border-transparent[data-scrolled] {
border-color: #0000;
}
.data-\[selected\=true\]\:bg-action[data-selected="true"] {
background-color: var(--bg-action);
}
.data-\[selected\=true\]\:bg-danger[data-selected="true"] {
background-color: var(--bg-danger);
}
.data-\[selected\=true\]\:bg-hover[data-selected="true"] {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-\[selected\=true\]\:text-on-action[data-selected="true"] {
color: var(--text-on-action);
}
.data-\[selected\=true\]\:text-on-danger[data-selected="true"] {
color: var(--text-on-danger);
}
.data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
gap: var(--spacing-3);
}
:is(.\*\:data-\[slot\=chip\]\:min-w-0 > *)[data-slot="chip"], :is(.\*\*\:data-\[slot\=chip\]\:min-w-0 *)[data-slot="chip"] {
min-width: var(--spacing-0);
}
:is(.\*\:data-\[slot\=field\]\:p-4 > *)[data-slot="field"] {
padding: var(--spacing-4);
}
:is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"] {
gap: var(--spacing-4);
}
.data-\[stacked\=true\]\:flex-col-reverse[data-stacked="true"] {
flex-direction: column-reverse;
}
.data-\[stacked\=true\]\:items-stretch[data-stacked="true"] {
align-items: stretch;
}
:is(.data-\[stacked\=true\]\:\*\:py-1[data-stacked="true"] > *) {
padding-block: var(--spacing-1);
}
:is(.data-\[stacked\=true\]\:\*\:text-center[data-stacked="true"] > *) {
text-align: center;
}
:is(.data-\[stacked\=true\]\:\*\:whitespace-normal[data-stacked="true"] > *) {
white-space: normal;
}
.data-\[state\=active\]\:bg-selected[data-state="active"] {
background-color: var(--bg-selected);
}
.data-\[state\=active\]\:text-default[data-state="active"] {
color: var(--text-default);
}
.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
--tw-translate-x: var(--spacing-4);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:border-action[data-state="checked"] {
border-color: var(--border-action);
}
.data-\[state\=checked\]\:border-transparent[data-state="checked"] {
border-color: #0000;
}
.data-\[state\=checked\]\:bg-action[data-state="checked"] {
background-color: var(--bg-action);
}
.data-\[state\=checked\]\:text-on-action[data-state="checked"] {
color: var(--text-on-action);
}
.data-\[state\=checked\]\:opacity-100[data-state="checked"] {
opacity: 1;
}
@media (hover: hover) {
.data-\[state\=checked\]\:hover\:bg-raised[data-state="checked"]:hover {
background-color: var(--bg-raised);
}
:where(.data-\[state\=checked\]\:hover\:bg-raised[data-state="checked"]:hover > *) {
--border-hairline: var(--border-subtle);
--bg-inset: var(--bg-subtle);
--bg-ground: var(--bg-raised);
--bg-ground-hover: var(--bg-hover-raised);
}
.data-\[state\=checked\]\:hover\:bg-action-hover[data-state="checked"]:hover {
background-color: var(--bg-action-hover);
}
}
.data-\[state\=closed\]\:animate-\[sds-collapsible-up_var\(--motion-glide-exit\)_forwards\][data-state="closed"] {
animation: sds-collapsible-up var(--motion-glide-exit) forwards;
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
animation: var(--animate-accordion-up);
}
.data-\[state\=closed\]\:animate-collapsible-up[data-state="closed"] {
animation: var(--animate-collapsible-up);
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[state\=closed\]\:duration-base-exit[data-state="closed"] {
--tw-duration: var(--transition-duration-base-exit);
transition-duration: var(--transition-duration-base-exit);
}
.data-\[state\=closed\]\:duration-surface-exit[data-state="closed"] {
--tw-duration: var(--transition-duration-surface-exit);
transition-duration: var(--transition-duration-surface-exit);
}
.data-\[state\=closed\]\:ease-base-exit[data-state="closed"] {
--tw-ease: var(--ease-base-exit);
transition-timing-function: var(--ease-base-exit);
}
.data-\[state\=closed\]\:ease-surface-exit[data-state="closed"] {
--tw-ease: var(--ease-surface-exit);
transition-timing-function: var(--ease-surface-exit);
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
--tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
--tw-exit-scale: .95;
}
.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
--tw-exit-opacity: 0;
}
@media (hover: hover) {
.data-\[state\=inactive\]\:hover\:bg-hover[data-state="inactive"]:hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-\[state\=inactive\]\:hover\:text-default[data-state="inactive"]:hover {
color: var(--text-default);
}
}
.data-\[state\=inactive\]\:focus-visible\:bg-hover[data-state="inactive"]:focus-visible {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-\[state\=inactive\]\:focus-visible\:text-default[data-state="inactive"]:focus-visible {
color: var(--text-default);
}
.data-\[state\=indeterminate\]\:border-transparent[data-state="indeterminate"] {
border-color: #0000;
}
.data-\[state\=indeterminate\]\:bg-action[data-state="indeterminate"] {
background-color: var(--bg-action);
}
@media (hover: hover) {
.data-\[state\=indeterminate\]\:hover\:bg-action-hover[data-state="indeterminate"]:hover {
background-color: var(--bg-action-hover);
}
}
.data-\[state\=on\]\:bg-selected[data-state="on"] {
background-color: var(--bg-selected);
}
.group-data-\[indicator\]\/toggle-group\:data-\[state\=on\]\:bg-transparent:is(:where(.group\/toggle-group)[data-indicator] *)[data-state="on"] {
background-color: #0000;
}
@media (hover: hover) {
.data-\[state\=on\]\:hover\:bg-selected-strong[data-state="on"]:hover {
background-color: var(--bg-selected-strong);
}
}
.data-\[state\=open\]\:animate-\[sds-collapsible-down_var\(--motion-glide-enter\)\][data-state="open"] {
animation: sds-collapsible-down var(--motion-glide-enter);
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
animation: var(--animate-accordion-down);
}
.data-\[state\=open\]\:animate-collapsible-down[data-state="open"] {
animation: var(--animate-collapsible-down);
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[state\=open\]\:border-focus[data-state="open"] {
border-color: var(--border-focus);
}
.data-\[state\=open\]\:bg-action-hover[data-state="open"] {
background-color: var(--bg-action-hover);
}
.data-\[state\=open\]\:bg-hover[data-state="open"] {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-\[state\=open\]\:bg-hover-strong[data-state="open"] {
background-color: var(--bg-hover-strong);
}
.data-\[state\=open\]\:bg-selected[data-state="open"] {
background-color: var(--bg-selected);
}
.data-\[state\=open\]\:bg-sunken[data-state="open"] {
background-color: var(--bg-sunken);
}
.data-\[state\=open\]\:text-default[data-state="open"] {
color: var(--text-default);
}
.data-\[state\=open\]\:text-icon-default[data-state="open"] {
color: var(--icon-default);
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
opacity: 1;
}
.data-\[state\=open\]\:duration-base-enter[data-state="open"] {
--tw-duration: var(--transition-duration-base-enter);
transition-duration: var(--transition-duration-base-enter);
}
.data-\[state\=open\]\:duration-surface-enter[data-state="open"] {
--tw-duration: var(--transition-duration-surface-enter);
transition-duration: var(--transition-duration-surface-enter);
}
.data-\[state\=open\]\:ease-base-enter[data-state="open"] {
--tw-ease: var(--ease-base-enter);
transition-timing-function: var(--ease-base-enter);
}
.data-\[state\=open\]\:ease-surface-enter[data-state="open"] {
--tw-ease: var(--ease-surface-enter);
transition-timing-function: var(--ease-surface-enter);
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
--tw-enter-opacity: 0;
}
.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;
}
.aria-invalid\:data-\[state\=open\]\:border-danger[aria-invalid="true"][data-state="open"], .data-\[invalid\]\:data-\[state\=open\]\:border-danger[data-invalid][data-state="open"] {
border-color: var(--border-danger);
}
.data-\[state\=selected\]\:bg-selected[data-state="selected"], .data-\[active\]\:data-\[state\=selected\]\:bg-selected[data-active][data-state="selected"] {
background-color: var(--bg-selected);
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
--tw-translate-x: var(--spacing-0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=unchecked\]\:duration-fast-exit[data-state="unchecked"] {
--tw-duration: var(--transition-duration-fast-exit);
transition-duration: var(--transition-duration-fast-exit);
}
.data-\[state\=unchecked\]\:ease-fast-exit[data-state="unchecked"] {
--tw-ease: var(--ease-fast-exit);
transition-timing-function: var(--ease-fast-exit);
}
@media (hover: hover) {
.data-\[state\=unchecked\]\:hover\:bg-hover[data-state="unchecked"]:hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.data-\[state\=unchecked\]\:hover\:duration-fast-enter[data-state="unchecked"]:hover {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
.data-\[state\=unchecked\]\:hover\:ease-fast-enter[data-state="unchecked"]:hover {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
}
.data-\[state\=visible\]\:animate-in[data-state="visible"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[state\=visible\]\:fade-in[data-state="visible"] {
--tw-enter-opacity: 0;
}
.data-\[today\=true\]\:after\:absolute[data-today="true"]:after {
content: var(--tw-content);
position: absolute;
}
.data-\[today\=true\]\:after\:bottom-\[3px\][data-today="true"]:after {
content: var(--tw-content);
bottom: 3px;
}
.data-\[today\=true\]\:after\:left-1\/2[data-today="true"]:after {
content: var(--tw-content);
left: 50%;
}
.data-\[today\=true\]\:after\:size-1[data-today="true"]:after {
content: var(--tw-content);
width: var(--spacing-1);
height: var(--spacing-1);
}
.data-\[today\=true\]\:after\:-translate-x-1\/2[data-today="true"]:after {
content: var(--tw-content);
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[today\=true\]\:after\:rounded-full[data-today="true"]:after {
content: var(--tw-content);
border-radius: 3.40282e38px;
}
.data-\[today\=true\]\:after\:bg-action[data-today="true"]:after {
content: var(--tw-content);
background-color: var(--bg-action);
}
.data-\[today\=true\]\:data-\[selected\=true\]\:after\:bg-current[data-today="true"][data-selected="true"]:after {
content: var(--tw-content);
background-color: currentColor;
}
.data-\[today\=true\]\:data-\[selected\=true\]\:after\:text-icon-on-action[data-today="true"][data-selected="true"]:after {
content: var(--tw-content);
color: var(--icon-on-action);
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:bg-none {
background-image: none;
}
.motion-reduce\:text-secondary {
color: var(--text-secondary);
}
.motion-reduce\:transition-none {
transition-property: none;
}
}
@media not (min-width: 48rem) {
.max-md\:hidden {
display: none;
}
.max-md\:max-h-\[60dvh\] {
max-height: 60dvh;
}
}
@media not (min-width: 40rem) {
.max-sm\:hidden {
display: none;
}
.max-sm\:w-\[calc\(100vw-32px\)\] {
width: calc(100vw - 32px);
}
}
@media (min-width: 40rem) {
.sm\:inset-4 {
inset: var(--spacing-4);
}
.sm\:inset-auto {
inset: auto;
}
.sm\:top-\[calc\(var\(--content-container-top\,0px\)\+0\.5rem\)\] {
top: calc(var(--content-container-top, 0px) + .5rem);
}
.sm\:top-\[var\(--content-container-top\,0px\)\] {
top: var(--content-container-top, 0px);
}
.sm\:right-\[calc\(var\(--content-container-right\,0px\)\+0\.5rem\)\] {
right: calc(var(--content-container-right, 0px) + .5rem);
}
.sm\:right-\[var\(--content-container-right\,0px\)\] {
right: var(--content-container-right, 0px);
}
.sm\:right-auto {
right: auto;
}
.sm\:bottom-\[calc\(var\(--content-container-bottom\,0px\)\+0\.5rem\)\] {
bottom: calc(var(--content-container-bottom, 0px) + .5rem);
}
.sm\:bottom-\[var\(--content-container-bottom\,0px\)\] {
bottom: var(--content-container-bottom, 0px);
}
.sm\:left-\[calc\(var\(--content-container-left\,0px\)\+0\.5rem\)\] {
left: calc(var(--content-container-left, 0px) + .5rem);
}
.sm\:left-\[var\(--content-container-left\,0px\)\] {
left: var(--content-container-left, 0px);
}
.sm\:order-1 {
order: 1;
}
.sm\:order-2 {
order: 2;
}
.sm\:col-span-3 {
grid-column: span 3 / span 3;
}
.sm\:mt-5 {
margin-top: var(--spacing-5);
}
.sm\:mr-auto {
margin-right: auto;
}
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:inline {
display: inline;
}
.sm\:inline-flex {
display: inline-flex;
}
.sm\:h-80 {
height: calc(var(--spacing) * 80);
}
.sm\:h-\[65vh\] {
height: 65vh;
}
.sm\:w-72 {
width: calc(var(--spacing) * 72);
}
.sm\:w-100 {
width: calc(var(--spacing) * 100);
}
.sm\:w-140 {
width: calc(var(--spacing) * 140);
}
.sm\:w-160 {
width: calc(var(--spacing) * 160);
}
.sm\:w-\[200px\] {
width: 200px;
}
.sm\:w-\[220px\] {
width: 220px;
}
.sm\:w-\[240px\] {
width: 240px;
}
.sm\:w-\[min\(42rem\,45\%\)\] {
width: min(42rem, 45%);
}
.sm\:w-auto {
width: auto;
}
.sm\:max-w-3xl {
max-width: var(--container-3xl);
}
.sm\:max-w-5xl {
max-width: var(--container-5xl);
}
.sm\:max-w-64 {
max-width: calc(var(--spacing) * 64);
}
.sm\:max-w-\[900px\] {
max-width: 900px;
}
.sm\:max-w-\[calc\(var\(--content-container-width\,100vw\)-1rem\)\] {
max-width: calc(var(--content-container-width, 100vw) - 1rem);
}
.sm\:max-w-\[var\(--content-container-width\,100vw\)\] {
max-width: var(--content-container-width, 100vw);
}
.sm\:max-w-md {
max-width: var(--container-md);
}
.sm\:max-w-none {
max-width: none;
}
.sm\:min-w-40 {
min-width: calc(var(--spacing) * 40);
}
.sm\:shrink-0 {
flex-shrink: 0;
}
.sm\:basis-full {
flex-basis: 100%;
}
.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-\[8rem_minmax\(0\,1fr\)_auto\] {
grid-template-columns: 8rem minmax(0, 1fr) auto;
}
.sm\:grid-cols-\[minmax\(0\,1fr\)_200px\] {
grid-template-columns: minmax(0, 1fr) 200px;
}
.sm\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
grid-template-columns: minmax(0, 1fr) 220px;
}
.sm\:grid-cols-\[minmax\(0\,1fr\)_240px\] {
grid-template-columns: minmax(0, 1fr) 240px;
}
.sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.35fr\)_auto\] {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) auto;
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-wrap {
flex-wrap: wrap;
}
.sm\:items-center {
align-items: center;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.sm\:gap-2 {
gap: var(--spacing-2);
}
.sm\:gap-3 {
gap: var(--spacing-3);
}
.sm\:gap-4 {
gap: var(--spacing-4);
}
:where(.sm\:space-x-0 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-0) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:self-start {
align-self: flex-start;
}
.sm\:rounded-xl {
border-radius: var(--radius-xl);
}
.sm\:p-10 {
padding: var(--spacing-10);
}
.sm\:px-6 {
padding-inline: var(--spacing-6);
}
.sm\:px-8 {
padding-inline: var(--spacing-8);
}
.sm\:px-9 {
padding-inline: calc(var(--spacing) * 9);
}
.sm\:px-16 {
padding-inline: var(--spacing-16);
}
.sm\:py-8 {
padding-block: var(--spacing-8);
}
.sm\:py-9 {
padding-block: calc(var(--spacing) * 9);
}
.sm\:py-16 {
padding-block: var(--spacing-16);
}
.sm\:pl-6 {
padding-left: var(--spacing-6);
}
.sm\:text-4xl {
font-size: var(--font-size-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:absolute {
position: absolute;
}
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:table-cell {
display: table-cell;
}
.md\:h-\[70vh\] {
height: 70vh;
}
.md\:w-\(--radix-navigation-menu-viewport-width\) {
width: var(--radix-navigation-menu-viewport-width);
}
.md\:w-1\/3 {
width: 33.3333%;
}
.md\:w-2\/3 {
width: 66.6667%;
}
.md\:w-60 {
width: calc(var(--spacing) * 60);
}
.md\:w-\[480px\] {
width: 480px;
}
.md\:w-\[var\(--notifications-list-width\)\] {
width: var(--notifications-list-width);
}
.md\:w-auto {
width: auto;
}
.md\:min-w-min {
min-width: min-content;
}
.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-\[1fr_0\.8fr_1fr_auto\] {
grid-template-columns: 1fr .8fr 1fr auto;
}
.md\:grid-cols-\[240px_minmax\(0\,1fr\)\] {
grid-template-columns: 240px minmax(0, 1fr);
}
.md\:grid-cols-\[auto\] {
grid-template-columns: auto;
}
.md\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
}
.md\:grid-cols-\[minmax\(0\,1fr\)_24px_minmax\(0\,1fr\)_32px\] {
grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 32px;
}
.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,150px\)_minmax\(0\,1fr\)_32px\] {
grid-template-columns: minmax(0, 1fr) minmax(0, 150px) minmax(0, 1fr) 32px;
}
.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,160px\)_32px\] {
grid-template-columns: minmax(0, 1fr) minmax(0, 160px) 32px;
}
.md\:grid-cols-\[minmax\(0\,180px\)_minmax\(0\,1fr\)_32px\] {
grid-template-columns: minmax(0, 180px) minmax(0, 1fr) 32px;
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-center {
align-items: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:gap-4 {
gap: var(--spacing-4);
}
.md\:gap-x-4 {
column-gap: var(--spacing-4);
}
.md\:p-6 {
padding: var(--spacing-6);
}
.md\:p-12 {
padding: var(--spacing-12);
}
.md\:px-0 {
padding-inline: var(--spacing-0);
}
.md\:px-8 {
padding-inline: var(--spacing-8);
}
.md\:py-4 {
padding-block: var(--spacing-4);
}
.md\:pl-8 {
padding-left: var(--spacing-8);
}
}
@media (min-width: 64rem) {
.lg\:order-1 {
order: 1;
}
.lg\:order-2 {
order: 2;
}
.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-6 {
grid-column: span 6 / span 6;
}
.lg\:row-span-2 {
grid-row: span 2 / span 2;
}
.lg\:block {
display: block;
}
.lg\:inline {
display: inline;
}
.lg\:inline-flex {
display: inline-flex;
}
.lg\:h-\[70vh\] {
height: 70vh;
}
.lg\:min-h-0 {
min-height: var(--spacing-0);
}
.lg\:flex-1 {
flex: 1;
}
.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-\[1\.1fr_1\.4fr\] {
grid-template-columns: 1.1fr 1.4fr;
}
.lg\:grid-cols-\[1\.1fr_1\.6fr\] {
grid-template-columns: 1.1fr 1.6fr;
}
.lg\:grid-cols-\[1\.1fr_1fr\] {
grid-template-columns: 1.1fr 1fr;
}
.lg\:grid-cols-\[2fr_1fr\] {
grid-template-columns: 2fr 1fr;
}
.lg\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
grid-template-columns: minmax(0, 1fr) 220px;
}
.lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
grid-template-columns: minmax(0, 1fr) auto;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:gap-5 {
gap: var(--spacing-5);
}
.lg\:overflow-auto {
overflow: auto;
}
.lg\:overflow-hidden {
overflow: hidden;
}
.lg\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.lg\:border-hairline {
border-color: var(--border-hairline, var(--border-default));
}
.lg\:px-8 {
padding-inline: var(--spacing-8);
}
.lg\:px-12 {
padding-inline: var(--spacing-12);
}
.lg\:pl-5 {
padding-left: var(--spacing-5);
}
.lg\:pl-12 {
padding-left: var(--spacing-12);
}
}
@media (min-width: 80rem) {
.xl\:sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.xl\:col-span-2 {
grid-column: span 2 / span 2;
}
.xl\:contents {
display: contents;
}
.xl\:flex {
display: flex;
}
.xl\:grid {
display: grid;
}
.xl\:hidden {
display: none;
}
.xl\:w-80 {
width: calc(var(--spacing) * 80);
}
.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-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_100px\] {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) 100px;
}
.xl\:grid-cols-\[minmax\(9rem\,1\.2fr\)_minmax\(8rem\,1fr\)_160px_112px_112px_32px\] {
grid-template-columns: minmax(9rem, 1.2fr) minmax(8rem, 1fr) 160px 112px 112px 32px;
}
.xl\:items-center {
align-items: center;
}
}
@media (min-width: 96rem) {
.\32 xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@container not (min-width: 2ch) {
.\@max-\[2ch\]\:sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
}
@container not (min-width: 480px) {
.\@max-\[480px\]\:overflow-x-auto {
overflow-x: auto;
}
}
@container stepper not (min-width: 50rem) {
.\@max-\[50rem\]\/stepper\:sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
}
@container superdoc-toolbar not (min-width: 48rem) {
.\@max-3xl\/superdoc-toolbar\:sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
}
@container filters not (min-width: 30rem) {
.\@max-\[30rem\]\/filters\:min-w-10 {
min-width: var(--spacing-10);
}
.\@max-\[30rem\]\/filters\:basis-full {
flex-basis: 100%;
}
.\@max-\[30rem\]\/filters\:justify-start {
justify-content: flex-start;
}
}
@container table not (min-width: 30rem) {
.\@max-\[30rem\]\/table\:px-2 {
padding-inline: var(--spacing-2);
}
.\@max-\[30rem\]\/table\:\[--data-table-narrow-fill\:50cqw\] {
--data-table-narrow-fill: 50cqw;
}
.\@max-\[30rem\]\/table\:\[--data-table-select\:32px\] {
--data-table-select: 32px;
}
}
@container stepper not (min-width: 28rem) {
.\@max-\[28rem\]\/stepper\:sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
}
@container composer not (min-width: 28rem) {
.\@max-md\/composer\:sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.\@max-md\/composer\:block {
display: block;
}
}
@container editor not (min-width: 28rem) {
.\@max-md\/editor\:hidden {
display: none;
}
}
@container pagination not (min-width: 28rem) {
.\@max-md\/pagination\:hidden {
display: none;
}
}
@container palette-footer not (min-width: 28rem) {
.\@max-md\/palette-footer\:hidden {
display: none;
}
}
@container composer not (min-width: 28rem) {
.\@max-md\/composer\:size-6 {
width: var(--spacing-6);
height: var(--spacing-6);
}
}
@container pagination not (min-width: 28rem) {
.\@max-md\/pagination\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@container composer not (min-width: 28rem) {
.\@max-md\/composer\:flex-col {
flex-direction: column;
}
.\@max-md\/composer\:items-stretch {
align-items: stretch;
}
}
@container pagination not (min-width: 28rem) {
.\@max-md\/pagination\:justify-items-center {
justify-items: center;
}
}
@container composer not (min-width: 28rem) {
.\@max-md\/composer\:gap-0 {
gap: var(--spacing-0);
}
.\@max-md\/composer\:gap-2 {
gap: var(--spacing-2);
}
.\@max-md\/composer\:px-0 {
padding-inline: var(--spacing-0);
}
.\@max-md\/composer\:px-3 {
padding-inline: var(--spacing-3);
}
.\@max-md\/composer\:pb-3 {
padding-bottom: var(--spacing-3);
}
}
@container composer not (min-width: 24rem) {
.\@max-sm\/composer\:flex {
display: flex;
}
.\@max-sm\/composer\:hidden {
display: none;
}
}
@container not (min-width: 18rem) {
.\@max-\[18rem\]\:hidden {
display: none;
}
}
@container not (min-width: 14rem) {
.\@max-\[14rem\]\:hidden {
display: none;
}
}
@container issue-list (min-width: 40.75em) {
.\@min-\[40\.75em\]\/issue-list\:flex {
display: flex;
}
}
@container issue-list (min-width: 52em) {
.\@min-\[52em\]\/issue-list\:flex {
display: flex;
}
}
@container issue-list (min-width: 69.75em) {
.\@min-\[69\.75em\]\/issue-list\:flex {
display: flex;
}
.\@min-\[69\.75em\]\/issue-list\:min-w-\[16em\] {
min-width: 16em;
}
}
@container (min-width: 480px) {
.\@min-\[480px\]\:not-sr-only {
clip-path: none;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible;
}
.\@min-\[480px\]\:flex {
display: flex;
}
.\@min-\[480px\]\:hidden {
display: none;
}
.\@min-\[480px\]\:min-w-4 {
min-width: var(--spacing-4);
}
}
@container composer (min-width: 24rem) {
.\@sm\/composer\:hidden {
display: none;
}
}
@container (min-width: 24rem) {
.\@sm\:w-48 {
width: calc(var(--spacing) * 48);
}
}
@container notes (min-width: 24rem) {
.\@sm\/notes\:max-w-48 {
max-width: calc(var(--spacing) * 48);
}
}
@container composer (min-width: 28rem) {
.\@md\/composer\:hidden {
display: none;
}
}
@container editor (min-width: 28rem) {
.\@md\/editor\:hidden {
display: none;
}
}
@container notes (min-width: 28rem) {
.\@md\/notes\:max-w-64 {
max-width: calc(var(--spacing) * 64);
}
}
@container insights (min-width: 28rem) {
.\@md\/insights\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container (min-width: 28rem) {
.\@md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.\@md\:gap-3 {
gap: var(--spacing-3);
}
.\@md\:self-end {
align-self: flex-end;
}
}
@container labels (min-width: 30rem) {
.\@min-\[30rem\]\/labels\:sticky {
position: sticky;
}
.\@min-\[30rem\]\/labels\:shadow-\[inset_-1px_0_0_var\(--border-subtle\)\] {
--tw-shadow: inset -1px 0 0 var(--tw-shadow-color, var(--border-subtle));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@container page-header (min-width: 32rem) {
.\@lg\/page-header\:flex {
display: flex;
}
.\@lg\/page-header\:hidden {
display: none;
}
.\@lg\/page-header\:w-24 {
width: var(--spacing-24);
}
}
@container (min-width: 32rem) {
.\@lg\:w-64 {
width: calc(var(--spacing) * 64);
}
.\@lg\:p-20 {
padding: var(--spacing-20);
}
}
@container board (min-width: 48rem) {
.\@3xl\/board\:block {
display: block;
}
.\@3xl\/board\:grid-cols-\[1fr_auto_1fr\] {
grid-template-columns: 1fr auto 1fr;
}
}
@container list (min-width: 50rem) {
.\@min-\[50rem\]\/list\:flex {
display: flex;
}
.\@min-\[50rem\]\/list\:h-10\.5 {
height: calc(var(--spacing) * 10.5);
}
.\@min-\[50rem\]\/list\:border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.\@min-\[50rem\]\/list\:py-0 {
padding-block: var(--spacing-0);
}
.\@min-\[50rem\]\/list\:pt-2 {
padding-top: var(--spacing-2);
}
}
@container (min-width: 60rem) {
.\@min-\[60rem\]\:block {
display: block;
}
.\@min-\[60rem\]\:flex-row {
flex-direction: row;
}
.\@min-\[60rem\]\:items-stretch {
align-items: stretch;
}
:is(.\@min-\[60rem\]\:\*\:flex-1 > *) {
flex: 1;
}
}
@media (pointer: coarse) {
.pointer-coarse\:pointer-events-auto {
pointer-events: auto;
}
.pointer-coarse\:ml-0 {
margin-left: var(--spacing-0);
}
.pointer-coarse\:w-6 {
width: var(--spacing-6);
}
.pointer-coarse\:w-12 {
width: var(--spacing-12);
}
.pointer-coarse\:w-18 {
width: calc(var(--spacing) * 18);
}
.pointer-coarse\:opacity-100 {
opacity: 1;
}
}
.sand\:border-blue-300:where(.sand, .sand *) {
border-color: var(--color-blue-300);
}
.sand\:border-green-300:where(.sand, .sand *) {
border-color: var(--color-green-300);
}
.sand\:bg-blue-100\/40:where(.sand, .sand *) {
background-color: #dbeafe66;
}
@supports (color: color-mix(in lab, red, red)) {
.sand\:bg-blue-100\/40:where(.sand, .sand *) {
background-color: color-mix(in oklab, var(--color-blue-100) 40%, transparent);
}
}
.sand\:bg-green-100\/40:where(.sand, .sand *) {
background-color: #dcfce766;
}
@supports (color: color-mix(in lab, red, red)) {
.sand\:bg-green-100\/40:where(.sand, .sand *) {
background-color: color-mix(in oklab, var(--color-green-100) 40%, transparent);
}
}
.sand\:text-blue-900:where(.sand, .sand *) {
color: var(--color-blue-900);
}
.sand\:text-green-900:where(.sand, .sand *) {
color: var(--color-green-900);
}
.stone\:border-blue-800:where(.stone, .stone *) {
border-color: var(--color-blue-800);
}
.stone\:bg-\[\#1a150d\]:where(.stone, .stone *) {
background-color: #1a150d;
}
.stone\:bg-blue-950\/50:where(.stone, .stone *) {
background-color: #16245680;
}
@supports (color: color-mix(in lab, red, red)) {
.stone\:bg-blue-950\/50:where(.stone, .stone *) {
background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);
}
}
.stone\:bg-hover:where(.stone, .stone *) {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.stone\:text-amber-300:where(.stone, .stone *) {
color: var(--color-amber-300);
}
.stone\:text-blue-300:where(.stone, .stone *) {
color: var(--color-blue-300);
}
.stone\:text-purple-400:where(.stone, .stone *) {
color: var(--color-purple-400);
}
.stone\:text-secondary:where(.stone, .stone *) {
color: var(--text-secondary);
}
.stone\:invert:where(.stone, .stone *) {
--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, );
}
.stone\:invert-0:where(.stone, .stone *) {
--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, );
}
.stone\:\[--shimmer-color\:var\(--text-default\)\]:where(.stone, .stone *) {
--shimmer-color: var(--text-default);
}
.stone\:\[--skeleton-peak\:var\(--skeleton-well-peak\,var\(--bg-hover-strong\)\)\]:where(.stone, .stone *) {
--skeleton-peak: var(--skeleton-well-peak, var(--bg-hover-strong));
}
.stone\:\[--skeleton-rest\:var\(--skeleton-well-rest\,color-mix\(in_srgb\,var\(--bg-hover-strong\)_35\%\,transparent\)\)\]:where(.stone, .stone *) {
--skeleton-rest: var(--skeleton-well-rest, var(--bg-hover-strong));
}
@supports (color: color-mix(in lab, red, red)) {
.stone\:\[--skeleton-rest\:var\(--skeleton-well-rest\,color-mix\(in_srgb\,var\(--bg-hover-strong\)_35\%\,transparent\)\)\]:where(.stone, .stone *) {
--skeleton-rest: var(--skeleton-well-rest, color-mix(in srgb,var(--bg-hover-strong) 35%,transparent));
}
}
@media (hover: hover) {
.stone\:hover\:bg-hover-strong:where(.stone, .stone *):hover {
background-color: var(--bg-hover-strong);
}
}
.stone\:data-highlighted\:bg-hover-strong:where(.stone, .stone *)[data-highlighted], .stone\:data-\[selected\=true\]\:bg-hover-strong:where(.stone, .stone *)[data-selected="true"], .stone\:data-\[state\=open\]\:bg-hover-strong:where(.stone, .stone *)[data-state="open"] {
background-color: var(--bg-hover-strong);
}
.\[\&_\*\]\:pointer-events-none * {
pointer-events: none;
}
.\[\&_\*\]\:cursor-grabbing * {
cursor: grabbing;
}
.\[\&_\.ProseMirror\]\:\!min-h-\(--composer-editor-min-height\) .ProseMirror {
min-height: var(--composer-editor-min-height) !important;
}
.\[\&_\.ProseMirror\]\:\!min-h-10 .ProseMirror {
min-height: var(--spacing-10) !important;
}
.\[\&_\.ProseMirror\]\:\!min-h-\[min\(24rem\,40vh\)\] .ProseMirror {
min-height: min(24rem, 40vh) !important;
}
.\[\&_\.ProseMirror\]\:min-h-0 .ProseMirror {
min-height: var(--spacing-0);
}
.\[\&_\.ProseMirror\]\:min-h-10 .ProseMirror {
min-height: var(--spacing-10);
}
.\[\&_\.ProseMirror\]\:min-h-\[72px\] .ProseMirror {
min-height: 72px;
}
.\[\&_\.ProseMirror\]\:min-h-\[88px\] .ProseMirror {
min-height: 88px;
}
.\[\&_\.ProseMirror\]\:min-h-\[92px\] .ProseMirror {
min-height: 92px;
}
.\[\&_\.ProseMirror\]\:min-h-\[100px\] .ProseMirror {
min-height: 100px;
}
.\[\&_\.ProseMirror\]\:min-h-\[120px\] .ProseMirror {
min-height: 120px;
}
.\[\&_\.ProseMirror\]\:min-h-\[200px\] .ProseMirror {
min-height: 200px;
}
.\[\&_\.ProseMirror\]\:min-h-\[400px\] .ProseMirror {
min-height: 400px;
}
.\[\&_\.ProseMirror\]\:min-h-\[…\] .ProseMirror {
min-height: …;
}
.\[\&_\.ProseMirror\]\:min-h-full .ProseMirror {
min-height: 100%;
}
.\[\&_\.ProseMirror\]\:p-0 .ProseMirror {
padding: var(--spacing-0);
}
.\[\&_\.ProseMirror\]\:p-4 .ProseMirror {
padding: var(--spacing-4);
}
.\[\&_\.ProseMirror\]\:\!px-0 .ProseMirror {
padding-inline: var(--spacing-0) !important;
}
.\[\&_\.ProseMirror\]\:px-0 .ProseMirror {
padding-inline: var(--spacing-0);
}
.\[\&_\.ProseMirror\]\:px-1 .ProseMirror {
padding-inline: var(--spacing-1);
}
.\[\&_\.ProseMirror\]\:px-2 .ProseMirror {
padding-inline: var(--spacing-2);
}
.\[\&_\.ProseMirror\]\:px-3 .ProseMirror {
padding-inline: var(--spacing-3);
}
.\[\&_\.ProseMirror\]\:py-2 .ProseMirror {
padding-block: var(--spacing-2);
}
.\[\&_\.ProseMirror\]\:py-3 .ProseMirror {
padding-block: var(--spacing-3);
}
.\[\&_\.ProseMirror\]\:pr-10 .ProseMirror {
padding-right: var(--spacing-10);
}
.\[\&_\.ProseMirror\]\:text-left .ProseMirror {
text-align: left;
}
.\[\&_\.ProseMirror\]\:text-body-md .ProseMirror {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
.\[\&_\.ProseMirror\]\:text-sm .ProseMirror {
font-size: var(--font-size-md);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_\.ProseMirror\]\:\!text-\[13px\] .ProseMirror {
font-size: 13px !important;
}
.\[\&_\.ProseMirror\]\:text-\[11px\] .ProseMirror {
font-size: 11px;
}
.\[\&_\.ProseMirror\]\:\!leading-\[19px\] .ProseMirror {
--tw-leading: 19px !important;
line-height: 19px !important;
}
.\[\&_\.ProseMirror\]\:leading-relaxed .ProseMirror {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.\[\&_\.ProseMirror\]\:leading-snug .ProseMirror {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.\[\&_\.ProseMirror\]\:text-default .ProseMirror {
color: var(--text-default);
}
.\[\&_\.ProseMirror\]\:transition-\[min-height\] .ProseMirror {
transition-property: min-height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.\[\&_\.ProseMirror\]\:\!transition-none .ProseMirror {
transition-property: none !important;
}
.\[\&_\.ProseMirror\]\:duration-glide-enter .ProseMirror {
--tw-duration: var(--transition-duration-glide-enter);
transition-duration: var(--transition-duration-glide-enter);
}
.\[\&_\.ProseMirror\]\:ease-glide-enter .ProseMirror {
--tw-ease: var(--ease-glide-enter);
transition-timing-function: var(--ease-glide-enter);
}
.\[\&_\.ProseMirror\]\:outline-none .ProseMirror, .\[\&_\.ProseMirror\]\:focus\:outline-none .ProseMirror:focus {
--tw-outline-style: none;
outline-style: none;
}
.\[\&_\.email-editor-body\]\:\!bg-transparent .email-editor-body {
background-color: #0000 !important;
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .is-editor-empty:first-child:before {
pointer-events: none;
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:float-left .is-editor-empty:first-child:before {
float: left;
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:h-0 .is-editor-empty:first-child:before {
height: var(--spacing-0);
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-placeholder .is-editor-empty:first-child:before {
color: var(--text-placeholder);
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-secondary .is-editor-empty:first-child:before {
color: var(--text-secondary);
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-tertiary .is-editor-empty:first-child:before {
color: var(--text-tertiary);
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:opacity-60 .is-editor-empty:first-child:before {
opacity: .6;
}
.\[\&_\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .is-editor-empty:first-child:before {
--tw-content: attr(data-placeholder);
content: var(--tw-content);
}
.\[\&_\.superdoc\]\:justify-center .superdoc {
justify-content: center;
}
.data-quiet-focus\:\[\&_\:focus-visible\]\:ring-0[data-quiet-focus] :focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[\&_\:is\(a\,button\)\]\:rounded-sm :is(a, button) {
border-radius: var(--radius-sm);
}
.\[\&_\:is\(a\,button\)\]\:outline-none :is(a, button) {
--tw-outline-style: none;
outline-style: none;
}
@media (hover: hover) {
.\[\&_\:is\(a\,button\)\]\:hover\:text-default :is(a, button):hover {
color: var(--text-default);
}
.\[\&_\:is\(a\,button\)\]\:hover\:underline :is(a, button):hover {
text-decoration-line: underline;
}
}
.\[\&_\:is\(a\,button\)\]\:focus-visible\:inset-ring-2 :is(a, button):focus-visible {
--tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[\&_\:is\(a\,button\)\]\:focus-visible\:inset-ring-focus-keyboard :is(a, button):focus-visible {
--tw-inset-ring-color: var(--border-focus-keyboard);
}
.\[\&_\[class\*\=tiptapFooter\]\]\:hidden [class*="tiptapFooter"] {
display: none;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:min-h-0 [class*="tiptapToolbar"] {
min-height: var(--spacing-0);
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:gap-0\.5 [class*="tiptapToolbar"] {
gap: calc(var(--spacing) * .5);
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!border-0 [class*="tiptapToolbar"] {
border-style: var(--tw-border-style) !important;
border-width: 0 !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!border-t [class*="tiptapToolbar"] {
border-top-style: var(--tw-border-style) !important;
border-top-width: 1px !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!border-b [class*="tiptapToolbar"] {
border-bottom-style: var(--tw-border-style) !important;
border-bottom-width: 1px !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!border-subtle [class*="tiptapToolbar"] {
border-color: var(--border-subtle) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!bg-raised [class*="tiptapToolbar"] {
background-color: var(--bg-raised) !important;
}
:where(.\[\&_\[class\*\=tiptapToolbar\]\]\:\!bg-raised [class*="tiptapToolbar"] > *) {
--border-hairline: var(--border-subtle) !important;
--bg-inset: var(--bg-subtle) !important;
--bg-ground: var(--bg-raised) !important;
--bg-ground-hover: var(--bg-hover-raised) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!bg-transparent [class*="tiptapToolbar"] {
background-color: #0000 !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!px-0 [class*="tiptapToolbar"] {
padding-inline: var(--spacing-0) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!px-1 [class*="tiptapToolbar"] {
padding-inline: var(--spacing-1) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!px-3 [class*="tiptapToolbar"] {
padding-inline: var(--spacing-3) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!pt-0 [class*="tiptapToolbar"] {
padding-top: var(--spacing-0) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!pt-1 [class*="tiptapToolbar"] {
padding-top: var(--spacing-1) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]\]\:\!pb-0\.5 [class*="tiptapToolbar"] {
padding-bottom: calc(var(--spacing) * .5) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]_\[class\*\=bg-border-hairline\]\]\:hidden [class*="tiptapToolbar"] [class*="bg-border-hairline"] {
display: none;
}
.\[\&_\[class\*\=tiptapToolbar\]_\[class\*\=bg-border\]\]\:mx-0\.5 [class*="tiptapToolbar"] [class*="bg-border"] {
margin-inline: calc(var(--spacing) * .5);
}
.\[\&_\[class\*\=tiptapToolbar\]_\[class\*\=bg-border\]\]\:bg-border-hairline [class*="tiptapToolbar"] [class*="bg-border"] {
background-color: var(--border-hairline, var(--border-default));
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:\!size-6 [class*="tiptapToolbar"] button {
width: var(--spacing-6) !important;
height: var(--spacing-6) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:h-6 [class*="tiptapToolbar"] button {
height: var(--spacing-6);
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:\!min-h-6 [class*="tiptapToolbar"] button {
min-height: var(--spacing-6) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:w-6 [class*="tiptapToolbar"] button {
width: var(--spacing-6);
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:\!min-w-6 [class*="tiptapToolbar"] button {
min-width: var(--spacing-6) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:rounded-md [class*="tiptapToolbar"] button {
border-radius: var(--radius-md);
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:text-icon-secondary [class*="tiptapToolbar"] button {
color: var(--icon-secondary);
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:text-tertiary [class*="tiptapToolbar"] button {
color: var(--text-tertiary);
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:transition-colors [class*="tiptapToolbar"] button {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:hover\:bg-hover [class*="tiptapToolbar"] button:hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:hover\:text-default [class*="tiptapToolbar"] button:hover {
color: var(--text-default);
}
.\[\&_\[class\*\=tiptapToolbar\]_button\]\:hover\:text-icon-default [class*="tiptapToolbar"] button:hover {
color: var(--icon-default);
}
}
.\[\&_\[class\*\=tiptapToolbar\]_svg\]\:\!size-6 [class*="tiptapToolbar"] svg {
width: var(--spacing-6) !important;
height: var(--spacing-6) !important;
}
.\[\&_\[class\*\=tiptapToolbar\]_svg\]\:h-3\.5 [class*="tiptapToolbar"] svg {
height: calc(var(--spacing) * 3.5);
}
.\[\&_\[class\*\=tiptapToolbar\]_svg\]\:w-3\.5 [class*="tiptapToolbar"] svg {
width: calc(var(--spacing) * 3.5);
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
padding-inline: var(--spacing-2);
}
.\[\&_\[cmdk-group-heading\]\]\:py-1 [cmdk-group-heading] {
padding-block: var(--spacing-1);
}
.\[\&_\[cmdk-group-heading\]\]\:text-label-sm [cmdk-group-heading] {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.\[\&_\[cmdk-group-heading\]\]\:text-secondary [cmdk-group-heading] {
color: var(--text-secondary);
}
.\[\&_\[data-search-input\]\]\:text-sm [data-search-input] {
font-size: var(--font-size-md);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_\[data-slot\=button-glyph\]\]\:text-current [data-slot="button-glyph"] {
color: currentColor;
}
.\[\&_\[data-slot\=button\]\:hover\]\:bg-hover-strong [data-slot="button"]:hover, .\[\&_\[data-slot\=button\]\[data-variant\=ghost\]\:hover\]\:bg-hover-strong [data-slot="button"][data-variant="ghost"]:hover, .\[\&_\[data-slot\=button\]\[data-variant\=ghost\]\:not\(\[data-notification-row-trigger\]\)\:hover\]\:bg-hover-strong [data-slot="button"][data-variant="ghost"]:not([data-notification-row-trigger]):hover {
background-color: var(--bg-hover-strong);
}
.\[\&_\[data-slot\=chip\]\:has\(\>button\[data-slot\=chip-content\]\)\:hover\]\:bg-hover-strong [data-slot="chip"]:has( > button[data-slot="chip-content"]):hover {
background-color: var(--bg-hover-strong);
}
.\[\&_\[data-slot\=comment-body\]\]\:text-secondary [data-slot="comment-body"] {
color: var(--text-secondary);
}
.\[\&_\[data-slot\=composer-header-row\]\]\:cursor-grab [data-slot="composer-header-row"] {
cursor: grab;
}
.\[\&_\[data-slot\=composer-header-row\]\]\:touch-none [data-slot="composer-header-row"] {
touch-action: none;
}
.\[\&_\[data-slot\=composer-header-row\]\:active\]\:cursor-grabbing [data-slot="composer-header-row"]:active {
cursor: grabbing;
}
.\[\&_\[data-slot\=input\]\.bg-transparent\:hover\]\:bg-hover-strong [data-slot="input"].bg-transparent:hover {
background-color: var(--bg-hover-strong);
}
.\[\&_\[data-slot\=kbd\]\]\:border-border [data-slot="kbd"] {
border-color: var(--color-border);
}
.\[\&_\[data-slot\=kbd\]\]\:bg-transparent [data-slot="kbd"] {
background-color: #0000;
}
.\[\&_\[data-slot\=kbd\]\]\:text-muted-foreground\/70 [data-slot="kbd"] {
color: color-mix(in srgb, hsl(var(--muted-foreground)) 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_\[data-slot\=kbd\]\]\:text-muted-foreground\/70 [data-slot="kbd"] {
color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);
}
}
.\[\&_\[data-slot\=kbd\]\]\:shadow-none [data-slot="kbd"] {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[\&_\[data-slot\=textarea\]\.bg-transparent\:hover\]\:bg-hover-strong [data-slot="textarea"].bg-transparent:hover, .\[\&_\[data-slot\=toggle\]\[data-state\=off\]\:hover\]\:bg-hover-strong [data-slot="toggle"][data-state="off"]:hover {
background-color: var(--bg-hover-strong);
}
.\[\&_\[data-slot\=trail\]\]\:invisible [data-slot="trail"] {
visibility: hidden;
}
.\[\&_\[data-slot\=trail\]\]\:hidden [data-slot="trail"] {
display: none;
}
.\[\&_\[data-slot\=trail\]\]\:opacity-0 [data-slot="trail"] {
opacity: 0;
}
.\[\&_\[data-slot\=trail\]\]\:transition-opacity [data-slot="trail"] {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
.group-hover\/property-row\:\[\&_\[data-slot\=trail\]\]\:visible:is(:where(.group\/property-row):hover *) [data-slot="trail"] {
visibility: visible;
}
.group-hover\/property-row\:\[\&_\[data-slot\=trail\]\]\:inline-flex:is(:where(.group\/property-row):hover *) [data-slot="trail"] {
display: inline-flex;
}
}
.group-has-\[\:focus-visible\]\/property-row\:\[\&_\[data-slot\=trail\]\]\:visible:is(:where(.group\/property-row):has(:focus-visible) *) [data-slot="trail"] {
visibility: visible;
}
.group-has-\[\:focus-visible\]\/property-row\:\[\&_\[data-slot\=trail\]\]\:inline-flex:is(:where(.group\/property-row):has(:focus-visible) *) [data-slot="trail"] {
display: inline-flex;
}
@media (hover: hover) {
.hover\:\[\&_\[data-slot\=trail\]\]\:opacity-100:hover [data-slot="trail"] {
opacity: 1;
}
}
.has-\[\:focus-visible\]\:\[\&_\[data-slot\=trail\]\]\:opacity-100:has(:focus-visible) [data-slot="trail"] {
opacity: 1;
}
.\[\&_\[data-streamdown\=code-block-body\]\]\:text-code-sm [data-streamdown="code-block-body"] {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
}
.\[\&_\[data-streamdown\=link\]\]\:text-link-md [data-streamdown="link"] {
font-size: var(--font-size-md);
line-height: var(--tw-leading, calc(20 / 14));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 500);
}
.\[\&_\[data-streamdown\=link\]\]\:text-inherit [data-streamdown="link"] {
color: inherit;
}
.\[\&_\[data-variant\=ghost\]\:hover\]\:bg-hover-strong [data-variant="ghost"]:hover {
background-color: var(--bg-hover-strong);
}
.\[\&_a\]\:font-medium a {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.\[\&_a\]\:break-all a {
word-break: break-all;
}
.\[\&_a\]\:text-blue-600 a {
color: var(--color-blue-600);
}
.\[\&_a\]\:text-current a {
color: currentColor;
}
.\[\&_a\]\:text-default a {
color: var(--text-default);
}
.\[\&_a\]\:text-primary a {
color: var(--color-primary);
}
.\[\&_a\]\:no-underline a {
text-decoration-line: none;
}
.\[\&_a\]\:underline a {
text-decoration-line: underline;
}
.\[\&_a\]\:underline-offset-2 a {
text-underline-offset: 2px;
}
@media (hover: hover) {
.\[\&_a\]\:hover\:text-blue-700 a:hover {
color: var(--color-blue-700);
}
.hover\:\[\&_a\]\:text-default:hover a {
color: var(--text-default);
}
.hover\:\[\&_a\]\:underline:hover a {
text-decoration-line: underline;
}
}
.\[\&_em\]\:text-muted-foreground\/70 em {
color: color-mix(in srgb, hsl(var(--muted-foreground)) 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_em\]\:text-muted-foreground\/70 em {
color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);
}
}
.\[\&_h2\]\:mt-4 h2 {
margin-top: var(--spacing-4);
}
.\[\&_h2\]\:mb-2 h2 {
margin-bottom: var(--spacing-2);
}
.\[\&_h2\]\:text-sm h2 {
font-size: var(--font-size-md);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_h2\]\:font-semibold h2 {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.\[\&_h3\]\:mt-3 h3 {
margin-top: var(--spacing-3);
}
.\[\&_h3\]\:mb-1\.5 h3 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.\[\&_h3\]\:text-xs h3 {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&_h3\]\:font-medium h3 {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.\[\&_h3\]\:tracking-wide h3 {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.\[\&_h3\]\:text-muted-foreground h3 {
color: var(--color-muted-foreground);
}
.\[\&_h3\]\:uppercase h3 {
text-transform: uppercase;
}
.\[\&_img\]\:block img {
display: block;
}
.\[\&_img\]\:inline-block img {
display: inline-block;
}
.\[\&_img\]\:h-auto img {
height: auto;
}
.\[\&_img\]\:w-full img {
width: 100%;
}
.\[\&_img\]\:max-w-full img {
max-width: 100%;
}
.\[\&_kbd\]\:h-4 kbd {
height: var(--spacing-4);
}
.\[\&_kbd\]\:min-w-4 kbd {
min-width: var(--spacing-4);
}
.\[\&_kbd\]\:px-1 kbd {
padding-inline: var(--spacing-1);
}
.\[\&_kbd\]\:text-\[9px\] kbd {
font-size: 9px;
}
.\[\&_li\]\:my-0 li {
margin-block: var(--spacing-0);
}
.\[\&_li\]\:my-0\.5 li {
margin-block: calc(var(--spacing) * .5);
}
.\[\&_li\]\:my-1 li {
margin-block: var(--spacing-1);
}
.\[\&_li\]\:text-sm li {
font-size: var(--font-size-md);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_li\]\:text-xs li {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&_li\]\:text-muted-foreground li {
color: var(--color-muted-foreground);
}
.\[\&_li\]\:marker\:text-secondary li ::marker {
color: var(--text-secondary);
}
.\[\&_li\]\:marker\:text-secondary li::marker {
color: var(--text-secondary);
}
.\[\&_li\]\:marker\:text-secondary li ::-webkit-details-marker {
color: var(--text-secondary);
}
.\[\&_li\]\:marker\:text-secondary li::-webkit-details-marker {
color: var(--text-secondary);
}
.\[\&_ol\]\:my-1 ol {
margin-block: var(--spacing-1);
}
.\[\&_ol\]\:my-2 ol {
margin-block: var(--spacing-2);
}
.\[\&_ol\]\:list-outside ol {
list-style-position: outside;
}
.\[\&_ol\]\:list-decimal ol {
list-style-type: decimal;
}
:where(.\[\&_ol\]\:space-y-0\.5 ol > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
}
.\[\&_ol\]\:pl-4 ol {
padding-left: var(--spacing-4);
}
.\[\&_ol\]\:pl-5 ol {
padding-left: var(--spacing-5);
}
.\[\&_ol\]\:pl-6 ol {
padding-left: var(--spacing-6);
}
.\[\&_p\]\:m-0 p {
margin: var(--spacing-0);
}
.\[\&_p\]\:my-0 p {
margin-block: var(--spacing-0);
}
.\[\&_p\]\:my-0\.5 p {
margin-block: calc(var(--spacing) * .5);
}
.\[\&_p\]\:my-2 p {
margin-block: var(--spacing-2);
}
.\[\&_p\]\:text-sm p {
font-size: var(--font-size-md);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_p\]\:text-xs p {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&_p\]\:leading-relaxed p {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.\[\&_p\]\:text-muted-foreground p {
color: var(--color-muted-foreground);
}
.\[\&_p\:first-child\]\:mt-0 p:first-child {
margin-top: var(--spacing-0);
}
.\[\&_p\:last-child\]\:mb-0 p:last-child {
margin-bottom: var(--spacing-0);
}
.\[\&_strong\]\:font-medium strong {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.\[\&_strong\]\:font-semibold strong {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.\[\&_strong\]\:text-default strong {
color: var(--text-default);
}
.\[\&_strong\]\:text-foreground strong {
color: var(--color-foreground);
}
.\[\&_svg\]\:pointer-events-none svg {
pointer-events: none;
}
.\[\&_svg\]\:size-3 svg {
width: var(--spacing-3);
height: var(--spacing-3);
}
.\[\&_svg\]\:size-3\.5 svg {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&_svg\]\:size-4 svg {
width: var(--spacing-4);
height: var(--spacing-4);
}
.\[\&_svg\]\:size-4\! svg {
width: var(--spacing-4) !important;
height: var(--spacing-4) !important;
}
.\[\&_svg\]\:size-6 svg {
width: var(--spacing-6);
height: var(--spacing-6);
}
.\[\&_svg\]\:shrink-0 svg {
flex-shrink: 0;
}
.\[\&_svg\]\:text-current svg {
color: currentColor;
}
.\[\&_svg\]\:text-icon-danger svg {
color: var(--icon-danger);
}
.\[\&_svg\]\:text-icon-default svg {
color: var(--icon-default);
}
.\[\&_svg\]\:text-icon-inverse svg {
color: var(--icon-inverse);
}
.\[\&_svg\]\:text-icon-on-action svg {
color: var(--icon-on-action);
}
.\[\&_svg\]\:text-icon-on-brand svg {
color: var(--icon-on-brand);
}
.\[\&_svg\]\:text-icon-on-danger svg {
color: var(--icon-on-danger);
}
.\[\&_svg\]\:text-icon-on-info svg {
color: var(--icon-on-info);
}
.\[\&_svg\]\:text-icon-on-success svg {
color: var(--icon-on-success);
}
.\[\&_svg\]\:text-icon-on-warning svg {
color: var(--icon-on-warning);
}
.\[\&_svg\]\:text-icon-placeholder svg {
color: var(--icon-placeholder);
}
.\[\&_svg\]\:text-icon-secondary svg {
color: var(--icon-secondary);
}
.\[\&_svg\]\:text-icon-success svg {
color: var(--icon-success);
}
.\[\&_svg\]\:text-icon-warning svg {
color: var(--icon-warning);
}
@media (hover: hover) {
.hover\:\[\&_svg\]\:text-icon-default:hover svg {
color: var(--icon-default);
}
.hover\:\[\&_svg\]\:text-icon-on-danger:hover svg {
color: var(--icon-on-danger);
}
}
.data-\[icon-only\]\:\[\&_svg\]\:size-4[data-icon-only] svg {
width: var(--spacing-4);
height: var(--spacing-4);
}
.data-\[icon-only\]\:\[\&_svg\]\:size-6[data-icon-only] svg {
width: var(--spacing-6);
height: var(--spacing-6);
}
.data-\[icon-only\]\:\[\&_svg\]\:text-icon-default[data-icon-only] svg {
color: var(--icon-default);
}
.data-\[icon-only\]\:\[\&_svg\]\:text-icon-secondary[data-icon-only] svg {
color: var(--icon-secondary);
}
@media (hover: hover) {
.data-\[icon-only\]\:hover\:\[\&_svg\]\:text-icon-default[data-icon-only]:hover svg {
color: var(--icon-default);
}
}
.data-\[icon-only\]\:focus-visible\:\[\&_svg\]\:text-icon-default[data-icon-only]:focus-visible svg, .data-\[icon-only\]\:disabled\:\[\&_svg\]\:text-icon-default[data-icon-only]:disabled svg, .data-\[icon-only\]\:data-\[state\=on\]\:\[\&_svg\]\:text-icon-default[data-icon-only][data-state="on"] svg {
color: var(--icon-default);
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
width: var(--spacing-4);
height: var(--spacing-4);
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
width: var(--spacing-6);
height: var(--spacing-6);
}
.\[\&_tbody\>tr\:last-child\]\:border-b-0 tbody > tr:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.\[\&_td\]\:p-2 td {
padding: var(--spacing-2);
}
.\[\&_th\]\:h-8 th {
height: var(--spacing-8);
}
.\[\&_th\]\:px-2 th {
padding-inline: var(--spacing-2);
}
.\[\&_tr\]\:border-b tr {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.\[\&_tr\]\:border-b-0 tr {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
border-style: var(--tw-border-style);
border-width: 0;
}
.\[\&_ul\]\:my-1 ul {
margin-block: var(--spacing-1);
}
.\[\&_ul\]\:my-2 ul {
margin-block: var(--spacing-2);
}
.\[\&_ul\]\:list-outside ul {
list-style-position: outside;
}
.\[\&_ul\]\:list-disc ul {
list-style-type: disc;
}
:where(.\[\&_ul\]\:space-y-0\.5 ul > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
}
.\[\&_ul\]\:pl-4 ul {
padding-left: var(--spacing-4);
}
.\[\&_ul\]\:pl-5 ul {
padding-left: var(--spacing-5);
}
.\[\&_ul\]\:pl-6 ul {
padding-left: var(--spacing-6);
}
.\[\&_ul\]\:text-muted-foreground ul {
color: var(--color-muted-foreground);
}
.\[\&\&_svg\]\:text-icon-danger.\[\&\&_svg\]\:text-icon-danger svg {
color: var(--icon-danger);
}
.\[\&\&_svg\]\:text-icon-secondary.\[\&\&_svg\]\:text-icon-secondary svg {
color: var(--icon-secondary);
}
.\[\&\&_svg\]\:text-icon-success.\[\&\&_svg\]\:text-icon-success svg {
color: var(--icon-success);
}
.\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
flex: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-scrollbar\]\:block\!::-webkit-scrollbar {
display: block !important;
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
display: none;
}
.\[\&\:has\(\>\[data-icon\]\)\>\[data-button\]\]\:ml-4:has( > [data-icon]) > [data-button] {
margin-left: var(--spacing-4);
}
.\[\&\:has\(\>\[data-placement\=end\]\)\:not\(\:has\(\>\[data-slot\=callout-title\]\)\)\]\:flex-row:has( > [data-placement="end"]):not(:has( > [data-slot="callout-title"])) {
flex-direction: row;
}
.\[\&\:has\(\>\[data-placement\=end\]\)\:not\(\:has\(\>\[data-slot\=callout-title\]\)\)\]\:flex-wrap:has( > [data-placement="end"]):not(:has( > [data-slot="callout-title"])) {
flex-wrap: wrap;
}
.\[\&\:has\(\>\[data-placement\=end\]\)\:not\(\:has\(\>\[data-slot\=callout-title\]\)\)\]\:items-start:has( > [data-placement="end"]):not(:has( > [data-slot="callout-title"])) {
align-items: flex-start;
}
.\[\&\:has\(\>\[data-placement\=end\]\)\:not\(\:has\(\>\[data-slot\=callout-title\]\)\)\]\:gap-x-3:has( > [data-placement="end"]):not(:has( > [data-slot="callout-title"])) {
column-gap: var(--spacing-3);
}
.\[\&\:has\(\>\[data-placement\=end\]\)\:not\(\:has\(\>\[data-slot\=callout-title\]\)\)\]\:gap-y-3:has( > [data-placement="end"]):not(:has( > [data-slot="callout-title"])) {
row-gap: var(--spacing-3);
}
.\[\&\:has\(\>\[data-placement\=end\]\)\:not\(\:has\(\>\[data-slot\=callout-title\]\)\)\>\[data-slot\=callout-description\]\]\:grow:has( > [data-placement="end"]):not(:has( > [data-slot="callout-title"])) > [data-slot="callout-description"] {
flex-grow: 1;
}
.\[\&\:has\(\>\[data-slot\=filter-chip-trigger\]\:focus-visible\)\]\:border-transparent:has( > [data-slot="filter-chip-trigger"]:focus-visible) {
border-color: #0000;
}
.\[\&\:has\(\>\[data-slot\=filter-chip-trigger\]\:focus-visible\)\]\:ring-2:has( > [data-slot="filter-chip-trigger"]:focus-visible) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[\&\:has\(\>\[data-slot\=filter-chip-trigger\]\:focus-visible\)\]\:ring-focus-keyboard:has( > [data-slot="filter-chip-trigger"]:focus-visible) {
--tw-ring-color: var(--border-focus-keyboard);
}
.\[\&\:has\(\>\[data-slot\=filter-chip-trigger\]\:focus-visible\)\]\:ring-offset-2:has( > [data-slot="filter-chip-trigger"]:focus-visible) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.\[\&\:has\(\>\[data-state\=open\]\)\]\:border-strong:has( > [data-state="open"]) {
border-color: var(--border-strong);
}
.\[\&\:has\(\>\[data-state\=open\]\)\]\:bg-selected:has( > [data-state="open"]) {
background-color: var(--bg-selected);
}
.\[\&\:has\(\>\[data-state\=open\]\)\]\:text-default:has( > [data-state="open"]) {
color: var(--text-default);
}
.\[\&\:has\(\[data-slot\=command-input\]\)\]\:\[--command-field-h\:40px\]:has([data-slot="command-input"]) {
--command-field-h: 40px;
}
.\[\&\:has\(\[data-slot\=menu-search\]\)\]\:\[--command-field-h\:40px\]:has([data-slot="menu-search"]) {
--command-field-h: 40px;
}
.\[\&\:has\(\[data-state\=open\]\)\]\:visible:has([data-state="open"]) {
visibility: visible;
}
.\[\&\:has\(\[data-state\=open\]\)\]\:opacity-100:has([data-state="open"]) {
opacity: 1;
}
.\[\&\:has\(\[data-state\=open\]\)_\[data-slot\=trail\]\]\:visible:has([data-state="open"]) [data-slot="trail"] {
visibility: visible;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
padding-right: var(--spacing-0);
}
.\[\&\:has\(\~\[data-action\]\)\]\:mt-2:has( ~ [data-action]) {
margin-top: var(--spacing-2);
}
.\[a\]\:transition-colors:is(a) {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
.\[a\]\:hover\:bg-hover:is(a):hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
}
.\[\&\:not\(\:has\(\[data-slot\=callout-title\]\)\)\>\[data-slot\=callout-dismiss\]\]\:text-body-sm:not(:has([data-slot="callout-title"])) > [data-slot="callout-dismiss"] {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
.\[\&\:not\(\:has\(\[data-slot\=callout-title\]\)\)\>\[data-slot\=lead\]\]\:text-body-sm:not(:has([data-slot="callout-title"])) > [data-slot="lead"] {
font-size: var(--font-size-sm);
line-height: var(--tw-leading, calc(16 / 12));
letter-spacing: var(--tw-tracking, 0em);
font-weight: var(--tw-font-weight, 400);
}
@media (hover: hover) {
.\[\&\:not\(\[data-selected\]\,\[data-range-middle\]\)\]\:hover\:bg-hover:not([data-selected], [data-range-middle]):hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
}
.\[\&\>\*\]\:pointer-events-auto > * {
pointer-events: auto;
}
.\[\&\>\*\]\:shrink-0 > * {
flex-shrink: 0;
}
.\[\&\>\*\]\:align-top > * {
vertical-align: top;
}
.\[\&\>\*\]\:text-hue-blue > * {
color: var(--hue-blue);
}
.\[\&\>\*\]\:text-hue-gold > * {
color: var(--hue-gold);
}
.\[\&\>\*\]\:text-hue-gray > * {
color: var(--hue-gray);
}
.\[\&\>\*\]\:text-hue-green > * {
color: var(--hue-green);
}
.\[\&\>\*\]\:text-hue-lime > * {
color: var(--hue-lime);
}
.\[\&\>\*\]\:text-hue-orange > * {
color: var(--hue-orange);
}
.\[\&\>\*\]\:text-hue-pink > * {
color: var(--hue-pink);
}
.\[\&\>\*\]\:text-hue-purple > * {
color: var(--hue-purple);
}
.\[\&\>\*\]\:text-hue-red > * {
color: var(--hue-red);
}
.\[\&\>\*\]\:text-hue-teal > * {
color: var(--hue-teal);
}
.\[\&\>\*\]\:text-icon-tertiary > * {
color: var(--icon-tertiary);
}
.\[\&\>\*\]\:text-status-accepted > * {
color: var(--status-accepted);
}
.\[\&\>\*\]\:text-status-canceled > * {
color: var(--status-canceled);
}
.\[\&\>\*\]\:text-status-completed > * {
color: var(--status-completed);
}
.\[\&\>\*\]\:text-status-duplicate > * {
color: var(--status-duplicate);
}
.\[\&\>\*\]\:text-status-started > * {
color: var(--status-started);
}
.\[\&\>\*\]\:text-status-triage > * {
color: var(--status-triage);
}
.\[\&\>\*\]\:opacity-30 > * {
opacity: .3;
}
.\[\&\>\*\+\*\]\:border-t > * + * {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.\[\&\>\*\+\*\]\:border-hairline > * + * {
border-color: var(--border-hairline, var(--border-default));
}
.\[\&\>\*\:first-child\]\:mt-0 > :first-child {
margin-top: var(--spacing-0);
}
.\[\&\>\*\:last-child\]\:mb-0 > :last-child {
margin-bottom: var(--spacing-0);
}
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
border-left-style: var(--tw-border-style);
border-left-width: 0;
}
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.\[\&\>\:last-child\]\:ml-auto > :last-child {
margin-left: auto;
}
@container composer not (min-width: 28rem) {
.\@max-md\/composer\:\[\&\>\:last-child\]\:ml-auto > :last-child {
margin-left: auto;
}
}
.\[\&\>\:not\(\[data-slot\=property-row\]\)\]\:col-span-2 > :not([data-slot="property-row"]) {
grid-column: span 2 / span 2;
}
.data-\[stacked\=true\]\:\[\&\>\[data-popover-footer-leading\]\]\:me-0[data-stacked="true"] > [data-popover-footer-leading] {
margin-inline-end: var(--spacing-0);
}
.\[\&\>\[data-slot\=button\]\]\:px-0 > [data-slot="button"] {
padding-inline: var(--spacing-0);
}
.\[\&\>\[data-slot\=button\]\]\:text-secondary > [data-slot="button"] {
color: var(--text-secondary);
}
.\[\&\>\[data-slot\=content-header\]\]\:mb-0 > [data-slot="content-header"] {
margin-bottom: var(--spacing-0);
}
.\[\&\>\[data-slot\=content-header\]\]\:px-0 > [data-slot="content-header"] {
padding-inline: var(--spacing-0);
}
.\[\&\>\[data-slot\=content-header\]\]\:pt-0 > [data-slot="content-header"] {
padding-top: var(--spacing-0);
}
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}
.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
width: fit-content;
}
.\[\&\>a\]\:underline > a {
text-decoration-line: underline;
}
.\[\&\>a\]\:underline-offset-4 > a {
text-underline-offset: 4px;
}
.\[\&\>a\:hover\]\:text-primary > a:hover {
color: var(--color-primary);
}
.\[\&\>button\]\:max-w-full > button {
max-width: 100%;
}
.\[\&\>button\]\:min-w-0 > button {
min-width: var(--spacing-0);
}
.\[\&\>div\]\:\!block > div {
display: block !important;
}
.\[\&\>div\]\:justify-center > div {
justify-content: center;
}
.\[\&\>div\>div\:first-child\]\:flex > div > div:first-child {
display: flex;
}
.\[\&\>div\>div\:first-child\]\:justify-center > div > div:first-child {
justify-content: center;
}
.\[\&\>img\]\:size-full > img {
width: 100%;
height: 100%;
}
.\[\&\>img\]\:object-cover > img {
object-fit: cover;
}
.\[\&\>input\]\:flex-1 > input {
flex: 1;
}
.\[\&\>p\]\:inline > p {
display: inline;
}
.\[\&\>rect\:not\(\.text-icon-disabled\)\]\:text-priority-high > rect:not(.text-icon-disabled) {
color: var(--priority-high);
}
.\[\&\>rect\:not\(\.text-icon-disabled\)\]\:text-priority-low > rect:not(.text-icon-disabled) {
color: var(--priority-low);
}
.\[\&\>rect\:not\(\.text-icon-disabled\)\]\:text-priority-medium > rect:not(.text-icon-disabled) {
color: var(--priority-medium);
}
.\[\&\>rect\:not\(\.text-icon-disabled\)\]\:text-priority-urgent > rect:not(.text-icon-disabled) {
color: var(--priority-urgent);
}
.\[\&\>span\]\:block > span {
display: block;
}
.\[\&\>span\]\:min-w-0 > span {
min-width: var(--spacing-0);
}
.\[\&\>span\]\:flex-1 > span {
flex: 1;
}
.\[\&\>span\]\:truncate > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.\[\&\>span\]\:text-left > span {
text-align: left;
}
.\[\&\>span\]\:wrap-break-word > span {
overflow-wrap: break-word;
}
.\[\&\>span\]\:whitespace-normal > span {
white-space: normal;
}
.\[\&\>svg\]\:top-6 > svg {
top: var(--spacing-6);
}
.\[\&\>svg\]\:left-6 > svg {
left: var(--spacing-6);
}
.\[\&\>svg\]\:-ml-0\.5 > svg {
margin-left: calc(var(--spacing) * -.5);
}
.\[\&\>svg\]\:-ml-2 > svg {
margin-left: calc(var(--spacing-2) * -1);
}
.\[\&\>svg\]\:size-3 > svg {
width: var(--spacing-3);
height: var(--spacing-3);
}
.\[\&\>svg\]\:size-3\.5 > svg {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&\>svg\]\:size-4 > svg {
width: var(--spacing-4);
height: var(--spacing-4);
}
.\[\&\>svg\]\:size-6 > svg {
width: var(--spacing-6);
height: var(--spacing-6);
}
.\[\&\>svg\]\:size-10 > svg {
width: var(--spacing-10);
height: var(--spacing-10);
}
.\[\&\>svg\]\:size-\[0\.875em\] > svg {
width: .875em;
height: .875em;
}
.\[\&\>svg\]\:shrink-0 > svg {
flex-shrink: 0;
}
.\[\&\>svg\]\:rounded-full > svg {
border-radius: 3.40282e38px;
}
.\[\&\>svg\]\:bg-danger > svg {
background-color: var(--bg-danger);
}
.\[\&\>svg\]\:p-2 > svg {
padding: var(--spacing-2);
}
.\[\&\>svg\]\:text-icon-danger > svg {
color: var(--icon-danger);
}
.\[\&\>svg\]\:text-icon-on-danger > svg {
color: var(--icon-on-danger);
}
.\[\&\>svg\]\:text-icon-secondary > svg {
color: var(--icon-secondary);
}
.\[\&\>svg\]\:opacity-100 > svg {
opacity: 1;
}
.group-has-\[input\:disabled\]\/input-group\:\[\&\>svg\]\:text-icon-placeholder:is(:where(.group\/input-group):has(:is(input:disabled)) *) > svg, .disabled\:\[\&\>svg\]\:text-icon-placeholder:disabled > svg {
color: var(--icon-placeholder);
}
.\[\&\>svg\:first-child\]\:-ml-0\.5 > svg:first-child {
margin-left: calc(var(--spacing) * -.5);
}
.\[\&\>svg\:first-child\]\:-ml-1 > svg:first-child {
margin-left: calc(var(--spacing-1) * -1);
}
.\[\&\>svg\:first-child\]\:size-6 > svg:first-child {
width: var(--spacing-6);
height: var(--spacing-6);
}
.\[\&\>svg\:first-child\]\:text-icon-danger > svg:first-child {
color: var(--icon-danger);
}
.\[\&\>svg\:first-child\]\:text-icon-secondary > svg:first-child {
color: var(--icon-secondary);
}
.\[\&\>svg\:first-child\]\:text-icon-success > svg:first-child {
color: var(--icon-success);
}
.\[\&\>svg\:first-child\]\:text-icon-warning > svg:first-child {
color: var(--icon-warning);
}
.data-highlighted\:\[\&\>svg\:first-child\]\:text-icon-on-danger[data-highlighted] > svg:first-child, .data-\[selected\=true\]\:\[\&\>svg\:first-child\]\:text-icon-on-danger[data-selected="true"] > svg:first-child {
color: var(--icon-on-danger);
}
.\[\&\>svg\:last-child\]\:-mr-0\.5 > svg:last-child {
margin-right: calc(var(--spacing) * -.5);
}
.\[\&\>svg\:last-child\]\:-mr-1 > svg:last-child {
margin-right: calc(var(--spacing-1) * -1);
}
.\[\&\>svg\:last-child\]\:ml-1 > svg:last-child {
margin-left: var(--spacing-1);
}
.\[\&\>svg\:last-child\]\:size-3 > svg:last-child {
width: var(--spacing-3);
height: var(--spacing-3);
}
.\[\&\>svg\:last-child\]\:text-icon-secondary > svg:last-child {
color: var(--icon-secondary);
}
.\[\&\>svg\:last-child\]\:opacity-35 > svg:last-child {
opacity: .35;
}
.\[\&\>svg\~\*\]\:pl-14 > svg ~ * {
padding-left: calc(var(--spacing) * 14);
}
.\[\&\[data-active\]\:hover\>td\[class\]\]\:\[--row-tint\:var\(--bg-ground-hover\,var\(--bg-hover\)\)\][data-active]:hover > td[class] {
--row-tint: var(--bg-ground-hover, var(--bg-hover));
}
.\[\&\[data-active\]\>td\[class\]\]\:\[--row-tint\:transparent\][data-active] > td[class] {
--row-tint: transparent;
}
.\[\&\[data-active\]\[data-state\=selected\]\>td\[class\]\]\:\[--row-tint\:var\(--bg-selected\)\][data-active][data-state="selected"] > td[class] {
--row-tint: var(--bg-selected);
}
.\[\&\[data-expanded\=false\]\[data-front\=false\]\>\*\]\:opacity-0[data-expanded="false"][data-front="false"] > * {
opacity: 0;
}
.\[\&\[data-lead\]\>\:is\(svg\,\[data-slot\=glyph-swap\]\)\:first-child\]\:-ml-0\.5[data-lead] > :is(svg, [data-slot="glyph-swap"]):first-child {
margin-left: calc(var(--spacing) * -.5);
}
.\[\&\[data-lead\]\>\:is\(svg\,\[data-slot\=glyph-swap\]\)\:first-child\]\:-ml-1[data-lead] > :is(svg, [data-slot="glyph-swap"]):first-child {
margin-left: calc(var(--spacing-1) * -1);
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
rotate: 90deg;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
rotate: 180deg;
}
.\[\&\[data-state\=open\]\>svg\]\:duration-slow-enter[data-state="open"] > svg {
--tw-duration: var(--transition-duration-slow-enter);
transition-duration: var(--transition-duration-slow-enter);
}
.\[\&\[data-state\=open\]\>svg\]\:ease-slow-enter[data-state="open"] > svg {
--tw-ease: var(--ease-slow-enter);
transition-timing-function: var(--ease-slow-enter);
}
.\[\&\[data-trail\]\>\:is\(svg\,\[data-slot\=glyph-swap\]\)\:last-child\]\:-mr-0\.5[data-trail] > :is(svg, [data-slot="glyph-swap"]):last-child {
margin-right: calc(var(--spacing) * -.5);
}
.\[\&\[data-trail\]\>\:is\(svg\,\[data-slot\=glyph-swap\]\)\:last-child\]\:-mr-1[data-trail] > :is(svg, [data-slot="glyph-swap"]):last-child {
margin-right: calc(var(--spacing-1) * -1);
}
:is(a, button, [aria-haspopup]):hover .\[\:is\(a\,button\,\[aria-haspopup\]\)\:hover_\&\]\:bg-hover {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
:is(a, button, [aria-haspopup]):hover .\[\:is\(a\,button\,\[aria-haspopup\]\)\:hover_\&\]\:bg-hover-strong {
background-color: var(--bg-hover-strong);
}
@media (hover: none) {
.\[\@media\(hover\:none\)\]\:pointer-events-auto {
pointer-events: auto;
}
.\[\@media\(hover\:none\)\]\:visible {
visibility: visible;
}
.\[\@media\(hover\:none\)\]\:inline-flex {
display: inline-flex;
}
.\[\@media\(hover\:none\)\]\:opacity-100, .not-aria-disabled\:\[\@media\(hover\:none\)\]\:opacity-100:not([aria-disabled="true"]) {
opacity: 1;
}
.\[\@media\(hover\:none\)\]\:\[\&_\[data-slot\=trail\]\]\:visible [data-slot="trail"] {
visibility: visible;
}
.\[\@media\(hover\:none\)\]\:\[\&_\[data-slot\=trail\]\]\:inline-flex [data-slot="trail"] {
display: inline-flex;
}
.\[\@media\(hover\:none\)\]\:\[\&_\[data-slot\=trail\]\]\:opacity-100 [data-slot="trail"] {
opacity: 1;
}
}
@container (min-width: 60rem) {
@media (min-height: 36rem) {
.\@min-\[60rem\]\:\[\@media\(min-height\:36rem\)\]\:h-dvh {
height: 100dvh;
}
}
}
@media (pointer: coarse) {
.\[\@media\(pointer\:coarse\)\]\:opacity-0 {
opacity: 0;
}
.\[\@media\(pointer\:coarse\)\]\:opacity-100 {
opacity: 1;
}
}
[data-has-selection] .\[\[data-has-selection\]_\&\]\:opacity-100, [data-highlighted] .\[\[data-highlighted\]_\&\]\:opacity-100 {
opacity: 1;
}
[data-menu-composed] > .\[\[data-menu-composed\]\>\&\]\:mx-0 {
margin-inline: var(--spacing-0);
}
[data-slot="callout-content"]:not(:has( > [data-slot="callout-title"])) > .\[\[data-slot\=callout-content\]\:not\(\:has\(\>\[data-slot\=callout-title\]\)\)\>\&\]\:my-\[calc\(\(1lh-24px\)\/2\)\] {
margin-block: calc(.5lh - 12px);
}
[data-slot="callout-title"] + .\[\[data-slot\=callout-title\]\+\&\]\:mt-1 {
margin-top: var(--spacing-1);
}
[data-slot="chip"]:has( > [data-state="open"]) .\[\[data-slot\=chip\]\:has\(\>\[data-state\=open\]\)_\&\]\:inline-flex {
display: inline-flex;
}
[data-slot="chip"]:has( > [data-state="open"]) .not-aria-disabled\:\[\[data-slot\=chip\]\:has\(\>\[data-state\=open\]\)_\&\]\:opacity-100:not([aria-disabled="true"]) {
opacity: 1;
}
[data-slot="chip"]:has( > [data-state="open"]) .not-aria-disabled\:\[\[data-slot\=chip\]\:has\(\>\[data-state\=open\]\)_\&\]\:duration-fast-enter:not([aria-disabled="true"]) {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
[data-slot="chip"]:has( > [data-state="open"]) .not-aria-disabled\:\[\[data-slot\=chip\]\:has\(\>\[data-state\=open\]\)_\&\]\:ease-fast-enter:not([aria-disabled="true"]) {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
[data-slot="filter-chip"]:has( > [data-state="open"]) .\[\[data-slot\=filter-chip\]\:has\(\>\[data-state\=open\]\)_\&\]\:opacity-100 {
opacity: 1;
}
[data-slot="filter-chip"]:has( > [data-state="open"]) .\[\[data-slot\=filter-chip\]\:has\(\>\[data-state\=open\]\)_\&\]\:duration-fast-enter {
--tw-duration: var(--transition-duration-fast-enter);
transition-duration: var(--transition-duration-fast-enter);
}
[data-slot="filter-chip"]:has( > [data-state="open"]) .\[\[data-slot\=filter-chip\]\:has\(\>\[data-state\=open\]\)_\&\]\:ease-fast-enter {
--tw-ease: var(--ease-fast-enter);
transition-timing-function: var(--ease-fast-enter);
}
[data-table-head] .\[\[data-table-head\]_\&\]\:line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
[data-table-head] + .\[\[data-table-head\]\+\&\]\:border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-blue {
color: var(--icon-hue-blue);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-gold {
color: var(--icon-hue-gold);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-gray {
color: var(--icon-hue-gray);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-green {
color: var(--icon-hue-green);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-lime {
color: var(--icon-hue-lime);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-orange {
color: var(--icon-hue-orange);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-pink {
color: var(--icon-hue-pink);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-purple {
color: var(--icon-hue-purple);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-red {
color: var(--icon-hue-red);
}
[data-view-mark] > .\[\[data-view-mark\]\>\&\]\:text-icon-hue-teal {
color: var(--icon-hue-teal);
}
[role="grid"]:focus-visible .\[\[role\=grid\]\:focus-visible_\&\[data-active\]\]\:bg-hover[data-active] {
background-color: var(--bg-ground-hover, var(--bg-hover));
}
[role="grid"]:focus-visible .\[\[role\=grid\]\:focus-visible_\&\[data-active\]\>td\[class\]\]\:\[--row-tint\:var\(--bg-ground-hover\,var\(--bg-hover\)\)\][data-active] > td[class] {
--row-tint: var(--bg-ground-hover, var(--bg-hover));
}
aside[data-mode="collapsed"] + .\[aside\[data-mode\=collapsed\]\+\&\]\:pl-0 {
padding-left: var(--spacing-0);
}
aside[data-mode="collapsed"] + .\[aside\[data-mode\=collapsed\]\+\&\]\:duration-glide-exit {
--tw-duration: var(--transition-duration-glide-exit);
transition-duration: var(--transition-duration-glide-exit);
}
aside[data-mode="collapsed"] + .\[aside\[data-mode\=collapsed\]\+\&\]\:ease-glide-exit {
--tw-ease: var(--ease-glide-exit);
transition-timing-function: var(--ease-glide-exit);
}
td:hover .\[td\:hover_\&\]\:pointer-events-auto {
pointer-events: auto;
}
td:hover .\[td\:hover_\&\]\:opacity-100, th:hover .\[th\:hover_\&\]\:opacity-100, tr:hover .\[tr\:hover_\&\]\:opacity-100 {
opacity: 1;
}
tr:hover > .\[tr\:hover\>\&\]\:\[--row-tint\:var\(--bg-ground-hover\,var\(--bg-hover\)\)\] {
--row-tint: var(--bg-ground-hover, var(--bg-hover));
}
tr[data-active] .\[tr\[data-active\]_\&\]\:opacity-100 {
opacity: 1;
}
tr[data-active] > .\[tr\[data-active\]\>\&\]\:\[--row-tint\:var\(--bg-ground-hover\,var\(--bg-hover\)\)\] {
--row-tint: var(--bg-ground-hover, var(--bg-hover));
}
tr[data-state="selected"] > .\[tr\[data-state\=selected\]\>\&\]\:\[--row-tint\:var\(--bg-selected\)\] {
--row-tint: var(--bg-selected);
}
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overscroll-behavior: none;
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1536px) {
.container {
max-width: 1400px;
}
}
.scrollbar-hidden {
-webkit-scrollbar: none;
-ms-overflow-style: none;
scrollbar-width: none;
}
.scrollbar-hidden::-webkit-scrollbar {
display: none;
}
.scroll-fade-start {
-webkit-mask-image: linear-gradient(to right, #0000, #000 24px);
mask-image: linear-gradient(to right, #0000, #000 24px);
}
.scroll-fade-end {
-webkit-mask-image: linear-gradient(to left, #0000, #000 24px);
mask-image: linear-gradient(to left, #0000, #000 24px);
}
.scroll-fade-both {
-webkit-mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
}
.loader-delay {
transition-property: opacity;
transition-delay: var(--loader-delay);
}
@starting-style {
.loader-delay {
opacity: 0;
}
}
[data-slot="skeleton"] {
animation-delay: var(--pulse-phase);
}
.bg-inset, .bg-sunken, .bg-subtle {
--skeleton-well-rest: var(--bg-selected);
--skeleton-well-peak: var(--bg-selected-strong);
}
:where(.stone, .stone *):is(.bg-inset, .bg-sunken, .bg-subtle) {
--skeleton-well-rest: var(--bg-default);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.stone, .stone *):is(.bg-inset, .bg-sunken, .bg-subtle) {
--skeleton-well-rest: color-mix(in srgb, var(--bg-default) 35%, transparent);
}
}
:where(.stone, .stone *):is(.bg-inset, .bg-sunken, .bg-subtle) {
--skeleton-well-peak: var(--bg-default);
}
.bg-default, .bg-surface, .bg-raised, .bg-card, .bg-popover, :where([data-tokens="v2"], [data-tokens="v2"] *):is(.bg-inset, .bg-sunken, .bg-subtle) {
--skeleton-well-rest: initial;
--skeleton-well-peak: initial;
}
.review-result-glass-card, .review-result-inner-card {
background-color: hsl(var(--card));
box-shadow: 0 1px 3px hsl(var(--foreground) / .06);
}
:focus:not(:focus-visible) {
outline: none !important;
}
:focus-visible:not([data-slot]) {
outline: .1px solid hsl(var(--ring));
outline-offset: .1px;
}
input:not(.input-plain):not([data-slot]):focus-visible, textarea:not(.input-plain):not([data-slot]):focus-visible, select:not(.input-plain):not([data-slot]):focus-visible {
outline: .1px solid hsl(var(--input-focus-border)) !important;
outline-offset: .1px !important;
}
input.input-no-focus-ring:not([data-slot]):focus-visible, textarea.input-no-focus-ring:not([data-slot]):focus-visible, select.input-no-focus-ring:not([data-slot]):focus-visible {
border-color: hsl(var(--input-focus-border)) !important;
box-shadow: none !important;
outline-offset: 0 !important;
outline: none !important;
}
input.input-plain:not([data-slot]):focus-visible, textarea.input-plain:not([data-slot]):focus-visible, select.input-plain:not([data-slot]):focus-visible {
outline-offset: 0 !important;
box-shadow: none !important;
border: none !important;
outline: 0 !important;
}
}
@property --tw-animation-delay {
syntax: "*";
inherits: false;
initial-value: 0s;
}
@property --tw-animation-direction {
syntax: "*";
inherits: false;
initial-value: normal;
}
@property --tw-animation-duration {
syntax: "*";
inherits: false
}
@property --tw-animation-fill-mode {
syntax: "*";
inherits: false;
initial-value: none;
}
@property --tw-animation-iteration-count {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@keyframes sds-accordion-down {
from {
height: 0;
}
to {
height: var(--radix-accordion-content-height);
}
}
@keyframes sds-accordion-up {
from {
height: var(--radix-accordion-content-height);
}
to {
height: 0;
}
}
@keyframes sds-collapsible-down {
from {
opacity: 0;
height: 0;
}
to {
height: var(--radix-collapsible-content-height);
opacity: 1;
}
}
@keyframes sds-collapsible-up {
from {
height: var(--radix-collapsible-content-height);
opacity: 1;
}
to {
opacity: 0;
height: 0;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes scale-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(.95);
}
}
@keyframes shimmer {
0%, 100% {
opacity: 1;
}
50% {
opacity: .5;
}
}
@keyframes progress-indeterminate {
from {
transform: translateX(-100%);
}
to {
transform: translateX(400%);
}
}
@keyframes skeleton-pulse {
0%, 100% {
background-color: var(--skeleton-rest, var(--bg-hover-strong));
}
50% {
background-color: var(--skeleton-peak, var(--bg-selected-strong));
}
}
@keyframes countdown {
from {
clip-path: inset(calc(100% - 4px) 0 0);
}
to {
clip-path: inset(calc(100% - 4px) 100% 0 0);
}
}
html:not([data-show-scrollbars="true"]), html:not([data-show-scrollbars="true"]) * {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
html:not([data-show-scrollbars="true"]) ::-webkit-scrollbar {
background: none !important;
width: 0 !important;
height: 0 !important;
display: none !important;
}
html:not([data-show-scrollbars="true"]) ::-webkit-scrollbar {
background: none !important;
width: 0 !important;
height: 0 !important;
display: none !important;
}
html[data-show-scrollbars="true"] {
--scrollbar-thumb-color: #52525bb8;
--scrollbar-thumb-hover-color: #52525bdb;
--scrollbar-thumb-active-color: #52525bf2;
}
html[data-show-scrollbars="true"], html[data-show-scrollbars="true"] * {
scrollbar-width: thin !important;
scrollbar-color: var(--scrollbar-thumb-color) transparent !important;
-ms-overflow-style: auto !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar {
background: none !important;
width: 8px !important;
height: 8px !important;
display: block !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar {
background: none !important;
width: 8px !important;
height: 8px !important;
display: block !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-track {
background: none !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-track {
background: none !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-color) !important;
background-color: var(--scrollbar-thumb-color) !important;
background-clip: padding-box !important;
border: 2px solid #0000 !important;
border-radius: 4px !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-color) !important;
background-color: var(--scrollbar-thumb-color) !important;
background-clip: padding-box !important;
border: 2px solid #0000 !important;
border-radius: 4px !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-thumb-hover-color) !important;
background-color: var(--scrollbar-thumb-hover-color) !important;
background-clip: padding-box !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-thumb-hover-color) !important;
background-color: var(--scrollbar-thumb-hover-color) !important;
background-clip: padding-box !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-thumb:active {
background: var(--scrollbar-thumb-active-color) !important;
background-color: var(--scrollbar-thumb-active-color) !important;
background-clip: padding-box !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-thumb:active {
background: var(--scrollbar-thumb-active-color) !important;
background-color: var(--scrollbar-thumb-active-color) !important;
background-clip: padding-box !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-corner {
background: none !important;
}
html[data-show-scrollbars="true"] ::-webkit-scrollbar-corner {
background: none !important;
}
html[data-show-scrollbars="true"] .scrollbar-hidden {
scrollbar-width: thin !important;
scrollbar-color: var(--scrollbar-thumb-color) transparent !important;
-ms-overflow-style: auto !important;
}
.scrollbar-visible {
scrollbar-width: thin !important;
scrollbar-color: var(--scrollbar-thumb-color, #52525bb8) transparent !important;
-ms-overflow-style: auto !important;
}
.scrollbar-visible::-webkit-scrollbar {
background: none !important;
width: 8px !important;
height: 8px !important;
display: block !important;
}
.scrollbar-visible::-webkit-scrollbar-track {
background: none !important;
}
.scrollbar-visible::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-color, #52525bb8) !important;
background-clip: padding-box !important;
border: 2px solid #0000 !important;
border-radius: 4px !important;
}
.scrollbar-visible::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-thumb-hover-color, #52525bdb) !important;
background-clip: padding-box !important;
}
.scrollbar-visible::-webkit-scrollbar-thumb:active {
background: var(--scrollbar-thumb-active-color, #52525bf2) !important;
background-clip: padding-box !important;
}
.scrollbar-visible::-webkit-scrollbar-corner {
background: none !important;
}
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[role="dialog"], [data-radix-dialog-content], [data-radix-popover-content], [data-radix-dropdown-content], [data-radix-select-content], [data-radix-tooltip-content], [data-radix-menu-content] {
backface-visibility: hidden;
}
.slide-panel, [data-state="open"][data-side], [data-state="closed"][data-side] {
will-change: transform;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
:root, :root.sand {
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light;
}
:root.stone {
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
}
html[data-theme-loading] * {
contain: layout style;
transition: none !important;
animation: none !important;
}
.theme-loading .glass-panel {
-webkit-backdrop-filter: none !important;
transition: none !important;
}
.theme-loading .sidebar-panel {
transition: none !important;
}
.theme-loading .glass-panel-light, .theme-loading .glass-panel-dark {
-webkit-backdrop-filter: none !important;
transition: none !important;
}
html[data-theme-loading] .sand {
background-color: hsl(var(--background));
color: hsl(var(--foreground));
}
html {
color: #272620;
background-color: #f6f6f3;
}
.theme-loading [class*="bg-background"], .theme-loading [class*="bg-card"], .theme-loading [class*="bg-muted"], .theme-loading [class*="text-foreground"], .theme-loading [class*="text-muted-foreground"], .theme-loading [class*="border-border"] {
transition: none !important;
}
.theme-loading .sidebar-panel, .theme-loading [data-sidebar], .theme-loading [role="button"], .theme-loading button, .theme-loading [class*="filter-"] {
contain: layout style;
transition: none !important;
animation: none !important;
}
.theme-loading .dropdown-menu, .theme-loading .popover, .theme-loading .tooltip, .theme-loading .dialog {
transition: none !important;
animation: none !important;
}
.theme-loading nav, .theme-loading [role="navigation"], .theme-loading [class*="nav-"] {
transition: none !important;
}
.playbook-builder, .workflow-editor, .workflow-canvas, [data-playbook-builder], [data-workflow-editor] {
will-change: auto;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
[draggable="true"], .draggable, .sortable-item, [data-dnd-kit-draggable], [data-sortable] {
will-change: transform;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.card-shimmer-fix, [data-card], .kanban-card, .list-item-animated {
will-change: transform, box-shadow;
backface-visibility: hidden;
transform: translateZ(0);
}
.no-shimmer, .shimmer-fix {
will-change: auto;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
transform: translate3d(0, 0, 0);
}
html[data-show-scrollbars="true"].sand, html[data-show-scrollbars="true"] .sand {
--scrollbar-thumb-color: #5b5245b8;
--scrollbar-thumb-hover-color: #5b5245db;
--scrollbar-thumb-active-color: #5b5245f2;
}
html[data-show-scrollbars="true"].stone, html[data-show-scrollbars="true"] .stone {
--scrollbar-thumb-color: #d6b8b19e;
--scrollbar-thumb-hover-color: #d6b8b1c7;
--scrollbar-thumb-active-color: #d6b8b1eb;
}
html[data-show-scrollbars="true"] .scrollbar-thin::-webkit-scrollbar {
width: 6px !important;
height: 6px !important;
}
html[data-show-scrollbars="true"] .scrollbar-thin::-webkit-scrollbar-track {
background: none !important;
}
html[data-show-scrollbars="true"] .scrollbar-thin::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-color) !important;
border-radius: 3px !important;
}
html[data-show-scrollbars="true"] .scrollbar-thin::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-thumb-hover-color) !important;
}
.reply-box-collapsed {
opacity: 1;
max-height: 64px;
}
.reply-box-expanded {
opacity: 1;
max-height: 500px;
}
img {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.avatar-image {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
pointer-events: none;
border-radius: var(--radius-md);
}
.perspective {
perspective: 1000px;
}
.transform-style-preserve-3d {
transform-style: preserve-3d;
}
.backface-hidden {
backface-visibility: hidden;
}
.rotate-y-180 {
transform: rotateY(180deg);
}
.collapsible-content {
grid-template-rows: 0fr;
transition: grid-template-rows .25s ease-out;
display: grid;
}
.collapsible-content[data-state="open"] {
grid-template-rows: 1fr;
}
.collapsible-content[data-state="closed"] {
grid-template-rows: 0fr;
}
.collapsible-content-inner {
overflow: hidden;
}
.collapsible-content[data-state="open"] {
opacity: 1;
grid-template-rows: 1fr;
}
.collapsible-content[data-state="closed"] {
opacity: 0;
grid-template-rows: 0fr;
}
.collapsible-content > * {
overflow: hidden;
}
.isolate-layer {
isolation: isolate;
transform: translateZ(0);
}
.contain-paint {
contain: paint;
}
.contain-layout {
contain: layout;
}
.contain-strict {
contain: strict;
}
.content-visibility-auto {
content-visibility: auto;
contain-intrinsic-size: auto 500px;
}
.text-crisp {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizelegibility;
}
.border-crisp {
backface-visibility: hidden;
transform: translateZ(0);
}
.gpu-accelerate {
will-change: transform;
backface-visibility: hidden;
perspective: 1000px;
transform: translate3d(0, 0, 0);
}
.gpu-opacity {
will-change: opacity;
backface-visibility: hidden;
transform: translateZ(0);
}
.gpu-transform {
will-change: transform;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.promote-layer {
transform: translateZ(0);
}
@font-face {
font-family: Season Mix;
src: url("/fonts/SeasonMix-Regular.woff2") format("woff2"), url("/fonts/SeasonMix-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-season-mix {
font-family: Season Mix, Season Sans, system-ui, -apple-system, sans-serif;
}
@font-face {
font-family: Season Sans;
src: url("/fonts/SeasonSans-Regular.woff2") format("woff2"), url("/fonts/SeasonSans-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Season Sans;
src: url("/fonts/SeasonSans-Medium.woff2") format("woff2"), url("/fonts/SeasonSans-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fragment Mono;
src: url("/fonts/FragmentMono-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fragment Mono;
src: url("/fonts/FragmentMono-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
.superdoc__layers ::selection {
color: inherit;
background-color: #0000;
}
.superdoc__layers ::selection {
color: inherit;
background-color: #0000;
}
.sandstone-superdoc-mount .superdoc__right-sidebar.right-sidebar {
right: auto;
}
[data-swap-region]:not([data-hydrated]):has( > [data-swap-content] > [data-page-ready]) > [data-swap-skeleton] {
display: none;
}
[data-swap-region]:not([data-hydrated]):not(:has( > [data-swap-content] > [data-page-ready])) > [data-swap-content] {
visibility: hidden;
position: absolute;
inset: 0;
overflow: hidden;
}
[data-swap-skeleton][data-leaving] {
opacity: 0;
transition-duration: var(--duration-fast-exit);
transition-timing-function: var(--ease-fast-exit);
}
[data-swap-content] {
transition: opacity var(--duration-base-enter) var(--ease-base-enter);
}
[data-swap-content][data-armed] {
opacity: 0;
will-change: opacity;
transition: none;
}
::selection {
background-color: hsl(var(--brand-clay) / .3);
color: hsl(var(--foreground));
}
::selection {
background-color: hsl(var(--brand-clay) / .3);
color: hsl(var(--foreground));
}
iframe[src*="merge"], iframe[src*="link"], div[data-testid*="merge"], div[data-testid*="link"], div[class*="merge-link"], div[class*="MergeLink"], div[class*="merge_link"], div[class*="merge-modal"], div[class*="MergeModal"], div[id*="merge"], div[id*="link"], #merge-link-container, [data-merge-link-container], [data-merge-root], .merge-link-portal, .merge-modal-portal {
z-index: 50000 !important;
pointer-events: auto !important;
position: fixed !important;
inset: 0 !important;
}
iframe[src*="merge"] *, iframe[src*="link"] *, div[data-testid*="merge"] *, div[data-testid*="link"] *, div[class*="merge-link"] *, div[class*="MergeLink"] *, div[class*="merge_link"] *, div[class*="merge-modal"] *, div[class*="MergeModal"] *, div[id*="merge"] *, div[id*="link"] *, #merge-link-container *, [data-merge-link-container] *, [data-merge-root] *, .merge-link-portal *, .merge-modal-portal * {
pointer-events: auto !important;
}
:is(body:has(iframe[src*="merge"]) .app-dialog-overlay, body:has(div[data-testid*="merge"]) .app-dialog-overlay, body:has(div[class*="merge-link"]) .app-dialog-overlay) {
pointer-events: none !important;
}
iframe[src*="merge"], iframe[src*="link"] {
z-index: 50001 !important;
}
@media (max-width: 1024px) {
.settings-panel-wide {
width: 100%;
}
}
@media (max-width: 768px) {
.settings-panel-wide {
width: 100%;
height: 100%;
}
}
body.workspace-split-view aside[class*="sidebar"] {
position: fixed !important;
}
body.workspace-split-view aside[class*="sidebar"]:not([class*="w-16"]) {
box-shadow: 4px 0 12px hsl(var(--ring) / .15);
z-index: var(--z-overlay) !important;
background-color: hsl(var(--background)) !important;
opacity: 1 !important;
-webkit-backdrop-filter: none !important;
}
body.workspace-split-view aside[class*="sidebar"]:not([class*="w-16"]):before, body.workspace-split-view aside[class*="sidebar"]:not([class*="w-16"]):after {
content: none !important;
display: none !important;
}
.textLayer {
text-align: initial;
opacity: 1;
-moz-text-size-adjust: none;
text-size-adjust: none;
forced-color-adjust: none;
transform-origin: 0 0;
z-index: 2;
line-height: 1;
position: absolute;
inset: 0;
overflow: clip;
}
.textLayer :is(span, br) {
color: #0000;
white-space: pre;
transform-origin: 0 0;
position: absolute;
}
.textLayer span.markedContent {
height: 0;
top: 0;
}
:root {
--pdf-search-highlight: #ffdc0033;
--pdf-search-highlight-selected: #ff8c0047;
--sandstone-lens-selection: #2b4a6f;
--sandstone-lens-selected-fill: var(--sandstone-lens-selection);
}
@supports (color: color-mix(in lab, red, red)) {
:root {
--sandstone-lens-selected-fill: color-mix(in srgb, var(--sandstone-lens-selection) 30%, transparent);
}
}
:root {
--sandstone-lens-field: #ddd2ba;
--sandstone-lens-field-dim: var(--sandstone-lens-field);
}
@supports (color: color-mix(in lab, red, red)) {
:root {
--sandstone-lens-field-dim: color-mix(in srgb, var(--sandstone-lens-field) 35%, transparent);
}
}
:root {
--sandstone-lens-condition: hsl(var(--ui-green) / .2);
--sandstone-lens-condition-2: hsl(var(--ui-green) / .37);
--sandstone-lens-condition-3: hsl(var(--ui-green) / .53);
--sandstone-lens-condition-4: hsl(var(--ui-green) / .63);
}
.textLayer .highlight {
background-color: var(--pdf-search-highlight);
border-radius: 4px;
margin: -1px;
padding: 1px;
}
.textLayer .highlight.appended {
position: initial;
}
.textLayer .highlight.begin {
border-radius: 4px 0 0 4px;
}
.textLayer .highlight.end {
border-radius: 0 4px 4px 0;
}
.textLayer .highlight.middle {
border-radius: 0;
}
.textLayer .highlight.selected {
background-color: var(--pdf-search-highlight-selected);
}
.pdf-highlight-layer {
z-index: 1;
pointer-events: none;
position: absolute;
inset: 0;
overflow: clip;
}
.pdf-highlight-bar {
background-color: var(--pdf-search-highlight);
border-radius: 3px;
position: absolute;
}
.pdf-highlight-bar.selected {
background-color: var(--pdf-search-highlight-selected);
}
[data-sandstone-paint~="fields"] .sandstone-lens-field {
background-color: var(--sandstone-lens-field-fill, var(--sandstone-lens-field));
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition {
background-color: var(--sandstone-lens-condition);
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition-2 {
background-color: var(--sandstone-lens-condition-2);
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition-3 {
background-color: var(--sandstone-lens-condition-3);
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition-4 {
background-color: var(--sandstone-lens-condition-4);
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition-band[data-superdoc-ext-lenscond] {
--sandstone-lens-band: var(--sandstone-lens-condition);
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition-band-2[data-superdoc-ext-lenscond] {
--sandstone-lens-band: var(--sandstone-lens-condition-2);
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition-band-3[data-superdoc-ext-lenscond] {
--sandstone-lens-band: var(--sandstone-lens-condition-3);
}
[data-sandstone-paint~="conditions"] .sandstone-lens-condition-band-4[data-superdoc-ext-lenscond] {
--sandstone-lens-band: var(--sandstone-lens-condition-4);
}
[data-sandstone-lens] :is(.sandstone-lens-condition-band, .sandstone-lens-condition-band-2, .sandstone-lens-condition-band-3, .sandstone-lens-condition-band-4)[data-superdoc-ext-lenscond] {
--sd-content-controls-custom-block-bg: var(--sandstone-lens-band);
--sd-content-controls-custom-block-hover-bg: var(--sandstone-lens-band);
--sd-content-controls-custom-block-selected-bg: var(--sandstone-lens-band);
background-color: var(--sandstone-lens-band);
}
[data-sandstone-lens] :is(.sandstone-lens-condition-band, .sandstone-lens-condition-band-2, .sandstone-lens-condition-band-3, .sandstone-lens-condition-band-4) :is(.sandstone-lens-condition-band, .sandstone-lens-condition-band-2, .sandstone-lens-condition-band-3, .sandstone-lens-condition-band-4)[data-superdoc-ext-lenscond] {
background-color: #0000;
}
[data-sandstone-passage-outline] {
pointer-events: none;
outline: 2px solid var(--sandstone-lens-selection);
outline-offset: 2px;
position: absolute;
}
[data-sandstone-hide-decorations="true"] .superdoc-table-fragment[data-sandstone-table-anchor], [data-sandstone-lens="fields"] .superdoc-table-fragment[data-sandstone-table-anchor], [data-sandstone-lens="conditions"] .superdoc-table-fragment[data-sandstone-table-anchor] {
outline: none;
}
[data-sandstone-hide-decorations="true"] .superdoc-table-fragment[data-sandstone-table-anchor]:before, [data-sandstone-lens="fields"] .superdoc-table-fragment[data-sandstone-table-anchor]:before, [data-sandstone-lens="conditions"] .superdoc-table-fragment[data-sandstone-table-anchor]:before {
content: none;
display: none;
}
[data-sandstone-lens="all"] .superdoc-table-fragment[data-sandstone-table-anchor], [data-sandstone-lens="tables"] .superdoc-table-fragment[data-sandstone-table-anchor] {
outline-color: hsl(var(--brand-terracotta));
}
.superdoc-table-fragment[data-sandstone-table-anchor][data-sandstone-locate-outline], [data-sandstone-locate-outline] {
outline: 2px solid var(--sandstone-lens-selection);
outline-offset: 2px;
}
.superdoc-table-fragment[data-sandstone-table-anchor] {
outline: 2px solid hsl(var(--ui-blue) / .8);
outline-offset: 3px;
border-radius: 2px;
}
.superdoc-table-fragment[data-sandstone-table-anchor]:before {
content: attr(data-sandstone-table-anchor);
width: max-content;
max-width: calc(var(--sandstone-table-anchor-gutter, 6rem) - 1rem);
-webkit-line-clamp: 2;
background-color: hsl(var(--brand-shadow-dark));
color: #fff;
white-space: normal;
overflow-wrap: anywhere;
text-align: right;
pointer-events: none;
border-radius: .25rem;
-webkit-box-orient: vertical;
padding: 0 .4rem;
font-size: .75rem;
font-weight: 500;
line-height: 1.125rem;
display: -webkit-box;
position: absolute;
top: -2px;
right: calc(100% + 10px);
overflow: hidden;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-scrollbar-thumb {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-scrollbar-track {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-ordinal {
syntax: "*";
inherits: false
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@property --tw-content {
syntax: "*";
inherits: false;
initial-value: "";
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@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));
filter: blur(var(--tw-enter-blur, 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));
filter: blur(var(--tw-exit-blur, 0));
}
}
@keyframes caret-blink {
0%, 70%, 100% {
opacity: 1;
}
20%, 50% {
opacity: 0;
}
}
@keyframes favorite-pop {
0% {
transform: scale(.9);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes status-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: .2;
}
}
/* [project]/packages/tooling/dev-tools/dist/dev-tools-styles.css [app-client] (css) */
button[data-tanstack-devtools-button] {
bottom: 36px !important;
}
button[data-react-query-devtools-button] {
bottom: 48px !important;
}
[class*="tsqd-"] {
max-width: none !important;
}
[class*="tsqd-main-panel"], [class*="ReactQueryDevtools"] > div, [id*="TanStackQueryDevtools"] > div {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: 0 !important;
}
/*# sourceMappingURL=%5Broot-of-the-server%5D__1-e17kqsq1io_._.css.map*/