23167 lines
607 KiB
CSS
23167 lines
607 KiB
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-space-y-reverse: 0;
|
|
--tw-space-x-reverse: 0;
|
|
--tw-divide-y-reverse: 0;
|
|
--tw-border-style: solid;
|
|
--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-text-shadow-color: initial;
|
|
--tw-text-shadow-alpha: 100%;
|
|
--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-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
"Liberation Mono", "Courier New", monospace;
|
|
--color-red-50: #ffece8;
|
|
--color-red-400: #f76560;
|
|
--color-red-500: #f53f3f;
|
|
--color-red-900: #770813;
|
|
--color-amber-50: #fffbeb;
|
|
--color-amber-100: #fef3c6;
|
|
--color-amber-400: #fcbb00;
|
|
--color-amber-500: #f99c00;
|
|
--color-amber-600: #dd7400;
|
|
--color-amber-800: #953d00;
|
|
--color-yellow-50: #fff7e9;
|
|
--color-yellow-400: #ff9a2d;
|
|
--color-yellow-500: #ff7d00;
|
|
--color-yellow-900: #4d1b00;
|
|
--color-green-50: #f4fff0;
|
|
--color-green-400: #85ff75;
|
|
--color-green-500: #64d959;
|
|
--color-green-600: #4ec740;
|
|
--color-green-900: #002e25;
|
|
--color-emerald-100: #d0fae5;
|
|
--color-emerald-500: #00bb7f;
|
|
--color-emerald-600: #009767;
|
|
--color-emerald-700: #007956;
|
|
--color-sky-100: #dff2fe;
|
|
--color-sky-300: #77d4ff;
|
|
--color-sky-400: #00bcfe;
|
|
--color-sky-600: #0084cc;
|
|
--color-blue-50: #e8f7ff;
|
|
--color-blue-400: #3d9bff;
|
|
--color-blue-500: #147dff;
|
|
--color-blue-600: #206ccf;
|
|
--color-blue-900: #002066;
|
|
--color-indigo-50: #eef2ff;
|
|
--color-indigo-100: #e0e7ff;
|
|
--color-indigo-200: #c7d2ff;
|
|
--color-indigo-300: #a4b3ff;
|
|
--color-indigo-500: #625fff;
|
|
--color-indigo-700: #432dd7;
|
|
--color-indigo-800: #372aac;
|
|
--color-indigo-900: #312c85;
|
|
--color-violet-100: #ede9fe;
|
|
--color-violet-500: #8d54ff;
|
|
--color-purple-400: #c07eff;
|
|
--color-purple-600: #9810fa;
|
|
--color-purple-700: #8200da;
|
|
--color-slate-50: #f8fafc;
|
|
--color-gray-50: #f9fafb;
|
|
--color-gray-100: #f3f4f6;
|
|
--color-gray-200: #e5e7eb;
|
|
--color-gray-300: #d1d5dc;
|
|
--color-gray-400: #99a1af;
|
|
--color-gray-500: #6a7282;
|
|
--color-gray-600: #4a5565;
|
|
--color-gray-700: #364153;
|
|
--color-gray-800: #1e2939;
|
|
--color-gray-900: #101828;
|
|
--color-neutral-50: #f7f7f7;
|
|
--color-neutral-100: #f2f3f5;
|
|
--color-neutral-200: #e5e6ec;
|
|
--color-neutral-300: #e3e3e3;
|
|
--color-neutral-400: #c4c4c4;
|
|
--color-neutral-500: #919191;
|
|
--color-neutral-600: #86909c;
|
|
--color-neutral-700: #525252;
|
|
--color-neutral-800: #363636;
|
|
--color-neutral-900: #171717;
|
|
--color-neutral-950: #141414;
|
|
--color-black: #000;
|
|
--spacing: 0.25rem;
|
|
--container-xs: 20rem;
|
|
--container-md: 28rem;
|
|
--container-lg: 32rem;
|
|
--container-2xl: 42rem;
|
|
--container-3xl: 48rem;
|
|
--container-4xl: 56rem;
|
|
--text-xs: 0.75rem;
|
|
--text-xs--line-height: calc(1 / 0.75);
|
|
--text-sm: 0.875rem;
|
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
--text-base: 1rem;
|
|
--text-base--line-height: calc(1.5 / 1);
|
|
--text-lg: 1.125rem;
|
|
--text-lg--line-height: calc(1.75 / 1.125);
|
|
--text-xl: 1.25rem;
|
|
--text-xl--line-height: calc(1.75 / 1.25);
|
|
--text-2xl: 1.5rem;
|
|
--text-2xl--line-height: calc(2 / 1.5);
|
|
--text-3xl: 1.875rem;
|
|
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
--text-4xl: 2.25rem;
|
|
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
--text-6xl: 3.75rem;
|
|
--text-6xl--line-height: 1;
|
|
--font-weight-normal: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
--tracking-tight: -0.025em;
|
|
--leading-tight: 1.25;
|
|
--leading-snug: 1.375;
|
|
--leading-normal: 1.5;
|
|
--leading-relaxed: 1.625;
|
|
--radius-sm: 4px;
|
|
--radius-md: 6px;
|
|
--radius-lg: 8px;
|
|
--radius-xl: 12px;
|
|
--radius-2xl: 16px;
|
|
--drop-shadow-sm: 0 1px 2px #00000026;
|
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--blur-sm: 8px;
|
|
--blur-md: 12px;
|
|
--blur-lg: 16px;
|
|
--blur-xl: 24px;
|
|
--blur-2xl: 40px;
|
|
--aspect-video: 16/9;
|
|
--default-transition-duration: 0.15s;
|
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--default-font-family: var(--font-sans);
|
|
--default-mono-font-family: var(--font-mono);
|
|
--spacing-0: 0px;
|
|
--spacing-1: 4px;
|
|
--spacing-2: 8px;
|
|
--spacing-3: 12px;
|
|
--spacing-4: 16px;
|
|
--spacing-6: 24px;
|
|
--spacing-8: 32px;
|
|
--height-xs: 24px;
|
|
--height-sm: 28px;
|
|
--height-md: 32px;
|
|
--height-lg: 40px;
|
|
--height-xl: 48px;
|
|
--radius-full: 9999px;
|
|
--color-brand-50: #e6f5ff;
|
|
--color-brand-300: #70acff;
|
|
--color-brand-400: #478eff;
|
|
--color-brand-500: #3d9bff;
|
|
--color-brand-600: #1f6dff;
|
|
--color-brand-900: #00318c;
|
|
--color-neutral-0: #fff;
|
|
--color-white-alpha-10: #ffffff1a;
|
|
--color-white-alpha-25: #ffffff40;
|
|
--color-white-alpha-40: #fff6;
|
|
--color-white-alpha-50: #ffffff80;
|
|
--color-black-alpha-5: #0000000d;
|
|
--color-black-alpha-10: #0000001a;
|
|
--color-black-alpha-50: #00000080;
|
|
--color-black-alpha-70: #000000b2;
|
|
--duration-normal: 0.3s;
|
|
--duration-slow: 0.5s;
|
|
--color-fg-default: var(--fg-default);
|
|
--color-fg-muted: var(--fg-muted);
|
|
--color-background: var(--bg-page);
|
|
--color-primary: var(--color-brand-400);
|
|
--z-chrome: 100;
|
|
--z-sticky: 200;
|
|
--z-dropdown: 300;
|
|
--z-panel: 400;
|
|
--z-modal: 500;
|
|
--z-overlay: 600;
|
|
--z-toast: 700;
|
|
--z-critical: 800;
|
|
--font-text: var(--font-Inter), ui-sans-serif, -apple-system, system-ui,
|
|
"Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif,
|
|
"Segoe UI Emoji", "Segoe UI Symbol";
|
|
--font-title-latin: var(--font-Barlow-Condensed), ui-sans-serif,
|
|
-apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji",
|
|
Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
|
|
--font-title-cjk: var(--font-Inter), ui-sans-serif, -apple-system,
|
|
system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif,
|
|
"Segoe UI Emoji", "Segoe UI Symbol";
|
|
--font-sub-title-latin: var(--font-Poppins), ui-sans-serif, -apple-system,
|
|
system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif,
|
|
"Segoe UI Emoji", "Segoe UI Symbol";
|
|
--font-sub-title-cjk: var(--font-Inter), ui-sans-serif, -apple-system,
|
|
system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif,
|
|
"Segoe UI Emoji", "Segoe UI Symbol";
|
|
--animate-rainbow: rainbow 3s ease infinite;
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
:root,
|
|
:host {
|
|
--color-amber-50: lab(98.6252% -0.635922 8.42309);
|
|
--color-amber-100: lab(95.916% -1.21653 23.111);
|
|
--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-800: lab(37.8822% 37.1699 52.2718);
|
|
--color-emerald-100: lab(94.9004% -17.0769 5.63836);
|
|
--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-sky-100: lab(94.3709% -4.56053 -8.23453);
|
|
--color-sky-300: lab(80.3307% -20.2945 -31.385);
|
|
--color-sky-400: lab(70.687% -23.6078 -45.9483);
|
|
--color-sky-600: lab(51.7754% -11.4712 -49.8349);
|
|
--color-indigo-50: lab(95.4818% 0.411302 -6.78529);
|
|
--color-indigo-100: lab(91.6577% 1.04591 -12.7199);
|
|
--color-indigo-200: lab(84.4329% 3.18977 -23.9688);
|
|
--color-indigo-300: lab(74.0235% 8.54138 -41.6075);
|
|
--color-indigo-500: lab(48.295% 38.3129 -81.9673);
|
|
--color-indigo-700: lab(32.4486% 49.2217 -84.6695);
|
|
--color-indigo-800: lab(26.6645% 37.9804 -68.6402);
|
|
--color-indigo-900: lab(23.3911% 24.6978 -50.4718);
|
|
--color-violet-100: lab(93.0838% 4.35197 -9.88284);
|
|
--color-violet-500: lab(49.9355% 55.1776 -81.8963);
|
|
--color-purple-400: lab(63.6946% 47.6127 -59.2066);
|
|
--color-purple-600: lab(43.0295% 75.21 -86.5669);
|
|
--color-purple-700: lab(36.1758% 69.8525 -80.0381);
|
|
--color-slate-50: lab(98.1434% -0.369519 -1.05966);
|
|
--color-gray-50: lab(98.2596% -0.247031 -0.706708);
|
|
--color-gray-100: lab(96.1596% -0.0823438 -1.13575);
|
|
--color-gray-200: lab(91.6229% -0.159115 -2.26791);
|
|
--color-gray-300: lab(85.1236% -0.612259 -3.7138);
|
|
--color-gray-400: lab(65.9269% -0.832707 -8.17473);
|
|
--color-gray-500: lab(47.7841% -0.393182 -10.0268);
|
|
--color-gray-600: lab(35.6337% -1.58697 -10.8425);
|
|
--color-gray-700: lab(27.1134% -0.956401 -12.3224);
|
|
--color-gray-800: lab(16.1051% -1.18239 -11.7533);
|
|
--color-gray-900: lab(8.11897% 0.811279 -12.254);
|
|
}
|
|
}
|
|
}
|
|
@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,
|
|
ui-sans-serif,
|
|
system-ui,
|
|
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;
|
|
-webkit-text-decoration: inherit;
|
|
-webkit-text-decoration: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
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;
|
|
}
|
|
table {
|
|
text-indent: 0;
|
|
border-color: inherit;
|
|
border-collapse: collapse;
|
|
}
|
|
:-moz-focusring {
|
|
outline: auto;
|
|
}
|
|
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,
|
|
:host {
|
|
color-scheme: var(--mantine-color-scheme);
|
|
}
|
|
input,
|
|
button,
|
|
textarea,
|
|
select {
|
|
font: inherit;
|
|
}
|
|
body,
|
|
:host {
|
|
font-family: var(--mantine-font-family);
|
|
font-size: var(--mantine-font-size-md);
|
|
line-height: var(--mantine-line-height);
|
|
background-color: var(--mantine-color-body);
|
|
color: var(--mantine-color-text);
|
|
-webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
|
|
-moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
|
|
margin: 0;
|
|
}
|
|
@media screen and (max-device-width: 31.25em) {
|
|
body,
|
|
:host {
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
[data-respect-reduced-motion] [data-reduce-motion] {
|
|
transition: none;
|
|
animation: none;
|
|
}
|
|
}
|
|
[data-mantine-color-scheme="light"] .mantine-light-hidden,
|
|
[data-mantine-color-scheme="dark"] .mantine-dark-hidden {
|
|
display: none;
|
|
}
|
|
.mantine-focus-auto:focus-visible,
|
|
.mantine-focus-always:focus {
|
|
outline: 2px solid var(--mantine-primary-color-filled);
|
|
outline-offset: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
.mantine-focus-never:focus {
|
|
outline: none;
|
|
}
|
|
.mantine-active:active {
|
|
transform: translateY(calc(0.0625rem * var(--mantine-scale)));
|
|
}
|
|
fieldset:disabled .mantine-active:active {
|
|
transform: none;
|
|
}
|
|
:where([dir="rtl"]) .mantine-rotate-rtl {
|
|
transform: rotate(180deg);
|
|
}
|
|
:root,
|
|
:host {
|
|
--mantine-z-index-app: 100;
|
|
--mantine-z-index-modal: 200;
|
|
--mantine-z-index-popover: 300;
|
|
--mantine-z-index-overlay: 400;
|
|
--mantine-z-index-max: 9999;
|
|
--mantine-scale: 1;
|
|
--mantine-cursor-type: default;
|
|
--mantine-webkit-font-smoothing: antialiased;
|
|
--mantine-moz-font-smoothing: grayscale;
|
|
--mantine-color-white: #fff;
|
|
--mantine-color-black: #000;
|
|
--mantine-line-height: 1.55;
|
|
--mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
|
Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
--mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo,
|
|
Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
|
--mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI,
|
|
Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
--mantine-heading-font-weight: 700;
|
|
--mantine-heading-text-wrap: wrap;
|
|
--mantine-radius-default: calc(0.25rem * var(--mantine-scale));
|
|
--mantine-primary-color-filled: var(--mantine-color-blue-filled);
|
|
--mantine-primary-color-filled-hover: var(
|
|
--mantine-color-blue-filled-hover
|
|
);
|
|
--mantine-primary-color-light: var(--mantine-color-blue-light);
|
|
--mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
|
|
--mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
|
|
--mantine-breakpoint-xs: 36em;
|
|
--mantine-breakpoint-sm: 48em;
|
|
--mantine-breakpoint-md: 62em;
|
|
--mantine-breakpoint-lg: 75em;
|
|
--mantine-breakpoint-xl: 88em;
|
|
--mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
|
|
--mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
|
|
--mantine-spacing-md: calc(1rem * var(--mantine-scale));
|
|
--mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
|
|
--mantine-spacing-xl: calc(2rem * var(--mantine-scale));
|
|
--mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
|
|
--mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
|
|
--mantine-font-size-md: calc(1rem * var(--mantine-scale));
|
|
--mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
|
|
--mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
|
|
--mantine-line-height-xs: 1.4;
|
|
--mantine-line-height-sm: 1.45;
|
|
--mantine-line-height-md: 1.55;
|
|
--mantine-line-height-lg: 1.6;
|
|
--mantine-line-height-xl: 1.65;
|
|
--mantine-shadow-xs: 0 calc(0.0625rem * var(--mantine-scale))
|
|
calc(0.1875rem * var(--mantine-scale)) #0000000d,
|
|
0 calc(0.0625rem * var(--mantine-scale))
|
|
calc(0.125rem * var(--mantine-scale)) #0000001a;
|
|
--mantine-shadow-sm: 0 calc(0.0625rem * var(--mantine-scale))
|
|
calc(0.1875rem * var(--mantine-scale)) #0000000d,
|
|
#0000000d 0 calc(0.625rem * var(--mantine-scale))
|
|
calc(0.9375rem * var(--mantine-scale))
|
|
calc(-0.3125rem * var(--mantine-scale)),
|
|
#0000000a 0 calc(0.4375rem * var(--mantine-scale))
|
|
calc(0.4375rem * var(--mantine-scale))
|
|
calc(-0.3125rem * var(--mantine-scale));
|
|
--mantine-shadow-md: 0 calc(0.0625rem * var(--mantine-scale))
|
|
calc(0.1875rem * var(--mantine-scale)) #0000000d,
|
|
#0000000d 0 calc(1.25rem * var(--mantine-scale))
|
|
calc(1.5625rem * var(--mantine-scale))
|
|
calc(-0.3125rem * var(--mantine-scale)),
|
|
#0000000a 0 calc(0.625rem * var(--mantine-scale))
|
|
calc(0.625rem * var(--mantine-scale))
|
|
calc(-0.3125rem * var(--mantine-scale));
|
|
--mantine-shadow-lg: 0 calc(0.0625rem * var(--mantine-scale))
|
|
calc(0.1875rem * var(--mantine-scale)) #0000000d,
|
|
#0000000d 0 calc(1.75rem * var(--mantine-scale))
|
|
calc(1.4375rem * var(--mantine-scale))
|
|
calc(-0.4375rem * var(--mantine-scale)),
|
|
#0000000a 0 calc(0.75rem * var(--mantine-scale))
|
|
calc(0.75rem * var(--mantine-scale))
|
|
calc(-0.4375rem * var(--mantine-scale));
|
|
--mantine-shadow-xl: 0 calc(0.0625rem * var(--mantine-scale))
|
|
calc(0.1875rem * var(--mantine-scale)) #0000000d,
|
|
#0000000d 0 calc(2.25rem * var(--mantine-scale))
|
|
calc(1.75rem * var(--mantine-scale))
|
|
calc(-0.4375rem * var(--mantine-scale)),
|
|
#0000000a 0 calc(1.0625rem * var(--mantine-scale))
|
|
calc(1.0625rem * var(--mantine-scale))
|
|
calc(-0.4375rem * var(--mantine-scale));
|
|
--mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
|
|
--mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
|
|
--mantine-radius-md: calc(0.5rem * var(--mantine-scale));
|
|
--mantine-radius-lg: calc(1rem * var(--mantine-scale));
|
|
--mantine-radius-xl: calc(2rem * var(--mantine-scale));
|
|
--mantine-primary-color-0: var(--mantine-color-blue-0);
|
|
--mantine-primary-color-1: var(--mantine-color-blue-1);
|
|
--mantine-primary-color-2: var(--mantine-color-blue-2);
|
|
--mantine-primary-color-3: var(--mantine-color-blue-3);
|
|
--mantine-primary-color-4: var(--mantine-color-blue-4);
|
|
--mantine-primary-color-5: var(--mantine-color-blue-5);
|
|
--mantine-primary-color-6: var(--mantine-color-blue-6);
|
|
--mantine-primary-color-7: var(--mantine-color-blue-7);
|
|
--mantine-primary-color-8: var(--mantine-color-blue-8);
|
|
--mantine-primary-color-9: var(--mantine-color-blue-9);
|
|
--mantine-color-dark-0: #c9c9c9;
|
|
--mantine-color-dark-1: #b8b8b8;
|
|
--mantine-color-dark-2: #828282;
|
|
--mantine-color-dark-3: #696969;
|
|
--mantine-color-dark-4: #424242;
|
|
--mantine-color-dark-5: #3b3b3b;
|
|
--mantine-color-dark-6: #2e2e2e;
|
|
--mantine-color-dark-7: #242424;
|
|
--mantine-color-dark-8: #1f1f1f;
|
|
--mantine-color-dark-9: #141414;
|
|
--mantine-color-gray-0: #f8f9fa;
|
|
--mantine-color-gray-1: #f1f3f5;
|
|
--mantine-color-gray-2: #e9ecef;
|
|
--mantine-color-gray-3: #dee2e6;
|
|
--mantine-color-gray-4: #ced4da;
|
|
--mantine-color-gray-5: #adb5bd;
|
|
--mantine-color-gray-6: #868e96;
|
|
--mantine-color-gray-7: #495057;
|
|
--mantine-color-gray-8: #343a40;
|
|
--mantine-color-gray-9: #212529;
|
|
--mantine-color-red-0: #fff5f5;
|
|
--mantine-color-red-1: #ffe3e3;
|
|
--mantine-color-red-2: #ffc9c9;
|
|
--mantine-color-red-3: #ffa8a8;
|
|
--mantine-color-red-4: #ff8787;
|
|
--mantine-color-red-5: #ff6b6b;
|
|
--mantine-color-red-6: #fa5252;
|
|
--mantine-color-red-7: #f03e3e;
|
|
--mantine-color-red-8: #e03131;
|
|
--mantine-color-red-9: #c92a2a;
|
|
--mantine-color-pink-0: #fff0f6;
|
|
--mantine-color-pink-1: #ffdeeb;
|
|
--mantine-color-pink-2: #fcc2d7;
|
|
--mantine-color-pink-3: #faa2c1;
|
|
--mantine-color-pink-4: #f783ac;
|
|
--mantine-color-pink-5: #f06595;
|
|
--mantine-color-pink-6: #e64980;
|
|
--mantine-color-pink-7: #d6336c;
|
|
--mantine-color-pink-8: #c2255c;
|
|
--mantine-color-pink-9: #a61e4d;
|
|
--mantine-color-grape-0: #f8f0fc;
|
|
--mantine-color-grape-1: #f3d9fa;
|
|
--mantine-color-grape-2: #eebefa;
|
|
--mantine-color-grape-3: #e599f7;
|
|
--mantine-color-grape-4: #da77f2;
|
|
--mantine-color-grape-5: #cc5de8;
|
|
--mantine-color-grape-6: #be4bdb;
|
|
--mantine-color-grape-7: #ae3ec9;
|
|
--mantine-color-grape-8: #9c36b5;
|
|
--mantine-color-grape-9: #862e9c;
|
|
--mantine-color-violet-0: #f3f0ff;
|
|
--mantine-color-violet-1: #e5dbff;
|
|
--mantine-color-violet-2: #d0bfff;
|
|
--mantine-color-violet-3: #b197fc;
|
|
--mantine-color-violet-4: #9775fa;
|
|
--mantine-color-violet-5: #845ef7;
|
|
--mantine-color-violet-6: #7950f2;
|
|
--mantine-color-violet-7: #7048e8;
|
|
--mantine-color-violet-8: #6741d9;
|
|
--mantine-color-violet-9: #5f3dc4;
|
|
--mantine-color-indigo-0: #edf2ff;
|
|
--mantine-color-indigo-1: #dbe4ff;
|
|
--mantine-color-indigo-2: #bac8ff;
|
|
--mantine-color-indigo-3: #91a7ff;
|
|
--mantine-color-indigo-4: #748ffc;
|
|
--mantine-color-indigo-5: #5c7cfa;
|
|
--mantine-color-indigo-6: #4c6ef5;
|
|
--mantine-color-indigo-7: #4263eb;
|
|
--mantine-color-indigo-8: #3b5bdb;
|
|
--mantine-color-indigo-9: #364fc7;
|
|
--mantine-color-blue-0: #e7f5ff;
|
|
--mantine-color-blue-1: #d0ebff;
|
|
--mantine-color-blue-2: #a5d8ff;
|
|
--mantine-color-blue-3: #74c0fc;
|
|
--mantine-color-blue-4: #4dabf7;
|
|
--mantine-color-blue-5: #339af0;
|
|
--mantine-color-blue-6: #228be6;
|
|
--mantine-color-blue-7: #1c7ed6;
|
|
--mantine-color-blue-8: #1971c2;
|
|
--mantine-color-blue-9: #1864ab;
|
|
--mantine-color-cyan-0: #e3fafc;
|
|
--mantine-color-cyan-1: #c5f6fa;
|
|
--mantine-color-cyan-2: #99e9f2;
|
|
--mantine-color-cyan-3: #66d9e8;
|
|
--mantine-color-cyan-4: #3bc9db;
|
|
--mantine-color-cyan-5: #22b8cf;
|
|
--mantine-color-cyan-6: #15aabf;
|
|
--mantine-color-cyan-7: #1098ad;
|
|
--mantine-color-cyan-8: #0c8599;
|
|
--mantine-color-cyan-9: #0b7285;
|
|
--mantine-color-teal-0: #e6fcf5;
|
|
--mantine-color-teal-1: #c3fae8;
|
|
--mantine-color-teal-2: #96f2d7;
|
|
--mantine-color-teal-3: #63e6be;
|
|
--mantine-color-teal-4: #38d9a9;
|
|
--mantine-color-teal-5: #20c997;
|
|
--mantine-color-teal-6: #12b886;
|
|
--mantine-color-teal-7: #0ca678;
|
|
--mantine-color-teal-8: #099268;
|
|
--mantine-color-teal-9: #087f5b;
|
|
--mantine-color-green-0: #ebfbee;
|
|
--mantine-color-green-1: #d3f9d8;
|
|
--mantine-color-green-2: #b2f2bb;
|
|
--mantine-color-green-3: #8ce99a;
|
|
--mantine-color-green-4: #69db7c;
|
|
--mantine-color-green-5: #51cf66;
|
|
--mantine-color-green-6: #40c057;
|
|
--mantine-color-green-7: #37b24d;
|
|
--mantine-color-green-8: #2f9e44;
|
|
--mantine-color-green-9: #2b8a3e;
|
|
--mantine-color-lime-0: #f4fce3;
|
|
--mantine-color-lime-1: #e9fac8;
|
|
--mantine-color-lime-2: #d8f5a2;
|
|
--mantine-color-lime-3: #c0eb75;
|
|
--mantine-color-lime-4: #a9e34b;
|
|
--mantine-color-lime-5: #94d82d;
|
|
--mantine-color-lime-6: #82c91e;
|
|
--mantine-color-lime-7: #74b816;
|
|
--mantine-color-lime-8: #66a80f;
|
|
--mantine-color-lime-9: #5c940d;
|
|
--mantine-color-yellow-0: #fff9db;
|
|
--mantine-color-yellow-1: #fff3bf;
|
|
--mantine-color-yellow-2: #ffec99;
|
|
--mantine-color-yellow-3: #ffe066;
|
|
--mantine-color-yellow-4: #ffd43b;
|
|
--mantine-color-yellow-5: #fcc419;
|
|
--mantine-color-yellow-6: #fab005;
|
|
--mantine-color-yellow-7: #f59f00;
|
|
--mantine-color-yellow-8: #f08c00;
|
|
--mantine-color-yellow-9: #e67700;
|
|
--mantine-color-orange-0: #fff4e6;
|
|
--mantine-color-orange-1: #ffe8cc;
|
|
--mantine-color-orange-2: #ffd8a8;
|
|
--mantine-color-orange-3: #ffc078;
|
|
--mantine-color-orange-4: #ffa94d;
|
|
--mantine-color-orange-5: #ff922b;
|
|
--mantine-color-orange-6: #fd7e14;
|
|
--mantine-color-orange-7: #f76707;
|
|
--mantine-color-orange-8: #e8590c;
|
|
--mantine-color-orange-9: #d9480f;
|
|
--mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
|
|
--mantine-h1-line-height: 1.3;
|
|
--mantine-h1-font-weight: 700;
|
|
--mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
|
|
--mantine-h2-line-height: 1.35;
|
|
--mantine-h2-font-weight: 700;
|
|
--mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
|
|
--mantine-h3-line-height: 1.4;
|
|
--mantine-h3-font-weight: 700;
|
|
--mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
|
|
--mantine-h4-line-height: 1.45;
|
|
--mantine-h4-font-weight: 700;
|
|
--mantine-h5-font-size: calc(1rem * var(--mantine-scale));
|
|
--mantine-h5-line-height: 1.5;
|
|
--mantine-h5-font-weight: 700;
|
|
--mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
|
|
--mantine-h6-line-height: 1.5;
|
|
--mantine-h6-font-weight: 700;
|
|
}
|
|
:root[data-mantine-color-scheme="dark"],
|
|
:host([data-mantine-color-scheme="dark"]) {
|
|
--mantine-color-scheme: dark;
|
|
--mantine-primary-color-contrast: var(--mantine-color-white);
|
|
--mantine-color-bright: var(--mantine-color-white);
|
|
--mantine-color-text: var(--mantine-color-dark-0);
|
|
--mantine-color-body: var(--mantine-color-dark-7);
|
|
--mantine-color-error: var(--mantine-color-red-8);
|
|
--mantine-color-placeholder: var(--mantine-color-dark-3);
|
|
--mantine-color-anchor: var(--mantine-color-blue-4);
|
|
--mantine-color-default: var(--mantine-color-dark-6);
|
|
--mantine-color-default-hover: var(--mantine-color-dark-5);
|
|
--mantine-color-default-color: var(--mantine-color-white);
|
|
--mantine-color-default-border: var(--mantine-color-dark-4);
|
|
--mantine-color-dimmed: var(--mantine-color-dark-2);
|
|
--mantine-color-disabled: var(--mantine-color-dark-6);
|
|
--mantine-color-disabled-color: var(--mantine-color-dark-3);
|
|
--mantine-color-disabled-border: var(--mantine-color-dark-4);
|
|
--mantine-color-dark-text: var(--mantine-color-dark-4);
|
|
--mantine-color-dark-filled: var(--mantine-color-dark-8);
|
|
--mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
|
|
--mantine-color-dark-light: #2e2e2e26;
|
|
--mantine-color-dark-light-hover: #2e2e2e33;
|
|
--mantine-color-dark-light-color: var(--mantine-color-dark-3);
|
|
--mantine-color-dark-outline: var(--mantine-color-dark-4);
|
|
--mantine-color-dark-outline-hover: #4242420d;
|
|
--mantine-color-gray-text: var(--mantine-color-gray-4);
|
|
--mantine-color-gray-filled: var(--mantine-color-gray-8);
|
|
--mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
|
|
--mantine-color-gray-light: #868e9626;
|
|
--mantine-color-gray-light-hover: #868e9633;
|
|
--mantine-color-gray-light-color: var(--mantine-color-gray-3);
|
|
--mantine-color-gray-outline: var(--mantine-color-gray-4);
|
|
--mantine-color-gray-outline-hover: #ced4da0d;
|
|
--mantine-color-red-text: var(--mantine-color-red-4);
|
|
--mantine-color-red-filled: var(--mantine-color-red-8);
|
|
--mantine-color-red-filled-hover: var(--mantine-color-red-9);
|
|
--mantine-color-red-light: #fa525226;
|
|
--mantine-color-red-light-hover: #fa525233;
|
|
--mantine-color-red-light-color: var(--mantine-color-red-3);
|
|
--mantine-color-red-outline: var(--mantine-color-red-4);
|
|
--mantine-color-red-outline-hover: #ff87870d;
|
|
--mantine-color-pink-text: var(--mantine-color-pink-4);
|
|
--mantine-color-pink-filled: var(--mantine-color-pink-8);
|
|
--mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
|
|
--mantine-color-pink-light: #e6498026;
|
|
--mantine-color-pink-light-hover: #e6498033;
|
|
--mantine-color-pink-light-color: var(--mantine-color-pink-3);
|
|
--mantine-color-pink-outline: var(--mantine-color-pink-4);
|
|
--mantine-color-pink-outline-hover: #f783ac0d;
|
|
--mantine-color-grape-text: var(--mantine-color-grape-4);
|
|
--mantine-color-grape-filled: var(--mantine-color-grape-8);
|
|
--mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
|
|
--mantine-color-grape-light: #be4bdb26;
|
|
--mantine-color-grape-light-hover: #be4bdb33;
|
|
--mantine-color-grape-light-color: var(--mantine-color-grape-3);
|
|
--mantine-color-grape-outline: var(--mantine-color-grape-4);
|
|
--mantine-color-grape-outline-hover: #da77f20d;
|
|
--mantine-color-violet-text: var(--mantine-color-violet-4);
|
|
--mantine-color-violet-filled: var(--mantine-color-violet-8);
|
|
--mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
|
|
--mantine-color-violet-light: #7950f226;
|
|
--mantine-color-violet-light-hover: #7950f233;
|
|
--mantine-color-violet-light-color: var(--mantine-color-violet-3);
|
|
--mantine-color-violet-outline: var(--mantine-color-violet-4);
|
|
--mantine-color-violet-outline-hover: #9775fa0d;
|
|
--mantine-color-indigo-text: var(--mantine-color-indigo-4);
|
|
--mantine-color-indigo-filled: var(--mantine-color-indigo-8);
|
|
--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
|
|
--mantine-color-indigo-light: #4c6ef526;
|
|
--mantine-color-indigo-light-hover: #4c6ef533;
|
|
--mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
|
|
--mantine-color-indigo-outline: var(--mantine-color-indigo-4);
|
|
--mantine-color-indigo-outline-hover: #748ffc0d;
|
|
--mantine-color-blue-text: var(--mantine-color-blue-4);
|
|
--mantine-color-blue-filled: var(--mantine-color-blue-8);
|
|
--mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
|
|
--mantine-color-blue-light: #228be626;
|
|
--mantine-color-blue-light-hover: #228be633;
|
|
--mantine-color-blue-light-color: var(--mantine-color-blue-3);
|
|
--mantine-color-blue-outline: var(--mantine-color-blue-4);
|
|
--mantine-color-blue-outline-hover: #4dabf70d;
|
|
--mantine-color-cyan-text: var(--mantine-color-cyan-4);
|
|
--mantine-color-cyan-filled: var(--mantine-color-cyan-8);
|
|
--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
|
|
--mantine-color-cyan-light: #15aabf26;
|
|
--mantine-color-cyan-light-hover: #15aabf33;
|
|
--mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
|
|
--mantine-color-cyan-outline: var(--mantine-color-cyan-4);
|
|
--mantine-color-cyan-outline-hover: #3bc9db0d;
|
|
--mantine-color-teal-text: var(--mantine-color-teal-4);
|
|
--mantine-color-teal-filled: var(--mantine-color-teal-8);
|
|
--mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
|
|
--mantine-color-teal-light: #12b88626;
|
|
--mantine-color-teal-light-hover: #12b88633;
|
|
--mantine-color-teal-light-color: var(--mantine-color-teal-3);
|
|
--mantine-color-teal-outline: var(--mantine-color-teal-4);
|
|
--mantine-color-teal-outline-hover: #38d9a90d;
|
|
--mantine-color-green-text: var(--mantine-color-green-4);
|
|
--mantine-color-green-filled: var(--mantine-color-green-8);
|
|
--mantine-color-green-filled-hover: var(--mantine-color-green-9);
|
|
--mantine-color-green-light: #40c05726;
|
|
--mantine-color-green-light-hover: #40c05733;
|
|
--mantine-color-green-light-color: var(--mantine-color-green-3);
|
|
--mantine-color-green-outline: var(--mantine-color-green-4);
|
|
--mantine-color-green-outline-hover: #69db7c0d;
|
|
--mantine-color-lime-text: var(--mantine-color-lime-4);
|
|
--mantine-color-lime-filled: var(--mantine-color-lime-8);
|
|
--mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
|
|
--mantine-color-lime-light: #82c91e26;
|
|
--mantine-color-lime-light-hover: #82c91e33;
|
|
--mantine-color-lime-light-color: var(--mantine-color-lime-3);
|
|
--mantine-color-lime-outline: var(--mantine-color-lime-4);
|
|
--mantine-color-lime-outline-hover: #a9e34b0d;
|
|
--mantine-color-yellow-text: var(--mantine-color-yellow-4);
|
|
--mantine-color-yellow-filled: var(--mantine-color-yellow-8);
|
|
--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
|
|
--mantine-color-yellow-light: #fab00526;
|
|
--mantine-color-yellow-light-hover: #fab00533;
|
|
--mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
|
|
--mantine-color-yellow-outline: var(--mantine-color-yellow-4);
|
|
--mantine-color-yellow-outline-hover: #ffd43b0d;
|
|
--mantine-color-orange-text: var(--mantine-color-orange-4);
|
|
--mantine-color-orange-filled: var(--mantine-color-orange-8);
|
|
--mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
|
|
--mantine-color-orange-light: #fd7e1426;
|
|
--mantine-color-orange-light-hover: #fd7e1433;
|
|
--mantine-color-orange-light-color: var(--mantine-color-orange-3);
|
|
--mantine-color-orange-outline: var(--mantine-color-orange-4);
|
|
--mantine-color-orange-outline-hover: #ffa94d0d;
|
|
}
|
|
:root[data-mantine-color-scheme="light"],
|
|
:host([data-mantine-color-scheme="light"]) {
|
|
--mantine-color-scheme: light;
|
|
--mantine-primary-color-contrast: var(--mantine-color-white);
|
|
--mantine-color-bright: var(--mantine-color-black);
|
|
--mantine-color-text: #000;
|
|
--mantine-color-body: #fff;
|
|
--mantine-color-error: var(--mantine-color-red-6);
|
|
--mantine-color-placeholder: var(--mantine-color-gray-5);
|
|
--mantine-color-anchor: var(--mantine-color-blue-6);
|
|
--mantine-color-default: var(--mantine-color-white);
|
|
--mantine-color-default-hover: var(--mantine-color-gray-0);
|
|
--mantine-color-default-color: var(--mantine-color-black);
|
|
--mantine-color-default-border: var(--mantine-color-gray-4);
|
|
--mantine-color-dimmed: var(--mantine-color-gray-6);
|
|
--mantine-color-disabled: var(--mantine-color-gray-2);
|
|
--mantine-color-disabled-color: var(--mantine-color-gray-5);
|
|
--mantine-color-disabled-border: var(--mantine-color-gray-3);
|
|
--mantine-color-dark-text: var(--mantine-color-dark-filled);
|
|
--mantine-color-dark-filled: var(--mantine-color-dark-6);
|
|
--mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
|
|
--mantine-color-dark-light: #2e2e2e1a;
|
|
--mantine-color-dark-light-hover: #2e2e2e1f;
|
|
--mantine-color-dark-light-color: var(--mantine-color-dark-6);
|
|
--mantine-color-dark-outline: var(--mantine-color-dark-6);
|
|
--mantine-color-dark-outline-hover: #2e2e2e0d;
|
|
--mantine-color-gray-text: var(--mantine-color-gray-filled);
|
|
--mantine-color-gray-filled: var(--mantine-color-gray-6);
|
|
--mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
|
|
--mantine-color-gray-light: #868e961a;
|
|
--mantine-color-gray-light-hover: #868e961f;
|
|
--mantine-color-gray-light-color: var(--mantine-color-gray-6);
|
|
--mantine-color-gray-outline: var(--mantine-color-gray-6);
|
|
--mantine-color-gray-outline-hover: #868e960d;
|
|
--mantine-color-red-text: var(--mantine-color-red-filled);
|
|
--mantine-color-red-filled: var(--mantine-color-red-6);
|
|
--mantine-color-red-filled-hover: var(--mantine-color-red-7);
|
|
--mantine-color-red-light: #fa52521a;
|
|
--mantine-color-red-light-hover: #fa52521f;
|
|
--mantine-color-red-light-color: var(--mantine-color-red-6);
|
|
--mantine-color-red-outline: var(--mantine-color-red-6);
|
|
--mantine-color-red-outline-hover: #fa52520d;
|
|
--mantine-color-pink-text: var(--mantine-color-pink-filled);
|
|
--mantine-color-pink-filled: var(--mantine-color-pink-6);
|
|
--mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
|
|
--mantine-color-pink-light: #e649801a;
|
|
--mantine-color-pink-light-hover: #e649801f;
|
|
--mantine-color-pink-light-color: var(--mantine-color-pink-6);
|
|
--mantine-color-pink-outline: var(--mantine-color-pink-6);
|
|
--mantine-color-pink-outline-hover: #e649800d;
|
|
--mantine-color-grape-text: var(--mantine-color-grape-filled);
|
|
--mantine-color-grape-filled: var(--mantine-color-grape-6);
|
|
--mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
|
|
--mantine-color-grape-light: #be4bdb1a;
|
|
--mantine-color-grape-light-hover: #be4bdb1f;
|
|
--mantine-color-grape-light-color: var(--mantine-color-grape-6);
|
|
--mantine-color-grape-outline: var(--mantine-color-grape-6);
|
|
--mantine-color-grape-outline-hover: #be4bdb0d;
|
|
--mantine-color-violet-text: var(--mantine-color-violet-filled);
|
|
--mantine-color-violet-filled: var(--mantine-color-violet-6);
|
|
--mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
|
|
--mantine-color-violet-light: #7950f21a;
|
|
--mantine-color-violet-light-hover: #7950f21f;
|
|
--mantine-color-violet-light-color: var(--mantine-color-violet-6);
|
|
--mantine-color-violet-outline: var(--mantine-color-violet-6);
|
|
--mantine-color-violet-outline-hover: #7950f20d;
|
|
--mantine-color-indigo-text: var(--mantine-color-indigo-filled);
|
|
--mantine-color-indigo-filled: var(--mantine-color-indigo-6);
|
|
--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
|
|
--mantine-color-indigo-light: #4c6ef51a;
|
|
--mantine-color-indigo-light-hover: #4c6ef51f;
|
|
--mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
|
|
--mantine-color-indigo-outline: var(--mantine-color-indigo-6);
|
|
--mantine-color-indigo-outline-hover: #4c6ef50d;
|
|
--mantine-color-blue-text: var(--mantine-color-blue-filled);
|
|
--mantine-color-blue-filled: var(--mantine-color-blue-6);
|
|
--mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
|
|
--mantine-color-blue-light: #228be61a;
|
|
--mantine-color-blue-light-hover: #228be61f;
|
|
--mantine-color-blue-light-color: var(--mantine-color-blue-6);
|
|
--mantine-color-blue-outline: var(--mantine-color-blue-6);
|
|
--mantine-color-blue-outline-hover: #228be60d;
|
|
--mantine-color-cyan-text: var(--mantine-color-cyan-filled);
|
|
--mantine-color-cyan-filled: var(--mantine-color-cyan-6);
|
|
--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
|
|
--mantine-color-cyan-light: #15aabf1a;
|
|
--mantine-color-cyan-light-hover: #15aabf1f;
|
|
--mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
|
|
--mantine-color-cyan-outline: var(--mantine-color-cyan-6);
|
|
--mantine-color-cyan-outline-hover: #15aabf0d;
|
|
--mantine-color-teal-text: var(--mantine-color-teal-filled);
|
|
--mantine-color-teal-filled: var(--mantine-color-teal-6);
|
|
--mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
|
|
--mantine-color-teal-light: #12b8861a;
|
|
--mantine-color-teal-light-hover: #12b8861f;
|
|
--mantine-color-teal-light-color: var(--mantine-color-teal-6);
|
|
--mantine-color-teal-outline: var(--mantine-color-teal-6);
|
|
--mantine-color-teal-outline-hover: #12b8860d;
|
|
--mantine-color-green-text: var(--mantine-color-green-filled);
|
|
--mantine-color-green-filled: var(--mantine-color-green-6);
|
|
--mantine-color-green-filled-hover: var(--mantine-color-green-7);
|
|
--mantine-color-green-light: #40c0571a;
|
|
--mantine-color-green-light-hover: #40c0571f;
|
|
--mantine-color-green-light-color: var(--mantine-color-green-6);
|
|
--mantine-color-green-outline: var(--mantine-color-green-6);
|
|
--mantine-color-green-outline-hover: #40c0570d;
|
|
--mantine-color-lime-text: var(--mantine-color-lime-filled);
|
|
--mantine-color-lime-filled: var(--mantine-color-lime-6);
|
|
--mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
|
|
--mantine-color-lime-light: #82c91e1a;
|
|
--mantine-color-lime-light-hover: #82c91e1f;
|
|
--mantine-color-lime-light-color: var(--mantine-color-lime-6);
|
|
--mantine-color-lime-outline: var(--mantine-color-lime-6);
|
|
--mantine-color-lime-outline-hover: #82c91e0d;
|
|
--mantine-color-yellow-text: var(--mantine-color-yellow-filled);
|
|
--mantine-color-yellow-filled: var(--mantine-color-yellow-6);
|
|
--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
|
|
--mantine-color-yellow-light: #fab0051a;
|
|
--mantine-color-yellow-light-hover: #fab0051f;
|
|
--mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
|
|
--mantine-color-yellow-outline: var(--mantine-color-yellow-6);
|
|
--mantine-color-yellow-outline-hover: #fab0050d;
|
|
--mantine-color-orange-text: var(--mantine-color-orange-filled);
|
|
--mantine-color-orange-filled: var(--mantine-color-orange-6);
|
|
--mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
|
|
--mantine-color-orange-light: #fd7e141a;
|
|
--mantine-color-orange-light-hover: #fd7e141f;
|
|
--mantine-color-orange-light-color: var(--mantine-color-orange-6);
|
|
--mantine-color-orange-outline: var(--mantine-color-orange-6);
|
|
--mantine-color-orange-outline-hover: #fd7e140d;
|
|
}
|
|
.m_d57069b5 {
|
|
--scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_d57069b5:where([data-autosize]) .m_b1336c6 {
|
|
min-width: min-content;
|
|
}
|
|
.m_c0783ff9 {
|
|
scrollbar-width: none;
|
|
overscroll-behavior: var(--scrollarea-over-scroll-behavior);
|
|
-ms-overflow-style: none;
|
|
-webkit-overflow-scrolling: touch;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.m_c0783ff9::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.m_c0783ff9:where([data-scrollbars="xy"], [data-scrollbars="y"]):where(
|
|
[data-offset-scrollbars="xy"],
|
|
[data-offset-scrollbars="y"],
|
|
[data-offset-scrollbars="present"]
|
|
):where([data-vertical-hidden]) {
|
|
padding-inline: 0;
|
|
}
|
|
.m_c0783ff9:where([data-scrollbars="xy"], [data-scrollbars="y"]):where(
|
|
[data-offset-scrollbars="xy"],
|
|
[data-offset-scrollbars="y"],
|
|
[data-offset-scrollbars="present"]
|
|
):not([data-vertical-hidden]) {
|
|
padding-inline-start: unset;
|
|
padding-inline-end: var(--scrollarea-scrollbar-size);
|
|
}
|
|
.m_c0783ff9:where([data-scrollbars="xy"], [data-scrollbars="x"]):where(
|
|
[data-offset-scrollbars="xy"],
|
|
[data-offset-scrollbars="x"],
|
|
[data-offset-scrollbars="present"]
|
|
):where([data-horizontal-hidden]) {
|
|
padding-bottom: 0;
|
|
}
|
|
.m_c0783ff9:where([data-scrollbars="xy"], [data-scrollbars="x"]):where(
|
|
[data-offset-scrollbars="xy"],
|
|
[data-offset-scrollbars="x"],
|
|
[data-offset-scrollbars="present"]
|
|
):not([data-horizontal-hidden]) {
|
|
padding-bottom: var(--scrollarea-scrollbar-size);
|
|
}
|
|
.m_f8f631dd {
|
|
min-width: 100%;
|
|
display: table;
|
|
}
|
|
.m_c44ba933 {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
touch-action: none;
|
|
box-sizing: border-box;
|
|
padding: calc(var(--scrollarea-scrollbar-size) / 5);
|
|
background-color: #0000;
|
|
flex-direction: row;
|
|
transition:
|
|
background-color 0.15s,
|
|
opacity 0.15s;
|
|
display: flex;
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"]) .m_c44ba933:hover {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_c44ba933:hover
|
|
> .m_d8b5e363 {
|
|
background-color: #00000080;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_c44ba933:hover {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_c44ba933:hover > .m_d8b5e363 {
|
|
background-color: #ffffff80;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"]) .m_c44ba933:active {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_c44ba933:active
|
|
> .m_d8b5e363 {
|
|
background-color: #00000080;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_c44ba933:active {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_c44ba933:active
|
|
> .m_d8b5e363 {
|
|
background-color: #ffffff80;
|
|
}
|
|
}
|
|
.m_c44ba933:where([data-hidden], [data-state="hidden"]) {
|
|
display: none;
|
|
}
|
|
.m_c44ba933:where([data-orientation="vertical"]) {
|
|
width: var(--scrollarea-scrollbar-size);
|
|
top: 0;
|
|
bottom: var(--sa-corner-width);
|
|
inset-inline-end: 0;
|
|
}
|
|
.m_c44ba933:where([data-orientation="horizontal"]) {
|
|
height: var(--scrollarea-scrollbar-size);
|
|
bottom: 0;
|
|
flex-direction: column;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: var(--sa-corner-width);
|
|
}
|
|
.m_d8b5e363 {
|
|
border-radius: var(--scrollarea-scrollbar-size);
|
|
opacity: var(--thumb-opacity);
|
|
flex: 1;
|
|
transition: background-color 0.15s;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_d8b5e363:before {
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: calc(2.75rem * var(--mantine-scale));
|
|
min-height: calc(2.75rem * var(--mantine-scale));
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d8b5e363 {
|
|
background-color: #0006;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d8b5e363 {
|
|
background-color: #fff6;
|
|
}
|
|
.m_21657268 {
|
|
opacity: 0;
|
|
inset-inline-end: 0;
|
|
transition: opacity 0.15s;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_21657268 {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_21657268 {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
.m_21657268:where([data-hovered]) {
|
|
opacity: 1;
|
|
}
|
|
.m_21657268:where([data-hidden]) {
|
|
display: none;
|
|
}
|
|
.m_b1336c6 {
|
|
min-width: 100%;
|
|
}
|
|
.m_87cf2631 {
|
|
cursor: pointer;
|
|
appearance: none;
|
|
font-size: var(--mantine-font-size-md);
|
|
text-align: left;
|
|
color: inherit;
|
|
touch-action: manipulation;
|
|
-webkit-tap-highlight-color: transparent;
|
|
background-color: #0000;
|
|
border: 0;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
}
|
|
:where([dir="rtl"]) .m_87cf2631 {
|
|
text-align: right;
|
|
}
|
|
.m_515a97f8 {
|
|
clip: rect(0 0 0 0);
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
width: calc(0.0625rem * var(--mantine-scale));
|
|
margin: calc(-0.0625rem * var(--mantine-scale));
|
|
white-space: nowrap;
|
|
border: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.m_1b7284a3 {
|
|
--paper-radius: var(--mantine-radius-default);
|
|
-webkit-tap-highlight-color: transparent;
|
|
touch-action: manipulation;
|
|
border-radius: var(--paper-radius);
|
|
box-shadow: var(--paper-shadow);
|
|
background-color: var(--mantine-color-body);
|
|
outline: 0;
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_1b7284a3 {
|
|
--paper-border-color: var(--mantine-color-gray-3);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_1b7284a3 {
|
|
--paper-border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_1b7284a3:where([data-with-border]) {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid
|
|
var(--paper-border-color);
|
|
}
|
|
.m_9814e45f {
|
|
background: var(--overlay-bg, #0009);
|
|
-webkit-backdrop-filter: var(--overlay-filter);
|
|
backdrop-filter: var(--overlay-filter);
|
|
border-radius: var(--overlay-radius, 0);
|
|
z-index: var(--overlay-z-index);
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_9814e45f:where([data-fixed]) {
|
|
position: fixed;
|
|
}
|
|
.m_9814e45f:where([data-center]) {
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_38a85659 {
|
|
border: 1px solid var(--popover-border-color);
|
|
padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
|
|
box-shadow: var(--popover-shadow, none);
|
|
border-radius: var(--popover-radius, var(--mantine-radius-default));
|
|
position: absolute;
|
|
}
|
|
.m_38a85659:where([data-fixed]) {
|
|
position: fixed;
|
|
}
|
|
.m_38a85659:focus {
|
|
outline: none;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_38a85659 {
|
|
--popover-border-color: var(--mantine-color-gray-2);
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_38a85659 {
|
|
--popover-border-color: var(--mantine-color-dark-4);
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_a31dc6c1 {
|
|
background-color: inherit;
|
|
border: 1px solid var(--popover-border-color);
|
|
z-index: 1;
|
|
}
|
|
.m_3d7bc908 {
|
|
position: fixed;
|
|
inset: 0;
|
|
}
|
|
.m_5ae2e3c {
|
|
--loader-size-xs: calc(1.125rem * var(--mantine-scale));
|
|
--loader-size-sm: calc(1.375rem * var(--mantine-scale));
|
|
--loader-size-md: calc(2.25rem * var(--mantine-scale));
|
|
--loader-size-lg: calc(2.75rem * var(--mantine-scale));
|
|
--loader-size-xl: calc(3.625rem * var(--mantine-scale));
|
|
--loader-size: var(--loader-size-md);
|
|
--loader-color: var(--mantine-primary-color-filled);
|
|
}
|
|
@keyframes m_5d2b3b9d {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.6);
|
|
}
|
|
50%,
|
|
to {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.m_7a2bd4cd {
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
gap: calc(var(--loader-size) / 5);
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.m_870bb79 {
|
|
background: var(--loader-color);
|
|
border-radius: calc(0.125rem * var(--mantine-scale));
|
|
flex: 1;
|
|
animation: 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite m_5d2b3b9d;
|
|
}
|
|
.m_870bb79:first-of-type {
|
|
animation-delay: -240ms;
|
|
}
|
|
.m_870bb79:nth-of-type(2) {
|
|
animation-delay: -120ms;
|
|
}
|
|
.m_870bb79:nth-of-type(3) {
|
|
animation-delay: 0;
|
|
}
|
|
@keyframes m_aac34a1 {
|
|
0%,
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
opacity: 0.5;
|
|
transform: scale(0.6);
|
|
}
|
|
}
|
|
.m_4e3f22d7 {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: calc(var(--loader-size) / 10);
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.m_870c4af {
|
|
width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
|
|
height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
|
|
background: var(--loader-color);
|
|
border-radius: 50%;
|
|
animation: 0.8s linear infinite m_aac34a1;
|
|
}
|
|
.m_870c4af:nth-child(2) {
|
|
animation-delay: 0.4s;
|
|
}
|
|
@keyframes m_f8e89c4b {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.m_b34414df {
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
display: inline-block;
|
|
}
|
|
.m_b34414df:after {
|
|
content: "";
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
border-radius: calc(625rem * var(--mantine-scale));
|
|
border-width: calc(var(--loader-size) / 8);
|
|
border-style: solid;
|
|
border-color: var(--loader-color) var(--loader-color) var(--loader-color)
|
|
transparent;
|
|
animation: 1.2s linear infinite m_f8e89c4b;
|
|
display: block;
|
|
}
|
|
.m_8d3f4000 {
|
|
--ai-size-xs: calc(1.125rem * var(--mantine-scale));
|
|
--ai-size-sm: calc(1.375rem * var(--mantine-scale));
|
|
--ai-size-md: calc(1.75rem * var(--mantine-scale));
|
|
--ai-size-lg: calc(2.125rem * var(--mantine-scale));
|
|
--ai-size-xl: calc(2.75rem * var(--mantine-scale));
|
|
--ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
|
|
--ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
|
|
--ai-size-input-md: calc(2.625rem * var(--mantine-scale));
|
|
--ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
|
|
--ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
|
|
--ai-size: var(--ai-size-md);
|
|
--ai-color: var(--mantine-color-white);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
width: var(--ai-size);
|
|
height: var(--ai-size);
|
|
min-width: var(--ai-size);
|
|
min-height: var(--ai-size);
|
|
border-radius: var(--ai-radius, var(--mantine-radius-default));
|
|
background: var(--ai-bg, var(--mantine-primary-color-filled));
|
|
color: var(--ai-color, var(--mantine-color-white));
|
|
border: var(
|
|
--ai-bd,
|
|
calc(0.0625rem * var(--mantine-scale)) solid transparent
|
|
);
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
@media (hover: hover) {
|
|
.m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
|
|
background-color: var(
|
|
--ai-hover,
|
|
var(--mantine-primary-color-filled-hover)
|
|
);
|
|
color: var(--ai-hover-color, var(--ai-color));
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
|
|
background-color: var(
|
|
--ai-hover,
|
|
var(--mantine-primary-color-filled-hover)
|
|
);
|
|
color: var(--ai-hover-color, var(--ai-color));
|
|
}
|
|
}
|
|
.m_8d3f4000[data-loading] {
|
|
cursor: not-allowed;
|
|
}
|
|
.m_8d3f4000[data-loading] .m_8d3afb97 {
|
|
opacity: 0;
|
|
transform: translateY(100%);
|
|
}
|
|
.m_8d3f4000:where(
|
|
:disabled:not([data-loading]),
|
|
[data-disabled]:not([data-loading])
|
|
) {
|
|
cursor: not-allowed;
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
color: var(--mantine-color-disabled-color);
|
|
background: var(--mantine-color-disabled);
|
|
}
|
|
.m_8d3f4000:where(
|
|
:disabled:not([data-loading]),
|
|
[data-disabled]:not([data-loading])
|
|
):active {
|
|
transform: none;
|
|
}
|
|
.m_302b9fb1 {
|
|
inset: calc(-0.0625rem * var(--mantine-scale));
|
|
border-radius: var(--ai-radius, var(--mantine-radius-default));
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_302b9fb1 {
|
|
background-color: #ffffff26;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_302b9fb1 {
|
|
background-color: #00000026;
|
|
}
|
|
.m_1a0f1b21 {
|
|
--ai-border-width: calc(0.0625rem * var(--mantine-scale));
|
|
display: flex;
|
|
}
|
|
.m_1a0f1b21 :where(*):focus {
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
.m_1a0f1b21[data-orientation="horizontal"] {
|
|
flex-direction: row;
|
|
}
|
|
.m_1a0f1b21[data-orientation="horizontal"]
|
|
.m_8d3f4000:not(:only-child):first-child,
|
|
.m_1a0f1b21[data-orientation="horizontal"]
|
|
.m_437b6484:not(:only-child):first-child {
|
|
border-inline-end-width: calc(var(--ai-border-width) / 2);
|
|
border-start-end-radius: 0;
|
|
border-end-end-radius: 0;
|
|
}
|
|
.m_1a0f1b21[data-orientation="horizontal"]
|
|
.m_8d3f4000:not(:only-child):last-child,
|
|
.m_1a0f1b21[data-orientation="horizontal"]
|
|
.m_437b6484:not(:only-child):last-child {
|
|
border-inline-start-width: calc(var(--ai-border-width) / 2);
|
|
border-start-start-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.m_1a0f1b21[data-orientation="horizontal"]
|
|
.m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
|
|
.m_1a0f1b21[data-orientation="horizontal"]
|
|
.m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
|
|
border-inline-width: calc(var(--ai-border-width) / 2);
|
|
border-radius: 0;
|
|
}
|
|
.m_1a0f1b21[data-orientation="vertical"] {
|
|
flex-direction: column;
|
|
}
|
|
.m_1a0f1b21[data-orientation="vertical"]
|
|
.m_8d3f4000:not(:only-child):first-child,
|
|
.m_1a0f1b21[data-orientation="vertical"]
|
|
.m_437b6484:not(:only-child):first-child {
|
|
border-bottom-width: calc(var(--ai-border-width) / 2);
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.m_1a0f1b21[data-orientation="vertical"]
|
|
.m_8d3f4000:not(:only-child):last-child,
|
|
.m_1a0f1b21[data-orientation="vertical"]
|
|
.m_437b6484:not(:only-child):last-child {
|
|
border-top-width: calc(var(--ai-border-width) / 2);
|
|
border-start-start-radius: 0;
|
|
border-start-end-radius: 0;
|
|
}
|
|
.m_1a0f1b21[data-orientation="vertical"]
|
|
.m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
|
|
.m_1a0f1b21[data-orientation="vertical"]
|
|
.m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
|
|
border-bottom-width: calc(var(--ai-border-width) / 2);
|
|
border-top-width: calc(var(--ai-border-width) / 2);
|
|
border-radius: 0;
|
|
}
|
|
.m_8d3afb97 {
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition:
|
|
transform 0.15s,
|
|
opacity 0.1s;
|
|
display: flex;
|
|
}
|
|
.m_437b6484 {
|
|
--section-height-xs: calc(1.125rem * var(--mantine-scale));
|
|
--section-height-sm: calc(1.375rem * var(--mantine-scale));
|
|
--section-height-md: calc(1.75rem * var(--mantine-scale));
|
|
--section-height-lg: calc(2.125rem * var(--mantine-scale));
|
|
--section-height-xl: calc(2.75rem * var(--mantine-scale));
|
|
--section-height-input-xs: calc(1.875rem * var(--mantine-scale));
|
|
--section-height-input-sm: calc(2.25rem * var(--mantine-scale));
|
|
--section-height-input-md: calc(2.625rem * var(--mantine-scale));
|
|
--section-height-input-lg: calc(3.125rem * var(--mantine-scale));
|
|
--section-height-input-xl: calc(3.75rem * var(--mantine-scale));
|
|
--section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
|
|
--section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
|
|
--section-padding-x-md: calc(0.625rem * var(--mantine-scale));
|
|
--section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
|
|
--section-padding-x-xl: calc(1rem * var(--mantine-scale));
|
|
--section-height: var(--section-height-sm);
|
|
--section-padding-x: var(--section-padding-x-sm);
|
|
--section-color: var(--mantine-color-white);
|
|
border-radius: var(--section-radius, var(--mantine-radius-default));
|
|
width: auto;
|
|
font-weight: 600;
|
|
font-size: var(--section-fz, var(--mantine-font-size-sm));
|
|
background: var(--section-bg, var(--mantine-primary-color-filled));
|
|
border: var(
|
|
--section-bd,
|
|
calc(0.0625rem * var(--mantine-scale)) solid transparent
|
|
);
|
|
color: var(--section-color, var(--mantine-color-white));
|
|
height: var(--section-height, var(--section-height-sm));
|
|
padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
|
|
vertical-align: middle;
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
}
|
|
.m_86a44da5 {
|
|
--cb-size-xs: calc(1.125rem * var(--mantine-scale));
|
|
--cb-size-sm: calc(1.375rem * var(--mantine-scale));
|
|
--cb-size-md: calc(1.75rem * var(--mantine-scale));
|
|
--cb-size-lg: calc(2.125rem * var(--mantine-scale));
|
|
--cb-size-xl: calc(2.75rem * var(--mantine-scale));
|
|
--cb-size: var(--cb-size-md);
|
|
--cb-icon-size: 70%;
|
|
--cb-radius: var(--mantine-radius-default);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
width: var(--cb-size);
|
|
height: var(--cb-size);
|
|
min-width: var(--cb-size);
|
|
min-height: var(--cb-size);
|
|
border-radius: var(--cb-radius);
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_86a44da5 {
|
|
color: var(--mantine-color-gray-7);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_86a44da5 {
|
|
color: var(--mantine-color-dark-1);
|
|
}
|
|
.m_86a44da5[data-disabled],
|
|
.m_86a44da5:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_220c80f2:where(:not([data-disabled], :disabled)):hover {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_220c80f2:where(:not([data-disabled], :disabled)):hover {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_220c80f2:where(:not([data-disabled], :disabled)):active {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_220c80f2:where(:not([data-disabled], :disabled)):active {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
}
|
|
.m_4081bf90 {
|
|
flex-direction: row;
|
|
flex-wrap: var(--group-wrap, wrap);
|
|
justify-content: var(--group-justify, flex-start);
|
|
align-items: var(--group-align, center);
|
|
gap: var(--group-gap, var(--mantine-spacing-md));
|
|
display: flex;
|
|
}
|
|
.m_4081bf90:where([data-grow]) > * {
|
|
max-width: var(--group-child-width);
|
|
flex-grow: 1;
|
|
}
|
|
.m_615af6c9 {
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
font-size: var(--mantine-font-size-md);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.m_b5489c3c {
|
|
padding: var(--mb-padding, var(--mantine-spacing-md));
|
|
background-color: var(--mantine-color-body);
|
|
z-index: 1000;
|
|
min-height: calc(3.75rem * var(--mantine-scale));
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-inline-end: calc(
|
|
var(--mb-padding, var(--mantine-spacing-md)) -
|
|
calc(0.3125rem * var(--mantine-scale))
|
|
);
|
|
transition: padding-inline-end 0.1s;
|
|
display: flex;
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
.m_60c222c7 {
|
|
width: 100%;
|
|
z-index: var(--mb-z-index);
|
|
pointer-events: none;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.m_fd1ab0aa {
|
|
pointer-events: all;
|
|
box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
|
|
}
|
|
.m_fd1ab0aa [data-mantine-scrollbar] {
|
|
z-index: 1001;
|
|
}
|
|
[data-offset-scrollbars]
|
|
.m_fd1ab0aa:has([data-mantine-scrollbar])
|
|
.m_b5489c3c {
|
|
padding-inline-end: calc(
|
|
var(--mb-padding, var(--mantine-spacing-md)) +
|
|
calc(0.3125rem * var(--mantine-scale))
|
|
);
|
|
}
|
|
.m_606cb269 {
|
|
margin-inline-start: auto;
|
|
}
|
|
.m_5df29311 {
|
|
padding: var(--mb-padding, var(--mantine-spacing-md));
|
|
padding-top: var(--mb-padding, var(--mantine-spacing-md));
|
|
}
|
|
.m_5df29311:where(:not(:only-child)) {
|
|
padding-top: 0;
|
|
}
|
|
.m_6c018570 {
|
|
margin-top: var(--input-margin-top, 0rem);
|
|
margin-bottom: var(--input-margin-bottom, 0rem);
|
|
--input-height-xs: calc(1.875rem * var(--mantine-scale));
|
|
--input-height-sm: calc(2.25rem * var(--mantine-scale));
|
|
--input-height-md: calc(2.625rem * var(--mantine-scale));
|
|
--input-height-lg: calc(3.125rem * var(--mantine-scale));
|
|
--input-height-xl: calc(3.75rem * var(--mantine-scale));
|
|
--input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
|
|
--input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
|
|
--input-padding-y-md: calc(0.5rem * var(--mantine-scale));
|
|
--input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
|
|
--input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
|
|
--input-height: var(--input-height-sm);
|
|
--input-radius: var(--mantine-radius-default);
|
|
--input-cursor: text;
|
|
--input-text-align: left;
|
|
--input-line-height: calc(
|
|
var(--input-height) - calc(0.125rem * var(--mantine-scale))
|
|
);
|
|
--input-padding: calc(var(--input-height) / 3);
|
|
--input-padding-inline-start: var(--input-padding);
|
|
--input-padding-inline-end: var(--input-padding);
|
|
--input-placeholder-color: var(--mantine-color-placeholder);
|
|
--input-color: var(--mantine-color-text);
|
|
--input-disabled-bg: var(--mantine-color-disabled);
|
|
--input-disabled-color: var(--mantine-color-disabled-color);
|
|
--input-left-section-size: var(
|
|
--input-left-section-width,
|
|
calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
|
|
);
|
|
--input-right-section-size: var(
|
|
--input-right-section-width,
|
|
calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
|
|
);
|
|
--input-size: var(--input-height);
|
|
--section-y: calc(0.0625rem * var(--mantine-scale));
|
|
--left-section-start: calc(0.0625rem * var(--mantine-scale));
|
|
--left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
|
|
--right-section-end: calc(0.0625rem * var(--mantine-scale));
|
|
--right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
|
|
position: relative;
|
|
}
|
|
.m_6c018570[data-variant="unstyled"] {
|
|
--input-padding: 0;
|
|
--input-padding-y: 0;
|
|
--input-padding-inline-start: 0;
|
|
--input-padding-inline-end: 0;
|
|
}
|
|
.m_6c018570[data-pointer] {
|
|
--input-cursor: pointer;
|
|
}
|
|
.m_6c018570[data-multiline] {
|
|
--input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
|
|
--input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
|
|
--input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
|
|
--input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
|
|
--input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
|
|
--input-size: auto;
|
|
--input-line-height: var(--mantine-line-height);
|
|
}
|
|
.m_6c018570[data-with-left-section] {
|
|
--input-padding-inline-start: var(--input-left-section-size);
|
|
}
|
|
.m_6c018570[data-with-right-section] {
|
|
--input-padding-inline-end: var(--input-right-section-size);
|
|
}
|
|
.m_6c018570[data-size="xs"]
|
|
.m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
|
|
--input-padding-inline-end: calc(2.5625rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="sm"]
|
|
.m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
|
|
--input-padding-inline-end: calc(3.125rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="md"]
|
|
.m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
|
|
--input-padding-inline-end: calc(3.75rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="lg"]
|
|
.m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
|
|
--input-padding-inline-end: calc(4.5rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="xl"]
|
|
.m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
|
|
--input-padding-inline-end: calc(5.5625rem * var(--mantine-scale));
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_6c018570[data-variant="default"] {
|
|
--input-bd: var(--mantine-color-gray-4);
|
|
--input-bg: var(--mantine-color-white);
|
|
--input-bd-focus: var(--mantine-primary-color-filled);
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_6c018570[data-variant="filled"] {
|
|
--input-bd: transparent;
|
|
--input-bg: var(--mantine-color-gray-1);
|
|
--input-bd-focus: var(--mantine-primary-color-filled);
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_6c018570[data-variant="unstyled"] {
|
|
--input-bd: transparent;
|
|
--input-bg: transparent;
|
|
--input-bd-focus: transparent;
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_6c018570[data-variant="default"] {
|
|
--input-bd: var(--mantine-color-dark-4);
|
|
--input-bg: var(--mantine-color-dark-6);
|
|
--input-bd-focus: var(--mantine-primary-color-filled);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_6c018570[data-variant="filled"] {
|
|
--input-bd: transparent;
|
|
--input-bg: var(--mantine-color-dark-5);
|
|
--input-bd-focus: var(--mantine-primary-color-filled);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_6c018570[data-variant="unstyled"] {
|
|
--input-bd: transparent;
|
|
--input-bg: transparent;
|
|
--input-bd-focus: transparent;
|
|
}
|
|
[data-mantine-color-scheme]
|
|
.m_6c018570[data-error]:not([data-variant="unstyled"]) {
|
|
--input-bd: var(--mantine-color-error);
|
|
}
|
|
[data-mantine-color-scheme] .m_6c018570[data-error] {
|
|
--input-color: var(--mantine-color-error);
|
|
--input-placeholder-color: var(--mantine-color-error);
|
|
--input-section-color: var(--mantine-color-error);
|
|
}
|
|
:where([dir="rtl"]) .m_6c018570 {
|
|
--input-text-align: right;
|
|
--left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
|
|
--right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
|
|
}
|
|
.m_8fb7ebe7 {
|
|
-webkit-tap-highlight-color: transparent;
|
|
appearance: none;
|
|
resize: var(--input-resize, none);
|
|
width: 100%;
|
|
text-align: var(--input-text-align);
|
|
color: var(--input-color);
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
|
|
background-color: var(--input-bg);
|
|
font-family: var(--input-font-family, var(--mantine-font-family));
|
|
height: var(--input-size);
|
|
min-height: var(--input-height);
|
|
line-height: var(--input-line-height);
|
|
font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
|
|
border-radius: var(--input-radius);
|
|
padding-inline-start: var(--input-padding-inline-start);
|
|
padding-inline-end: var(--input-padding-inline-end);
|
|
padding-top: var(--input-padding-y, 0rem);
|
|
padding-bottom: var(--input-padding-y, 0rem);
|
|
cursor: var(--input-cursor);
|
|
overflow: var(--input-overflow);
|
|
transition: border-color 0.1s;
|
|
display: block;
|
|
}
|
|
.m_8fb7ebe7[data-no-overflow] {
|
|
--input-overflow: hidden;
|
|
}
|
|
.m_8fb7ebe7[data-monospace] {
|
|
--input-font-family: var(--mantine-font-family-monospace);
|
|
--_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
|
|
}
|
|
.m_8fb7ebe7:focus,
|
|
.m_8fb7ebe7:focus-within {
|
|
--input-bd: var(--input-bd-focus);
|
|
outline: none;
|
|
}
|
|
[data-error] .m_8fb7ebe7:focus,
|
|
[data-error] .m_8fb7ebe7:focus-within {
|
|
--input-bd: var(--mantine-color-error);
|
|
}
|
|
.m_8fb7ebe7::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
opacity: 1;
|
|
}
|
|
.m_8fb7ebe7::-webkit-inner-spin-button {
|
|
appearance: none;
|
|
}
|
|
.m_8fb7ebe7::-webkit-outer-spin-button {
|
|
appearance: none;
|
|
}
|
|
.m_8fb7ebe7::-webkit-search-decoration {
|
|
appearance: none;
|
|
}
|
|
.m_8fb7ebe7::-webkit-search-cancel-button {
|
|
appearance: none;
|
|
}
|
|
.m_8fb7ebe7::-webkit-search-results-button {
|
|
appearance: none;
|
|
}
|
|
.m_8fb7ebe7::-webkit-search-results-decoration {
|
|
appearance: none;
|
|
}
|
|
.m_8fb7ebe7[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.m_8fb7ebe7:disabled,
|
|
.m_8fb7ebe7[data-disabled] {
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
background-color: var(--input-disabled-bg);
|
|
color: var(--input-disabled-color);
|
|
}
|
|
.m_8fb7ebe7:has(input:disabled) {
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
background-color: var(--input-disabled-bg);
|
|
color: var(--input-disabled-color);
|
|
}
|
|
.m_8fb7ebe7[readonly] {
|
|
caret-color: #0000;
|
|
}
|
|
.m_82577fc2 {
|
|
pointer-events: var(--section-pointer-events);
|
|
z-index: 1;
|
|
inset-inline-start: var(--section-start);
|
|
inset-inline-end: var(--section-end);
|
|
bottom: var(--section-y);
|
|
top: var(--section-y);
|
|
width: var(--section-size);
|
|
border-radius: var(--section-border-radius);
|
|
color: var(--input-section-color, var(--mantine-color-dimmed));
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
}
|
|
.m_82577fc2[data-position="right"] {
|
|
--section-pointer-events: var(--input-right-section-pointer-events);
|
|
--section-end: var(--right-section-end);
|
|
--section-size: var(--input-right-section-size);
|
|
--section-border-radius: var(--right-section-border-radius);
|
|
}
|
|
.m_6c018570[data-size="xs"]
|
|
.m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
|
|
--section-size: calc(2.5625rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="sm"]
|
|
.m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
|
|
--section-size: calc(3.125rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="md"]
|
|
.m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
|
|
--section-size: calc(3.75rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="lg"]
|
|
.m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
|
|
--section-size: calc(4.5rem * var(--mantine-scale));
|
|
}
|
|
.m_6c018570[data-size="xl"]
|
|
.m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
|
|
--section-size: calc(5.5625rem * var(--mantine-scale));
|
|
}
|
|
.m_82577fc2[data-position="left"] {
|
|
--section-pointer-events: var(--input-left-section-pointer-events);
|
|
--section-start: var(--left-section-start);
|
|
--section-size: var(--input-left-section-size);
|
|
--section-border-radius: var(--left-section-border-radius);
|
|
}
|
|
.m_88bacfd0 {
|
|
color: var(--input-placeholder-color, var(--mantine-color-placeholder));
|
|
}
|
|
[data-error] .m_88bacfd0 {
|
|
--input-placeholder-color: var(
|
|
--input-color,
|
|
var(--mantine-color-placeholder)
|
|
);
|
|
}
|
|
.m_46b77525 {
|
|
line-height: var(--mantine-line-height);
|
|
}
|
|
.m_8fdc1311 {
|
|
overflow-wrap: break-word;
|
|
cursor: default;
|
|
-webkit-tap-highlight-color: transparent;
|
|
font-weight: 500;
|
|
font-size: var(--input-label-size, var(--mantine-font-size-sm));
|
|
display: inline-block;
|
|
}
|
|
.m_78a94662 {
|
|
color: var(--input-asterisk-color, var(--mantine-color-error));
|
|
}
|
|
.m_8f816625,
|
|
.m_fe47ce59 {
|
|
word-wrap: break-word;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1.2;
|
|
display: block;
|
|
}
|
|
.m_8f816625 {
|
|
color: var(--mantine-color-error);
|
|
font-size: var(
|
|
--input-error-size,
|
|
calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)))
|
|
);
|
|
}
|
|
.m_fe47ce59 {
|
|
color: var(--mantine-color-dimmed);
|
|
font-size: var(
|
|
--input-description-size,
|
|
calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)))
|
|
);
|
|
}
|
|
.m_8bffd616 {
|
|
display: flex;
|
|
}
|
|
.m_96b553a6 {
|
|
--transition-duration: 0.15s;
|
|
z-index: 0;
|
|
transition-property: transform, width, height;
|
|
transition-duration: 0s;
|
|
transition-timing-function: ease;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.m_96b553a6:where([data-initialized]) {
|
|
transition-duration: var(--transition-duration);
|
|
}
|
|
.m_96b553a6:where([data-hidden]) {
|
|
background-color: red;
|
|
display: none;
|
|
}
|
|
.m_9bdbb667 {
|
|
--accordion-radius: var(--mantine-radius-default);
|
|
}
|
|
.m_df78851f {
|
|
overflow-wrap: break-word;
|
|
}
|
|
.m_4ba554d4 {
|
|
padding: var(--mantine-spacing-md);
|
|
padding-top: calc(var(--mantine-spacing-xs) / 2);
|
|
}
|
|
.m_8fa820a0 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.m_4ba585b8 {
|
|
width: 100%;
|
|
padding-inline: var(--mantine-spacing-md);
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
color: var(--mantine-color-bright);
|
|
background-color: #0000;
|
|
flex-direction: row-reverse;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_4ba585b8:where([data-chevron-position="left"]) {
|
|
flex-direction: row;
|
|
padding-inline-start: 0;
|
|
}
|
|
.m_4ba585b8:where(:disabled, [data-disabled]) {
|
|
opacity: 0.4;
|
|
cursor: not-allowed;
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_4271d21b:where(:not(:disabled, [data-disabled])):active {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_4271d21b:where(:not(:disabled, [data-disabled])):active {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
}
|
|
.m_df3ffa0f {
|
|
color: inherit;
|
|
text-overflow: ellipsis;
|
|
padding-top: var(--mantine-spacing-sm);
|
|
padding-bottom: var(--mantine-spacing-sm);
|
|
flex: 1;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
}
|
|
.m_3f35ae96 {
|
|
transition: transform var(--accordion-transition-duration, 0.2s) ease;
|
|
width: var(
|
|
--accordion-chevron-size,
|
|
calc(0.9375rem * var(--mantine-scale))
|
|
);
|
|
min-width: var(
|
|
--accordion-chevron-size,
|
|
calc(0.9375rem * var(--mantine-scale))
|
|
);
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
display: flex;
|
|
transform: rotate(0);
|
|
}
|
|
.m_3f35ae96:where([data-rotate]) {
|
|
transform: rotate(180deg);
|
|
}
|
|
.m_3f35ae96:where([data-position="left"]) {
|
|
margin-inline-start: var(--mantine-spacing-md);
|
|
margin-inline-end: var(--mantine-spacing-md);
|
|
}
|
|
.m_9bd771fe {
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-inline-end: var(--mantine-spacing-sm);
|
|
display: flex;
|
|
}
|
|
.m_9bd771fe:where([data-chevron-position="left"]) {
|
|
margin-inline-start: var(--mantine-spacing-lg);
|
|
margin-inline-end: 0;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_9bd7b098 {
|
|
--item-border-color: var(--mantine-color-gray-3);
|
|
--item-filled-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_9bd7b098 {
|
|
--item-border-color: var(--mantine-color-dark-4);
|
|
--item-filled-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_fe19b709 {
|
|
border-bottom: 1px solid var(--item-border-color);
|
|
}
|
|
.m_1f921b3b {
|
|
border: 1px solid var(--item-border-color);
|
|
transition: background-color 0.15s;
|
|
}
|
|
.m_1f921b3b:where([data-active]) {
|
|
background-color: var(--item-filled-color);
|
|
}
|
|
.m_1f921b3b:first-of-type,
|
|
.m_1f921b3b:first-of-type > [data-accordion-control] {
|
|
border-start-start-radius: var(--accordion-radius);
|
|
border-start-end-radius: var(--accordion-radius);
|
|
}
|
|
.m_1f921b3b:last-of-type,
|
|
.m_1f921b3b:last-of-type > [data-accordion-control] {
|
|
border-end-end-radius: var(--accordion-radius);
|
|
border-end-start-radius: var(--accordion-radius);
|
|
}
|
|
.m_1f921b3b + .m_1f921b3b {
|
|
border-top: 0;
|
|
}
|
|
.m_2cdf939a {
|
|
border-radius: var(--accordion-radius);
|
|
}
|
|
.m_2cdf939a:where([data-active]) {
|
|
background-color: var(--item-filled-color);
|
|
}
|
|
.m_9f59b069 {
|
|
background-color: var(--item-filled-color);
|
|
border-radius: var(--accordion-radius);
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
transition: background-color 0.15s;
|
|
}
|
|
.m_9f59b069[data-active] {
|
|
border-color: var(--item-border-color);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_9f59b069[data-active] {
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_9f59b069[data-active] {
|
|
background-color: var(--mantine-color-dark-7);
|
|
}
|
|
.m_9f59b069 + .m_9f59b069 {
|
|
margin-top: var(--mantine-spacing-md);
|
|
}
|
|
.m_7f854edf {
|
|
z-index: var(--affix-z-index);
|
|
inset-inline-start: var(--affix-left);
|
|
inset-inline-end: var(--affix-right);
|
|
top: var(--affix-top);
|
|
bottom: var(--affix-bottom);
|
|
position: fixed;
|
|
}
|
|
.m_66836ed3 {
|
|
--alert-radius: var(--mantine-radius-default);
|
|
--alert-bg: var(--mantine-primary-color-light);
|
|
--alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
--alert-color: var(--mantine-primary-color-light-color);
|
|
padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
|
|
border-radius: var(--alert-radius);
|
|
background-color: var(--alert-bg);
|
|
border: var(--alert-bd);
|
|
color: var(--alert-color);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_a5d60502 {
|
|
display: flex;
|
|
}
|
|
.m_667c2793 {
|
|
gap: var(--mantine-spacing-xs);
|
|
flex-direction: column;
|
|
flex: 1;
|
|
display: flex;
|
|
}
|
|
.m_6a03f287 {
|
|
font-size: var(--mantine-font-size-sm);
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-weight: 700;
|
|
display: flex;
|
|
}
|
|
.m_6a03f287:where([data-with-close-button]) {
|
|
padding-inline-end: var(--mantine-spacing-md);
|
|
}
|
|
.m_698f4f23 {
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
.m_667f2a6a {
|
|
width: calc(1.25rem * var(--mantine-scale));
|
|
height: calc(1.25rem * var(--mantine-scale));
|
|
margin-inline-end: var(--mantine-spacing-md);
|
|
margin-top: calc(0.0625rem * var(--mantine-scale));
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: flex;
|
|
}
|
|
.m_7fa78076 {
|
|
text-overflow: ellipsis;
|
|
font-size: var(--mantine-font-size-sm);
|
|
overflow: hidden;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_7fa78076 {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_7fa78076 {
|
|
color: var(--mantine-color-white);
|
|
}
|
|
.m_7fa78076:where([data-variant="filled"]) {
|
|
color: var(--alert-color);
|
|
}
|
|
.m_7fa78076:where([data-variant="white"]) {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
.m_87f54839 {
|
|
width: calc(1.25rem * var(--mantine-scale));
|
|
height: calc(1.25rem * var(--mantine-scale));
|
|
color: var(--alert-color);
|
|
}
|
|
.m_b6d8b162 {
|
|
-webkit-tap-highlight-color: transparent;
|
|
font-size: var(--text-fz, var(--mantine-font-size-md));
|
|
line-height: var(--text-lh, var(--mantine-line-height-md));
|
|
color: var(--text-color);
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 400;
|
|
text-decoration: none;
|
|
}
|
|
.m_b6d8b162:where([data-truncate]) {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.m_b6d8b162:where([data-truncate="start"]) {
|
|
text-align: right;
|
|
direction: rtl;
|
|
}
|
|
:where([dir="rtl"]) .m_b6d8b162:where([data-truncate="start"]) {
|
|
text-align: left;
|
|
direction: ltr;
|
|
}
|
|
.m_b6d8b162:where([data-variant="gradient"]) {
|
|
background-image: var(--text-gradient);
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
}
|
|
.m_b6d8b162:where([data-line-clamp]) {
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: var(--text-line-clamp);
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
}
|
|
.m_b6d8b162:where([data-inherit]) {
|
|
line-height: inherit;
|
|
font-weight: inherit;
|
|
font-size: inherit;
|
|
}
|
|
.m_b6d8b162:where([data-inline]) {
|
|
line-height: 1;
|
|
}
|
|
.m_849cf0da {
|
|
color: var(--mantine-color-anchor);
|
|
appearance: none;
|
|
cursor: pointer;
|
|
background-color: #0000;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
display: inline;
|
|
}
|
|
@media (hover: hover) {
|
|
.m_849cf0da:where([data-underline="hover"]):hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_849cf0da:where([data-underline="hover"]):active {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
.m_849cf0da:where([data-underline="not-hover"]) {
|
|
text-decoration: underline;
|
|
}
|
|
@media (hover: hover) {
|
|
.m_849cf0da:where([data-underline="not-hover"]):hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_849cf0da:where([data-underline="not-hover"]):active {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
.m_849cf0da:where([data-underline="always"]) {
|
|
text-decoration: underline;
|
|
}
|
|
.m_849cf0da:where([data-variant="gradient"]),
|
|
.m_849cf0da:where([data-variant="gradient"]):hover {
|
|
text-decoration: none;
|
|
}
|
|
.m_849cf0da:where([data-line-clamp]) {
|
|
display: -webkit-box;
|
|
}
|
|
.m_48204f9b {
|
|
width: var(--slider-size);
|
|
height: var(--slider-size);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: 100%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.m_48204f9b:focus-within {
|
|
outline: 2px solid var(--mantine-primary-color-filled);
|
|
outline-offset: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
.m_48204f9b {
|
|
--slider-size: calc(3.75rem * var(--mantine-scale));
|
|
--thumb-size: calc(var(--slider-size) / 5);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_48204f9b {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_48204f9b {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
.m_bb9cdbad {
|
|
inset: calc(0.0625rem * var(--mantine-scale));
|
|
border-radius: var(--slider-size);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
}
|
|
.m_481dd586 {
|
|
width: calc(0.125rem * var(--mantine-scale));
|
|
transform: rotate(var(--angle));
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: calc(50% - 1px);
|
|
}
|
|
.m_481dd586:before {
|
|
content: "";
|
|
top: calc(var(--thumb-size) / 3);
|
|
left: calc(0.03125rem * var(--mantine-scale));
|
|
width: calc(0.0625rem * var(--mantine-scale));
|
|
height: calc(var(--thumb-size) / 1.5);
|
|
position: absolute;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_481dd586:before {
|
|
background-color: var(--mantine-color-gray-4);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_481dd586:before {
|
|
background-color: var(--mantine-color-dark-3);
|
|
}
|
|
.m_481dd586[data-label]:after {
|
|
min-width: calc(1.125rem * var(--mantine-scale));
|
|
text-align: center;
|
|
content: attr(data-label);
|
|
top: calc(-1.5rem * var(--mantine-scale));
|
|
left: calc(-0.4375rem * var(--mantine-scale));
|
|
transform: rotate(calc(360deg - var(--angle)));
|
|
font-size: var(--mantine-font-size-xs);
|
|
position: absolute;
|
|
}
|
|
.m_bc02ba3d {
|
|
height: 100%;
|
|
width: calc(0.1875rem * var(--mantine-scale));
|
|
pointer-events: none;
|
|
outline: none;
|
|
position: absolute;
|
|
inset-block: 0;
|
|
inset-inline: calc(50% - 1.5px) 0;
|
|
}
|
|
.m_bc02ba3d:before {
|
|
content: "";
|
|
height: min(var(--thumb-size), calc(var(--slider-size) / 2));
|
|
width: calc(0.1875rem * var(--mantine-scale));
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_bc02ba3d:before {
|
|
background-color: var(--mantine-color-gray-7);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_bc02ba3d:before {
|
|
background-color: var(--mantine-color-dark-1);
|
|
}
|
|
.m_bb8e875b {
|
|
font-size: var(--mantine-font-size-xs);
|
|
}
|
|
.m_89ab340[data-resizing] {
|
|
--app-shell-transition-duration: 0s !important;
|
|
}
|
|
.m_89ab340[data-disabled] {
|
|
--app-shell-header-offset: 0rem !important;
|
|
--app-shell-navbar-offset: 0rem !important;
|
|
--app-shell-aside-offset: 0rem !important;
|
|
--app-shell-footer-offset: 0rem !important;
|
|
}
|
|
.m_89ab340[data-mode="static"] {
|
|
grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(
|
|
--app-shell-aside-width,
|
|
0
|
|
);
|
|
grid-template-rows: auto 1fr auto;
|
|
height: 100%;
|
|
display: grid;
|
|
position: relative;
|
|
overflow: auto;
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_89ab340 {
|
|
--app-shell-border-color: var(--mantine-color-gray-3);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_89ab340 {
|
|
--app-shell-border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_45252eee,
|
|
.m_9cdde9a,
|
|
.m_3b16f56b,
|
|
.m_8983817,
|
|
.m_3840c879 {
|
|
transition-duration: var(--app-shell-transition-duration);
|
|
transition-timing-function: var(--app-shell-transition-timing-function);
|
|
}
|
|
.m_45252eee,
|
|
.m_9cdde9a {
|
|
top: var(--app-shell-header-offset, 0rem);
|
|
height: calc(
|
|
100dvh - var(--app-shell-header-offset, 0rem) -
|
|
var(--app-shell-footer-offset, 0rem)
|
|
);
|
|
background-color: var(--mantine-color-body);
|
|
flex-direction: column;
|
|
transition-property: transform, top, height;
|
|
display: flex;
|
|
position: fixed;
|
|
}
|
|
:where([data-mode="static"]) .m_45252eee,
|
|
:where([data-mode="static"]) .m_9cdde9a {
|
|
position: var(--app-shell-navbar-position, fixed);
|
|
grid-row: var(--app-shell-navbar-grid-row, auto);
|
|
height: 100%;
|
|
}
|
|
:where([data-layout="alt"]) .m_45252eee,
|
|
:where([data-layout="alt"]) .m_9cdde9a {
|
|
height: 100dvh;
|
|
top: 0;
|
|
}
|
|
:where([data-mode="static"][data-layout="alt"]) .m_45252eee,
|
|
:where([data-mode="static"][data-layout="alt"]) .m_9cdde9a {
|
|
grid-row: var(
|
|
--app-shell-navbar-grid-row-alt,
|
|
var(--app-shell-navbar-grid-row, auto)
|
|
);
|
|
}
|
|
.m_45252eee {
|
|
width: var(--app-shell-navbar-width);
|
|
transform: var(--app-shell-navbar-transform);
|
|
z-index: var(--app-shell-navbar-z-index);
|
|
transition-property: transform, top, height;
|
|
inset-inline-start: 0;
|
|
}
|
|
:where([data-mode="static"]) .m_45252eee {
|
|
grid-column: var(--app-shell-navbar-grid-column, auto);
|
|
display: var(--app-shell-navbar-display, flex);
|
|
}
|
|
:where([dir="rtl"]) .m_45252eee {
|
|
transform: var(--app-shell-navbar-transform-rtl);
|
|
}
|
|
.m_45252eee:where([data-with-border]) {
|
|
border-inline-end: 1px solid var(--app-shell-border-color);
|
|
}
|
|
.m_9cdde9a {
|
|
width: var(--app-shell-aside-width);
|
|
transform: var(--app-shell-aside-transform);
|
|
z-index: var(--app-shell-aside-z-index);
|
|
inset-inline-end: 0;
|
|
}
|
|
:where([data-mode="static"]) .m_9cdde9a {
|
|
position: var(--app-shell-aside-position, fixed);
|
|
grid-column: var(--app-shell-aside-grid-column, auto);
|
|
grid-row: var(--app-shell-aside-grid-row, auto);
|
|
display: var(--app-shell-aside-display, flex);
|
|
}
|
|
:where([dir="rtl"]) .m_9cdde9a {
|
|
transform: var(--app-shell-aside-transform-rtl);
|
|
}
|
|
.m_9cdde9a:where([data-with-border]) {
|
|
border-inline-start: 1px solid var(--app-shell-border-color);
|
|
}
|
|
:where([data-scroll-locked]) .m_9cdde9a {
|
|
visibility: var(--app-shell-aside-scroll-locked-visibility);
|
|
}
|
|
.m_8983817 {
|
|
padding-inline-start: calc(
|
|
var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding)
|
|
);
|
|
padding-inline-end: calc(
|
|
var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding)
|
|
);
|
|
padding-top: calc(
|
|
var(--app-shell-header-offset, 0rem) + var(--app-shell-padding)
|
|
);
|
|
padding-bottom: calc(
|
|
var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding)
|
|
);
|
|
min-height: 100dvh;
|
|
transition-property: padding;
|
|
}
|
|
:where([data-mode="static"]) .m_8983817 {
|
|
padding-inline-start: var(--app-shell-padding);
|
|
padding-inline-end: var(--app-shell-padding);
|
|
padding-top: var(--app-shell-padding);
|
|
padding-bottom: var(--app-shell-padding);
|
|
grid-column: var(--app-shell-main-column-start, 1) /
|
|
var(--app-shell-main-column-end, -1);
|
|
grid-row: var(--app-shell-main-grid-row, 2);
|
|
min-height: auto;
|
|
}
|
|
.m_3b16f56b,
|
|
.m_3840c879 {
|
|
background-color: var(--mantine-color-body);
|
|
transition-property: transform, margin-inline-start, margin-inline-end;
|
|
position: fixed;
|
|
inset-inline: 0;
|
|
}
|
|
:where([data-mode="static"]) .m_3b16f56b,
|
|
:where([data-mode="static"]) .m_3840c879 {
|
|
position: var(--app-shell-header-position, fixed);
|
|
grid-column: var(--app-shell-header-grid-column, auto);
|
|
}
|
|
:where([data-layout="alt"]) .m_3b16f56b,
|
|
:where([data-layout="alt"]) .m_3840c879 {
|
|
margin-inline-start: var(--app-shell-navbar-offset, 0rem);
|
|
margin-inline-end: var(--app-shell-aside-offset, 0rem);
|
|
}
|
|
:where([data-mode="static"][data-layout="alt"]) .m_3b16f56b,
|
|
:where([data-mode="static"][data-layout="alt"]) .m_3840c879 {
|
|
margin-inline: 0;
|
|
}
|
|
.m_3b16f56b {
|
|
height: var(--app-shell-header-height);
|
|
background-color: var(--mantine-color-body);
|
|
transform: var(--app-shell-header-transform);
|
|
z-index: var(--app-shell-header-z-index);
|
|
top: 0;
|
|
}
|
|
:where([data-mode="static"]) .m_3b16f56b {
|
|
grid-row: var(--app-shell-header-grid-row, auto);
|
|
}
|
|
.m_3b16f56b:where([data-with-border]) {
|
|
border-bottom: 1px solid var(--app-shell-border-color);
|
|
}
|
|
.m_3840c879 {
|
|
height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
transform: var(--app-shell-footer-transform);
|
|
z-index: var(--app-shell-footer-z-index);
|
|
bottom: 0;
|
|
}
|
|
:where([data-mode="static"]) .m_3840c879 {
|
|
position: var(--app-shell-footer-position, fixed);
|
|
grid-column: var(--app-shell-footer-grid-column, auto);
|
|
grid-row: var(--app-shell-footer-grid-row, auto);
|
|
}
|
|
.m_3840c879:where([data-with-border]) {
|
|
border-top: 1px solid var(--app-shell-border-color);
|
|
}
|
|
.m_6dcfc7c7 {
|
|
flex-grow: 0;
|
|
}
|
|
.m_6dcfc7c7:where([data-grow]) {
|
|
flex-grow: 1;
|
|
}
|
|
.m_71ac47fc {
|
|
--ar-ratio: 1;
|
|
max-width: 100%;
|
|
}
|
|
.m_71ac47fc > :where(:not(style)) {
|
|
aspect-ratio: var(--ar-ratio);
|
|
width: 100%;
|
|
}
|
|
.m_71ac47fc > :where(img, video) {
|
|
object-fit: cover;
|
|
}
|
|
.m_88b62a41 {
|
|
--combobox-padding: calc(0.25rem * var(--mantine-scale));
|
|
padding: var(--combobox-padding);
|
|
}
|
|
.m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
|
|
max-width: calc(100% + var(--combobox-padding));
|
|
}
|
|
.m_88b62a41[data-composed] {
|
|
padding-inline-end: 0;
|
|
}
|
|
.m_88b62a41[data-hidden] {
|
|
display: none;
|
|
}
|
|
.m_88b62a41,
|
|
.m_b2821a6e {
|
|
--combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale))
|
|
calc(0.5rem * var(--mantine-scale));
|
|
--combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale))
|
|
calc(0.625rem * var(--mantine-scale));
|
|
--combobox-option-padding-md: calc(0.5rem * var(--mantine-scale))
|
|
calc(0.75rem * var(--mantine-scale));
|
|
--combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale))
|
|
calc(1rem * var(--mantine-scale));
|
|
--combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale))
|
|
calc(1.25rem * var(--mantine-scale));
|
|
--combobox-option-padding: var(--combobox-option-padding-sm);
|
|
}
|
|
.m_92253aa5 {
|
|
padding: var(--combobox-option-padding);
|
|
font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
|
|
border-radius: var(--mantine-radius-default);
|
|
color: inherit;
|
|
cursor: pointer;
|
|
overflow-wrap: break-word;
|
|
background-color: #0000;
|
|
}
|
|
.m_92253aa5:where([data-combobox-selected]) {
|
|
background-color: var(--mantine-primary-color-filled);
|
|
color: var(--mantine-color-white);
|
|
}
|
|
.m_92253aa5:where([data-combobox-disabled]) {
|
|
cursor: not-allowed;
|
|
opacity: 0.35;
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_92253aa5:hover:where(
|
|
:not([data-combobox-selected], [data-combobox-disabled])
|
|
) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_92253aa5:hover:where(
|
|
:not([data-combobox-selected], [data-combobox-disabled])
|
|
) {
|
|
background-color: var(--mantine-color-dark-7);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_92253aa5:active:where(
|
|
:not([data-combobox-selected], [data-combobox-disabled])
|
|
) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_92253aa5:active:where(
|
|
:not([data-combobox-selected], [data-combobox-disabled])
|
|
) {
|
|
background-color: var(--mantine-color-dark-7);
|
|
}
|
|
}
|
|
.m_985517d8 {
|
|
margin-inline: calc(var(--combobox-padding) * -1);
|
|
margin-top: calc(var(--combobox-padding) * -1);
|
|
width: calc(100% + var(--combobox-padding) * 2);
|
|
margin-bottom: var(--combobox-padding);
|
|
border-top-width: 0;
|
|
border-inline-width: 0;
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
position: relative;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_985517d8,
|
|
:where([data-mantine-color-scheme="light"]) .m_985517d8:focus {
|
|
border-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_985517d8,
|
|
:where([data-mantine-color-scheme="dark"]) .m_985517d8:focus {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_985517d8 {
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_985517d8 {
|
|
background-color: var(--mantine-color-dark-7);
|
|
}
|
|
.m_2530cd1d {
|
|
font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
|
|
text-align: center;
|
|
padding: var(--combobox-option-padding);
|
|
color: var(--mantine-color-dimmed);
|
|
}
|
|
.m_858f94bd,
|
|
.m_82b967cb {
|
|
font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
|
|
margin-inline: calc(var(--combobox-padding) * -1);
|
|
padding: var(--combobox-option-padding);
|
|
border: 0 solid #0000;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_858f94bd,
|
|
:where([data-mantine-color-scheme="light"]) .m_82b967cb {
|
|
border-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_858f94bd,
|
|
:where([data-mantine-color-scheme="dark"]) .m_82b967cb {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_82b967cb {
|
|
border-top-width: calc(0.0625rem * var(--mantine-scale));
|
|
margin-top: var(--combobox-padding);
|
|
margin-bottom: calc(var(--combobox-padding) * -1);
|
|
}
|
|
.m_858f94bd {
|
|
border-bottom-width: calc(0.0625rem * var(--mantine-scale));
|
|
margin-bottom: var(--combobox-padding);
|
|
margin-top: calc(var(--combobox-padding) * -1);
|
|
}
|
|
.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
|
|
display: none;
|
|
}
|
|
.m_2bb2e9e5 {
|
|
color: var(--mantine-color-dimmed);
|
|
font-size: calc(
|
|
var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85
|
|
);
|
|
padding: var(--combobox-option-padding);
|
|
align-items: center;
|
|
font-weight: 500;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.m_2bb2e9e5:after {
|
|
content: "";
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
flex: 1;
|
|
margin-inline-start: var(--mantine-spacing-xs);
|
|
inset-inline: 0;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_2bb2e9e5:after {
|
|
background-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_2bb2e9e5:after {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_2bb2e9e5:only-child {
|
|
display: none;
|
|
}
|
|
.m_2943220b {
|
|
--combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
|
|
--combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
|
|
--combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
|
|
--combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
|
|
--combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
|
|
--combobox-chevron-size: var(--combobox-chevron-size-sm);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_2943220b {
|
|
--_combobox-chevron-color: var(
|
|
--combobox-chevron-color,
|
|
var(--mantine-color-gray-6)
|
|
);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_2943220b {
|
|
--_combobox-chevron-color: var(
|
|
--combobox-chevron-color,
|
|
var(--mantine-color-dark-3)
|
|
);
|
|
}
|
|
.m_2943220b {
|
|
width: var(--combobox-chevron-size);
|
|
height: var(--combobox-chevron-size);
|
|
color: var(--_combobox-chevron-color);
|
|
}
|
|
.m_2943220b:where([data-error]) {
|
|
color: var(--combobox-chevron-color, var(--mantine-color-error));
|
|
}
|
|
.m_390b5f4 {
|
|
align-items: center;
|
|
gap: calc(0.5rem * var(--mantine-scale));
|
|
display: flex;
|
|
}
|
|
.m_390b5f4:where([data-reverse]) {
|
|
justify-content: space-between;
|
|
}
|
|
.m_8ee53fc2 {
|
|
opacity: 0.4;
|
|
width: 0.8em;
|
|
min-width: 0.8em;
|
|
height: 0.8em;
|
|
}
|
|
:where([data-combobox-selected]) .m_8ee53fc2 {
|
|
opacity: 1;
|
|
}
|
|
.m_a530ee0a {
|
|
width: 0.8em;
|
|
min-width: 0.8em;
|
|
height: 0.8em;
|
|
}
|
|
.m_5f75b09e {
|
|
--label-lh-xs: calc(1rem * var(--mantine-scale));
|
|
--label-lh-sm: calc(1.25rem * var(--mantine-scale));
|
|
--label-lh-md: calc(1.5rem * var(--mantine-scale));
|
|
--label-lh-lg: calc(1.875rem * var(--mantine-scale));
|
|
--label-lh-xl: calc(2.25rem * var(--mantine-scale));
|
|
--label-lh: var(--label-lh-sm);
|
|
}
|
|
.m_5f75b09e[data-label-position="left"] {
|
|
--label-order: 1;
|
|
--label-offset-end: var(--mantine-spacing-sm);
|
|
--label-offset-start: 0;
|
|
}
|
|
.m_5f75b09e[data-label-position="right"] {
|
|
--label-order: 2;
|
|
--label-offset-end: 0;
|
|
--label-offset-start: var(--mantine-spacing-sm);
|
|
}
|
|
.m_5f6e695e {
|
|
-webkit-tap-highlight-color: transparent;
|
|
display: flex;
|
|
}
|
|
.m_d3ea56bb {
|
|
--label-cursor: var(--mantine-cursor-type);
|
|
-webkit-tap-highlight-color: transparent;
|
|
font-size: var(--label-fz, var(--mantine-font-size-sm));
|
|
line-height: var(--label-lh);
|
|
cursor: var(--label-cursor);
|
|
flex-direction: column;
|
|
order: var(--label-order);
|
|
display: inline-flex;
|
|
}
|
|
fieldset:disabled .m_d3ea56bb,
|
|
.m_d3ea56bb[data-disabled] {
|
|
--label-cursor: not-allowed;
|
|
}
|
|
.m_8ee546b8 {
|
|
cursor: var(--label-cursor);
|
|
color: inherit;
|
|
padding-inline-start: var(--label-offset-start);
|
|
padding-inline-end: var(--label-offset-end);
|
|
}
|
|
fieldset:disabled .m_8ee546b8,
|
|
.m_8ee546b8:where([data-disabled]) {
|
|
color: var(--mantine-color-disabled-color);
|
|
}
|
|
.m_328f68c0 {
|
|
margin-top: calc(var(--mantine-spacing-xs) / 2);
|
|
cursor: default;
|
|
padding-inline-start: var(--label-offset-start);
|
|
padding-inline-end: var(--label-offset-end);
|
|
}
|
|
.m_8e8a99cc {
|
|
margin-top: calc(var(--mantine-spacing-xs) / 2);
|
|
padding-inline-start: var(--label-offset-start);
|
|
padding-inline-end: var(--label-offset-end);
|
|
}
|
|
.m_bf2d988c {
|
|
--checkbox-size-xs: calc(1rem * var(--mantine-scale));
|
|
--checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
|
|
--checkbox-size-md: calc(1.5rem * var(--mantine-scale));
|
|
--checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
|
|
--checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
|
|
--checkbox-size: var(--checkbox-size-sm);
|
|
--checkbox-color: var(--mantine-primary-color-filled);
|
|
}
|
|
.m_bf2d988c:where([data-variant="filled"]) {
|
|
--checkbox-icon-color: var(--mantine-color-white);
|
|
}
|
|
.m_bf2d988c:where([data-variant="outline"]) {
|
|
--checkbox-icon-color: var(--checkbox-color);
|
|
}
|
|
.m_26062bec {
|
|
width: var(--checkbox-size);
|
|
height: var(--checkbox-size);
|
|
order: 1;
|
|
position: relative;
|
|
}
|
|
.m_26062bec:where([data-label-position="left"]) {
|
|
order: 2;
|
|
}
|
|
.m_26063560 {
|
|
appearance: none;
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
width: var(--checkbox-size);
|
|
height: var(--checkbox-size);
|
|
border-radius: var(--checkbox-radius, var(--mantine-radius-default));
|
|
cursor: var(--mantine-cursor-type);
|
|
-webkit-tap-highlight-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
transition:
|
|
border-color 0.1s,
|
|
background-color 0.1s;
|
|
display: block;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_26063560 {
|
|
background-color: var(--mantine-color-white);
|
|
border-color: var(--mantine-color-gray-4);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_26063560 {
|
|
background-color: var(--mantine-color-dark-6);
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_26063560:where([data-error]) {
|
|
border-color: var(--mantine-color-error);
|
|
}
|
|
.m_26063560[data-indeterminate],
|
|
.m_26063560:checked {
|
|
background-color: var(--checkbox-color);
|
|
border-color: var(--checkbox-color);
|
|
}
|
|
.m_26063560[data-indeterminate] + .m_bf295423,
|
|
.m_26063560:checked + .m_bf295423 {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
.m_26063560:disabled {
|
|
cursor: not-allowed;
|
|
border-color: var(--mantine-color-disabled-border);
|
|
background-color: var(--mantine-color-disabled);
|
|
}
|
|
.m_26063560:disabled + .m_bf295423 {
|
|
color: var(--mantine-color-disabled-color);
|
|
}
|
|
.m_215c4542 + .m_bf295423 {
|
|
color: var(--checkbox-color);
|
|
}
|
|
.m_215c4542[data-indeterminate]:not(:disabled),
|
|
.m_215c4542:checked:not(:disabled) {
|
|
border-color: var(--checkbox-color);
|
|
background-color: #0000;
|
|
}
|
|
.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423,
|
|
.m_215c4542:checked:not(:disabled) + .m_bf295423 {
|
|
color: var(--checkbox-icon-color);
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
.m_bf295423 {
|
|
width: 60%;
|
|
color: var(--checkbox-icon-color);
|
|
pointer-events: none;
|
|
transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
|
|
opacity: 0;
|
|
margin: auto;
|
|
transition:
|
|
transform 0.1s,
|
|
opacity 0.1s;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_26775b0a {
|
|
--card-radius: var(--mantine-radius-default);
|
|
border-radius: var(--card-radius);
|
|
cursor: pointer;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.m_26775b0a :where(*) {
|
|
cursor: inherit;
|
|
}
|
|
.m_26775b0a:where([data-with-border]) {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_26775b0a:where([data-with-border]) {
|
|
border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_26775b0a:where([data-with-border]) {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_5e5256ee {
|
|
--checkbox-size-xs: calc(1rem * var(--mantine-scale));
|
|
--checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
|
|
--checkbox-size-md: calc(1.5rem * var(--mantine-scale));
|
|
--checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
|
|
--checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
|
|
--checkbox-size: var(--checkbox-size-sm);
|
|
--checkbox-color: var(--mantine-primary-color-filled);
|
|
}
|
|
.m_5e5256ee:where([data-variant="filled"]) {
|
|
--checkbox-icon-color: var(--mantine-color-white);
|
|
}
|
|
.m_5e5256ee:where([data-variant="outline"]) {
|
|
--checkbox-icon-color: var(--checkbox-color);
|
|
}
|
|
.m_5e5256ee {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
width: var(--checkbox-size);
|
|
min-width: var(--checkbox-size);
|
|
height: var(--checkbox-size);
|
|
min-height: var(--checkbox-size);
|
|
border-radius: var(--checkbox-radius, var(--mantine-radius-default));
|
|
cursor: var(--mantine-cursor-type);
|
|
-webkit-tap-highlight-color: transparent;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition:
|
|
border-color 0.1s,
|
|
background-color 0.1s;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_5e5256ee {
|
|
background-color: var(--mantine-color-white);
|
|
border-color: var(--mantine-color-gray-4);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_5e5256ee {
|
|
background-color: var(--mantine-color-dark-6);
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_5e5256ee[data-indeterminate],
|
|
.m_5e5256ee[data-checked] {
|
|
background-color: var(--checkbox-color);
|
|
border-color: var(--checkbox-color);
|
|
}
|
|
.m_5e5256ee[data-indeterminate] > .m_1b1c543a,
|
|
.m_5e5256ee[data-checked] > .m_1b1c543a {
|
|
opacity: 1;
|
|
color: var(--checkbox-icon-color);
|
|
transform: none;
|
|
}
|
|
.m_5e5256ee[data-disabled] {
|
|
cursor: not-allowed;
|
|
border-color: var(--mantine-color-disabled-border);
|
|
background-color: var(--mantine-color-disabled);
|
|
}
|
|
[data-mantine-color-scheme="light"]
|
|
.m_5e5256ee[data-disabled][data-checked]
|
|
> .m_1b1c543a {
|
|
color: var(--mantine-color-gray-5);
|
|
}
|
|
[data-mantine-color-scheme="dark"]
|
|
.m_5e5256ee[data-disabled][data-checked]
|
|
> .m_1b1c543a {
|
|
color: var(--mantine-color-dark-3);
|
|
}
|
|
.m_76e20374[data-indeterminate]:not([data-disabled]),
|
|
.m_76e20374[data-checked]:not([data-disabled]) {
|
|
border-color: var(--checkbox-color);
|
|
background-color: #0000;
|
|
}
|
|
.m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a,
|
|
.m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
|
|
color: var(--checkbox-icon-color);
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
.m_1b1c543a {
|
|
color: #0000;
|
|
pointer-events: none;
|
|
width: 60%;
|
|
transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
|
|
opacity: 1;
|
|
transition:
|
|
transform 0.1s,
|
|
opacity 0.1s;
|
|
display: block;
|
|
}
|
|
.m_11def92b {
|
|
--ag-spacing: var(--mantine-spacing-sm);
|
|
--ag-offset: calc(var(--ag-spacing) * -1);
|
|
padding-inline-start: var(--ag-spacing);
|
|
display: flex;
|
|
}
|
|
.m_f85678b6 {
|
|
--avatar-size-xs: calc(1rem * var(--mantine-scale));
|
|
--avatar-size-sm: calc(1.625rem * var(--mantine-scale));
|
|
--avatar-size-md: calc(2.375rem * var(--mantine-scale));
|
|
--avatar-size-lg: calc(3.5rem * var(--mantine-scale));
|
|
--avatar-size-xl: calc(5.25rem * var(--mantine-scale));
|
|
--avatar-size: var(--avatar-size-md);
|
|
--avatar-radius: calc(62.5rem * var(--mantine-scale));
|
|
--avatar-bg: var(--mantine-color-gray-light);
|
|
--avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
--avatar-color: var(--mantine-color-gray-light-color);
|
|
--avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: var(--avatar-radius);
|
|
width: var(--avatar-size);
|
|
height: var(--avatar-size);
|
|
min-width: var(--avatar-size);
|
|
padding: 0;
|
|
text-decoration: none;
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_f85678b6:where([data-within-group]) {
|
|
border: 2px solid var(--mantine-color-body);
|
|
background: var(--mantine-color-body);
|
|
margin-inline-start: var(--ag-offset);
|
|
}
|
|
.m_11f8ac07 {
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
.m_104cd71f {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: var(--avatar-radius);
|
|
width: 100%;
|
|
height: 100%;
|
|
font-weight: 700;
|
|
font-size: var(--avatar-placeholder-fz);
|
|
background: var(--avatar-bg);
|
|
border: var(--avatar-bd);
|
|
color: var(--avatar-color);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_104cd71f > [data-avatar-placeholder-icon] {
|
|
width: 70%;
|
|
height: 70%;
|
|
}
|
|
.m_2ce0de02 {
|
|
border-radius: var(--bi-radius, 0);
|
|
background-position: 50%;
|
|
background-size: cover;
|
|
border: 0;
|
|
width: 100%;
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
.m_347db0ec {
|
|
--badge-height-xs: calc(1rem * var(--mantine-scale));
|
|
--badge-height-sm: calc(1.125rem * var(--mantine-scale));
|
|
--badge-height-md: calc(1.25rem * var(--mantine-scale));
|
|
--badge-height-lg: calc(1.625rem * var(--mantine-scale));
|
|
--badge-height-xl: calc(2rem * var(--mantine-scale));
|
|
--badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
|
|
--badge-fz-sm: calc(0.625rem * var(--mantine-scale));
|
|
--badge-fz-md: calc(0.6875rem * var(--mantine-scale));
|
|
--badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
|
|
--badge-fz-xl: calc(1rem * var(--mantine-scale));
|
|
--badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
|
|
--badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
|
|
--badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
|
|
--badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
|
|
--badge-padding-x-xl: calc(1rem * var(--mantine-scale));
|
|
--badge-height: var(--badge-height-md);
|
|
--badge-fz: var(--badge-fz-md);
|
|
--badge-padding-x: var(--badge-padding-x-md);
|
|
--badge-radius: calc(62.5rem * var(--mantine-scale));
|
|
--badge-lh: calc(
|
|
var(--badge-height) - calc(0.125rem * var(--mantine-scale))
|
|
);
|
|
--badge-color: var(--mantine-color-white);
|
|
--badge-bg: var(--mantine-primary-color-filled);
|
|
--badge-border-width: calc(0.0625rem * var(--mantine-scale));
|
|
--badge-bd: var(--badge-border-width) solid transparent;
|
|
-webkit-tap-highlight-color: transparent;
|
|
font-size: var(--badge-fz);
|
|
border-radius: var(--badge-radius);
|
|
height: var(--badge-height);
|
|
line-height: var(--badge-lh);
|
|
padding: 0 var(--badge-padding-x);
|
|
text-transform: uppercase;
|
|
width: fit-content;
|
|
letter-spacing: calc(0.015625rem * var(--mantine-scale));
|
|
cursor: default;
|
|
text-overflow: ellipsis;
|
|
color: var(--badge-color);
|
|
background: var(--badge-bg);
|
|
border: var(--badge-bd);
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
display: inline-grid;
|
|
overflow: hidden;
|
|
}
|
|
.m_347db0ec:where([data-with-left-section], [data-variant="dot"]) {
|
|
grid-template-columns: auto 1fr;
|
|
}
|
|
.m_347db0ec:where([data-with-right-section]) {
|
|
grid-template-columns: 1fr auto;
|
|
}
|
|
.m_347db0ec:where(
|
|
[data-with-left-section][data-with-right-section],
|
|
[data-variant="dot"][data-with-right-section]
|
|
) {
|
|
grid-template-columns: auto 1fr auto;
|
|
}
|
|
.m_347db0ec:where([data-block]) {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.m_347db0ec:where([data-circle]) {
|
|
padding-inline: calc(0.125rem * var(--mantine-scale));
|
|
width: var(--badge-height);
|
|
display: flex;
|
|
}
|
|
.m_fbd81e3d {
|
|
--badge-dot-size: calc(var(--badge-height) / 3.4);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_fbd81e3d {
|
|
background-color: var(--mantine-color-white);
|
|
border-color: var(--mantine-color-gray-4);
|
|
color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_fbd81e3d {
|
|
background-color: var(--mantine-color-dark-5);
|
|
border-color: var(--mantine-color-dark-5);
|
|
color: var(--mantine-color-white);
|
|
}
|
|
.m_fbd81e3d:before {
|
|
content: "";
|
|
width: var(--badge-dot-size);
|
|
height: var(--badge-dot-size);
|
|
border-radius: var(--badge-dot-size);
|
|
background-color: var(--badge-dot-color);
|
|
margin-inline-end: var(--badge-dot-size);
|
|
display: block;
|
|
}
|
|
.m_5add502a {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
text-align: center;
|
|
cursor: inherit;
|
|
overflow: hidden;
|
|
}
|
|
.m_91fdda9b {
|
|
--badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
|
|
max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: inline-flex;
|
|
}
|
|
.m_91fdda9b:where([data-position="left"]) {
|
|
margin-inline-end: var(--badge-section-margin);
|
|
}
|
|
.m_91fdda9b:where([data-position="right"]) {
|
|
margin-inline-start: var(--badge-section-margin);
|
|
}
|
|
.m_ddec01c0 {
|
|
--blockquote-border: 3px solid var(--bq-bd);
|
|
border-inline-start: var(--blockquote-border);
|
|
padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
|
|
border-start-end-radius: var(--bq-radius);
|
|
border-end-end-radius: var(--bq-radius);
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_ddec01c0 {
|
|
background-color: var(--bq-bg-light);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_ddec01c0 {
|
|
background-color: var(--bq-bg-dark);
|
|
}
|
|
.m_dde7bd57 {
|
|
--blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
|
|
color: var(--bq-bd);
|
|
background-color: var(--mantine-color-body);
|
|
top: var(--blockquote-icon-offset);
|
|
width: var(--bq-icon-size);
|
|
height: var(--bq-icon-size);
|
|
border-radius: var(--bq-icon-size);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
inset-inline-start: var(--blockquote-icon-offset);
|
|
}
|
|
.m_dde51a35 {
|
|
margin-top: var(--mantine-spacing-md);
|
|
opacity: 0.6;
|
|
font-size: 85%;
|
|
display: block;
|
|
}
|
|
.m_8b3717df {
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_f678d540 {
|
|
white-space: nowrap;
|
|
-webkit-tap-highlight-color: transparent;
|
|
line-height: 1;
|
|
}
|
|
.m_3b8f2208 {
|
|
margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: flex;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_3b8f2208 {
|
|
color: var(--mantine-color-gray-7);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_3b8f2208 {
|
|
color: var(--mantine-color-dark-2);
|
|
}
|
|
.m_fea6bf1a {
|
|
--burger-size-xs: calc(0.75rem * var(--mantine-scale));
|
|
--burger-size-sm: calc(1.125rem * var(--mantine-scale));
|
|
--burger-size-md: calc(1.5rem * var(--mantine-scale));
|
|
--burger-size-lg: calc(2.125rem * var(--mantine-scale));
|
|
--burger-size-xl: calc(2.625rem * var(--mantine-scale));
|
|
--burger-size: var(--burger-size-md);
|
|
--burger-line-size: calc(var(--burger-size) / 12);
|
|
width: calc(var(--burger-size) + var(--mantine-spacing-xs));
|
|
height: calc(var(--burger-size) + var(--mantine-spacing-xs));
|
|
padding: calc(var(--mantine-spacing-xs) / 2);
|
|
cursor: pointer;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_fea6bf1a {
|
|
--burger-color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_fea6bf1a {
|
|
--burger-color: var(--mantine-color-white);
|
|
}
|
|
.m_d4fb9cad {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
position: relative;
|
|
}
|
|
.m_d4fb9cad,
|
|
.m_d4fb9cad:before,
|
|
.m_d4fb9cad:after {
|
|
width: var(--burger-size);
|
|
height: var(--burger-line-size);
|
|
background-color: var(--burger-color);
|
|
outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
transition-property: background-color, transform;
|
|
transition-duration: var(--burger-transition-duration, 0.3s);
|
|
transition-timing-function: var(--burger-transition-timing-function, ease);
|
|
display: block;
|
|
}
|
|
.m_d4fb9cad:before,
|
|
.m_d4fb9cad:after {
|
|
content: "";
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
}
|
|
.m_d4fb9cad:before {
|
|
top: calc(var(--burger-size) / -3);
|
|
}
|
|
.m_d4fb9cad:after {
|
|
top: calc(var(--burger-size) / 3);
|
|
}
|
|
.m_d4fb9cad[data-opened] {
|
|
background-color: #0000;
|
|
}
|
|
.m_d4fb9cad[data-opened]:before {
|
|
transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
|
|
}
|
|
.m_d4fb9cad[data-opened]:after {
|
|
transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
|
|
}
|
|
.m_77c9d27d {
|
|
--button-height-xs: calc(1.875rem * var(--mantine-scale));
|
|
--button-height-sm: calc(2.25rem * var(--mantine-scale));
|
|
--button-height-md: calc(2.625rem * var(--mantine-scale));
|
|
--button-height-lg: calc(3.125rem * var(--mantine-scale));
|
|
--button-height-xl: calc(3.75rem * var(--mantine-scale));
|
|
--button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
|
|
--button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
|
|
--button-height-compact-md: calc(1.875rem * var(--mantine-scale));
|
|
--button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
|
|
--button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
|
|
--button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
|
|
--button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
|
|
--button-padding-x-md: calc(1.375rem * var(--mantine-scale));
|
|
--button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
|
|
--button-padding-x-xl: calc(2rem * var(--mantine-scale));
|
|
--button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
|
|
--button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
|
|
--button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
|
|
--button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
|
|
--button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
|
|
--button-height: var(--button-height-sm);
|
|
--button-padding-x: var(--button-padding-x-sm);
|
|
--button-color: var(--mantine-color-white);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border-radius: var(--button-radius, var(--mantine-radius-default));
|
|
width: auto;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
font-size: var(--button-fz, var(--mantine-font-size-sm));
|
|
background: var(--button-bg, var(--mantine-primary-color-filled));
|
|
border: var(
|
|
--button-bd,
|
|
calc(0.0625rem * var(--mantine-scale)) solid transparent
|
|
);
|
|
color: var(--button-color, var(--mantine-color-white));
|
|
height: var(--button-height, var(--button-height-sm));
|
|
padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_77c9d27d:where([data-block]) {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.m_77c9d27d:where([data-with-left-section]) {
|
|
padding-inline-start: calc(var(--button-padding-x) / 1.5);
|
|
}
|
|
.m_77c9d27d:where([data-with-right-section]) {
|
|
padding-inline-end: calc(var(--button-padding-x) / 1.5);
|
|
}
|
|
.m_77c9d27d:where(
|
|
:disabled:not([data-loading]),
|
|
[data-disabled]:not([data-loading])
|
|
) {
|
|
cursor: not-allowed;
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
color: var(--mantine-color-disabled-color);
|
|
background: var(--mantine-color-disabled);
|
|
transform: none;
|
|
}
|
|
.m_77c9d27d:before {
|
|
content: "";
|
|
pointer-events: none;
|
|
inset: calc(-0.0625rem * var(--mantine-scale));
|
|
border-radius: var(--button-radius, var(--mantine-radius-default));
|
|
opacity: 0;
|
|
filter: blur(12px);
|
|
transition:
|
|
transform 0.15s,
|
|
opacity 0.1s;
|
|
position: absolute;
|
|
transform: translateY(-100%);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_77c9d27d:before {
|
|
background-color: #ffffff26;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_77c9d27d:before {
|
|
background-color: #00000026;
|
|
}
|
|
.m_77c9d27d:where([data-loading]) {
|
|
cursor: not-allowed;
|
|
transform: none;
|
|
}
|
|
.m_77c9d27d:where([data-loading]):before {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
.m_77c9d27d:where([data-loading]) .m_80f1301b {
|
|
opacity: 0;
|
|
transform: translateY(100%);
|
|
}
|
|
@media (hover: hover) {
|
|
.m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
|
|
background-color: var(
|
|
--button-hover,
|
|
var(--mantine-primary-color-filled-hover)
|
|
);
|
|
color: var(--button-hover-color, var(--button-color));
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
|
|
background-color: var(
|
|
--button-hover,
|
|
var(--mantine-primary-color-filled-hover)
|
|
);
|
|
color: var(--button-hover-color, var(--button-color));
|
|
}
|
|
}
|
|
.m_80f1301b {
|
|
align-items: center;
|
|
justify-content: var(--button-justify, center);
|
|
height: 100%;
|
|
transition:
|
|
transform 0.15s,
|
|
opacity 0.1s;
|
|
display: flex;
|
|
overflow: visible;
|
|
}
|
|
.m_811560b9 {
|
|
white-space: nowrap;
|
|
opacity: 1;
|
|
align-items: center;
|
|
height: 100%;
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
.m_811560b9:where([data-loading]) {
|
|
opacity: 0.2;
|
|
}
|
|
.m_a74036a {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_a74036a:where([data-position="left"]) {
|
|
margin-inline-end: var(--mantine-spacing-xs);
|
|
}
|
|
.m_a74036a:where([data-position="right"]) {
|
|
margin-inline-start: var(--mantine-spacing-xs);
|
|
}
|
|
.m_a25b86ee {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
.m_80d6d844 {
|
|
--button-border-width: calc(0.0625rem * var(--mantine-scale));
|
|
display: flex;
|
|
}
|
|
.m_80d6d844 :where(.m_77c9d27d):focus {
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
.m_80d6d844[data-orientation="horizontal"] {
|
|
flex-direction: row;
|
|
}
|
|
.m_80d6d844[data-orientation="horizontal"]
|
|
.m_77c9d27d:not(:only-child):first-child,
|
|
.m_80d6d844[data-orientation="horizontal"]
|
|
.m_70be2a01:not(:only-child):first-child {
|
|
border-inline-end-width: calc(var(--button-border-width) / 2);
|
|
border-start-end-radius: 0;
|
|
border-end-end-radius: 0;
|
|
}
|
|
.m_80d6d844[data-orientation="horizontal"]
|
|
.m_77c9d27d:not(:only-child):last-child,
|
|
.m_80d6d844[data-orientation="horizontal"]
|
|
.m_70be2a01:not(:only-child):last-child {
|
|
border-inline-start-width: calc(var(--button-border-width) / 2);
|
|
border-start-start-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.m_80d6d844[data-orientation="horizontal"]
|
|
.m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
|
|
.m_80d6d844[data-orientation="horizontal"]
|
|
.m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
|
|
border-inline-width: calc(var(--button-border-width) / 2);
|
|
border-radius: 0;
|
|
}
|
|
.m_80d6d844[data-orientation="vertical"] {
|
|
flex-direction: column;
|
|
}
|
|
.m_80d6d844[data-orientation="vertical"]
|
|
.m_77c9d27d:not(:only-child):first-child,
|
|
.m_80d6d844[data-orientation="vertical"]
|
|
.m_70be2a01:not(:only-child):first-child {
|
|
border-bottom-width: calc(var(--button-border-width) / 2);
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.m_80d6d844[data-orientation="vertical"]
|
|
.m_77c9d27d:not(:only-child):last-child,
|
|
.m_80d6d844[data-orientation="vertical"]
|
|
.m_70be2a01:not(:only-child):last-child {
|
|
border-top-width: calc(var(--button-border-width) / 2);
|
|
border-start-start-radius: 0;
|
|
border-start-end-radius: 0;
|
|
}
|
|
.m_80d6d844[data-orientation="vertical"]
|
|
.m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
|
|
.m_80d6d844[data-orientation="vertical"]
|
|
.m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
|
|
border-bottom-width: calc(var(--button-border-width) / 2);
|
|
border-top-width: calc(var(--button-border-width) / 2);
|
|
border-radius: 0;
|
|
}
|
|
.m_70be2a01 {
|
|
--section-height-xs: calc(1.875rem * var(--mantine-scale));
|
|
--section-height-sm: calc(2.25rem * var(--mantine-scale));
|
|
--section-height-md: calc(2.625rem * var(--mantine-scale));
|
|
--section-height-lg: calc(3.125rem * var(--mantine-scale));
|
|
--section-height-xl: calc(3.75rem * var(--mantine-scale));
|
|
--section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
|
|
--section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
|
|
--section-height-compact-md: calc(1.875rem * var(--mantine-scale));
|
|
--section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
|
|
--section-height-compact-xl: calc(2.5rem * var(--mantine-scale));
|
|
--section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
|
|
--section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
|
|
--section-padding-x-md: calc(1.375rem * var(--mantine-scale));
|
|
--section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
|
|
--section-padding-x-xl: calc(2rem * var(--mantine-scale));
|
|
--section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
|
|
--section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
|
|
--section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
|
|
--section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
|
|
--section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
|
|
--section-height: var(--section-height-sm);
|
|
--section-padding-x: var(--section-padding-x-sm);
|
|
--section-color: var(--mantine-color-white);
|
|
border-radius: var(--section-radius, var(--mantine-radius-default));
|
|
width: auto;
|
|
font-weight: 600;
|
|
font-size: var(--section-fz, var(--mantine-font-size-sm));
|
|
background: var(--section-bg, var(--mantine-primary-color-filled));
|
|
border: var(
|
|
--section-bd,
|
|
calc(0.0625rem * var(--mantine-scale)) solid transparent
|
|
);
|
|
color: var(--section-color, var(--mantine-color-white));
|
|
height: var(--section-height, var(--section-height-sm));
|
|
padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
|
|
vertical-align: middle;
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
}
|
|
.m_e615b15f {
|
|
--card-padding: var(--mantine-spacing-md);
|
|
padding: var(--card-padding);
|
|
color: var(--mantine-color-text);
|
|
flex-direction: column;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_e615b15f {
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_e615b15f {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_599a2148 {
|
|
margin-inline: calc(var(--card-padding) * -1);
|
|
display: block;
|
|
}
|
|
.m_599a2148:where(:first-child) {
|
|
margin-top: calc(var(--card-padding) * -1);
|
|
border-top: none !important;
|
|
}
|
|
.m_599a2148:where(:last-child) {
|
|
margin-bottom: calc(var(--card-padding) * -1);
|
|
border-bottom: none !important;
|
|
}
|
|
.m_599a2148:where([data-inherit-padding]) {
|
|
padding-inline: var(--card-padding);
|
|
}
|
|
.m_599a2148:where([data-with-border]) {
|
|
border-top: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_599a2148 {
|
|
border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_599a2148 {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_599a2148 + .m_599a2148 {
|
|
border-top: none !important;
|
|
}
|
|
.m_4451eb3a {
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_4451eb3a:where([data-inline]) {
|
|
display: inline-flex;
|
|
}
|
|
.m_f59ffda3 {
|
|
--chip-size-xs: calc(1.4375rem * var(--mantine-scale));
|
|
--chip-size-sm: calc(1.75rem * var(--mantine-scale));
|
|
--chip-size-md: calc(2rem * var(--mantine-scale));
|
|
--chip-size-lg: calc(2.25rem * var(--mantine-scale));
|
|
--chip-size-xl: calc(2.5rem * var(--mantine-scale));
|
|
--chip-icon-size-xs: calc(0.5625rem * var(--mantine-scale));
|
|
--chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
|
|
--chip-icon-size-md: calc(0.875rem * var(--mantine-scale));
|
|
--chip-icon-size-lg: calc(1rem * var(--mantine-scale));
|
|
--chip-icon-size-xl: calc(1.125rem * var(--mantine-scale));
|
|
--chip-padding-xs: calc(1rem * var(--mantine-scale));
|
|
--chip-padding-sm: calc(1.25rem * var(--mantine-scale));
|
|
--chip-padding-md: calc(1.5rem * var(--mantine-scale));
|
|
--chip-padding-lg: calc(1.75rem * var(--mantine-scale));
|
|
--chip-padding-xl: calc(2rem * var(--mantine-scale));
|
|
--chip-checked-padding-xs: calc(0.5125rem * var(--mantine-scale));
|
|
--chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
|
|
--chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
|
|
--chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
|
|
--chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));
|
|
--chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
|
|
--chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
|
|
--chip-spacing-md: calc(1rem * var(--mantine-scale));
|
|
--chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
|
|
--chip-spacing-xl: calc(1.375rem * var(--mantine-scale));
|
|
--chip-size: var(--chip-size-sm);
|
|
--chip-icon-size: var(--chip-icon-size-sm);
|
|
--chip-padding: var(--chip-padding-sm);
|
|
--chip-spacing: var(--chip-spacing-sm);
|
|
--chip-checked-padding: var(--chip-checked-padding-sm);
|
|
--chip-bg: var(--mantine-primary-color-filled);
|
|
--chip-hover: var(--mantine-primary-color-filled-hover);
|
|
--chip-color: var(--mantine-color-white);
|
|
--chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
}
|
|
.m_be049a53 {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: var(--chip-radius, 1000rem);
|
|
height: var(--chip-size);
|
|
font-size: var(--chip-fz, var(--mantine-font-size-sm));
|
|
line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
|
|
padding-inline: var(--chip-padding);
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
-webkit-tap-highlight-color: transparent;
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
color: var(--mantine-color-text);
|
|
align-items: center;
|
|
display: inline-flex;
|
|
}
|
|
.m_be049a53:where([data-checked]) {
|
|
padding-inline: var(--chip-checked-padding);
|
|
}
|
|
.m_be049a53:where([data-disabled]) {
|
|
cursor: not-allowed;
|
|
background-color: var(--mantine-color-disabled);
|
|
color: var(--mantine-color-disabled-color);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_3904c1af:not([data-disabled]) {
|
|
background-color: var(--mantine-color-white);
|
|
border: 1px solid var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_3904c1af:not([data-disabled]) {
|
|
background-color: var(--mantine-color-dark-6);
|
|
border: 1px solid var(--mantine-color-dark-4);
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_3904c1af:not([data-disabled]):hover {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_3904c1af:not([data-disabled]):hover {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_3904c1af:not([data-disabled]):active {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_3904c1af:not([data-disabled]):active {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
.m_3904c1af:not([data-disabled]):where([data-checked]) {
|
|
--chip-icon-color: var(--chip-color);
|
|
border: var(--chip-bd);
|
|
}
|
|
@media (hover: hover) {
|
|
.m_3904c1af:not([data-disabled]):where([data-checked]):hover {
|
|
background-color: var(--chip-hover);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_3904c1af:not([data-disabled]):where([data-checked]):active {
|
|
background-color: var(--chip-hover);
|
|
}
|
|
}
|
|
.m_fa109255:not([data-disabled]),
|
|
.m_f7e165c3:not([data-disabled]) {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
color: var(--mantine-color-text);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_fa109255:not([data-disabled]),
|
|
:where([data-mantine-color-scheme="light"]) .m_f7e165c3:not([data-disabled]) {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_fa109255:not([data-disabled]),
|
|
:where([data-mantine-color-scheme="dark"]) .m_f7e165c3:not([data-disabled]) {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_fa109255:not([data-disabled]):hover,
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_f7e165c3:not([data-disabled]):hover {
|
|
background-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_fa109255:not([data-disabled]):hover,
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_f7e165c3:not([data-disabled]):hover {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_fa109255:not([data-disabled]):active,
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_f7e165c3:not([data-disabled]):active {
|
|
background-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_fa109255:not([data-disabled]):active,
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_f7e165c3:not([data-disabled]):active {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
}
|
|
.m_fa109255:not([data-disabled]):where([data-checked]),
|
|
.m_f7e165c3:not([data-disabled]):where([data-checked]) {
|
|
--chip-icon-color: var(--chip-color);
|
|
color: var(--chip-color);
|
|
background-color: var(--chip-bg);
|
|
}
|
|
@media (hover: hover) {
|
|
.m_fa109255:not([data-disabled]):where([data-checked]):hover,
|
|
.m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
|
|
background-color: var(--chip-hover);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_fa109255:not([data-disabled]):where([data-checked]):active,
|
|
.m_f7e165c3:not([data-disabled]):where([data-checked]):active {
|
|
background-color: var(--chip-hover);
|
|
}
|
|
}
|
|
.m_9ac86df9 {
|
|
width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
|
|
max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
|
|
height: var(--chip-icon-size);
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
.m_d6d72580 {
|
|
width: var(--chip-icon-size);
|
|
height: var(--chip-icon-size);
|
|
color: var(--chip-icon-color, inherit);
|
|
display: block;
|
|
}
|
|
.m_bde07329 {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.m_bde07329:focus-visible + .m_be049a53 {
|
|
outline: 2px solid var(--mantine-primary-color-filled);
|
|
outline-offset: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
.m_b183c0a2 {
|
|
font-family: var(--mantine-font-family-monospace);
|
|
line-height: var(--mantine-line-height);
|
|
padding: 2px calc(var(--mantine-spacing-xs) / 2);
|
|
border-radius: var(--mantine-radius-sm);
|
|
font-size: var(--mantine-font-size-xs);
|
|
margin: 0;
|
|
overflow: auto;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_b183c0a2 {
|
|
background-color: var(--code-bg, var(--mantine-color-gray-0));
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_b183c0a2 {
|
|
background-color: var(--code-bg, var(--mantine-color-dark-6));
|
|
}
|
|
.m_b183c0a2[data-block] {
|
|
padding: var(--mantine-spacing-xs);
|
|
}
|
|
.m_de3d2490 {
|
|
--cs-size: calc(1.75rem * var(--mantine-scale));
|
|
--cs-radius: calc(62.5rem * var(--mantine-scale));
|
|
-webkit-tap-highlight-color: transparent;
|
|
appearance: none;
|
|
width: var(--cs-size);
|
|
height: var(--cs-size);
|
|
min-width: var(--cs-size);
|
|
min-height: var(--cs-size);
|
|
border-radius: var(--cs-radius);
|
|
color: inherit;
|
|
border: none;
|
|
line-height: 1;
|
|
text-decoration: none;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_de3d2490 {
|
|
--alpha-overlay-color: var(--mantine-color-gray-3);
|
|
--alpha-overlay-bg: var(--mantine-color-white);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_de3d2490 {
|
|
--alpha-overlay-color: var(--mantine-color-dark-4);
|
|
--alpha-overlay-bg: var(--mantine-color-dark-7);
|
|
}
|
|
.m_862f3d1b {
|
|
border-radius: var(--cs-radius);
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_98ae7f22 {
|
|
border-radius: var(--cs-radius);
|
|
z-index: 1;
|
|
box-shadow:
|
|
#0000001a 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
|
|
#00000026 0 0 calc(0.25rem * var(--mantine-scale)) inset;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_95709ac0 {
|
|
border-radius: var(--cs-radius);
|
|
background-size: calc(0.5rem * var(--mantine-scale))
|
|
calc(0.5rem * var(--mantine-scale));
|
|
background-position:
|
|
0 0,
|
|
0 calc(0.25rem * var(--mantine-scale)),
|
|
calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
|
|
calc(-0.25rem * var(--mantine-scale)) 0;
|
|
background-image: linear-gradient(
|
|
45deg,
|
|
var(--alpha-overlay-color) 25%,
|
|
transparent 25%
|
|
),
|
|
linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%),
|
|
linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%),
|
|
linear-gradient(
|
|
-45deg,
|
|
var(--alpha-overlay-bg) 75%,
|
|
var(--alpha-overlay-color) 75%
|
|
);
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_93e74e3 {
|
|
border-radius: var(--cs-radius);
|
|
z-index: 2;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_fee9c77 {
|
|
--cp-width-xs: calc(11.25rem * var(--mantine-scale));
|
|
--cp-width-sm: calc(12.5rem * var(--mantine-scale));
|
|
--cp-width-md: calc(15rem * var(--mantine-scale));
|
|
--cp-width-lg: calc(17.5rem * var(--mantine-scale));
|
|
--cp-width-xl: calc(20rem * var(--mantine-scale));
|
|
--cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
|
|
--cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
|
|
--cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
|
|
--cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
|
|
--cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));
|
|
--cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
|
|
--cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
|
|
--cp-thumb-size-md: calc(1rem * var(--mantine-scale));
|
|
--cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
|
|
--cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
|
|
--cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
|
|
--cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
|
|
--cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
|
|
--cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
|
|
--cp-saturation-height-xl: calc(10rem * var(--mantine-scale));
|
|
--cp-preview-size: var(--cp-preview-size-sm);
|
|
--cp-thumb-size: var(--cp-thumb-size-sm);
|
|
--cp-saturation-height: var(--cp-saturation-height-sm);
|
|
--cp-width: var(--cp-width-sm);
|
|
--cp-body-spacing: var(--mantine-spacing-sm);
|
|
width: var(--cp-width);
|
|
padding: calc(0.0625rem * var(--mantine-scale));
|
|
}
|
|
.m_fee9c77:where([data-full-width]) {
|
|
width: 100%;
|
|
}
|
|
.m_9dddfbac {
|
|
width: var(--cp-preview-size);
|
|
height: var(--cp-preview-size);
|
|
}
|
|
.m_bffecc3e {
|
|
padding-top: calc(var(--cp-body-spacing) / 2);
|
|
display: flex;
|
|
}
|
|
.m_3283bb96 {
|
|
flex: 1;
|
|
}
|
|
.m_3283bb96:not(:only-child) {
|
|
margin-inline-end: var(--mantine-spacing-xs);
|
|
}
|
|
.m_40d572ba {
|
|
border: 2px solid var(--mantine-color-white);
|
|
width: var(--cp-thumb-size);
|
|
height: var(--cp-thumb-size);
|
|
border-radius: var(--cp-thumb-size);
|
|
left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
|
|
top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
|
|
position: absolute;
|
|
overflow: hidden;
|
|
box-shadow: 0 0 1px #0009;
|
|
}
|
|
.m_d8ee6fd8 {
|
|
margin: calc(0.125rem * var(--mantine-scale));
|
|
cursor: pointer;
|
|
padding-bottom: calc(
|
|
var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale))
|
|
);
|
|
flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
|
|
height: unset !important;
|
|
width: unset !important;
|
|
min-width: 0 !important;
|
|
min-height: 0 !important;
|
|
}
|
|
.m_5711e686 {
|
|
margin-top: calc(0.3125rem * var(--mantine-scale));
|
|
margin-inline: calc(-0.125rem * var(--mantine-scale));
|
|
flex-wrap: wrap;
|
|
display: flex;
|
|
}
|
|
.m_5711e686:only-child {
|
|
margin-top: 0;
|
|
}
|
|
.m_202a296e {
|
|
--cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
|
|
--cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
|
|
--cp-thumb-size-md: calc(1rem * var(--mantine-scale));
|
|
--cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
|
|
--cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
|
|
-webkit-tap-highlight-color: transparent;
|
|
height: var(--cp-saturation-height);
|
|
border-radius: var(--mantine-radius-sm);
|
|
margin: calc(var(--cp-thumb-size) / 2);
|
|
position: relative;
|
|
}
|
|
.m_202a296e:where([data-focus-ring="auto"]):focus:focus-visible .m_40d572ba,
|
|
.m_202a296e:where([data-focus-ring="always"]):focus .m_40d572ba {
|
|
outline: 2px solid var(--mantine-color-blue-filled);
|
|
}
|
|
.m_11b3db02 {
|
|
border-radius: var(--mantine-radius-sm);
|
|
inset: calc(
|
|
var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale))
|
|
);
|
|
position: absolute;
|
|
}
|
|
.m_d856d47d {
|
|
--cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
|
|
--cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
|
|
--cp-thumb-size-md: calc(1rem * var(--mantine-scale));
|
|
--cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
|
|
--cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
|
|
--cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));
|
|
height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
|
|
margin-inline: calc(var(--cp-thumb-size) / 2);
|
|
outline: none;
|
|
position: relative;
|
|
}
|
|
.m_d856d47d + .m_d856d47d {
|
|
margin-top: calc(0.375rem * var(--mantine-scale));
|
|
}
|
|
.m_d856d47d:where([data-focus-ring="auto"]):focus:focus-visible .m_40d572ba,
|
|
.m_d856d47d:where([data-focus-ring="always"]):focus .m_40d572ba {
|
|
outline: 2px solid var(--mantine-color-blue-filled);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d856d47d {
|
|
--slider-checkers: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d856d47d {
|
|
--slider-checkers: var(--mantine-color-dark-4);
|
|
}
|
|
.m_8f327113 {
|
|
top: 0;
|
|
bottom: 0;
|
|
inset-inline: calc(
|
|
var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale))
|
|
);
|
|
border-radius: 10000rem;
|
|
position: absolute;
|
|
}
|
|
.m_b077c2bc {
|
|
--ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale));
|
|
--ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
|
|
--ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
|
|
--ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
|
|
--ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
|
|
--ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
|
|
}
|
|
.m_66a028b5 {
|
|
--ci-button-size-xs: calc(1.375rem * var(--mantine-scale));
|
|
--ci-button-size-sm: calc(1.625rem * var(--mantine-scale));
|
|
--ci-button-size-md: calc(1.75rem * var(--mantine-scale));
|
|
--ci-button-size-lg: calc(2rem * var(--mantine-scale));
|
|
--ci-button-size-xl: calc(2.5rem * var(--mantine-scale));
|
|
--ci-button-size: var(--ci-button-size-sm);
|
|
width: var(--ci-button-size);
|
|
height: var(--ci-button-size);
|
|
min-width: var(--ci-button-size);
|
|
min-height: var(--ci-button-size);
|
|
}
|
|
.m_c5ccdcab {
|
|
--ci-preview-size-xs: calc(1rem * var(--mantine-scale));
|
|
--ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
|
|
--ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
|
|
--ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
|
|
--ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
|
|
--ci-preview-size: var(--ci-preview-size-sm);
|
|
}
|
|
.m_5ece2cd7 {
|
|
padding: calc(0.5rem * var(--mantine-scale));
|
|
}
|
|
.m_7485cace {
|
|
--container-size-xs: calc(33.75rem * var(--mantine-scale));
|
|
--container-size-sm: calc(45rem * var(--mantine-scale));
|
|
--container-size-md: calc(60rem * var(--mantine-scale));
|
|
--container-size-lg: calc(71.25rem * var(--mantine-scale));
|
|
--container-size-xl: calc(82.5rem * var(--mantine-scale));
|
|
--container-size: var(--container-size-md);
|
|
}
|
|
.m_7485cace:where([data-strategy="block"]) {
|
|
max-width: var(--container-size);
|
|
padding-inline: var(--mantine-spacing-md);
|
|
margin-inline: auto;
|
|
}
|
|
.m_7485cace:where([data-strategy="block"]):where([data-fluid]) {
|
|
max-width: 100%;
|
|
}
|
|
.m_7485cace:where([data-strategy="grid"]) {
|
|
grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
|
|
margin-inline: auto;
|
|
display: grid;
|
|
}
|
|
.m_7485cace:where([data-strategy="grid"]) > * {
|
|
grid-column: 2;
|
|
}
|
|
.m_7485cace:where([data-strategy="grid"]) > [data-breakout] {
|
|
grid-column: 1/-1;
|
|
}
|
|
.m_7485cace:where([data-strategy="grid"])
|
|
> [data-breakout]
|
|
> [data-container] {
|
|
max-width: var(--container-size);
|
|
margin-inline: auto;
|
|
}
|
|
.m_e2125a27 {
|
|
--dialog-size-xs: calc(10rem * var(--mantine-scale));
|
|
--dialog-size-sm: calc(12.5rem * var(--mantine-scale));
|
|
--dialog-size-md: calc(21.25rem * var(--mantine-scale));
|
|
--dialog-size-lg: calc(25rem * var(--mantine-scale));
|
|
--dialog-size-xl: calc(31.25rem * var(--mantine-scale));
|
|
--dialog-size: var(--dialog-size-md);
|
|
width: var(--dialog-size);
|
|
max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
|
|
min-height: calc(3.125rem * var(--mantine-scale));
|
|
position: relative;
|
|
}
|
|
.m_5abab665 {
|
|
top: calc(var(--mantine-spacing-md) / 2);
|
|
position: absolute;
|
|
inset-inline-end: calc(var(--mantine-spacing-md) / 2);
|
|
}
|
|
.m_3eebeb36 {
|
|
--divider-size-xs: calc(0.0625rem * var(--mantine-scale));
|
|
--divider-size-sm: calc(0.125rem * var(--mantine-scale));
|
|
--divider-size-md: calc(0.1875rem * var(--mantine-scale));
|
|
--divider-size-lg: calc(0.25rem * var(--mantine-scale));
|
|
--divider-size-xl: calc(0.3125rem * var(--mantine-scale));
|
|
--divider-size: var(--divider-size-xs);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_3eebeb36 {
|
|
--divider-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_3eebeb36 {
|
|
--divider-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_3eebeb36:where([data-orientation="horizontal"]) {
|
|
border-top: var(--divider-size) var(--divider-border-style, solid)
|
|
var(--divider-color);
|
|
}
|
|
.m_3eebeb36:where([data-orientation="vertical"]) {
|
|
border-inline-start: var(--divider-size) var(--divider-border-style, solid)
|
|
var(--divider-color);
|
|
align-self: stretch;
|
|
height: auto;
|
|
}
|
|
.m_3eebeb36:where([data-with-label]) {
|
|
border: 0;
|
|
}
|
|
.m_9e365f20 {
|
|
font-size: var(--mantine-font-size-xs);
|
|
color: var(--mantine-color-dimmed);
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_9e365f20:where([data-position="left"]):before,
|
|
.m_9e365f20:where([data-position="right"]):after {
|
|
display: none;
|
|
}
|
|
.m_9e365f20:before {
|
|
content: "";
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
border-top: var(--divider-size) var(--divider-border-style, solid)
|
|
var(--divider-color);
|
|
flex: 1;
|
|
margin-inline-end: var(--mantine-spacing-xs);
|
|
}
|
|
.m_9e365f20:after {
|
|
content: "";
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
border-top: var(--divider-size) var(--divider-border-style, solid)
|
|
var(--divider-color);
|
|
flex: 1;
|
|
margin-inline-start: var(--mantine-spacing-xs);
|
|
}
|
|
.m_f11b401e {
|
|
--drawer-size-xs: calc(20rem * var(--mantine-scale));
|
|
--drawer-size-sm: calc(23.75rem * var(--mantine-scale));
|
|
--drawer-size-md: calc(27.5rem * var(--mantine-scale));
|
|
--drawer-size-lg: calc(38.75rem * var(--mantine-scale));
|
|
--drawer-size-xl: calc(48.75rem * var(--mantine-scale));
|
|
--drawer-size: var(--drawer-size-md);
|
|
--drawer-offset: 0rem;
|
|
}
|
|
.m_5a7c2c9 {
|
|
z-index: 1000;
|
|
}
|
|
.m_b8a05bbd {
|
|
flex: var(--drawer-flex, 0 0 var(--drawer-size));
|
|
height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
|
|
margin: var(--drawer-offset);
|
|
max-width: calc(100% - var(--drawer-offset) * 2);
|
|
max-height: calc(100% - var(--drawer-offset) * 2);
|
|
overflow-y: auto;
|
|
}
|
|
.m_b8a05bbd[data-hidden] {
|
|
pointer-events: none;
|
|
opacity: 0 !important;
|
|
}
|
|
.m_31cd769a {
|
|
justify-content: var(--drawer-justify, flex-start);
|
|
align-items: var(--drawer-align, flex-start);
|
|
display: flex;
|
|
}
|
|
.m_e9408a47 {
|
|
padding: var(--mantine-spacing-lg);
|
|
padding-top: var(--mantine-spacing-xs);
|
|
border-radius: var(--fieldset-radius, var(--mantine-radius-default));
|
|
min-inline-size: auto;
|
|
}
|
|
.m_84c9523a {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_84c9523a {
|
|
border-color: var(--mantine-color-gray-3);
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_84c9523a {
|
|
border-color: var(--mantine-color-dark-4);
|
|
background-color: var(--mantine-color-dark-7);
|
|
}
|
|
.m_ef274e49 {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_ef274e49 {
|
|
border-color: var(--mantine-color-gray-3);
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_ef274e49 {
|
|
border-color: var(--mantine-color-dark-4);
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_eda993d3 {
|
|
border: 0;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
}
|
|
.m_90794832 {
|
|
font-size: var(--mantine-font-size-sm);
|
|
}
|
|
.m_74ca27fe {
|
|
margin-bottom: var(--mantine-spacing-sm);
|
|
padding: 0;
|
|
}
|
|
.m_8478a6da {
|
|
container: mantine-grid/inline-size;
|
|
}
|
|
.m_410352e9 {
|
|
--grid-overflow: visible;
|
|
--grid-margin: calc(var(--grid-gutter) / -2);
|
|
--grid-col-padding: calc(var(--grid-gutter) / 2);
|
|
overflow: var(--grid-overflow);
|
|
}
|
|
.m_dee7bd2f {
|
|
width: calc(100% + var(--grid-gutter));
|
|
justify-content: var(--grid-justify);
|
|
align-items: var(--grid-align);
|
|
margin: var(--grid-margin);
|
|
flex-wrap: wrap;
|
|
display: flex;
|
|
}
|
|
.m_96bdd299 {
|
|
--col-flex-grow: 0;
|
|
--col-offset: 0rem;
|
|
flex-shrink: 0;
|
|
order: var(--col-order);
|
|
flex-basis: var(--col-flex-basis);
|
|
width: var(--col-width);
|
|
max-width: var(--col-max-width);
|
|
flex-grow: var(--col-flex-grow);
|
|
padding: var(--grid-col-padding);
|
|
margin-inline-start: var(--col-offset);
|
|
}
|
|
.m_bcb3f3c2 {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_bcb3f3c2 {
|
|
background-color: var(--mark-bg-light);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_bcb3f3c2 {
|
|
background-color: var(--mark-bg-dark);
|
|
}
|
|
.m_9e117634 {
|
|
object-fit: var(--image-object-fit, cover);
|
|
border-radius: var(--image-radius, 0);
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
@keyframes m_885901b1 {
|
|
0% {
|
|
opacity: 0.6;
|
|
transform: scale(0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(2.8);
|
|
}
|
|
}
|
|
.m_e5262200 {
|
|
--indicator-size: calc(0.625rem * var(--mantine-scale));
|
|
--indicator-color: var(--mantine-primary-color-filled);
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.m_e5262200:where([data-inline]) {
|
|
display: inline-block;
|
|
}
|
|
.m_760d1fb1 {
|
|
top: var(--indicator-top);
|
|
left: var(--indicator-left);
|
|
right: var(--indicator-right);
|
|
bottom: var(--indicator-bottom);
|
|
transform: translate(
|
|
var(--indicator-translate-x),
|
|
var(--indicator-translate-y)
|
|
);
|
|
min-width: var(--indicator-size);
|
|
height: var(--indicator-size);
|
|
border-radius: var(--indicator-radius, 1000rem);
|
|
z-index: var(--indicator-z-index, 200);
|
|
font-size: var(--mantine-font-size-xs);
|
|
background-color: var(--indicator-color);
|
|
color: var(--indicator-text-color, var(--mantine-color-white));
|
|
white-space: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
}
|
|
.m_760d1fb1:before {
|
|
content: "";
|
|
background-color: var(--indicator-color);
|
|
border-radius: var(--indicator-radius, 1000rem);
|
|
z-index: -1;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_760d1fb1:where([data-with-label]) {
|
|
padding-inline: calc(var(--mantine-spacing-xs) / 2);
|
|
}
|
|
.m_760d1fb1:where([data-with-border]) {
|
|
border: 2px solid var(--mantine-color-body);
|
|
}
|
|
.m_760d1fb1[data-processing]:before {
|
|
animation: 1s linear infinite m_885901b1;
|
|
}
|
|
.m_dc6f14e2 {
|
|
--kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
|
|
--kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
|
|
--kbd-fz-md: calc(0.875rem * var(--mantine-scale));
|
|
--kbd-fz-lg: calc(1rem * var(--mantine-scale));
|
|
--kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
|
|
--kbd-fz: var(--kbd-fz-sm);
|
|
font-family: var(--mantine-font-family-monospace);
|
|
line-height: var(--mantine-line-height);
|
|
font-weight: 700;
|
|
font-size: var(--kbd-fz);
|
|
border-radius: var(--mantine-radius-sm);
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
border-bottom-width: calc(0.1875rem * var(--mantine-scale));
|
|
text-align: center;
|
|
unicode-bidi: embed;
|
|
padding: 0.12em 0.45em;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_dc6f14e2 {
|
|
border-color: var(--mantine-color-gray-3);
|
|
color: var(--mantine-color-gray-7);
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_dc6f14e2 {
|
|
border-color: var(--mantine-color-dark-4);
|
|
color: var(--mantine-color-dark-0);
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_abbac491 {
|
|
--list-fz: var(--mantine-font-size-md);
|
|
--list-lh: var(--mantine-line-height-md);
|
|
--list-marker-gap: var(--mantine-spacing-lg);
|
|
font-size: var(--list-fz);
|
|
line-height: var(--list-lh);
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-inline-start: var(--list-marker-gap);
|
|
list-style-position: outside;
|
|
}
|
|
.m_abbac491[data-type="none"] {
|
|
--list-marker-gap: 0;
|
|
}
|
|
.m_abbac491:where([data-with-padding]) {
|
|
padding-inline-start: calc(
|
|
var(--list-marker-gap) + var(--mantine-spacing-md)
|
|
);
|
|
}
|
|
.m_abb6bec2 {
|
|
white-space: normal;
|
|
line-height: var(--list-lh);
|
|
}
|
|
.m_abb6bec2:where([data-with-icon]) {
|
|
list-style: none;
|
|
}
|
|
.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
|
|
--li-direction: row;
|
|
--li-align: center;
|
|
}
|
|
.m_abb6bec2:where(:not(:first-of-type)) {
|
|
margin-top: var(--list-spacing, 0);
|
|
}
|
|
.m_abb6bec2:where([data-centered]) {
|
|
line-height: 1;
|
|
}
|
|
.m_75cd9f71 {
|
|
flex-direction: var(--li-direction, column);
|
|
align-items: var(--li-align, flex-start);
|
|
white-space: normal;
|
|
display: inline-flex;
|
|
}
|
|
.m_60f83e5b {
|
|
vertical-align: middle;
|
|
margin-inline-end: var(--mantine-spacing-sm);
|
|
display: inline-block;
|
|
}
|
|
.m_6e45937b {
|
|
z-index: var(--lo-z-index);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
inset: 0;
|
|
overflow: hidden;
|
|
}
|
|
.m_e8eb006c {
|
|
z-index: calc(var(--lo-z-index) + 1);
|
|
position: relative;
|
|
}
|
|
.m_df587f17 {
|
|
z-index: var(--lo-z-index);
|
|
}
|
|
.m_dc9b7c9f {
|
|
padding: calc(0.25rem * var(--mantine-scale));
|
|
}
|
|
.m_9bfac126 {
|
|
color: var(--mantine-color-dimmed);
|
|
font-weight: 500;
|
|
font-size: var(--mantine-font-size-xs);
|
|
padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
|
|
cursor: default;
|
|
}
|
|
.m_efdf90cb {
|
|
margin-top: calc(0.25rem * var(--mantine-scale));
|
|
margin-bottom: calc(0.25rem * var(--mantine-scale));
|
|
border-top: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_efdf90cb {
|
|
border-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_efdf90cb {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_99ac2aa1 {
|
|
font-size: var(--mantine-font-size-sm);
|
|
width: 100%;
|
|
padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
|
|
border-radius: var(--popover-radius, var(--mantine-radius-default));
|
|
color: var(--menu-item-color, var(--mantine-color-text));
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_99ac2aa1:where([data-disabled], :disabled) {
|
|
color: var(--mantine-color-disabled-color);
|
|
opacity: 0.6;
|
|
cursor: not-allowed;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
|
|
background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
|
|
background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
|
|
}
|
|
.m_99ac2aa1:where([data-sub-menu-item]) {
|
|
padding-inline-end: calc(0.3125rem * var(--mantine-scale));
|
|
}
|
|
.m_5476e0d3 {
|
|
flex: 1;
|
|
}
|
|
.m_8b75e504 {
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_8b75e504:where([data-position="left"]) {
|
|
margin-inline-end: var(--mantine-spacing-xs);
|
|
}
|
|
.m_8b75e504:where([data-position="right"]) {
|
|
margin-inline-start: var(--mantine-spacing-xs);
|
|
}
|
|
.m_b85b0bed {
|
|
transform: rotate(-90deg);
|
|
}
|
|
:where([dir="rtl"]) .m_b85b0bed {
|
|
transform: rotate(90deg);
|
|
}
|
|
.m_9df02822 {
|
|
--modal-size-xs: calc(20rem * var(--mantine-scale));
|
|
--modal-size-sm: calc(23.75rem * var(--mantine-scale));
|
|
--modal-size-md: calc(27.5rem * var(--mantine-scale));
|
|
--modal-size-lg: calc(38.75rem * var(--mantine-scale));
|
|
--modal-size-xl: calc(48.75rem * var(--mantine-scale));
|
|
--modal-size: var(--modal-size-md);
|
|
--modal-y-offset: 5dvh;
|
|
--modal-x-offset: 5vw;
|
|
}
|
|
.m_9df02822[data-full-screen] {
|
|
--modal-border-radius: 0 !important;
|
|
}
|
|
.m_9df02822[data-full-screen] .m_54c44539 {
|
|
--modal-content-flex: 0 0 100%;
|
|
--modal-content-max-height: auto;
|
|
--modal-content-height: 100dvh;
|
|
}
|
|
.m_9df02822[data-full-screen] .m_1f958f16 {
|
|
--modal-inner-y-offset: 0;
|
|
--modal-inner-x-offset: 0;
|
|
}
|
|
.m_9df02822[data-centered] .m_1f958f16 {
|
|
--modal-inner-align: center;
|
|
}
|
|
.m_d0e2b9cd {
|
|
border-start-start-radius: var(
|
|
--modal-radius,
|
|
var(--mantine-radius-default)
|
|
);
|
|
border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
|
|
}
|
|
.m_54c44539 {
|
|
flex: var(--modal-content-flex, 0 0 var(--modal-size));
|
|
max-width: 100%;
|
|
max-height: var(
|
|
--modal-content-max-height,
|
|
calc(100dvh - var(--modal-y-offset) * 2)
|
|
);
|
|
height: var(--modal-content-height, auto);
|
|
overflow-y: auto;
|
|
}
|
|
.m_54c44539[data-full-screen] {
|
|
border-radius: 0;
|
|
}
|
|
.m_54c44539[data-hidden] {
|
|
pointer-events: none;
|
|
opacity: 0 !important;
|
|
}
|
|
.m_1f958f16 {
|
|
justify-content: center;
|
|
align-items: var(--modal-inner-align, flex-start);
|
|
padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
|
|
padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
|
|
padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
|
|
display: flex;
|
|
}
|
|
.m_7cda1cd6 {
|
|
--pill-fz-xs: calc(0.625rem * var(--mantine-scale));
|
|
--pill-fz-sm: calc(0.75rem * var(--mantine-scale));
|
|
--pill-fz-md: calc(0.875rem * var(--mantine-scale));
|
|
--pill-fz-lg: calc(1rem * var(--mantine-scale));
|
|
--pill-fz-xl: calc(1.125rem * var(--mantine-scale));
|
|
--pill-height-xs: calc(1.125rem * var(--mantine-scale));
|
|
--pill-height-sm: calc(1.375rem * var(--mantine-scale));
|
|
--pill-height-md: calc(1.5625rem * var(--mantine-scale));
|
|
--pill-height-lg: calc(1.75rem * var(--mantine-scale));
|
|
--pill-height-xl: calc(2rem * var(--mantine-scale));
|
|
--pill-fz: var(--pill-fz-sm);
|
|
--pill-height: var(--pill-height-sm);
|
|
font-size: var(--pill-fz);
|
|
height: var(--pill-height);
|
|
border-radius: var(--pill-radius, 1000rem);
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
flex: 0;
|
|
align-items: center;
|
|
max-width: 100%;
|
|
padding-inline: 0.8em;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_7cda1cd6 {
|
|
background-color: var(--mantine-color-dark-7);
|
|
color: var(--mantine-color-dark-0);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_7cda1cd6 {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
.m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
|
|
padding-inline-end: 0;
|
|
}
|
|
.m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
|
|
cursor: not-allowed;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_44da308b {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_44da308b:where([data-disabled], :has(button:disabled)) {
|
|
background-color: var(--mantine-color-disabled);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_e3a01f8 {
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_e3a01f8:where([data-disabled], :has(button:disabled)) {
|
|
background-color: var(--mantine-color-disabled);
|
|
}
|
|
.m_1e0e6180 {
|
|
cursor: inherit;
|
|
height: 100%;
|
|
line-height: var(--pill-height);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.m_ae386778 {
|
|
color: inherit;
|
|
font-size: inherit;
|
|
height: 100%;
|
|
min-height: unset;
|
|
min-width: 2em;
|
|
width: unset;
|
|
border-radius: 0;
|
|
border-start-end-radius: var(--pill-radius, 50%);
|
|
border-end-end-radius: var(--pill-radius, 50%);
|
|
flex: 0;
|
|
padding-inline: 0.1em 0.3em;
|
|
}
|
|
.m_7cda1cd6[data-disabled] > .m_ae386778,
|
|
.m_ae386778:disabled {
|
|
cursor: not-allowed;
|
|
background-color: #0000;
|
|
width: 0.8em;
|
|
min-width: 0.8em;
|
|
padding: 0;
|
|
display: none;
|
|
}
|
|
.m_7cda1cd6[data-disabled] > .m_ae386778 > svg,
|
|
.m_ae386778:disabled > svg {
|
|
display: none;
|
|
}
|
|
.m_ae386778 > svg {
|
|
pointer-events: none;
|
|
}
|
|
.m_1dcfd90b {
|
|
--pg-gap-xs: calc(0.375rem * var(--mantine-scale));
|
|
--pg-gap-sm: calc(0.5rem * var(--mantine-scale));
|
|
--pg-gap-md: calc(0.625rem * var(--mantine-scale));
|
|
--pg-gap-lg: calc(0.75rem * var(--mantine-scale));
|
|
--pg-gap-xl: calc(0.75rem * var(--mantine-scale));
|
|
--pg-gap: var(--pg-gap-sm);
|
|
align-items: center;
|
|
gap: var(--pg-gap);
|
|
flex-wrap: wrap;
|
|
display: flex;
|
|
}
|
|
.m_45c4369d {
|
|
appearance: none;
|
|
min-width: calc(6.25rem * var(--mantine-scale));
|
|
font-size: inherit;
|
|
height: 1.6em;
|
|
color: inherit;
|
|
background-color: #0000;
|
|
border: 0;
|
|
flex: 1;
|
|
padding: 0;
|
|
}
|
|
.m_45c4369d::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
opacity: 1;
|
|
}
|
|
.m_45c4369d:where([data-type="hidden"], [data-type="auto"]) {
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
width: calc(0.0625rem * var(--mantine-scale));
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.m_45c4369d:focus {
|
|
outline: none;
|
|
}
|
|
.m_45c4369d:where([data-type="auto"]:focus) {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
height: 1.6em;
|
|
position: static;
|
|
}
|
|
.m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
|
|
cursor: pointer;
|
|
}
|
|
.m_45c4369d:where([data-disabled], :disabled) {
|
|
cursor: not-allowed;
|
|
}
|
|
.m_f0824112 {
|
|
--nl-bg: var(--mantine-primary-color-light);
|
|
--nl-hover: var(--mantine-primary-color-light-hover);
|
|
--nl-color: var(--mantine-primary-color-light-color);
|
|
width: 100%;
|
|
padding: 8px var(--mantine-spacing-sm);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"]) .m_f0824112:hover {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_f0824112:hover {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"]) .m_f0824112:active {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_f0824112:active {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
}
|
|
.m_f0824112:where([data-disabled]) {
|
|
opacity: 0.4;
|
|
pointer-events: none;
|
|
}
|
|
.m_f0824112:where([data-active], [aria-current="page"]) {
|
|
background-color: var(--nl-bg);
|
|
color: var(--nl-color);
|
|
}
|
|
@media (hover: hover) {
|
|
.m_f0824112:where([data-active], [aria-current="page"]):hover {
|
|
background-color: var(--nl-hover);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_f0824112:where([data-active], [aria-current="page"]):active {
|
|
background-color: var(--nl-hover);
|
|
}
|
|
}
|
|
.m_f0824112:where([data-active], [aria-current="page"]) .m_57492dcc {
|
|
--description-opacity: 0.9;
|
|
--description-color: var(--nl-color);
|
|
}
|
|
.m_690090b5 {
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: transform 0.15s;
|
|
display: flex;
|
|
}
|
|
.m_690090b5 > svg {
|
|
display: block;
|
|
}
|
|
.m_690090b5:where([data-position="left"]) {
|
|
margin-inline-end: var(--mantine-spacing-sm);
|
|
}
|
|
.m_690090b5:where([data-position="right"]) {
|
|
margin-inline-start: var(--mantine-spacing-sm);
|
|
}
|
|
.m_690090b5:where([data-rotate]) {
|
|
transform: rotate(90deg);
|
|
}
|
|
.m_1f6ac4c4 {
|
|
font-size: var(--mantine-font-size-sm);
|
|
}
|
|
.m_f07af9d2 {
|
|
text-overflow: ellipsis;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
}
|
|
.m_f07af9d2:where([data-no-wrap]) {
|
|
white-space: nowrap;
|
|
}
|
|
.m_57492dcc {
|
|
font-size: var(--mantine-font-size-xs);
|
|
opacity: var(--description-opacity, 1);
|
|
color: var(--description-color, var(--mantine-color-dimmed));
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
:where([data-no-wrap]) .m_57492dcc {
|
|
white-space: nowrap;
|
|
}
|
|
.m_e17b862f {
|
|
padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
|
|
}
|
|
.m_1fd8a00b {
|
|
transform: rotate(-90deg);
|
|
}
|
|
.m_a513464 {
|
|
--notification-radius: var(--mantine-radius-default);
|
|
--notification-color: var(--mantine-primary-color-filled);
|
|
box-sizing: border-box;
|
|
padding-inline-start: calc(1.375rem * var(--mantine-scale));
|
|
padding-inline-end: var(--mantine-spacing-xs);
|
|
padding-top: var(--mantine-spacing-xs);
|
|
padding-bottom: var(--mantine-spacing-xs);
|
|
border-radius: var(--notification-radius);
|
|
box-shadow: var(--mantine-shadow-lg);
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_a513464:before {
|
|
content: "";
|
|
width: calc(0.375rem * var(--mantine-scale));
|
|
top: var(--notification-radius);
|
|
bottom: var(--notification-radius);
|
|
border-radius: var(--notification-radius);
|
|
background-color: var(--notification-color);
|
|
display: block;
|
|
position: absolute;
|
|
inset-inline-start: calc(0.25rem * var(--mantine-scale));
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_a513464 {
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_a513464 {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_a513464:where([data-with-icon]):before {
|
|
display: none;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_a513464:where([data-with-border]) {
|
|
border: 1px solid var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_a513464:where([data-with-border]) {
|
|
border: 1px solid var(--mantine-color-dark-4);
|
|
}
|
|
.m_a4ceffb {
|
|
box-sizing: border-box;
|
|
width: calc(1.75rem * var(--mantine-scale));
|
|
height: calc(1.75rem * var(--mantine-scale));
|
|
border-radius: calc(1.75rem * var(--mantine-scale));
|
|
background-color: var(--notification-color);
|
|
color: var(--mantine-color-white);
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-inline-end: var(--mantine-spacing-md);
|
|
display: flex;
|
|
}
|
|
.m_b0920b15 {
|
|
margin-inline-end: var(--mantine-spacing-md);
|
|
}
|
|
.m_a49ed24 {
|
|
flex: 1;
|
|
margin-inline-end: var(--mantine-spacing-xs);
|
|
overflow: hidden;
|
|
}
|
|
.m_3feedf16 {
|
|
margin-bottom: calc(0.125rem * var(--mantine-scale));
|
|
text-overflow: ellipsis;
|
|
font-size: var(--mantine-font-size-sm);
|
|
line-height: var(--mantine-line-height-sm);
|
|
font-weight: 500;
|
|
overflow: hidden;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_3feedf16 {
|
|
color: var(--mantine-color-gray-9);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_3feedf16 {
|
|
color: var(--mantine-color-white);
|
|
}
|
|
.m_3d733a3a {
|
|
font-size: var(--mantine-font-size-sm);
|
|
line-height: var(--mantine-line-height-sm);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_3d733a3a {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_3d733a3a {
|
|
color: var(--mantine-color-dark-0);
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_3d733a3a:where([data-with-title]) {
|
|
color: var(--mantine-color-gray-6);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_3d733a3a:where([data-with-title]) {
|
|
color: var(--mantine-color-dark-2);
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"]) .m_919a4d88:hover {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_919a4d88:hover {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"]) .m_919a4d88:active {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_919a4d88:active {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
}
|
|
.m_e2f5cd4e {
|
|
--ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
|
|
--ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
|
|
--ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
|
|
--ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
|
|
--ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
|
|
}
|
|
.m_95e17d22 {
|
|
--ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
|
|
--ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
|
|
--ni-chevron-size-md: calc(1rem * var(--mantine-scale));
|
|
--ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
|
|
--ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
|
|
--ni-chevron-size: var(--ni-chevron-size-sm);
|
|
width: 100%;
|
|
height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
|
|
max-width: calc(var(--ni-chevron-size) * 1.7);
|
|
flex-direction: column;
|
|
margin-inline-start: auto;
|
|
display: flex;
|
|
}
|
|
.m_80b4b171 {
|
|
--control-border: 1px solid var(--input-bd);
|
|
--control-radius: calc(
|
|
var(--input-radius) - calc(0.0625rem * var(--mantine-scale))
|
|
);
|
|
width: 100%;
|
|
height: calc(
|
|
var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale))
|
|
);
|
|
border-inline-start: var(--control-border);
|
|
color: var(--mantine-color-text);
|
|
cursor: pointer;
|
|
background-color: #0000;
|
|
flex: 0 0 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
.m_80b4b171:where(:disabled) {
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
color: var(--mantine-color-disabled-color);
|
|
background-color: #0000;
|
|
}
|
|
.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
|
|
color: var(--mantine-color-error);
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"]) .m_80b4b171:hover {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_80b4b171:hover {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"]) .m_80b4b171:active {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_80b4b171:active {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
}
|
|
.m_80b4b171:where(:first-of-type) {
|
|
border-radius: 0;
|
|
border-start-end-radius: var(--control-radius);
|
|
}
|
|
.m_80b4b171:last-of-type {
|
|
border-radius: 0;
|
|
border-end-end-radius: var(--control-radius);
|
|
}
|
|
.m_4addd315 {
|
|
--pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
|
|
--pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
|
|
--pagination-control-size-md: calc(2rem * var(--mantine-scale));
|
|
--pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
|
|
--pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
|
|
--pagination-control-size: var(--pagination-control-size-md);
|
|
--pagination-control-fz: var(--mantine-font-size-md);
|
|
--pagination-active-bg: var(--mantine-primary-color-filled);
|
|
}
|
|
.m_326d024a {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
cursor: pointer;
|
|
color: var(--mantine-color-text);
|
|
height: var(--pagination-control-size);
|
|
min-width: var(--pagination-control-size);
|
|
font-size: var(--pagination-control-fz);
|
|
border-radius: var(
|
|
--pagination-control-radius,
|
|
var(--mantine-radius-default)
|
|
);
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: flex;
|
|
}
|
|
.m_326d024a:where([data-with-padding]) {
|
|
padding: calc(var(--pagination-control-size) / 4);
|
|
}
|
|
.m_326d024a:where(:disabled, [data-disabled]) {
|
|
cursor: not-allowed;
|
|
opacity: 0.4;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_326d024a {
|
|
border-color: var(--mantine-color-gray-4);
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_326d024a:active:where(:not(:disabled, [data-disabled])) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_326d024a {
|
|
border-color: var(--mantine-color-dark-4);
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_326d024a:active:where(:not(:disabled, [data-disabled])) {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
.m_326d024a:where([data-active]) {
|
|
background-color: var(--pagination-active-bg);
|
|
border-color: var(--pagination-active-bg);
|
|
color: var(--pagination-active-color, var(--mantine-color-white));
|
|
}
|
|
@media (hover: hover) {
|
|
.m_326d024a:where([data-active]):hover {
|
|
background-color: var(--pagination-active-bg);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_326d024a:where([data-active]):active {
|
|
background-color: var(--pagination-active-bg);
|
|
}
|
|
}
|
|
.m_4ad7767d {
|
|
height: var(--pagination-control-size);
|
|
min-width: var(--pagination-control-size);
|
|
pointer-events: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_f61ca620 {
|
|
--psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
|
|
--psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
|
|
--psi-button-size-md: calc(1.75rem * var(--mantine-scale));
|
|
--psi-button-size-lg: calc(2rem * var(--mantine-scale));
|
|
--psi-button-size-xl: calc(2.5rem * var(--mantine-scale));
|
|
--psi-icon-size-xs: calc(0.75rem * var(--mantine-scale));
|
|
--psi-icon-size-sm: calc(0.9375rem * var(--mantine-scale));
|
|
--psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
|
|
--psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
|
|
--psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));
|
|
--psi-button-size: var(--psi-button-size-sm);
|
|
--psi-icon-size: var(--psi-icon-size-sm);
|
|
}
|
|
.m_ccf8da4c {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_f2d85dd2 {
|
|
font-family: var(--mantine-font-family);
|
|
font-size: inherit;
|
|
line-height: var(--mantine-line-height);
|
|
width: 100%;
|
|
height: 100%;
|
|
color: inherit;
|
|
background-color: #0000;
|
|
border: 0;
|
|
outline: 0;
|
|
padding-inline-start: var(--input-padding-inline-start);
|
|
padding-inline-end: var(--input-padding-inline-end);
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_ccf8da4c[data-disabled] .m_f2d85dd2,
|
|
.m_f2d85dd2:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.m_f2d85dd2::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
opacity: 1;
|
|
}
|
|
.m_f2d85dd2::-ms-reveal {
|
|
display: none;
|
|
}
|
|
.m_b1072d44 {
|
|
width: var(--psi-button-size);
|
|
height: var(--psi-button-size);
|
|
min-width: var(--psi-button-size);
|
|
min-height: var(--psi-button-size);
|
|
}
|
|
.m_b1072d44:disabled {
|
|
display: none;
|
|
}
|
|
.m_f1cb205a {
|
|
--pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
|
|
--pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
|
|
--pin-input-size-md: calc(2.625rem * var(--mantine-scale));
|
|
--pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
|
|
--pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
|
|
--pin-input-size: var(--pin-input-size-sm);
|
|
}
|
|
.m_cb288ead {
|
|
width: var(--pin-input-size);
|
|
height: var(--pin-input-size);
|
|
}
|
|
@keyframes m_81a374bd {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
to {
|
|
background-position: calc(2.5rem * var(--mantine-scale)) 0;
|
|
}
|
|
}
|
|
@keyframes m_e0fb7a86 {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
to {
|
|
background-position: 0 calc(2.5rem * var(--mantine-scale));
|
|
}
|
|
}
|
|
.m_db6d6462 {
|
|
--progress-radius: var(--mantine-radius-default);
|
|
--progress-size: var(--progress-size-md);
|
|
--progress-size-xs: calc(0.1875rem * var(--mantine-scale));
|
|
--progress-size-sm: calc(0.3125rem * var(--mantine-scale));
|
|
--progress-size-md: calc(0.5rem * var(--mantine-scale));
|
|
--progress-size-lg: calc(0.75rem * var(--mantine-scale));
|
|
--progress-size-xl: calc(1rem * var(--mantine-scale));
|
|
height: var(--progress-size);
|
|
border-radius: var(--progress-radius);
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_db6d6462 {
|
|
background-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_db6d6462 {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_db6d6462:where([data-orientation="vertical"]) {
|
|
height: auto;
|
|
width: var(--progress-size);
|
|
flex-direction: column-reverse;
|
|
}
|
|
.m_2242eb65 {
|
|
background-color: var(--progress-section-color);
|
|
height: 100%;
|
|
width: var(--progress-section-size);
|
|
background-size: calc(1.25rem * var(--mantine-scale))
|
|
calc(1.25rem * var(--mantine-scale));
|
|
transition: width var(--progress-transition-duration, 0.1s) ease;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
.m_2242eb65:where([data-striped]) {
|
|
background-image: linear-gradient(
|
|
45deg,
|
|
#ffffff26 25%,
|
|
#0000 25% 50%,
|
|
#ffffff26 50% 75%,
|
|
#0000 75%,
|
|
#0000
|
|
);
|
|
}
|
|
.m_2242eb65:where([data-animated]) {
|
|
animation: 1s linear infinite m_81a374bd;
|
|
}
|
|
.m_2242eb65:where(:last-of-type) {
|
|
border-radius: 0;
|
|
border-start-end-radius: var(--progress-radius);
|
|
border-end-end-radius: var(--progress-radius);
|
|
}
|
|
.m_2242eb65:where(:first-of-type) {
|
|
border-radius: 0;
|
|
border-start-start-radius: var(--progress-radius);
|
|
border-end-start-radius: var(--progress-radius);
|
|
}
|
|
.m_db6d6462:where([data-orientation="vertical"]) .m_2242eb65 {
|
|
width: 100%;
|
|
height: var(--progress-section-size);
|
|
transition: height var(--progress-transition-duration, 0.1s) ease;
|
|
}
|
|
.m_db6d6462:where([data-orientation="vertical"])
|
|
.m_2242eb65:where([data-striped]) {
|
|
background-image: linear-gradient(
|
|
135deg,
|
|
#ffffff26 25%,
|
|
#0000 25% 50%,
|
|
#ffffff26 50% 75%,
|
|
#0000 75%,
|
|
#0000
|
|
);
|
|
}
|
|
.m_db6d6462:where([data-orientation="vertical"])
|
|
.m_2242eb65:where([data-animated]) {
|
|
animation: 1s linear infinite m_e0fb7a86;
|
|
}
|
|
.m_db6d6462:where([data-orientation="vertical"])
|
|
.m_2242eb65:where(:last-of-type) {
|
|
border-radius: 0;
|
|
border-start-start-radius: var(--progress-radius);
|
|
border-start-end-radius: var(--progress-radius);
|
|
}
|
|
.m_db6d6462:where([data-orientation="vertical"])
|
|
.m_2242eb65:where(:first-of-type) {
|
|
border-radius: 0;
|
|
border-end-end-radius: var(--progress-radius);
|
|
border-end-start-radius: var(--progress-radius);
|
|
}
|
|
.m_91e40b74 {
|
|
color: var(--progress-label-color, var(--mantine-color-white));
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-weight: 700;
|
|
font-size: min(
|
|
calc(var(--progress-size) * 0.65),
|
|
calc(1.125rem * var(--mantine-scale))
|
|
);
|
|
padding-inline: calc(0.25rem * var(--mantine-scale));
|
|
line-height: 1;
|
|
overflow: hidden;
|
|
}
|
|
.m_db6d6462:where([data-orientation="vertical"]) .m_91e40b74 {
|
|
writing-mode: vertical-rl;
|
|
}
|
|
.m_f3f1af94 {
|
|
--radio-size-xs: calc(1rem * var(--mantine-scale));
|
|
--radio-size-sm: calc(1.25rem * var(--mantine-scale));
|
|
--radio-size-md: calc(1.5rem * var(--mantine-scale));
|
|
--radio-size-lg: calc(1.875rem * var(--mantine-scale));
|
|
--radio-size-xl: calc(2.25rem * var(--mantine-scale));
|
|
--radio-size: var(--radio-size-sm);
|
|
--radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
|
|
--radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
|
|
--radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
|
|
--radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
|
|
--radio-icon-size-xl: calc(1rem * var(--mantine-scale));
|
|
--radio-icon-size: var(--radio-icon-size-sm);
|
|
--radio-icon-color: var(--mantine-color-white);
|
|
}
|
|
.m_89c4f5e4 {
|
|
width: var(--radio-size);
|
|
height: var(--radio-size);
|
|
order: 1;
|
|
position: relative;
|
|
}
|
|
.m_89c4f5e4:where([data-label-position="left"]) {
|
|
order: 2;
|
|
}
|
|
.m_f3ed6b2b {
|
|
color: var(--radio-icon-color);
|
|
opacity: var(--radio-icon-opacity, 0);
|
|
transform: var(
|
|
--radio-icon-transform,
|
|
scale(0.2) translateY(calc(0.625rem * var(--mantine-scale)))
|
|
);
|
|
pointer-events: none;
|
|
width: var(--radio-icon-size);
|
|
height: var(--radio-icon-size);
|
|
top: calc(50% - var(--radio-icon-size) / 2);
|
|
left: calc(50% - var(--radio-icon-size) / 2);
|
|
transition:
|
|
opacity 0.1s,
|
|
transform 0.2s;
|
|
position: absolute;
|
|
}
|
|
.m_8a3dbb89 {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
appearance: none;
|
|
width: var(--radio-size);
|
|
height: var(--radio-size);
|
|
border-radius: var(--radio-radius, var(--radio-size));
|
|
cursor: var(--mantine-cursor-type);
|
|
-webkit-tap-highlight-color: transparent;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0;
|
|
transition-property: background-color, border-color;
|
|
transition-duration: 0.1s;
|
|
transition-timing-function: ease;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_8a3dbb89 {
|
|
background-color: var(--mantine-color-white);
|
|
border-color: var(--mantine-color-gray-4);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_8a3dbb89 {
|
|
background-color: var(--mantine-color-dark-6);
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_8a3dbb89:checked {
|
|
background-color: var(--radio-color, var(--mantine-primary-color-filled));
|
|
border-color: var(--radio-color, var(--mantine-primary-color-filled));
|
|
}
|
|
.m_8a3dbb89:checked + .m_f3ed6b2b {
|
|
--radio-icon-opacity: 1;
|
|
--radio-icon-transform: scale(1);
|
|
}
|
|
.m_8a3dbb89:disabled {
|
|
cursor: not-allowed;
|
|
background-color: var(--mantine-color-disabled);
|
|
border-color: var(--mantine-color-disabled-border);
|
|
}
|
|
.m_8a3dbb89:disabled + .m_f3ed6b2b {
|
|
--radio-icon-color: var(--mantine-color-disabled-color);
|
|
}
|
|
.m_8a3dbb89:where([data-error]) {
|
|
border-color: var(--mantine-color-error);
|
|
}
|
|
.m_1bfe9d39 + .m_f3ed6b2b {
|
|
--radio-icon-color: var(--radio-color);
|
|
}
|
|
.m_1bfe9d39:checked:not(:disabled) {
|
|
border-color: var(--radio-color);
|
|
background-color: #0000;
|
|
}
|
|
.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
|
|
--radio-icon-color: var(--radio-color);
|
|
--radio-icon-opacity: 1;
|
|
--radio-icon-transform: none;
|
|
}
|
|
.m_9dc8ae12 {
|
|
--card-radius: var(--mantine-radius-default);
|
|
border-radius: var(--card-radius);
|
|
cursor: pointer;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.m_9dc8ae12 :where(*) {
|
|
cursor: inherit;
|
|
}
|
|
.m_9dc8ae12:where([data-with-border]) {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_9dc8ae12:where([data-with-border]) {
|
|
border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_9dc8ae12:where([data-with-border]) {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_717d7ff6 {
|
|
--radio-size-xs: calc(1rem * var(--mantine-scale));
|
|
--radio-size-sm: calc(1.25rem * var(--mantine-scale));
|
|
--radio-size-md: calc(1.5rem * var(--mantine-scale));
|
|
--radio-size-lg: calc(1.875rem * var(--mantine-scale));
|
|
--radio-size-xl: calc(2.25rem * var(--mantine-scale));
|
|
--radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
|
|
--radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
|
|
--radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
|
|
--radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
|
|
--radio-icon-size-xl: calc(1rem * var(--mantine-scale));
|
|
--radio-icon-size: var(--radio-icon-size-sm);
|
|
--radio-size: var(--radio-size-sm);
|
|
--radio-color: var(--mantine-primary-color-filled);
|
|
--radio-icon-color: var(--mantine-color-white);
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
width: var(--radio-size);
|
|
min-width: var(--radio-size);
|
|
height: var(--radio-size);
|
|
min-height: var(--radio-size);
|
|
border-radius: var(--radio-radius, 10000px);
|
|
cursor: var(--mantine-cursor-type);
|
|
-webkit-tap-highlight-color: transparent;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition:
|
|
border-color 0.1s,
|
|
background-color 0.1s;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_717d7ff6 {
|
|
background-color: var(--mantine-color-white);
|
|
border-color: var(--mantine-color-gray-4);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_717d7ff6 {
|
|
background-color: var(--mantine-color-dark-6);
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_717d7ff6[data-indeterminate],
|
|
.m_717d7ff6[data-checked] {
|
|
background-color: var(--radio-color);
|
|
border-color: var(--radio-color);
|
|
}
|
|
.m_717d7ff6[data-indeterminate] > .m_3e4da632,
|
|
.m_717d7ff6[data-checked] > .m_3e4da632 {
|
|
opacity: 1;
|
|
color: var(--radio-icon-color);
|
|
transform: none;
|
|
}
|
|
.m_717d7ff6[data-disabled] {
|
|
cursor: not-allowed;
|
|
background-color: var(--mantine-color-disabled);
|
|
border-color: var(--mantine-color-disabled-border);
|
|
}
|
|
.m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
|
|
color: var(--mantine-color-disabled-color);
|
|
}
|
|
.m_2980836c[data-indeterminate]:not([data-disabled]),
|
|
.m_2980836c[data-checked]:not([data-disabled]) {
|
|
border-color: var(--radio-color);
|
|
background-color: #0000;
|
|
}
|
|
.m_2980836c[data-indeterminate]:not([data-disabled]) > .m_3e4da632,
|
|
.m_2980836c[data-checked]:not([data-disabled]) > .m_3e4da632 {
|
|
color: var(--radio-color);
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
.m_3e4da632 {
|
|
width: var(--radio-icon-size);
|
|
height: var(--radio-icon-size);
|
|
color: #0000;
|
|
pointer-events: none;
|
|
transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
|
|
opacity: 1;
|
|
transition:
|
|
transform 0.1s,
|
|
opacity 0.1s;
|
|
display: block;
|
|
}
|
|
.m_f8d312f2 {
|
|
--rating-size-xs: calc(0.875rem * var(--mantine-scale));
|
|
--rating-size-sm: calc(1.125rem * var(--mantine-scale));
|
|
--rating-size-md: calc(1.25rem * var(--mantine-scale));
|
|
--rating-size-lg: calc(1.75rem * var(--mantine-scale));
|
|
--rating-size-xl: calc(2rem * var(--mantine-scale));
|
|
width: max-content;
|
|
display: flex;
|
|
}
|
|
.m_f8d312f2:where(:has(input:disabled)) {
|
|
pointer-events: none;
|
|
}
|
|
.m_61734bb7 {
|
|
transition: transform 0.1s;
|
|
position: relative;
|
|
}
|
|
.m_61734bb7:where([data-active]) {
|
|
z-index: 1;
|
|
transform: scale(1.1);
|
|
}
|
|
.m_5662a89a {
|
|
width: var(--rating-size);
|
|
height: var(--rating-size);
|
|
display: block;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_5662a89a {
|
|
fill: var(--mantine-color-gray-3);
|
|
stroke: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_5662a89a {
|
|
fill: var(--mantine-color-dark-3);
|
|
stroke: var(--mantine-color-dark-3);
|
|
}
|
|
.m_5662a89a:where([data-filled]) {
|
|
fill: var(--rating-color);
|
|
stroke: var(--rating-color);
|
|
}
|
|
.m_211007ba {
|
|
white-space: nowrap;
|
|
opacity: 0;
|
|
-webkit-tap-highlight-color: transparent;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.m_211007ba:focus-visible + label {
|
|
outline: 2px solid var(--mantine-primary-color-filled);
|
|
outline-offset: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
.m_21342ee4 {
|
|
cursor: pointer;
|
|
z-index: var(--rating-item-z-index, 0);
|
|
-webkit-tap-highlight-color: transparent;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.m_21342ee4:where([data-read-only]) {
|
|
cursor: default;
|
|
}
|
|
.m_21342ee4:where(:last-of-type) {
|
|
position: relative;
|
|
}
|
|
.m_fae05d6a {
|
|
clip-path: var(--rating-symbol-clip-path);
|
|
}
|
|
.m_1b3c8819 {
|
|
--tooltip-radius: var(--mantine-radius-default);
|
|
padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
|
|
pointer-events: none;
|
|
font-size: var(--mantine-font-size-sm);
|
|
white-space: nowrap;
|
|
border-radius: var(--tooltip-radius);
|
|
position: absolute;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_1b3c8819 {
|
|
background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
|
|
color: var(--tooltip-color, var(--mantine-color-white));
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_1b3c8819 {
|
|
background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
|
|
color: var(--tooltip-color, var(--mantine-color-black));
|
|
}
|
|
.m_1b3c8819:where([data-multiline]) {
|
|
white-space: normal;
|
|
}
|
|
.m_1b3c8819:where([data-fixed]) {
|
|
position: fixed;
|
|
}
|
|
.m_f898399f {
|
|
background-color: inherit;
|
|
z-index: 1;
|
|
border: 0;
|
|
}
|
|
.m_b32e4812 {
|
|
width: var(--rp-size);
|
|
height: var(--rp-size);
|
|
min-width: var(--rp-size);
|
|
min-height: var(--rp-size);
|
|
--rp-transition-duration: 0s;
|
|
position: relative;
|
|
}
|
|
.m_d43b5134 {
|
|
width: var(--rp-size);
|
|
height: var(--rp-size);
|
|
min-width: var(--rp-size);
|
|
min-height: var(--rp-size);
|
|
transform: rotate(-90deg);
|
|
}
|
|
.m_b1ca1fbf {
|
|
stroke: var(--curve-color, var(--rp-curve-root-color));
|
|
transition:
|
|
stroke-dashoffset var(--rp-transition-duration) ease,
|
|
stroke-dasharray var(--rp-transition-duration) ease,
|
|
stroke var(--rp-transition-duration);
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_b1ca1fbf {
|
|
--rp-curve-root-color: var(--mantine-color-gray-2);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_b1ca1fbf {
|
|
--rp-curve-root-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_b23f9dc4 {
|
|
top: 50%;
|
|
inset-inline: var(--rp-label-offset);
|
|
position: absolute;
|
|
transform: translateY(-50%);
|
|
}
|
|
.m_cf365364 {
|
|
--sc-padding-xs: calc(0.125rem * var(--mantine-scale))
|
|
calc(0.375rem * var(--mantine-scale));
|
|
--sc-padding-sm: calc(0.1875rem * var(--mantine-scale))
|
|
calc(0.625rem * var(--mantine-scale));
|
|
--sc-padding-md: calc(0.25rem * var(--mantine-scale))
|
|
calc(0.875rem * var(--mantine-scale));
|
|
--sc-padding-lg: calc(0.4375rem * var(--mantine-scale))
|
|
calc(1rem * var(--mantine-scale));
|
|
--sc-padding-xl: calc(0.625rem * var(--mantine-scale))
|
|
calc(1.25rem * var(--mantine-scale));
|
|
--sc-transition-duration: 0.2s;
|
|
--sc-padding: var(--sc-padding-sm);
|
|
--sc-transition-timing-function: ease;
|
|
--sc-font-size: var(--mantine-font-size-sm);
|
|
border-radius: var(--sc-radius, var(--mantine-radius-default));
|
|
width: auto;
|
|
padding: calc(0.25rem * var(--mantine-scale));
|
|
flex-direction: row;
|
|
display: inline-flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_cf365364:where([data-full-width]) {
|
|
display: flex;
|
|
}
|
|
.m_cf365364:where([data-orientation="vertical"]) {
|
|
flex-direction: column;
|
|
width: max-content;
|
|
display: flex;
|
|
}
|
|
.m_cf365364:where([data-orientation="vertical"]):where([data-full-width]) {
|
|
width: auto;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_cf365364 {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_cf365364 {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
.m_9e182ccd {
|
|
z-index: 1;
|
|
border-radius: var(--sc-radius, var(--mantine-radius-default));
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_9e182ccd {
|
|
box-shadow: var(--sc-shadow, none);
|
|
background-color: var(--sc-color, var(--mantine-color-white));
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_9e182ccd {
|
|
box-shadow: none;
|
|
background-color: var(--sc-color, var(--mantine-color-dark-5));
|
|
}
|
|
.m_1738fcb2 {
|
|
-webkit-tap-highlight-color: transparent;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: var(--sc-radius, var(--mantine-radius-default));
|
|
font-weight: 500;
|
|
font-size: var(--sc-font-size);
|
|
padding: var(--sc-padding);
|
|
transition: color var(--sc-transition-duration)
|
|
var(--sc-transition-timing-function);
|
|
cursor: pointer;
|
|
outline: var(--segmented-control-outline, none);
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_1738fcb2 {
|
|
color: var(--mantine-color-gray-7);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_1738fcb2 {
|
|
color: var(--mantine-color-dark-1);
|
|
}
|
|
.m_1738fcb2:where([data-read-only]) {
|
|
cursor: default;
|
|
}
|
|
fieldset:disabled .m_1738fcb2,
|
|
.m_1738fcb2:where([data-disabled]) {
|
|
cursor: not-allowed;
|
|
color: var(--mantine-color-disabled-color);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_1738fcb2:where([data-active]) {
|
|
color: var(--sc-label-color, var(--mantine-color-black));
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_1738fcb2:where([data-active]) {
|
|
color: var(--sc-label-color, var(--mantine-color-white));
|
|
}
|
|
.m_cf365364:where([data-initialized])
|
|
.m_1738fcb2:where([data-active]):before {
|
|
display: none;
|
|
}
|
|
.m_1738fcb2:where([data-active]):before {
|
|
content: "";
|
|
z-index: 0;
|
|
border-radius: var(--sc-radius, var(--mantine-radius-default));
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_1738fcb2:where([data-active]):before {
|
|
box-shadow: var(--sc-shadow, none);
|
|
background-color: var(--sc-color, var(--mantine-color-white));
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_1738fcb2:where([data-active]):before {
|
|
box-shadow: none;
|
|
background-color: var(--sc-color, var(--mantine-color-dark-5));
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_1738fcb2:where(
|
|
:not([data-disabled], [data-active], [data-read-only])
|
|
):hover {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_1738fcb2:where(
|
|
:not([data-disabled], [data-active], [data-read-only])
|
|
):hover {
|
|
color: var(--mantine-color-white);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_1738fcb2:where(
|
|
:not([data-disabled], [data-active], [data-read-only])
|
|
):active {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_1738fcb2:where(
|
|
:not([data-disabled], [data-active], [data-read-only])
|
|
):active {
|
|
color: var(--mantine-color-white);
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
fieldset:disabled .m_1738fcb2:hover {
|
|
color: var(--mantine-color-disabled-color) !important;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
fieldset:disabled .m_1738fcb2:active {
|
|
color: var(--mantine-color-disabled-color) !important;
|
|
}
|
|
}
|
|
.m_1714d588 {
|
|
white-space: nowrap;
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.m_1714d588[data-focus-ring="auto"]:focus:focus-visible + .m_1738fcb2,
|
|
.m_1714d588[data-focus-ring="always"]:focus + .m_1738fcb2 {
|
|
--segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
|
|
}
|
|
.m_69686b9b {
|
|
z-index: 2;
|
|
transition: border-color var(--sc-transition-duration)
|
|
var(--sc-transition-timing-function);
|
|
flex: 1;
|
|
position: relative;
|
|
}
|
|
.m_cf365364[data-with-items-borders] :where(.m_69686b9b):before {
|
|
content: "";
|
|
background-color: var(--separator-color);
|
|
width: calc(0.0625rem * var(--mantine-scale));
|
|
transition: background-color var(--sc-transition-duration)
|
|
var(--sc-transition-timing-function);
|
|
top: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
}
|
|
.m_69686b9b[data-orientation="vertical"]:before {
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
top: 0;
|
|
inset-inline: 0;
|
|
width: auto;
|
|
bottom: auto;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_69686b9b {
|
|
--separator-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_69686b9b {
|
|
--separator-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_69686b9b:first-of-type:before,
|
|
[data-mantine-color-scheme] .m_69686b9b[data-active]:before,
|
|
[data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b:before {
|
|
--separator-color: transparent;
|
|
}
|
|
.m_78882f40 {
|
|
z-index: 2;
|
|
position: relative;
|
|
}
|
|
.m_fa528724 {
|
|
--scp-filled-segment-color: var(--mantine-primary-color-filled);
|
|
--scp-transition-duration: 0s;
|
|
--scp-thickness: calc(0.625rem * var(--mantine-scale));
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_fa528724 {
|
|
--scp-empty-segment-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_fa528724 {
|
|
--scp-empty-segment-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_fa528724 {
|
|
width: fit-content;
|
|
position: relative;
|
|
}
|
|
.m_62e9e7e2 {
|
|
transform: var(--scp-rotation);
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
.m_c573fb6f {
|
|
transition:
|
|
stroke-dashoffset var(--scp-transition-duration) ease,
|
|
stroke-dasharray var(--scp-transition-duration) ease,
|
|
stroke var(--scp-transition-duration);
|
|
}
|
|
.m_4fa340f2 {
|
|
text-align: center;
|
|
z-index: 1;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
inset-inline: 0;
|
|
}
|
|
.m_4fa340f2:where([data-position="bottom"]) {
|
|
padding-inline: calc(var(--scp-thickness) * 2);
|
|
bottom: 0;
|
|
}
|
|
.m_4fa340f2:where([data-position="bottom"]):where([data-orientation="down"]) {
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
.m_4fa340f2:where([data-position="center"]) {
|
|
padding-inline: calc(var(--scp-thickness) * 3);
|
|
top: 50%;
|
|
}
|
|
.m_925c2d2c {
|
|
container: simple-grid/inline-size;
|
|
}
|
|
.m_2415a157 {
|
|
grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
|
|
gap: var(--sg-spacing-y) var(--sg-spacing-x);
|
|
display: grid;
|
|
}
|
|
@keyframes m_299c329c {
|
|
0%,
|
|
to {
|
|
opacity: 0.4;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.m_18320242 {
|
|
height: var(--skeleton-height, auto);
|
|
width: var(--skeleton-width, 100%);
|
|
border-radius: var(--skeleton-radius, var(--mantine-radius-default));
|
|
position: relative;
|
|
transform: translateZ(0);
|
|
}
|
|
.m_18320242:where([data-animate]):after {
|
|
animation: 1.5s linear infinite m_299c329c;
|
|
}
|
|
.m_18320242:where([data-visible]) {
|
|
overflow: hidden;
|
|
}
|
|
.m_18320242:where([data-visible]):before {
|
|
content: "";
|
|
z-index: 10;
|
|
background-color: var(--mantine-color-body);
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_18320242:where([data-visible]):after {
|
|
content: "";
|
|
z-index: 11;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_18320242:where([data-visible]):after {
|
|
background-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_18320242:where([data-visible]):after {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_dd36362e {
|
|
--slider-size-xs: calc(0.25rem * var(--mantine-scale));
|
|
--slider-size-sm: calc(0.375rem * var(--mantine-scale));
|
|
--slider-size-md: calc(0.5rem * var(--mantine-scale));
|
|
--slider-size-lg: calc(0.625rem * var(--mantine-scale));
|
|
--slider-size-xl: calc(0.75rem * var(--mantine-scale));
|
|
--slider-size: var(--slider-size-md);
|
|
--slider-radius: calc(62.5rem * var(--mantine-scale));
|
|
--slider-color: var(--mantine-primary-color-filled);
|
|
--slider-track-disabled-bg: var(--mantine-color-disabled);
|
|
-webkit-tap-highlight-color: transparent;
|
|
height: calc(var(--slider-size) * 2);
|
|
padding-inline: var(--slider-size);
|
|
touch-action: none;
|
|
outline: none;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_dd36362e {
|
|
--slider-track-bg: var(--mantine-color-gray-2);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_dd36362e {
|
|
--slider-track-bg: var(--mantine-color-dark-4);
|
|
}
|
|
.m_c9357328 {
|
|
top: calc(-2.25rem * var(--mantine-scale));
|
|
font-size: var(--mantine-font-size-xs);
|
|
color: var(--mantine-color-white);
|
|
padding: calc(var(--mantine-spacing-xs) / 2);
|
|
border-radius: var(--mantine-radius-sm);
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
touch-action: none;
|
|
position: absolute;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_c9357328 {
|
|
background-color: var(--mantine-color-gray-9);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_c9357328 {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_c9a9a60a {
|
|
height: var(--slider-thumb-size);
|
|
width: var(--slider-thumb-size);
|
|
border: calc(0.25rem * var(--mantine-scale)) solid;
|
|
cursor: pointer;
|
|
border-radius: var(--slider-radius);
|
|
z-index: 3;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
touch-action: none;
|
|
outline-offset: calc(0.125rem * var(--mantine-scale));
|
|
top: 50%;
|
|
left: var(--slider-thumb-offset);
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition:
|
|
box-shadow 0.1s,
|
|
transform 0.1s;
|
|
display: flex;
|
|
position: absolute;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
:where([dir="rtl"]) .m_c9a9a60a {
|
|
left: auto;
|
|
right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
|
|
}
|
|
fieldset:disabled .m_c9a9a60a,
|
|
.m_c9a9a60a:where([data-disabled]) {
|
|
display: none;
|
|
}
|
|
.m_c9a9a60a:where([data-dragging]) {
|
|
box-shadow: var(--mantine-shadow-sm);
|
|
transform: translate(-50%, -50%) scale(1.05);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_c9a9a60a {
|
|
color: var(--slider-color);
|
|
border-color: var(--slider-color);
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_c9a9a60a {
|
|
color: var(--mantine-color-white);
|
|
border-color: var(--mantine-color-white);
|
|
background-color: var(--slider-color);
|
|
}
|
|
.m_a8645c2 {
|
|
width: 100%;
|
|
height: calc(var(--slider-size) * 2);
|
|
cursor: pointer;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
fieldset:disabled .m_a8645c2,
|
|
.m_a8645c2:where([data-disabled]) {
|
|
cursor: not-allowed;
|
|
}
|
|
.m_c9ade57f {
|
|
width: 100%;
|
|
height: var(--slider-size);
|
|
position: relative;
|
|
}
|
|
.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
|
|
--track-bg: var(--slider-color);
|
|
}
|
|
fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
.m_c9ade57f:where([data-inverted][data-disabled]) {
|
|
--track-bg: var(--slider-track-disabled-bg);
|
|
}
|
|
.m_c9ade57f:before {
|
|
content: "";
|
|
border-radius: var(--slider-radius);
|
|
top: 0;
|
|
bottom: 0;
|
|
inset-inline: calc(var(--slider-size) * -1);
|
|
background-color: var(--track-bg, var(--slider-track-bg));
|
|
z-index: 0;
|
|
position: absolute;
|
|
}
|
|
.m_38aeed47 {
|
|
z-index: 1;
|
|
background-color: var(--slider-color);
|
|
border-radius: var(--slider-radius);
|
|
width: var(--slider-bar-width);
|
|
top: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
inset-inline-start: var(--slider-bar-offset);
|
|
}
|
|
.m_38aeed47:where([data-inverted]) {
|
|
background-color: var(--slider-track-bg);
|
|
}
|
|
fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
|
|
.m_38aeed47:where([data-disabled]:not([data-inverted])) {
|
|
background-color: var(--mantine-color-disabled-color);
|
|
}
|
|
.m_b7b0423a {
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
|
|
height: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.m_dd33bc19 {
|
|
border: calc(0.125rem * var(--mantine-scale)) solid;
|
|
height: var(--slider-size);
|
|
width: var(--slider-size);
|
|
border-radius: calc(62.5rem * var(--mantine-scale));
|
|
background-color: var(--mantine-color-white);
|
|
pointer-events: none;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_dd33bc19 {
|
|
border-color: var(--mantine-color-gray-2);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_dd33bc19 {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_dd33bc19:where([data-filled]) {
|
|
border-color: var(--slider-color);
|
|
}
|
|
.m_dd33bc19:where([data-filled]):where([data-disabled]) {
|
|
border-color: var(--mantine-color-disabled-border);
|
|
}
|
|
.m_68c77a5b {
|
|
transform: translate(
|
|
calc(-50% + var(--slider-size) / 2),
|
|
calc(var(--mantine-spacing-xs) / 2)
|
|
);
|
|
font-size: var(--mantine-font-size-sm);
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_68c77a5b {
|
|
color: var(--mantine-color-gray-6);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_68c77a5b {
|
|
color: var(--mantine-color-dark-2);
|
|
}
|
|
.m_559cce2d {
|
|
position: relative;
|
|
}
|
|
.m_559cce2d:where([data-has-spoiler]) {
|
|
margin-bottom: calc(1.5rem * var(--mantine-scale));
|
|
}
|
|
.m_b912df4e {
|
|
transition: max-height var(--spoiler-transition-duration, 0.2s) ease;
|
|
flex-direction: column;
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
.m_b9131032 {
|
|
height: calc(1.5rem * var(--mantine-scale));
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 100%;
|
|
}
|
|
.m_6d731127 {
|
|
align-items: var(--stack-align, stretch);
|
|
justify-content: var(--stack-justify, flex-start);
|
|
gap: var(--stack-gap, var(--mantine-spacing-md));
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.m_cbb4ea7e {
|
|
--stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
|
|
--stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
|
|
--stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
|
|
--stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
|
|
--stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
|
|
--stepper-icon-size: var(--stepper-icon-size-md);
|
|
--stepper-color: var(--mantine-primary-color-filled);
|
|
--stepper-content-padding: var(--mantine-spacing-md);
|
|
--stepper-spacing: var(--mantine-spacing-md);
|
|
--stepper-radius: calc(62.5rem * var(--mantine-scale));
|
|
--stepper-fz: var(--mantine-font-size-md);
|
|
--stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_cbb4ea7e {
|
|
--stepper-outline-color: var(--mantine-color-gray-2);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_cbb4ea7e {
|
|
--stepper-outline-color: var(--mantine-color-dark-5);
|
|
}
|
|
.m_aaf89d0b {
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_aaf89d0b:where([data-wrap]) {
|
|
gap: var(--mantine-spacing-md) 0;
|
|
flex-wrap: wrap;
|
|
}
|
|
.m_aaf89d0b:where([data-orientation="vertical"]) {
|
|
flex-direction: column;
|
|
}
|
|
.m_aaf89d0b:where([data-orientation="vertical"]):where(
|
|
[data-icon-position="left"]
|
|
) {
|
|
align-items: flex-start;
|
|
}
|
|
.m_aaf89d0b:where([data-orientation="vertical"]):where(
|
|
[data-icon-position="right"]
|
|
) {
|
|
align-items: flex-end;
|
|
}
|
|
.m_aaf89d0b:where([data-orientation="horizontal"]) {
|
|
flex-direction: row;
|
|
}
|
|
.m_2a371ac9 {
|
|
height: var(--stepper-outline-thickness);
|
|
margin-inline: var(--mantine-spacing-md);
|
|
background-color: var(--stepper-outline-color);
|
|
flex: 1;
|
|
transition: background-color 0.15s;
|
|
}
|
|
.m_2a371ac9:where([data-active]) {
|
|
background-color: var(--stepper-color);
|
|
}
|
|
.m_78da155d {
|
|
padding-top: var(--stepper-content-padding);
|
|
}
|
|
.m_cbb57068 {
|
|
--step-color: var(--stepper-color);
|
|
cursor: default;
|
|
display: flex;
|
|
}
|
|
.m_cbb57068:where([data-allow-click]) {
|
|
cursor: pointer;
|
|
}
|
|
.m_cbb57068:where([data-icon-position="left"]) {
|
|
flex-direction: row;
|
|
}
|
|
.m_cbb57068:where([data-icon-position="right"]) {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.m_f56b1e2c {
|
|
align-items: center;
|
|
}
|
|
.m_833edb7e {
|
|
--separator-spacing: calc(var(--mantine-spacing-xs) / 2);
|
|
min-height: calc(
|
|
var(--stepper-icon-size) + var(--mantine-spacing-xl) +
|
|
var(--separator-spacing)
|
|
);
|
|
margin-top: var(--separator-spacing);
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
}
|
|
.m_833edb7e:where(:first-of-type) {
|
|
margin-top: 0;
|
|
}
|
|
.m_833edb7e:where(:last-of-type) {
|
|
min-height: auto;
|
|
}
|
|
.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
|
|
display: none;
|
|
}
|
|
.m_818e70b {
|
|
position: relative;
|
|
}
|
|
.m_6496b3f3 {
|
|
top: calc(var(--stepper-icon-size) + var(--separator-spacing));
|
|
border-inline-start: var(--stepper-outline-thickness) solid
|
|
var(--stepper-outline-color);
|
|
height: 100vh;
|
|
position: absolute;
|
|
inset-inline-start: calc(var(--stepper-icon-size) / 2);
|
|
}
|
|
.m_6496b3f3:where([data-active]) {
|
|
border-color: var(--stepper-color);
|
|
}
|
|
.m_1959ad01 {
|
|
height: var(--stepper-icon-size);
|
|
width: var(--stepper-icon-size);
|
|
min-height: var(--stepper-icon-size);
|
|
min-width: var(--stepper-icon-size);
|
|
border-radius: var(--stepper-radius);
|
|
font-size: var(--stepper-fz);
|
|
border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
|
|
background-color: var(--stepper-outline-color);
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-weight: 700;
|
|
transition:
|
|
background-color 0.15s,
|
|
border-color 0.15s;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_1959ad01 {
|
|
color: var(--mantine-color-gray-7);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_1959ad01 {
|
|
color: var(--mantine-color-dark-1);
|
|
}
|
|
.m_1959ad01:where([data-progress]) {
|
|
border-color: var(--step-color);
|
|
}
|
|
.m_1959ad01:where([data-completed]) {
|
|
color: var(--stepper-icon-color, var(--mantine-color-white));
|
|
background-color: var(--step-color);
|
|
border-color: var(--step-color);
|
|
}
|
|
.m_a79331dc {
|
|
color: var(--stepper-icon-color, var(--mantine-color-white));
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.m_1956aa2a {
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.m_1956aa2a:where([data-icon-position="left"]) {
|
|
margin-inline-start: var(--mantine-spacing-sm);
|
|
}
|
|
.m_1956aa2a:where([data-icon-position="right"]) {
|
|
text-align: right;
|
|
margin-inline-end: var(--mantine-spacing-sm);
|
|
}
|
|
:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position="right"]) {
|
|
text-align: left;
|
|
}
|
|
.m_12051f6c {
|
|
font-weight: 500;
|
|
font-size: var(--stepper-fz);
|
|
line-height: 1;
|
|
}
|
|
.m_164eea74 {
|
|
margin-top: calc(var(--stepper-spacing) / 3);
|
|
margin-bottom: calc(var(--stepper-spacing) / 3);
|
|
font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
|
|
color: var(--mantine-color-dimmed);
|
|
line-height: 1;
|
|
}
|
|
.m_5f93f3bb {
|
|
--switch-height-xs: calc(1rem * var(--mantine-scale));
|
|
--switch-height-sm: calc(1.25rem * var(--mantine-scale));
|
|
--switch-height-md: calc(1.5rem * var(--mantine-scale));
|
|
--switch-height-lg: calc(1.875rem * var(--mantine-scale));
|
|
--switch-height-xl: calc(2.25rem * var(--mantine-scale));
|
|
--switch-width-xs: calc(2rem * var(--mantine-scale));
|
|
--switch-width-sm: calc(2.375rem * var(--mantine-scale));
|
|
--switch-width-md: calc(2.875rem * var(--mantine-scale));
|
|
--switch-width-lg: calc(3.5rem * var(--mantine-scale));
|
|
--switch-width-xl: calc(4.5rem * var(--mantine-scale));
|
|
--switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
|
|
--switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
|
|
--switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
|
|
--switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
|
|
--switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));
|
|
--switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
|
|
--switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
|
|
--switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
|
|
--switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
|
|
--switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));
|
|
--switch-track-label-padding-xs: calc(0.125rem * var(--mantine-scale));
|
|
--switch-track-label-padding-sm: calc(0.15625rem * var(--mantine-scale));
|
|
--switch-track-label-padding-md: calc(0.1875rem * var(--mantine-scale));
|
|
--switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
|
|
--switch-track-label-padding-xl: calc(0.21875rem * var(--mantine-scale));
|
|
--switch-height: var(--switch-height-sm);
|
|
--switch-width: var(--switch-width-sm);
|
|
--switch-thumb-size: var(--switch-thumb-size-sm);
|
|
--switch-label-font-size: var(--switch-label-font-size-sm);
|
|
--switch-track-label-padding: var(--switch-track-label-padding-sm);
|
|
--switch-radius: calc(62.5rem * var(--mantine-scale));
|
|
--switch-color: var(--mantine-primary-color-filled);
|
|
--switch-disabled-color: var(--mantine-color-disabled);
|
|
position: relative;
|
|
}
|
|
.m_926b4011 {
|
|
opacity: 0;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.m_9307d992 {
|
|
-webkit-tap-highlight-color: transparent;
|
|
cursor: var(--switch-cursor, var(--mantine-cursor-type));
|
|
border-radius: var(--switch-radius);
|
|
background-color: var(--switch-bg);
|
|
height: var(--switch-height);
|
|
min-width: var(--switch-width);
|
|
appearance: none;
|
|
font-size: var(--switch-label-font-size);
|
|
order: var(--switch-order, 1);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
z-index: 0;
|
|
color: var(--switch-text-color);
|
|
align-items: center;
|
|
margin: 0;
|
|
font-weight: 600;
|
|
line-height: 0;
|
|
transition:
|
|
background-color 0.15s,
|
|
border-color 0.15s;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.m_9307d992:where([data-without-labels]) {
|
|
width: var(--switch-width);
|
|
}
|
|
.m_926b4011:focus-visible + .m_9307d992 {
|
|
outline: 2px solid var(--mantine-primary-color-filled);
|
|
outline-offset: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
.m_926b4011:checked + .m_9307d992 {
|
|
--switch-bg: var(--switch-color);
|
|
--switch-text-color: var(--mantine-color-white);
|
|
}
|
|
.m_926b4011:disabled + .m_9307d992,
|
|
.m_926b4011[data-disabled] + .m_9307d992 {
|
|
--switch-bg: var(--switch-disabled-color);
|
|
--switch-cursor: not-allowed;
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_9307d992 {
|
|
--switch-bg: var(--mantine-color-gray-3);
|
|
--switch-text-color: var(--mantine-color-gray-6);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_9307d992 {
|
|
--switch-bg: var(--mantine-color-dark-5);
|
|
--switch-text-color: var(--mantine-color-dark-1);
|
|
}
|
|
.m_9307d992[data-label-position="left"] {
|
|
--switch-order: 2;
|
|
}
|
|
.m_93039a1d {
|
|
z-index: 1;
|
|
border-radius: var(--switch-radius);
|
|
background-color: var(--switch-thumb-bg, var(--mantine-color-white));
|
|
height: var(--switch-thumb-size);
|
|
width: var(--switch-thumb-size);
|
|
transition: inset-inline-start 0.15s;
|
|
display: flex;
|
|
position: absolute;
|
|
inset-inline-start: var(
|
|
--switch-thumb-start,
|
|
var(--switch-track-label-padding)
|
|
);
|
|
}
|
|
.m_93039a1d:where([data-with-thumb-indicator]):before {
|
|
content: "";
|
|
background-color: var(--switch-bg);
|
|
border-radius: var(--switch-radius);
|
|
width: 40%;
|
|
height: 40%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.m_93039a1d > * {
|
|
margin: auto;
|
|
}
|
|
.m_926b4011:checked + * > .m_93039a1d {
|
|
--switch-thumb-start: calc(
|
|
100% - var(--switch-thumb-size) - var(--switch-track-label-padding)
|
|
);
|
|
}
|
|
.m_926b4011:disabled + * > .m_93039a1d,
|
|
.m_926b4011[data-disabled] + * > .m_93039a1d {
|
|
--switch-thumb-bg: var(--switch-thumb-bg-disabled);
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_93039a1d {
|
|
--switch-thumb-bg-disabled: var(--mantine-color-gray-0);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_93039a1d {
|
|
--switch-thumb-bg-disabled: var(--mantine-color-dark-3);
|
|
}
|
|
.m_8277e082 {
|
|
height: 100%;
|
|
min-width: calc(var(--switch-width) - var(--switch-thumb-size));
|
|
padding-inline: var(--switch-track-label-padding);
|
|
place-content: center;
|
|
margin-inline-start: calc(
|
|
var(--switch-thumb-size) + var(--switch-track-label-padding)
|
|
);
|
|
transition: margin 0.15s;
|
|
display: grid;
|
|
}
|
|
.m_926b4011:checked + * > .m_8277e082 {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: calc(
|
|
var(--switch-thumb-size) + var(--switch-track-label-padding)
|
|
);
|
|
}
|
|
.m_b23fa0ef {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
line-height: var(--mantine-line-height);
|
|
font-size: var(--mantine-font-size-sm);
|
|
table-layout: var(--table-layout, auto);
|
|
caption-side: var(--table-caption-side, bottom);
|
|
border: none;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_b23fa0ef {
|
|
--table-hover-color: var(--mantine-color-gray-1);
|
|
--table-striped-color: var(--mantine-color-gray-0);
|
|
--table-border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_b23fa0ef {
|
|
--table-hover-color: var(--mantine-color-dark-5);
|
|
--table-striped-color: var(--mantine-color-dark-6);
|
|
--table-border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_b23fa0ef:where([data-with-table-border]) {
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid
|
|
var(--table-border-color);
|
|
}
|
|
.m_b23fa0ef:where([data-tabular-nums]) {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
.m_b23fa0ef:where([data-variant="vertical"]) :where(.m_4e7aa4f3) {
|
|
font-weight: 500;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_b23fa0ef:where([data-variant="vertical"])
|
|
:where(.m_4e7aa4f3) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_b23fa0ef:where([data-variant="vertical"])
|
|
:where(.m_4e7aa4f3) {
|
|
background-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_4e7aa4f3 {
|
|
text-align: left;
|
|
}
|
|
:where([dir="rtl"]) .m_4e7aa4f3 {
|
|
text-align: right;
|
|
}
|
|
.m_4e7aa4fd {
|
|
background-color: #0000;
|
|
border-bottom: none;
|
|
}
|
|
@media (hover: hover) {
|
|
.m_4e7aa4fd:hover:where([data-hover]) {
|
|
background-color: var(--tr-hover-bg);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_4e7aa4fd:active:where([data-hover]) {
|
|
background-color: var(--tr-hover-bg);
|
|
}
|
|
}
|
|
.m_4e7aa4fd:where([data-with-row-border]) {
|
|
border-bottom: calc(0.0625rem * var(--mantine-scale)) solid
|
|
var(--table-border-color);
|
|
}
|
|
.m_4e7aa4ef,
|
|
.m_4e7aa4f3 {
|
|
padding: var(--table-vertical-spacing)
|
|
var(--table-horizontal-spacing, var(--mantine-spacing-xs));
|
|
}
|
|
.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)),
|
|
.m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
|
|
border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid
|
|
var(--table-border-color);
|
|
}
|
|
.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)),
|
|
.m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
|
|
border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid
|
|
var(--table-border-color);
|
|
}
|
|
.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
|
|
border-bottom: none;
|
|
}
|
|
.m_b2404537 > :where(tr):where([data-striped="odd"]:nth-of-type(odd)),
|
|
.m_b2404537 > :where(tr):where([data-striped="even"]:nth-of-type(2n)) {
|
|
background-color: var(--table-striped-color);
|
|
}
|
|
.m_b2404537 > :where(tr)[data-hover] {
|
|
--tr-hover-bg: var(
|
|
--table-highlight-on-hover-color,
|
|
var(--table-hover-color)
|
|
);
|
|
}
|
|
.m_b242d975 {
|
|
top: var(--table-sticky-header-offset, 0);
|
|
z-index: 3;
|
|
}
|
|
.m_b242d975:where([data-sticky]) {
|
|
position: sticky;
|
|
}
|
|
.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
|
|
top: var(--table-sticky-header-offset, 0);
|
|
background-color: var(--mantine-color-body);
|
|
position: sticky;
|
|
}
|
|
:where([data-with-table-border]) .m_b242d975[data-sticky] {
|
|
top: var(--table-sticky-header-offset, 0);
|
|
z-index: 4;
|
|
border-top: none;
|
|
position: sticky;
|
|
}
|
|
:where([data-with-table-border]) .m_b242d975[data-sticky]:before {
|
|
content: "";
|
|
left: 0;
|
|
top: calc(-0.03125rem * var(--mantine-scale));
|
|
width: 100%;
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
background-color: var(--table-border-color);
|
|
z-index: 5;
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
:where([data-with-table-border])
|
|
.m_b242d975[data-sticky]
|
|
.m_4e7aa4f3:first-child {
|
|
border-top: none;
|
|
}
|
|
.m_9e5a3ac7 {
|
|
color: var(--mantine-color-dimmed);
|
|
}
|
|
.m_9e5a3ac7:where([data-side="top"]) {
|
|
margin-bottom: var(--mantine-spacing-xs);
|
|
}
|
|
.m_9e5a3ac7:where([data-side="bottom"]) {
|
|
margin-top: var(--mantine-spacing-xs);
|
|
}
|
|
.m_a100c15 {
|
|
overflow-x: var(--table-overflow);
|
|
}
|
|
.m_62259741 {
|
|
min-width: var(--table-min-width);
|
|
max-height: var(--table-max-height);
|
|
}
|
|
.m_bcaa9990 {
|
|
--toc-depth-offset: 0.8em;
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.m_375a65ef {
|
|
font-size: var(--toc-size, var(--mantine-font-size-md));
|
|
border-radius: var(--toc-radius, var(--mantine-radius-default));
|
|
padding: 0.3em 0.8em;
|
|
padding-left: max(
|
|
calc(var(--depth-offset) * var(--toc-depth-offset)),
|
|
0.8em
|
|
);
|
|
display: block;
|
|
}
|
|
@media (hover: hover) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_375a65ef:where(:hover):where(:not([data-variant="none"])) {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_375a65ef:where(:hover):where(:not([data-variant="none"])) {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_375a65ef:where(:active):where(:not([data-variant="none"])) {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_375a65ef:where(:active):where(:not([data-variant="none"])) {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
.m_375a65ef:where([data-active]) {
|
|
background-color: var(--toc-bg);
|
|
color: var(--toc-color);
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_89d60db1 {
|
|
--tab-border-color: var(--mantine-color-gray-3);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_89d60db1 {
|
|
--tab-border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_89d60db1 {
|
|
display: var(--tabs-display);
|
|
flex-direction: var(--tabs-flex-direction);
|
|
--tabs-list-direction: row;
|
|
--tabs-panel-grow: unset;
|
|
--tabs-display: block;
|
|
--tabs-flex-direction: row;
|
|
--tabs-list-border-width: 0;
|
|
--tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
|
|
--tabs-list-gap: unset;
|
|
--tabs-list-line-bottom: 0;
|
|
--tabs-list-line-top: unset;
|
|
--tabs-list-line-start: 0;
|
|
--tabs-list-line-end: 0;
|
|
--tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
|
|
--tab-border-width: 0 0 var(--tabs-list-border-width) 0;
|
|
}
|
|
.m_89d60db1[data-inverted] {
|
|
--tabs-list-line-bottom: unset;
|
|
--tabs-list-line-top: 0;
|
|
--tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
|
|
--tab-border-width: var(--tabs-list-border-width) 0 0 0;
|
|
}
|
|
.m_89d60db1[data-inverted] .m_576c9d4:before {
|
|
top: 0;
|
|
bottom: unset;
|
|
}
|
|
.m_89d60db1[data-orientation="vertical"] {
|
|
--tabs-list-line-start: unset;
|
|
--tabs-list-line-end: 0;
|
|
--tabs-list-line-top: 0;
|
|
--tabs-list-line-bottom: 0;
|
|
--tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
|
|
--tab-border-width: 0 var(--tabs-list-border-width) 0 0;
|
|
--tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
|
|
--tabs-list-direction: column;
|
|
--tabs-panel-grow: 1;
|
|
--tabs-display: flex;
|
|
}
|
|
[dir="rtl"] .m_89d60db1[data-orientation="vertical"] {
|
|
--tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
|
|
--tab-border-width: 0 0 0 var(--tabs-list-border-width);
|
|
--tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
|
|
}
|
|
.m_89d60db1[data-orientation="vertical"][data-placement="right"] {
|
|
--tabs-flex-direction: row-reverse;
|
|
--tabs-list-line-start: 0;
|
|
--tabs-list-line-end: unset;
|
|
--tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
|
|
--tab-border-width: 0 0 0 var(--tabs-list-border-width);
|
|
--tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
|
|
}
|
|
[dir="rtl"] .m_89d60db1[data-orientation="vertical"][data-placement="right"] {
|
|
--tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
|
|
--tab-border-width: 0 var(--tabs-list-border-width) 0 0;
|
|
--tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
|
|
}
|
|
.m_89d60db1[data-variant="default"] {
|
|
--tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_89d60db1[data-variant="default"] {
|
|
--tab-hover-color: var(--mantine-color-gray-0);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_89d60db1[data-variant="default"] {
|
|
--tab-hover-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_89d60db1[data-variant="outline"] {
|
|
--tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
|
|
}
|
|
.m_89d60db1[data-variant="pills"] {
|
|
--tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
|
|
}
|
|
[data-mantine-color-scheme="light"] .m_89d60db1[data-variant="pills"] {
|
|
--tab-hover-color: var(--mantine-color-gray-0);
|
|
}
|
|
[data-mantine-color-scheme="dark"] .m_89d60db1[data-variant="pills"] {
|
|
--tab-hover-color: var(--mantine-color-dark-6);
|
|
}
|
|
.m_89d33d6d {
|
|
justify-content: var(--tabs-justify, flex-start);
|
|
flex-wrap: wrap;
|
|
flex-direction: var(--tabs-list-direction);
|
|
gap: var(--tabs-list-gap);
|
|
display: flex;
|
|
}
|
|
.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
|
|
flex: 1;
|
|
}
|
|
.m_b0c91715 {
|
|
flex-grow: var(--tabs-panel-grow);
|
|
}
|
|
.m_4ec4dce6 {
|
|
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
font-size: var(--mantine-font-size-sm);
|
|
white-space: nowrap;
|
|
z-index: 0;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.m_4ec4dce6:where(:disabled, [data-disabled]) {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
.m_4ec4dce6:focus {
|
|
z-index: 1;
|
|
}
|
|
.m_fc420b1f {
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.m_fc420b1f:where([data-position="left"]:not(:only-child)) {
|
|
margin-inline-end: var(--mantine-spacing-xs);
|
|
}
|
|
.m_fc420b1f:where([data-position="right"]:not(:only-child)) {
|
|
margin-inline-start: var(--mantine-spacing-xs);
|
|
}
|
|
.m_42bbd1ae {
|
|
text-align: center;
|
|
flex: 1;
|
|
}
|
|
.m_576c9d4 {
|
|
position: relative;
|
|
}
|
|
.m_576c9d4:before {
|
|
content: "";
|
|
border: 1px solid var(--tab-border-color);
|
|
bottom: var(--tabs-list-line-bottom);
|
|
inset-inline-start: var(--tabs-list-line-start);
|
|
inset-inline-end: var(--tabs-list-line-end);
|
|
top: var(--tabs-list-line-top);
|
|
position: absolute;
|
|
}
|
|
.m_539e827b {
|
|
border-radius: var(--tab-radius);
|
|
border-width: var(--tab-border-width);
|
|
background-color: #0000;
|
|
border-style: solid;
|
|
border-color: #0000;
|
|
}
|
|
.m_539e827b:where([data-active]) {
|
|
border-color: var(--tabs-color);
|
|
}
|
|
@media (hover: hover) {
|
|
.m_539e827b:hover {
|
|
background-color: var(--tab-hover-color);
|
|
}
|
|
.m_539e827b:hover:where(:not([data-active])) {
|
|
border-color: var(--tab-border-color);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_539e827b:active {
|
|
background-color: var(--tab-hover-color);
|
|
}
|
|
.m_539e827b:active:where(:not([data-active])) {
|
|
border-color: var(--tab-border-color);
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.m_539e827b:disabled:hover,
|
|
.m_539e827b[data-disabled]:hover {
|
|
background-color: #0000;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_539e827b:disabled:active,
|
|
.m_539e827b[data-disabled]:active {
|
|
background-color: #0000;
|
|
}
|
|
}
|
|
.m_6772fbd5 {
|
|
position: relative;
|
|
}
|
|
.m_6772fbd5:before {
|
|
content: "";
|
|
border-color: var(--tab-border-color);
|
|
border-width: var(--tabs-list-border-size);
|
|
bottom: var(--tabs-list-line-bottom);
|
|
inset-inline-start: var(--tabs-list-line-start);
|
|
inset-inline-end: var(--tabs-list-line-end);
|
|
top: var(--tabs-list-line-top);
|
|
border-style: solid;
|
|
position: absolute;
|
|
}
|
|
.m_b59ab47c {
|
|
border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
border-right: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
border-left: calc(0.0625rem * var(--mantine-scale)) solid transparent;
|
|
border-top-color: var(--tab-border-top-color);
|
|
border-bottom-color: var(--tab-border-bottom-color);
|
|
border-radius: var(--tab-radius);
|
|
--tab-border-bottom-color: transparent;
|
|
--tab-border-top-color: transparent;
|
|
--tab-border-inline-end-color: transparent;
|
|
--tab-border-inline-start-color: transparent;
|
|
position: relative;
|
|
}
|
|
.m_b59ab47c:where([data-active]):before {
|
|
content: "";
|
|
background-color: var(--tab-border-color);
|
|
bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
|
|
left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
|
|
right: var(--tab-before-right, auto);
|
|
top: var(--tab-before-top, auto);
|
|
width: calc(0.0625rem * var(--mantine-scale));
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
position: absolute;
|
|
}
|
|
.m_b59ab47c:where([data-active]):after {
|
|
content: "";
|
|
background-color: var(--tab-border-color);
|
|
bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
|
|
right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
|
|
left: var(--tab-after-left, auto);
|
|
top: var(--tab-after-top, auto);
|
|
width: calc(0.0625rem * var(--mantine-scale));
|
|
height: calc(0.0625rem * var(--mantine-scale));
|
|
position: absolute;
|
|
}
|
|
.m_b59ab47c:where([data-active]) {
|
|
border-top-color: var(--tab-border-top-color);
|
|
border-bottom-color: var(--tab-border-bottom-color);
|
|
border-inline-start-color: var(--tab-border-inline-start-color);
|
|
border-inline-end-color: var(--tab-border-inline-end-color);
|
|
--tab-border-top-color: var(--tab-border-color);
|
|
--tab-border-inline-start-color: var(--tab-border-color);
|
|
--tab-border-inline-end-color: var(--tab-border-color);
|
|
--tab-border-bottom-color: var(--mantine-color-body);
|
|
}
|
|
.m_b59ab47c:where([data-active])[data-inverted] {
|
|
--tab-border-bottom-color: var(--tab-border-color);
|
|
--tab-border-top-color: var(--mantine-color-body);
|
|
--tab-before-bottom: auto;
|
|
--tab-before-top: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-after-bottom: auto;
|
|
--tab-after-top: calc(-0.0625rem * var(--mantine-scale));
|
|
}
|
|
.m_b59ab47c:where(
|
|
[data-active]
|
|
)[data-orientation="vertical"][data-placement="left"] {
|
|
--tab-border-inline-end-color: var(--mantine-color-body);
|
|
--tab-border-inline-start-color: var(--tab-border-color);
|
|
--tab-border-bottom-color: var(--tab-border-color);
|
|
--tab-before-right: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-before-left: auto;
|
|
--tab-before-bottom: auto;
|
|
--tab-before-top: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-after-left: auto;
|
|
--tab-after-right: calc(-0.0625rem * var(--mantine-scale));
|
|
}
|
|
[dir="rtl"]
|
|
.m_b59ab47c:where(
|
|
[data-active]
|
|
)[data-orientation="vertical"][data-placement="left"] {
|
|
--tab-before-right: auto;
|
|
--tab-before-left: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-after-left: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-after-right: auto;
|
|
}
|
|
.m_b59ab47c:where(
|
|
[data-active]
|
|
)[data-orientation="vertical"][data-placement="right"] {
|
|
--tab-border-inline-start-color: var(--mantine-color-body);
|
|
--tab-border-inline-end-color: var(--tab-border-color);
|
|
--tab-border-bottom-color: var(--tab-border-color);
|
|
--tab-before-left: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-before-right: auto;
|
|
--tab-before-bottom: auto;
|
|
--tab-before-top: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-after-right: auto;
|
|
--tab-after-left: calc(-0.0625rem * var(--mantine-scale));
|
|
}
|
|
[dir="rtl"]
|
|
.m_b59ab47c:where(
|
|
[data-active]
|
|
)[data-orientation="vertical"][data-placement="right"] {
|
|
--tab-before-left: auto;
|
|
--tab-before-right: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-after-right: calc(-0.0625rem * var(--mantine-scale));
|
|
--tab-after-left: auto;
|
|
}
|
|
.m_c3381914 {
|
|
border-radius: var(--tabs-radius);
|
|
background-color: var(--tab-bg);
|
|
color: var(--tab-color);
|
|
--tab-bg: transparent;
|
|
--tab-color: inherit;
|
|
}
|
|
@media (hover: hover) {
|
|
.m_c3381914:not([data-disabled]):hover {
|
|
--tab-bg: var(--tab-hover-color);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_c3381914:not([data-disabled]):active {
|
|
--tab-bg: var(--tab-hover-color);
|
|
}
|
|
}
|
|
.m_c3381914[data-active][data-active] {
|
|
--tab-bg: var(--tabs-color);
|
|
--tab-color: var(--tabs-text-color, var(--mantine-color-white));
|
|
}
|
|
@media (hover: hover) {
|
|
.m_c3381914[data-active][data-active]:hover {
|
|
--tab-bg: var(--tabs-color);
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_c3381914[data-active][data-active]:active {
|
|
--tab-bg: var(--tabs-color);
|
|
}
|
|
}
|
|
.m_7341320d {
|
|
--ti-size-xs: calc(1.125rem * var(--mantine-scale));
|
|
--ti-size-sm: calc(1.375rem * var(--mantine-scale));
|
|
--ti-size-md: calc(1.75rem * var(--mantine-scale));
|
|
--ti-size-lg: calc(2.125rem * var(--mantine-scale));
|
|
--ti-size-xl: calc(2.75rem * var(--mantine-scale));
|
|
--ti-size: var(--ti-size-md);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
width: var(--ti-size);
|
|
height: var(--ti-size);
|
|
min-width: var(--ti-size);
|
|
min-height: var(--ti-size);
|
|
border-radius: var(--ti-radius, var(--mantine-radius-default));
|
|
background: var(--ti-bg, var(--mantine-primary-color-filled));
|
|
color: var(--ti-color, var(--mantine-color-white));
|
|
border: var(--ti-bd, 1px solid transparent);
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.m_43657ece {
|
|
--offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
|
|
--tl-bullet-size: calc(1.25rem * var(--mantine-scale));
|
|
--tl-line-width: calc(0.25rem * var(--mantine-scale));
|
|
--tl-radius: calc(62.5rem * var(--mantine-scale));
|
|
--tl-color: var(--mantine-primary-color-filled);
|
|
}
|
|
.m_43657ece:where([data-align="left"]) {
|
|
padding-inline-start: var(--offset);
|
|
}
|
|
.m_43657ece:where([data-align="right"]) {
|
|
padding-inline-end: var(--offset);
|
|
}
|
|
.m_2ebe8099 {
|
|
margin-bottom: calc(var(--mantine-spacing-xs) / 2);
|
|
font-weight: 500;
|
|
line-height: 1;
|
|
}
|
|
.m_436178ff {
|
|
--item-border: var(--tl-line-width) var(--tli-border-style, solid)
|
|
var(--item-border-color);
|
|
color: var(--mantine-color-text);
|
|
position: relative;
|
|
}
|
|
.m_436178ff:before {
|
|
content: "";
|
|
pointer-events: none;
|
|
top: 0;
|
|
left: var(--timeline-line-left, 0);
|
|
right: var(--timeline-line-right, 0);
|
|
bottom: calc(var(--mantine-spacing-xl) * -1);
|
|
border-inline-start: var(--item-border);
|
|
display: var(--timeline-line-display, none);
|
|
position: absolute;
|
|
}
|
|
.m_43657ece[data-align="left"] .m_436178ff:before {
|
|
--timeline-line-left: calc(var(--tl-line-width) * -1);
|
|
--timeline-line-right: auto;
|
|
}
|
|
[dir="rtl"] .m_43657ece[data-align="left"] .m_436178ff:before,
|
|
.m_43657ece[data-align="right"] .m_436178ff:before {
|
|
--timeline-line-left: auto;
|
|
--timeline-line-right: calc(var(--tl-line-width) * -1);
|
|
}
|
|
[dir="rtl"] .m_43657ece[data-align="right"] .m_436178ff:before {
|
|
--timeline-line-left: calc(var(--tl-line-width) * -1);
|
|
--timeline-line-right: auto;
|
|
}
|
|
.m_43657ece:where([data-align="left"]) .m_436178ff {
|
|
text-align: left;
|
|
padding-inline-start: var(--offset);
|
|
}
|
|
.m_43657ece:where([data-align="right"]) .m_436178ff {
|
|
text-align: right;
|
|
padding-inline-end: var(--offset);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_436178ff {
|
|
--item-border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_436178ff {
|
|
--item-border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_436178ff:where([data-line-active]):before {
|
|
border-color: var(--tli-color, var(--tl-color));
|
|
}
|
|
.m_436178ff:where(:not(:last-of-type)) {
|
|
--timeline-line-display: block;
|
|
}
|
|
.m_436178ff:where(:not(:first-of-type)) {
|
|
margin-top: var(--mantine-spacing-xl);
|
|
}
|
|
.m_8affcee1 {
|
|
width: var(--tl-bullet-size);
|
|
height: var(--tl-bullet-size);
|
|
border-radius: var(--tli-radius, var(--tl-radius));
|
|
border: var(--tl-line-width) solid;
|
|
background-color: var(--mantine-color-body);
|
|
color: var(--mantine-color-text);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_8affcee1 {
|
|
border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_8affcee1 {
|
|
border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_43657ece:where([data-align="left"]) .m_8affcee1 {
|
|
left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
|
|
right: auto;
|
|
}
|
|
:where([dir="rtl"]) .m_43657ece:where([data-align="left"]) .m_8affcee1,
|
|
.m_43657ece:where([data-align="right"]) .m_8affcee1 {
|
|
left: auto;
|
|
right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
|
|
}
|
|
:where([dir="rtl"]) .m_43657ece:where([data-align="right"]) .m_8affcee1 {
|
|
left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
|
|
right: auto;
|
|
}
|
|
.m_8affcee1:where([data-with-child]) {
|
|
border-width: var(--tl-line-width);
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_8affcee1:where([data-with-child]) {
|
|
background-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_8affcee1:where([data-with-child]) {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_8affcee1:where([data-active]) {
|
|
border-color: var(--tli-color, var(--tl-color));
|
|
background-color: var(--mantine-color-white);
|
|
color: var(--tl-icon-color, var(--mantine-color-white));
|
|
}
|
|
.m_8affcee1:where([data-active]):where([data-with-child]) {
|
|
background-color: var(--tli-color, var(--tl-color));
|
|
color: var(--tl-icon-color, var(--mantine-color-white));
|
|
}
|
|
.m_43657ece:where([data-align="left"]) .m_540e8f41 {
|
|
text-align: left;
|
|
padding-inline-start: var(--offset);
|
|
}
|
|
:where([dir="rtl"]) .m_43657ece:where([data-align="left"]) .m_540e8f41 {
|
|
text-align: right;
|
|
}
|
|
.m_43657ece:where([data-align="right"]) .m_540e8f41 {
|
|
text-align: right;
|
|
padding-inline-end: var(--offset);
|
|
}
|
|
:where([dir="rtl"]) .m_43657ece:where([data-align="right"]) .m_540e8f41 {
|
|
text-align: left;
|
|
}
|
|
.m_8a5d1357 {
|
|
font-weight: var(--title-fw);
|
|
font-size: var(--title-fz);
|
|
line-height: var(--title-lh);
|
|
font-family: var(--mantine-font-family-headings);
|
|
text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
|
|
margin: 0;
|
|
}
|
|
.m_8a5d1357:where([data-line-clamp]) {
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: var(--title-line-clamp);
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
}
|
|
.m_f698e191 {
|
|
--level-offset: var(--mantine-spacing-lg);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.m_75f3ecf {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.m_f6970eb1 {
|
|
cursor: pointer;
|
|
outline: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.m_f6970eb1:focus-visible > .m_dc283425 {
|
|
outline: 2px solid var(--mantine-primary-color-filled);
|
|
outline-offset: calc(0.125rem * var(--mantine-scale));
|
|
}
|
|
.m_dc283425 {
|
|
padding-inline-start: var(--label-offset);
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.m_dc283425:where([data-selected]) {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.m_dc283425:where([data-selected]) {
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
.m_d08caa0 :first-child {
|
|
margin-top: 0;
|
|
}
|
|
.m_d08caa0 :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
|
|
margin-bottom: var(--mantine-spacing-xs);
|
|
text-wrap: var(--mantine-heading-text-wrap);
|
|
font-family: var(--mantine-font-family-headings);
|
|
}
|
|
.m_d08caa0 :where(h1) {
|
|
margin-top: calc(1.5 * var(--mantine-spacing-xl));
|
|
font-size: var(--mantine-h1-font-size);
|
|
line-height: var(--mantine-h1-line-height);
|
|
font-weight: var(--mantine-h1-font-weight);
|
|
}
|
|
.m_d08caa0 :where(h2) {
|
|
margin-top: var(--mantine-spacing-xl);
|
|
font-size: var(--mantine-h2-font-size);
|
|
line-height: var(--mantine-h2-line-height);
|
|
font-weight: var(--mantine-h2-font-weight);
|
|
}
|
|
.m_d08caa0 :where(h3) {
|
|
margin-top: calc(0.8 * var(--mantine-spacing-xl));
|
|
font-size: var(--mantine-h3-font-size);
|
|
line-height: var(--mantine-h3-line-height);
|
|
font-weight: var(--mantine-h3-font-weight);
|
|
}
|
|
.m_d08caa0 :where(h4) {
|
|
margin-top: calc(0.8 * var(--mantine-spacing-xl));
|
|
font-size: var(--mantine-h4-font-size);
|
|
line-height: var(--mantine-h4-line-height);
|
|
font-weight: var(--mantine-h4-font-weight);
|
|
}
|
|
.m_d08caa0 :where(h5) {
|
|
margin-top: calc(0.5 * var(--mantine-spacing-xl));
|
|
font-size: var(--mantine-h5-font-size);
|
|
line-height: var(--mantine-h5-line-height);
|
|
font-weight: var(--mantine-h5-font-weight);
|
|
}
|
|
.m_d08caa0 :where(h6) {
|
|
margin-top: calc(0.5 * var(--mantine-spacing-xl));
|
|
font-size: var(--mantine-h6-font-size);
|
|
line-height: var(--mantine-h6-line-height);
|
|
font-weight: var(--mantine-h6-font-weight);
|
|
}
|
|
.m_d08caa0 :where(img) {
|
|
max-width: 100%;
|
|
margin-bottom: var(--mantine-spacing-xs);
|
|
}
|
|
.m_d08caa0 :where(p) {
|
|
margin-top: 0;
|
|
margin-bottom: var(--mantine-spacing-lg);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(mark) {
|
|
background-color: var(--mantine-color-yellow-2);
|
|
color: inherit;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(mark) {
|
|
background-color: var(--mantine-color-yellow-5);
|
|
color: var(--mantine-color-black);
|
|
}
|
|
.m_d08caa0 :where(a) {
|
|
color: var(--mantine-color-anchor);
|
|
text-decoration: none;
|
|
}
|
|
@media (hover: hover) {
|
|
.m_d08caa0 :where(a):hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_d08caa0 :where(a):active {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
.m_d08caa0 :where(hr) {
|
|
margin-top: var(--mantine-spacing-md);
|
|
margin-bottom: var(--mantine-spacing-md);
|
|
border: 0;
|
|
border-top: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(hr) {
|
|
border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(hr) {
|
|
border-color: var(--mantine-color-dark-3);
|
|
}
|
|
.m_d08caa0 :where(pre) {
|
|
padding: var(--mantine-spacing-xs);
|
|
line-height: var(--mantine-line-height);
|
|
margin: 0;
|
|
margin-top: var(--mantine-spacing-md);
|
|
margin-bottom: var(--mantine-spacing-md);
|
|
font-family: var(--mantine-font-family-monospace);
|
|
font-size: var(--mantine-font-size-xs);
|
|
border-radius: var(--mantine-radius-sm);
|
|
overflow-x: auto;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(pre) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(pre) {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
.m_d08caa0 :where(pre) :where(code) {
|
|
color: inherit;
|
|
background-color: #0000;
|
|
border: 0;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
}
|
|
.m_d08caa0 :where(kbd) {
|
|
--kbd-fz: calc(0.75rem * var(--mantine-scale));
|
|
--kbd-padding: calc(0.1875rem * var(--mantine-scale))
|
|
calc(0.3125rem * var(--mantine-scale));
|
|
font-family: var(--mantine-font-family-monospace);
|
|
line-height: var(--mantine-line-height);
|
|
padding: var(--kbd-padding);
|
|
font-weight: 700;
|
|
font-size: var(--kbd-fz);
|
|
border-radius: var(--mantine-radius-sm);
|
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
border-bottom-width: calc(0.1875rem * var(--mantine-scale));
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(kbd) {
|
|
border-color: var(--mantine-color-gray-3);
|
|
color: var(--mantine-color-gray-7);
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(kbd) {
|
|
border-color: var(--mantine-color-dark-3);
|
|
color: var(--mantine-color-dark-0);
|
|
background-color: var(--mantine-color-dark-5);
|
|
}
|
|
.m_d08caa0 :where(code) {
|
|
line-height: var(--mantine-line-height);
|
|
padding: calc(0.0625rem * var(--mantine-scale))
|
|
calc(0.3125rem * var(--mantine-scale));
|
|
border-radius: var(--mantine-radius-sm);
|
|
font-family: var(--mantine-font-family-monospace);
|
|
font-size: var(--mantine-font-size-xs);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(code) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
color: var(--mantine-color-black);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(code) {
|
|
background-color: var(--mantine-color-dark-5);
|
|
color: var(--mantine-color-white);
|
|
}
|
|
.m_d08caa0 :where(ul, ol):not([data-type="taskList"]) {
|
|
margin-bottom: var(--mantine-spacing-md);
|
|
padding-inline-start: var(--mantine-spacing-xl);
|
|
list-style-position: outside;
|
|
}
|
|
.m_d08caa0 :where(table) {
|
|
border-collapse: collapse;
|
|
caption-side: bottom;
|
|
width: 100%;
|
|
margin-bottom: var(--mantine-spacing-md);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(table) {
|
|
--table-border-color: var(--mantine-color-gray-3);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(table) {
|
|
--table-border-color: var(--mantine-color-dark-4);
|
|
}
|
|
.m_d08caa0 :where(table) :where(caption) {
|
|
margin-top: var(--mantine-spacing-xs);
|
|
font-size: var(--mantine-font-size-sm);
|
|
color: var(--mantine-color-dimmed);
|
|
}
|
|
.m_d08caa0 :where(table) :where(th) {
|
|
text-align: left;
|
|
font-weight: 700;
|
|
font-size: var(--mantine-font-size-sm);
|
|
padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
|
|
}
|
|
.m_d08caa0 :where(table) :where(thead th) {
|
|
border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
border-color: var(--table-border-color);
|
|
}
|
|
.m_d08caa0 :where(table) :where(tfoot th) {
|
|
border-top: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
border-color: var(--table-border-color);
|
|
}
|
|
.m_d08caa0 :where(table) :where(td) {
|
|
padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
|
|
border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
border-color: var(--table-border-color);
|
|
font-size: var(--mantine-font-size-sm);
|
|
}
|
|
.m_d08caa0 :where(table) :where(tr:last-of-type td) {
|
|
border-bottom: 0;
|
|
}
|
|
.m_d08caa0 :where(blockquote) {
|
|
font-size: var(--mantine-font-size-lg);
|
|
line-height: var(--mantine-line-height);
|
|
margin: var(--mantine-spacing-md) 0;
|
|
border-radius: var(--mantine-radius-sm);
|
|
padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(blockquote) {
|
|
background-color: var(--mantine-color-gray-0);
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(blockquote) {
|
|
background-color: var(--mantine-color-dark-8);
|
|
}
|
|
.m_17884d0f {
|
|
--carousel-height: auto;
|
|
position: relative;
|
|
}
|
|
.m_a2dae653 {
|
|
height: var(--carousel-height);
|
|
overflow: hidden;
|
|
}
|
|
.m_a2dae653[data-type="container"] {
|
|
container: carousel/inline-size;
|
|
}
|
|
.m_fcd81474 {
|
|
height: var(--carousel-height);
|
|
flex-direction: row;
|
|
display: flex;
|
|
}
|
|
:where([data-include-gap-in-size])
|
|
.m_fcd81474:where([data-orientation="vertical"]) {
|
|
margin-bottom: calc(var(--carousel-slide-gap) * -1);
|
|
}
|
|
:where([data-include-gap-in-size])
|
|
.m_fcd81474:where([data-orientation="horizontal"]) {
|
|
margin-inline-end: calc(var(--carousel-slide-gap) * -1);
|
|
}
|
|
.m_fcd81474:where([data-orientation="vertical"]) {
|
|
flex-direction: column;
|
|
}
|
|
.m_39bc3463 {
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
}
|
|
.m_39bc3463:where([data-orientation="vertical"]) {
|
|
padding: var(--carousel-controls-offset) 0;
|
|
inset-inline-start: calc(50% - var(--carousel-control-size) / 2);
|
|
flex-direction: column;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.m_39bc3463:where([data-orientation="horizontal"]) {
|
|
inset-inline: 0;
|
|
top: calc(50% - var(--carousel-control-size) / 2);
|
|
padding: 0 var(--carousel-controls-offset);
|
|
flex-direction: row;
|
|
}
|
|
.m_64f58e10 {
|
|
min-width: var(--carousel-control-size);
|
|
min-height: var(--carousel-control-size);
|
|
border-radius: var(--carousel-control-size);
|
|
pointer-events: all;
|
|
background-color: var(--mantine-color-white);
|
|
color: var(--mantine-color-black);
|
|
box-shadow: var(--mantine-shadow-md);
|
|
border: 1px solid var(--mantine-color-gray-3);
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: opacity 0.1s;
|
|
display: flex;
|
|
}
|
|
:where([data-mantine-color-scheme="light"]) .m_64f58e10 {
|
|
opacity: 0.85;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"]) .m_64f58e10 {
|
|
opacity: 0.65;
|
|
}
|
|
@media (hover: hover) {
|
|
.m_64f58e10:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_64f58e10:active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.m_71ea3ab1 {
|
|
justify-content: center;
|
|
gap: calc(0.5rem * var(--mantine-scale));
|
|
pointer-events: none;
|
|
display: flex;
|
|
position: absolute;
|
|
}
|
|
.m_71ea3ab1:where([data-orientation="vertical"]) {
|
|
top: 0;
|
|
bottom: 0;
|
|
flex-direction: column;
|
|
inset-inline-end: var(--mantine-spacing-md);
|
|
}
|
|
.m_71ea3ab1:where([data-orientation="horizontal"]) {
|
|
bottom: var(--mantine-spacing-md);
|
|
flex-direction: row;
|
|
inset-inline: 0;
|
|
}
|
|
.m_eae68602 {
|
|
pointer-events: all;
|
|
border-radius: var(--mantine-radius-xl);
|
|
box-shadow: var(--mantine-shadow-sm);
|
|
opacity: 0.6;
|
|
background-color: var(--mantine-color-white);
|
|
}
|
|
@media (hover: hover) {
|
|
.m_eae68602:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.m_eae68602:active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.m_eae68602:where([data-active]) {
|
|
opacity: 1;
|
|
}
|
|
.m_eae68602:where([data-orientation="vertical"]) {
|
|
width: calc(0.3125rem * var(--mantine-scale));
|
|
height: calc(1.5625rem * var(--mantine-scale));
|
|
}
|
|
.m_eae68602:where([data-orientation="horizontal"]) {
|
|
width: calc(1.5625rem * var(--mantine-scale));
|
|
height: calc(0.3125rem * var(--mantine-scale));
|
|
}
|
|
.m_d98df724 {
|
|
flex: 0 0 var(--carousel-slide-size, 100%);
|
|
position: relative;
|
|
}
|
|
.m_17884d0f:where([data-include-gap-in-size])
|
|
.m_d98df724:where([data-orientation="vertical"]) {
|
|
padding-bottom: var(--carousel-slide-gap);
|
|
}
|
|
.m_17884d0f:where([data-include-gap-in-size])
|
|
.m_d98df724:where([data-orientation="horizontal"]) {
|
|
padding-inline-end: var(--carousel-slide-gap);
|
|
}
|
|
.m_17884d0f:where(:not([data-include-gap-in-size]))
|
|
.m_d98df724:where([data-orientation="vertical"]) {
|
|
margin-bottom: var(--carousel-slide-gap);
|
|
}
|
|
.m_17884d0f:where(:not([data-include-gap-in-size]))
|
|
.m_d98df724:where([data-orientation="horizontal"]) {
|
|
margin-inline-end: var(--carousel-slide-gap);
|
|
}
|
|
.m_b37d9ac7 {
|
|
width: calc(100% - var(--mantine-spacing-md) * 2);
|
|
z-index: var(--notifications-z-index);
|
|
max-width: var(--notifications-container-width);
|
|
position: fixed;
|
|
}
|
|
.m_b37d9ac7:where([data-position="top-center"]) {
|
|
top: var(--mantine-spacing-md);
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
.m_b37d9ac7:where([data-position="top-left"]) {
|
|
top: var(--mantine-spacing-md);
|
|
left: var(--mantine-spacing-md);
|
|
}
|
|
.m_b37d9ac7:where([data-position="top-right"]) {
|
|
top: var(--mantine-spacing-md);
|
|
right: var(--mantine-spacing-md);
|
|
}
|
|
.m_b37d9ac7:where([data-position="bottom-center"]) {
|
|
bottom: var(--mantine-spacing-md);
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
.m_b37d9ac7:where([data-position="bottom-left"]) {
|
|
bottom: var(--mantine-spacing-md);
|
|
left: var(--mantine-spacing-md);
|
|
}
|
|
.m_b37d9ac7:where([data-position="bottom-right"]) {
|
|
bottom: var(--mantine-spacing-md);
|
|
right: var(--mantine-spacing-md);
|
|
}
|
|
.m_5ed0edd0 + .m_5ed0edd0 {
|
|
margin-top: var(--mantine-spacing-md);
|
|
}
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
input::-ms-clear {
|
|
display: none;
|
|
}
|
|
input::-ms-reveal {
|
|
display: none;
|
|
}
|
|
*,
|
|
:before,
|
|
:after {
|
|
box-sizing: border-box;
|
|
}
|
|
html {
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
-ms-overflow-style: scrollbar;
|
|
-webkit-tap-highlight-color: #0000;
|
|
font-family: sans-serif;
|
|
line-height: 1.15;
|
|
}
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
}
|
|
[tabindex="-1"]:focus {
|
|
outline: none;
|
|
}
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
overflow: visible;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin-top: 0;
|
|
margin-bottom: 0.5em;
|
|
font-weight: 500;
|
|
}
|
|
p {
|
|
margin-top: 0;
|
|
margin-bottom: 1em;
|
|
}
|
|
abbr[title],
|
|
abbr[data-original-title] {
|
|
cursor: help;
|
|
border-bottom: 0;
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
}
|
|
address {
|
|
font-style: normal;
|
|
line-height: inherit;
|
|
margin-bottom: 1em;
|
|
}
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="number"],
|
|
textarea {
|
|
-webkit-appearance: none;
|
|
}
|
|
ol,
|
|
ul,
|
|
dl {
|
|
margin-top: 0;
|
|
margin-bottom: 1em;
|
|
}
|
|
ol ol,
|
|
ul ul,
|
|
ol ul,
|
|
ul ol {
|
|
margin-bottom: 0;
|
|
}
|
|
dt {
|
|
font-weight: 500;
|
|
}
|
|
dd {
|
|
margin-bottom: 0.5em;
|
|
margin-left: 0;
|
|
}
|
|
blockquote {
|
|
margin: 0 0 1em;
|
|
}
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
sub,
|
|
sup {
|
|
vertical-align: baseline;
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
pre,
|
|
code,
|
|
kbd,
|
|
samp {
|
|
font-family:
|
|
SFMono-Regular,
|
|
Consolas,
|
|
Liberation Mono,
|
|
Menlo,
|
|
Courier,
|
|
monospace;
|
|
font-size: 1em;
|
|
}
|
|
pre {
|
|
margin-top: 0;
|
|
margin-bottom: 1em;
|
|
overflow: auto;
|
|
}
|
|
figure {
|
|
margin: 0 0 1em;
|
|
}
|
|
img {
|
|
vertical-align: middle;
|
|
border-style: none;
|
|
}
|
|
a,
|
|
area,
|
|
button,
|
|
[role="button"],
|
|
input:not([type="range"]),
|
|
label,
|
|
select,
|
|
summary,
|
|
textarea {
|
|
touch-action: manipulation;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
caption {
|
|
text-align: left;
|
|
caption-side: bottom;
|
|
padding-top: 0.75em;
|
|
padding-bottom: 0.3em;
|
|
}
|
|
input,
|
|
button,
|
|
select,
|
|
optgroup,
|
|
textarea {
|
|
color: inherit;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
line-height: inherit;
|
|
margin: 0;
|
|
}
|
|
button,
|
|
input {
|
|
overflow: visible;
|
|
}
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
button,
|
|
html [type="button"],
|
|
[type="reset"],
|
|
[type="submit"] {
|
|
-webkit-appearance: button;
|
|
}
|
|
button::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0;
|
|
}
|
|
[type="button"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0;
|
|
}
|
|
[type="reset"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0;
|
|
}
|
|
[type="submit"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0;
|
|
}
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
input[type="date"],
|
|
input[type="time"],
|
|
input[type="datetime-local"],
|
|
input[type="month"] {
|
|
-webkit-appearance: listbox;
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
overflow: auto;
|
|
}
|
|
fieldset {
|
|
border: 0;
|
|
min-width: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
legend {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
color: inherit;
|
|
font-size: 1.5em;
|
|
line-height: inherit;
|
|
white-space: normal;
|
|
margin-bottom: 0.5em;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
progress {
|
|
vertical-align: baseline;
|
|
}
|
|
[type="number"]::-webkit-inner-spin-button {
|
|
height: auto;
|
|
}
|
|
[type="number"]::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
[type="search"] {
|
|
outline-offset: -2px;
|
|
-webkit-appearance: none;
|
|
}
|
|
[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
::-webkit-file-upload-button {
|
|
font: inherit;
|
|
-webkit-appearance: button;
|
|
}
|
|
output {
|
|
display: inline-block;
|
|
}
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
template {
|
|
display: none;
|
|
}
|
|
[hidden] {
|
|
display: none !important;
|
|
}
|
|
mark {
|
|
background-color: #feffe6;
|
|
padding: 0.2em;
|
|
}
|
|
:root {
|
|
--bg-page: var(--color-neutral-50);
|
|
--bg-canvas: var(--color-neutral-100);
|
|
--bg-surface: var(--color-neutral-0);
|
|
--bg-surface-secondary: var(--color-neutral-50);
|
|
--bg-surface-elevated: var(--color-neutral-0);
|
|
--bg-overlay: var(--color-black-alpha-50);
|
|
--fg-default: var(--color-neutral-950);
|
|
--fg-muted: var(--color-neutral-700);
|
|
--fg-subtle: var(--color-neutral-500);
|
|
--fg-disabled: var(--color-neutral-500);
|
|
--fg-on-emphasis: var(--color-neutral-0);
|
|
--fg-brand: var(--color-brand-400);
|
|
--fg-secondary: #525252;
|
|
--text-icon-light-gray: var(--color-neutral-700);
|
|
--access-key-tag-text: var(--color-neutral-500);
|
|
--border-default: var(--color-neutral-200);
|
|
--border-muted: var(--color-neutral-100);
|
|
--border-emphasis: var(--color-neutral-400);
|
|
--border-strong: var(--color-neutral-900);
|
|
--border-brand: var(--color-brand-400);
|
|
--border-hair-color: var(--color-neutral-200);
|
|
--access-key-tag-border: var(--color-neutral-400);
|
|
--btn-primary-bg: var(--color-brand-400);
|
|
--btn-primary-bg-hover: var(--color-brand-300);
|
|
--btn-primary-bg-active: var(--color-brand-600);
|
|
--btn-primary-bg-disabled: var(--color-brand-600);
|
|
--btn-primary-text: var(--color-neutral-0);
|
|
--btn-primary-text-disabled: var(--color-white-alpha-40);
|
|
--btn-secondary-bg: #00000014;
|
|
--btn-secondary-bg-hover: var(--color-neutral-300);
|
|
--btn-secondary-bg-active: #00000024;
|
|
--btn-secondary-bg-disabled: var(--color-neutral-500);
|
|
--btn-secondary-text: var(--color-neutral-900);
|
|
--btn-secondary-text-disabled: var(--color-neutral-400);
|
|
--btn-ghost-bg: transparent;
|
|
--btn-ghost-bg-hover: var(--color-black-alpha-5);
|
|
--btn-ghost-bg-active: var(--color-black-alpha-10);
|
|
--btn-ghost-bg-disabled: transparent;
|
|
--btn-ghost-text: var(--color-neutral-600);
|
|
--btn-ghost-text-hover: var(--color-neutral-900);
|
|
--btn-ghost-text-disabled: var(--color-neutral-400);
|
|
--btn-white-bg: var(--color-neutral-950);
|
|
--btn-white-bg-hover: var(--color-neutral-800);
|
|
--btn-white-bg-active: var(--color-neutral-700);
|
|
--btn-white-bg-disabled: var(--color-neutral-950);
|
|
--btn-white-text: var(--color-neutral-0);
|
|
--btn-invert-bg: var(--color-neutral-950);
|
|
--btn-invert-bg-hover: var(--color-neutral-800);
|
|
--btn-invert-bg-active: var(--color-neutral-700);
|
|
--btn-invert-bg-disabled: var(--color-neutral-950);
|
|
--btn-invert-text: var(--color-neutral-0);
|
|
--status-success: var(--color-green-600);
|
|
--status-success-bg: var(--color-green-50);
|
|
--status-warning: var(--color-yellow-500);
|
|
--status-warning-bg: var(--color-yellow-50);
|
|
--status-error: var(--color-red-500);
|
|
--status-error-bg: var(--color-red-50);
|
|
--status-info: var(--color-blue-500);
|
|
--status-info-bg: var(--color-blue-50);
|
|
--input-bg: #0000000a;
|
|
--input-border: var(--color-neutral-200);
|
|
--input-border-hover: var(--color-neutral-400);
|
|
--input-border-focus: var(--color-brand-400);
|
|
--input-placeholder: var(--color-neutral-500);
|
|
--card-bg: var(--color-neutral-0);
|
|
--card-border: var(--color-neutral-200);
|
|
--popover-bg: var(--color-neutral-0);
|
|
--popover-border: var(--color-neutral-200);
|
|
--selected-bg: var(--color-brand-50);
|
|
--selected-border: var(--color-brand-400);
|
|
--focus-ring: var(--color-brand-400);
|
|
--switch-track-bg: #00000026;
|
|
--switch-track-bg-checked: var(--color-neutral-900);
|
|
--switch-thumb-bg: var(--color-neutral-0);
|
|
--canvas-bg: #141414;
|
|
--canvas-bg-dot: #474747;
|
|
--canvas-node-bg: #191e26;
|
|
--canvas-node-border: #363636;
|
|
--canvas-node-border-selected: #a8a8a8;
|
|
--canvas-handle: #86909c;
|
|
--canvas-handle-bg: #1e1e1ee6;
|
|
--canvas-handle-icon: #ffffffb3;
|
|
--canvas-edge: #86909c;
|
|
--canvas-edge-hover: #c0c8d0;
|
|
--canvas-edge-selected: #e0e4e8;
|
|
--canvas-controls-bg: #262626;
|
|
--canvas-controls-border: #363636;
|
|
--canvas-controls-text: #fff;
|
|
--canvas-controls-icon: #ffffffd9;
|
|
--canvas-controls-hover: #ffffff1a;
|
|
--canvas-controls-active: #ffffff26;
|
|
--canvas-minimap-bg: #1f1f1fe6;
|
|
--canvas-minimap-mask: #ffffff0a;
|
|
--canvas-minimap-node: #525252;
|
|
--canvas-minimap-mask-stroke: #ffffff59;
|
|
--canvas-shadow-panel: 0px 2px 5px #00000026;
|
|
--canvas-shadow-dropdown: 0px 4px 10px #00000040, 0px 2px 4px #0000004d;
|
|
--canvas-shadow-menu: 0 8px 32px #00000026, 0 2px 8px #0000001a;
|
|
--canvas-primary-btn-bg: #ffffffe6;
|
|
--canvas-primary-btn-bg-hover: #ffffffb3;
|
|
--canvas-primary-btn-icon: #141414;
|
|
--canvas-selection-bg: #ffffff0f;
|
|
--canvas-group-bg: #ffffff1a;
|
|
--canvas-group-border: #ffffff1a;
|
|
--panel-transparent-shadow: 0px 4px 10px 0px #0000001a;
|
|
--panel-background: var(--canvas-controls-bg);
|
|
--invite-fission-title: #5ddcff;
|
|
--invite-fission-button-bg: #09caf5;
|
|
--invite-fission-joined-text: #a8a8a8;
|
|
}
|
|
.canvas-light {
|
|
--canvas-bg: #f5f5f5;
|
|
--canvas-bg-dot: #dedede;
|
|
--canvas-node-bg: #fff;
|
|
--canvas-node-border: #e3e3e3;
|
|
--canvas-node-border-selected: #919191;
|
|
--canvas-handle: #919191;
|
|
--canvas-handle-bg: transparent;
|
|
--canvas-handle-icon: #000000b3;
|
|
--canvas-edge: #c4c4c4;
|
|
--canvas-edge-hover: #919191;
|
|
--canvas-edge-selected: #525252;
|
|
--canvas-controls-bg: #fff;
|
|
--canvas-controls-border: #0000000f;
|
|
--canvas-controls-text: #262626;
|
|
--canvas-controls-icon: #262626;
|
|
--canvas-controls-hover: #0000000d;
|
|
--canvas-controls-active: #00000014;
|
|
--canvas-minimap-bg: #ffffffe6;
|
|
--canvas-minimap-mask: #0000000a;
|
|
--canvas-minimap-node: #c4c4c4;
|
|
--canvas-minimap-mask-stroke: #0003;
|
|
--canvas-shadow-panel: 0px 2px 5px #00000014;
|
|
--canvas-shadow-dropdown: 0px 4px 10px #0000001f, 0px 2px 4px #0000000f;
|
|
--canvas-shadow-menu: 0 8px 32px #00000014, 0 2px 8px #0000000a;
|
|
--canvas-primary-btn-bg: #000000d9;
|
|
--canvas-primary-btn-bg-hover: #000000b3;
|
|
--canvas-primary-btn-icon: #fff;
|
|
--canvas-selection-bg: #0000000f;
|
|
--canvas-group-bg: #0000000d;
|
|
--canvas-group-border: #00000014;
|
|
--panel-background: var(--canvas-controls-bg);
|
|
color: var(--color-neutral-950);
|
|
--fg-default: var(--color-neutral-950);
|
|
--fg-muted: var(--color-neutral-700);
|
|
--fg-subtle: var(--color-neutral-500);
|
|
--fg-disabled: var(--color-neutral-500);
|
|
--fg-on-emphasis: var(--color-neutral-0);
|
|
--bg-surface: var(--color-neutral-0);
|
|
--bg-surface-secondary: var(--color-neutral-50);
|
|
--bg-surface-elevated: var(--color-neutral-0);
|
|
--border-default: var(--color-neutral-200);
|
|
--border-muted: var(--color-neutral-100);
|
|
--border-emphasis: var(--color-neutral-400);
|
|
--border-hair-color: var(--color-neutral-200);
|
|
--btn-ghost-bg-hover: var(--color-black-alpha-5);
|
|
--btn-ghost-bg-active: var(--color-black-alpha-10);
|
|
--btn-ghost-text: var(--color-neutral-600);
|
|
--btn-ghost-text-hover: var(--color-neutral-900);
|
|
--input-bg: #0000000a;
|
|
--input-border: var(--color-neutral-200);
|
|
--input-border-hover: var(--color-neutral-400);
|
|
--input-placeholder: var(--color-neutral-500);
|
|
--popover-bg: var(--color-neutral-0);
|
|
--popover-border: var(--color-neutral-200);
|
|
--card-bg: var(--color-neutral-0);
|
|
--card-border: var(--color-neutral-200);
|
|
--switch-track-bg: #00000026;
|
|
--switch-track-bg-checked: var(--color-neutral-900);
|
|
--switch-thumb-bg: var(--color-neutral-0);
|
|
--Surface-secondary-background: var(--color-neutral-0);
|
|
--Surface-Panel-background: var(--color-neutral-0);
|
|
--Surface-Group-background: var(--canvas-bg);
|
|
--topnav-btn-border: #e3e3e3;
|
|
--topnav-btn-hover-bg: #0000000d;
|
|
--topnav-btn-bg: #f0f0f0;
|
|
--topnav-btn-text: #262626;
|
|
}
|
|
.dark {
|
|
--bg-page: var(--color-neutral-950);
|
|
--bg-canvas: var(--color-neutral-900);
|
|
--bg-surface: var(--color-neutral-900);
|
|
--bg-surface-secondary: var(--color-neutral-800);
|
|
--bg-surface-elevated: var(--color-neutral-800);
|
|
--bg-overlay: var(--color-black-alpha-70);
|
|
--fg-default: var(--color-neutral-50);
|
|
--fg-muted: var(--color-neutral-500);
|
|
--fg-subtle: var(--color-neutral-600);
|
|
--fg-disabled: var(--color-neutral-700);
|
|
--fg-on-emphasis: var(--color-neutral-0);
|
|
--fg-brand: var(--color-brand-300);
|
|
--fg-secondary: #a8a8a8;
|
|
--text-icon-light-gray: var(--color-neutral-700);
|
|
--access-key-tag-text: var(--color-neutral-500);
|
|
--border-default: var(--color-neutral-700);
|
|
--border-muted: var(--color-neutral-800);
|
|
--border-emphasis: var(--color-neutral-600);
|
|
--border-strong: var(--color-neutral-0);
|
|
--border-brand: var(--color-brand-400);
|
|
--border-hair-color: var(--color-neutral-700);
|
|
--access-key-tag-border: var(--color-neutral-400);
|
|
--btn-primary-bg: var(--color-brand-400);
|
|
--btn-primary-bg-hover: var(--color-brand-300);
|
|
--btn-primary-bg-active: var(--color-brand-600);
|
|
--btn-primary-bg-disabled: var(--color-brand-600);
|
|
--btn-primary-text: var(--color-neutral-0);
|
|
--btn-primary-text-disabled: var(--color-white-alpha-40);
|
|
--btn-secondary-bg: var(--color-white-alpha-10);
|
|
--btn-secondary-bg-hover: var(--color-white-alpha-40);
|
|
--btn-secondary-bg-active: var(--color-white-alpha-40);
|
|
--btn-secondary-bg-disabled: var(--color-white-alpha-10);
|
|
--btn-secondary-text: var(--color-neutral-50);
|
|
--btn-secondary-text-disabled: var(--color-neutral-700);
|
|
--btn-ghost-bg: transparent;
|
|
--btn-ghost-bg-hover: var(--color-white-alpha-10);
|
|
--btn-ghost-bg-active: var(--color-white-alpha-10);
|
|
--btn-ghost-bg-disabled: transparent;
|
|
--btn-ghost-text: var(--color-neutral-500);
|
|
--btn-ghost-text-hover: var(--color-neutral-300);
|
|
--btn-ghost-text-disabled: var(--color-neutral-700);
|
|
--btn-white-bg: var(--color-neutral-950);
|
|
--btn-white-bg-hover: var(--color-neutral-800);
|
|
--btn-white-bg-active: var(--color-neutral-700);
|
|
--btn-white-bg-disabled: var(--color-neutral-950);
|
|
--btn-white-text: var(--color-neutral-0);
|
|
--btn-invert-bg: var(--color-neutral-0);
|
|
--btn-invert-bg-hover: var(--color-neutral-100);
|
|
--btn-invert-bg-active: var(--color-neutral-200);
|
|
--btn-invert-bg-disabled: var(--color-neutral-0);
|
|
--btn-invert-text: var(--color-neutral-950);
|
|
--status-success: var(--color-green-500);
|
|
--status-success-bg: var(--color-green-900);
|
|
--status-warning: var(--color-yellow-400);
|
|
--status-warning-bg: var(--color-yellow-900);
|
|
--status-error: var(--color-red-400);
|
|
--status-error-bg: var(--color-red-900);
|
|
--status-info: var(--color-blue-400);
|
|
--status-info-bg: var(--color-blue-900);
|
|
--input-bg: var(--color-neutral-900);
|
|
--input-border: var(--color-neutral-700);
|
|
--input-border-hover: var(--color-neutral-600);
|
|
--input-border-focus: var(--color-brand-400);
|
|
--input-placeholder: var(--color-neutral-600);
|
|
--card-bg: var(--color-neutral-900);
|
|
--card-border: var(--color-neutral-700);
|
|
--popover-bg: var(--color-neutral-800);
|
|
--popover-border: var(--color-neutral-700);
|
|
--selected-bg: var(--color-brand-900);
|
|
--selected-border: var(--color-brand-400);
|
|
--focus-ring: var(--color-brand-400);
|
|
--switch-track-bg: var(--color-white-alpha-25);
|
|
--switch-track-bg-checked: var(--color-neutral-50);
|
|
--switch-thumb-bg: var(--color-neutral-900);
|
|
--canvas-bg: #141414;
|
|
--canvas-bg-dot: #474747;
|
|
--canvas-node-bg: #191e26;
|
|
--canvas-node-border: #363636;
|
|
--canvas-node-border-selected: #a8a8a8;
|
|
--canvas-handle: #86909c;
|
|
--canvas-handle-bg: #1e1e1ee6;
|
|
--canvas-handle-icon: #ffffffb3;
|
|
--canvas-edge: #86909c;
|
|
--canvas-edge-hover: #c0c8d0;
|
|
--canvas-edge-selected: #e0e4e8;
|
|
--canvas-controls-bg: #262626;
|
|
--canvas-controls-border: #363636;
|
|
--canvas-controls-text: #fff;
|
|
--canvas-controls-icon: #ffffffd9;
|
|
--canvas-controls-hover: #ffffff1a;
|
|
--canvas-controls-active: #ffffff26;
|
|
--canvas-minimap-bg: #1f1f1fe6;
|
|
--canvas-minimap-mask: #ffffff0a;
|
|
--canvas-minimap-node: #525252;
|
|
--canvas-minimap-mask-stroke: #ffffff59;
|
|
--canvas-shadow-panel: 0px 2px 5px #00000026;
|
|
--canvas-shadow-dropdown: 0px 4px 10px #00000040, 0px 2px 4px #0000004d;
|
|
--canvas-shadow-menu: 0 8px 32px #00000026, 0 2px 8px #0000001a;
|
|
--canvas-primary-btn-bg: #ffffffe6;
|
|
--canvas-primary-btn-bg-hover: #ffffffb3;
|
|
--canvas-primary-btn-icon: #141414;
|
|
--canvas-selection-bg: #ffffff0f;
|
|
--canvas-group-bg: #ffffff1a;
|
|
--canvas-group-border: #ffffff1a;
|
|
--Surface-Panel-background: var(--color-neutral-900);
|
|
--Surface-Group-background: #ffffff0d;
|
|
--panel-background: var(--canvas-controls-bg);
|
|
--invite-fission-title: #5ddcff;
|
|
--invite-fission-button-bg: #09caf5;
|
|
--invite-fission-joined-text: #a8a8a8;
|
|
}
|
|
html,
|
|
body {
|
|
overscroll-behavior-x: none;
|
|
touch-action: manipulation;
|
|
-ms-touch-action: manipulation;
|
|
-webkit-touch-callout: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
height: 100%;
|
|
}
|
|
.fallback-image-off-icon {
|
|
color: #a8a8a8;
|
|
}
|
|
html.dark .fallback-image-off-icon {
|
|
color: #ffffff26;
|
|
}
|
|
body {
|
|
background-color: var(--bg-page);
|
|
color: var(--fg-default);
|
|
font-family: var(--font-text);
|
|
font-optical-sizing: auto;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
font-style: normal;
|
|
}
|
|
p {
|
|
margin: 0;
|
|
}
|
|
input,
|
|
textarea {
|
|
-webkit-user-select: text;
|
|
user-select: text;
|
|
}
|
|
ol,
|
|
ul,
|
|
dl {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
* {
|
|
border-color: var(--border-default);
|
|
}
|
|
}
|
|
@layer components;
|
|
@layer utilities {
|
|
.pointer-events-auto {
|
|
pointer-events: auto;
|
|
}
|
|
.pointer-events-none {
|
|
pointer-events: none;
|
|
}
|
|
.\!visible {
|
|
visibility: visible !important;
|
|
}
|
|
.collapse {
|
|
visibility: collapse;
|
|
}
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
.visible {
|
|
visibility: visible;
|
|
}
|
|
.\!absolute {
|
|
position: absolute !important;
|
|
}
|
|
.\!sticky {
|
|
position: sticky !important;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.absolute\! {
|
|
position: absolute !important;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.static {
|
|
position: static;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
.inset-0 {
|
|
inset: 0;
|
|
}
|
|
.inset-\[1px\] {
|
|
inset: 1px;
|
|
}
|
|
.inset-x-0 {
|
|
inset-inline: 0;
|
|
}
|
|
.inset-x-4 {
|
|
inset-inline: 16px;
|
|
}
|
|
.inset-y-0 {
|
|
inset-block: 0;
|
|
}
|
|
.\!top-0 {
|
|
top: 0 !important;
|
|
}
|
|
.\!top-\[48px\] {
|
|
top: 48px !important;
|
|
}
|
|
.\!top-\[50px\] {
|
|
top: 50px !important;
|
|
}
|
|
.-top-0\.5 {
|
|
top: calc(var(--spacing) * -0.5);
|
|
}
|
|
.-top-1 {
|
|
top: -4px;
|
|
}
|
|
.-top-2 {
|
|
top: -8px;
|
|
}
|
|
.-top-2\.5 {
|
|
top: calc(var(--spacing) * -2.5);
|
|
}
|
|
.-top-3 {
|
|
top: -12px;
|
|
}
|
|
.-top-4 {
|
|
top: -16px;
|
|
}
|
|
.-top-5 {
|
|
top: -20px;
|
|
}
|
|
.-top-6 {
|
|
top: -24px;
|
|
}
|
|
.-top-7 {
|
|
top: calc(var(--spacing) * -7);
|
|
}
|
|
.-top-15 {
|
|
top: calc(var(--spacing) * -15);
|
|
}
|
|
.-top-\[1px\] {
|
|
top: -1px;
|
|
}
|
|
.-top-\[2px\] {
|
|
top: -2px;
|
|
}
|
|
.-top-\[3px\] {
|
|
top: -3px;
|
|
}
|
|
.-top-\[4\.5px\] {
|
|
top: -4.5px;
|
|
}
|
|
.-top-\[4px\] {
|
|
top: -4px;
|
|
}
|
|
.-top-\[8px\] {
|
|
top: -8px;
|
|
}
|
|
.-top-\[10px\] {
|
|
top: -10px;
|
|
}
|
|
.-top-\[12px\] {
|
|
top: -12px;
|
|
}
|
|
.-top-\[40\%\] {
|
|
top: -40%;
|
|
}
|
|
.top-0 {
|
|
top: 0;
|
|
}
|
|
.top-0\.5 {
|
|
top: calc(var(--spacing) * 0.5);
|
|
}
|
|
.top-1 {
|
|
top: 4px;
|
|
}
|
|
.top-1\.5 {
|
|
top: calc(var(--spacing) * 1.5);
|
|
}
|
|
.top-1\/2 {
|
|
top: 50%;
|
|
}
|
|
.top-2 {
|
|
top: 8px;
|
|
}
|
|
.top-3 {
|
|
top: 12px;
|
|
}
|
|
.top-3\.5 {
|
|
top: calc(var(--spacing) * 3.5);
|
|
}
|
|
.top-4 {
|
|
top: 16px;
|
|
}
|
|
.top-5 {
|
|
top: 20px;
|
|
}
|
|
.top-6 {
|
|
top: 24px;
|
|
}
|
|
.top-7 {
|
|
top: calc(var(--spacing) * 7);
|
|
}
|
|
.top-8 {
|
|
top: 32px;
|
|
}
|
|
.top-10 {
|
|
top: 40px;
|
|
}
|
|
.top-14 {
|
|
top: calc(var(--spacing) * 14);
|
|
}
|
|
.top-19 {
|
|
top: calc(var(--spacing) * 19);
|
|
}
|
|
.top-20 {
|
|
top: calc(var(--spacing) * 20);
|
|
}
|
|
.top-\[-1px\] {
|
|
top: -1px;
|
|
}
|
|
.top-\[-2px\] {
|
|
top: -2px;
|
|
}
|
|
.top-\[-5px\] {
|
|
top: -5px;
|
|
}
|
|
.top-\[-7px\] {
|
|
top: -7px;
|
|
}
|
|
.top-\[-9px\] {
|
|
top: -9px;
|
|
}
|
|
.top-\[-12px\] {
|
|
top: -12px;
|
|
}
|
|
.top-\[-16px\] {
|
|
top: -16px;
|
|
}
|
|
.top-\[-44px\] {
|
|
top: -44px;
|
|
}
|
|
.top-\[-100vw\] {
|
|
top: -100vw;
|
|
}
|
|
.top-\[1px\] {
|
|
top: 1px;
|
|
}
|
|
.top-\[2px\] {
|
|
top: 2px;
|
|
}
|
|
.top-\[3\.5px\] {
|
|
top: 3.5px;
|
|
}
|
|
.top-\[3px\] {
|
|
top: 3px;
|
|
}
|
|
.top-\[5px\] {
|
|
top: 5px;
|
|
}
|
|
.top-\[8px\] {
|
|
top: 8px;
|
|
}
|
|
.top-\[9px\] {
|
|
top: 9px;
|
|
}
|
|
.top-\[10px\] {
|
|
top: 10px;
|
|
}
|
|
.top-\[16px\] {
|
|
top: 16px;
|
|
}
|
|
.top-\[24px\] {
|
|
top: 24px;
|
|
}
|
|
.top-\[30px\] {
|
|
top: 30px;
|
|
}
|
|
.top-\[33\.333\%\] {
|
|
top: 33.333%;
|
|
}
|
|
.top-\[34px\] {
|
|
top: 34px;
|
|
}
|
|
.top-\[40\%\] {
|
|
top: 40%;
|
|
}
|
|
.top-\[40px\] {
|
|
top: 40px;
|
|
}
|
|
.top-\[45\%\] {
|
|
top: 45%;
|
|
}
|
|
.top-\[50\%\] {
|
|
top: 50%;
|
|
}
|
|
.top-\[50px\] {
|
|
top: 50px;
|
|
}
|
|
.top-\[52px\] {
|
|
top: 52px;
|
|
}
|
|
.top-\[57px\] {
|
|
top: 57px;
|
|
}
|
|
.top-\[66\.667\%\] {
|
|
top: 66.667%;
|
|
}
|
|
.top-\[88px\] {
|
|
top: 88px;
|
|
}
|
|
.top-\[105px\] {
|
|
top: 105px;
|
|
}
|
|
.top-\[150px\] {
|
|
top: 150px;
|
|
}
|
|
.top-\[calc\(50\%-318px\)\] {
|
|
top: calc(50% - 318px);
|
|
}
|
|
.top-\[calc\(50\%_-_16px\)\] {
|
|
top: calc(50% - 16px);
|
|
}
|
|
.top-\[calc\(var\(--mantine-header-height\,0px\)\+0rem\)\] {
|
|
top: calc(var(--mantine-header-height, 0px) + 0rem);
|
|
}
|
|
.top-\[var\(--safe-area-top\)\] {
|
|
top: var(--safe-area-top);
|
|
}
|
|
.top-\[var\(--top-header-height\)\] {
|
|
top: var(--top-header-height);
|
|
}
|
|
.top-full {
|
|
top: 100%;
|
|
}
|
|
.top-px {
|
|
top: 1px;
|
|
}
|
|
.-right-0\.5 {
|
|
right: calc(var(--spacing) * -0.5);
|
|
}
|
|
.-right-1 {
|
|
right: -4px;
|
|
}
|
|
.-right-1\.5 {
|
|
right: calc(var(--spacing) * -1.5);
|
|
}
|
|
.-right-2\.5 {
|
|
right: calc(var(--spacing) * -2.5);
|
|
}
|
|
.-right-3 {
|
|
right: -12px;
|
|
}
|
|
.-right-11 {
|
|
right: calc(var(--spacing) * -11);
|
|
}
|
|
.-right-\[4\.5px\] {
|
|
right: -4.5px;
|
|
}
|
|
.-right-\[11\%\] {
|
|
right: -11%;
|
|
}
|
|
.-right-\[12px\] {
|
|
right: -12px;
|
|
}
|
|
.-right-\[50px\] {
|
|
right: -50px;
|
|
}
|
|
.-right-\[75px\] {
|
|
right: -75px;
|
|
}
|
|
.-right-\[150px\] {
|
|
right: -150px;
|
|
}
|
|
.right-0 {
|
|
right: 0;
|
|
}
|
|
.right-0\.5 {
|
|
right: calc(var(--spacing) * 0.5);
|
|
}
|
|
.right-1 {
|
|
right: 4px;
|
|
}
|
|
.right-1\.5 {
|
|
right: calc(var(--spacing) * 1.5);
|
|
}
|
|
.right-2 {
|
|
right: 8px;
|
|
}
|
|
.right-3 {
|
|
right: 12px;
|
|
}
|
|
.right-4 {
|
|
right: 16px;
|
|
}
|
|
.right-5 {
|
|
right: 20px;
|
|
}
|
|
.right-6 {
|
|
right: 24px;
|
|
}
|
|
.right-7 {
|
|
right: calc(var(--spacing) * 7);
|
|
}
|
|
.right-8 {
|
|
right: 32px;
|
|
}
|
|
.right-20 {
|
|
right: calc(var(--spacing) * 20);
|
|
}
|
|
.right-\[-2px\] {
|
|
right: -2px;
|
|
}
|
|
.right-\[-10px\] {
|
|
right: -10px;
|
|
}
|
|
.right-\[-20px\] {
|
|
right: -20px;
|
|
}
|
|
.right-\[-30px\] {
|
|
right: -30px;
|
|
}
|
|
.right-\[-40px\] {
|
|
right: -40px;
|
|
}
|
|
.right-\[6\.5rem\] {
|
|
right: 6.5rem;
|
|
}
|
|
.right-\[6px\] {
|
|
right: 6px;
|
|
}
|
|
.right-\[8px\] {
|
|
right: 8px;
|
|
}
|
|
.right-\[10px\] {
|
|
right: 10px;
|
|
}
|
|
.right-\[12px\] {
|
|
right: 12px;
|
|
}
|
|
.right-\[16px\] {
|
|
right: 16px;
|
|
}
|
|
.right-\[20px\] {
|
|
right: 20px;
|
|
}
|
|
.right-\[24px\] {
|
|
right: 24px;
|
|
}
|
|
.right-\[30px\] {
|
|
right: 30px;
|
|
}
|
|
.right-\[50px\] {
|
|
right: 50px;
|
|
}
|
|
.right-\[calc\(50\%-466px\)\] {
|
|
right: calc(50% - 466px);
|
|
}
|
|
.right-\[max\(16px\,calc\(\(100vw-1440px\)\/2\)\)\] {
|
|
right: max(16px, 50vw - 720px);
|
|
}
|
|
.right-full {
|
|
right: 100%;
|
|
}
|
|
.right-px {
|
|
right: 1px;
|
|
}
|
|
.-bottom-1 {
|
|
bottom: -4px;
|
|
}
|
|
.-bottom-2 {
|
|
bottom: -8px;
|
|
}
|
|
.-bottom-4 {
|
|
bottom: -16px;
|
|
}
|
|
.-bottom-5 {
|
|
bottom: -20px;
|
|
}
|
|
.bottom-0 {
|
|
bottom: 0;
|
|
}
|
|
.bottom-1 {
|
|
bottom: 4px;
|
|
}
|
|
.bottom-1\.5 {
|
|
bottom: calc(var(--spacing) * 1.5);
|
|
}
|
|
.bottom-2 {
|
|
bottom: 8px;
|
|
}
|
|
.bottom-3 {
|
|
bottom: 12px;
|
|
}
|
|
.bottom-4 {
|
|
bottom: 16px;
|
|
}
|
|
.bottom-5 {
|
|
bottom: 20px;
|
|
}
|
|
.bottom-6 {
|
|
bottom: 24px;
|
|
}
|
|
.bottom-8 {
|
|
bottom: 32px;
|
|
}
|
|
.bottom-24 {
|
|
bottom: calc(var(--spacing) * 24);
|
|
}
|
|
.bottom-25 {
|
|
bottom: calc(var(--spacing) * 25);
|
|
}
|
|
.bottom-\[0px\] {
|
|
bottom: 0;
|
|
}
|
|
.bottom-\[3\.5px\] {
|
|
bottom: 3.5px;
|
|
}
|
|
.bottom-\[4px\] {
|
|
bottom: 4px;
|
|
}
|
|
.bottom-\[6px\] {
|
|
bottom: 6px;
|
|
}
|
|
.bottom-\[8px\] {
|
|
bottom: 8px;
|
|
}
|
|
.bottom-\[12px\] {
|
|
bottom: 12px;
|
|
}
|
|
.bottom-\[14\%\] {
|
|
bottom: 14%;
|
|
}
|
|
.bottom-\[20px\] {
|
|
bottom: 20px;
|
|
}
|
|
.bottom-\[22px\] {
|
|
bottom: 22px;
|
|
}
|
|
.bottom-\[37px\] {
|
|
bottom: 37px;
|
|
}
|
|
.bottom-\[56px\] {
|
|
bottom: 56px;
|
|
}
|
|
.bottom-\[60px\] {
|
|
bottom: 60px;
|
|
}
|
|
.bottom-\[70px\] {
|
|
bottom: 70px;
|
|
}
|
|
.bottom-\[90px\] {
|
|
bottom: 90px;
|
|
}
|
|
.bottom-\[120px\] {
|
|
bottom: 120px;
|
|
}
|
|
.bottom-\[calc\(100\%\+6px\)\] {
|
|
bottom: calc(100% + 6px);
|
|
}
|
|
.bottom-\[calc\(100\%\+16px\)\] {
|
|
bottom: calc(100% + 16px);
|
|
}
|
|
.bottom-\[max\(0\.75rem\,env\(safe-area-inset-bottom\,0px\)\)\] {
|
|
bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
|
|
}
|
|
.bottom-full {
|
|
bottom: 100%;
|
|
}
|
|
.\!left-\[initial\] {
|
|
left: initial !important;
|
|
}
|
|
.-left-\[26px\] {
|
|
left: -26px;
|
|
}
|
|
.-left-\[50px\] {
|
|
left: -50px;
|
|
}
|
|
.-left-\[130px\] {
|
|
left: -130px;
|
|
}
|
|
.left-0 {
|
|
left: 0;
|
|
}
|
|
.left-1 {
|
|
left: 4px;
|
|
}
|
|
.left-1\.5 {
|
|
left: calc(var(--spacing) * 1.5);
|
|
}
|
|
.left-1\/2 {
|
|
left: 50%;
|
|
}
|
|
.left-2 {
|
|
left: 8px;
|
|
}
|
|
.left-2\/4 {
|
|
left: 50%;
|
|
}
|
|
.left-3 {
|
|
left: 12px;
|
|
}
|
|
.left-4 {
|
|
left: 16px;
|
|
}
|
|
.left-5 {
|
|
left: 20px;
|
|
}
|
|
.left-6 {
|
|
left: 24px;
|
|
}
|
|
.left-8 {
|
|
left: 32px;
|
|
}
|
|
.left-20 {
|
|
left: calc(var(--spacing) * 20);
|
|
}
|
|
.left-\[-9px\] {
|
|
left: -9px;
|
|
}
|
|
.left-\[-10px\] {
|
|
left: -10px;
|
|
}
|
|
.left-\[-20px\] {
|
|
left: -20px;
|
|
}
|
|
.left-\[0px\] {
|
|
left: 0;
|
|
}
|
|
.left-\[2px\] {
|
|
left: 2px;
|
|
}
|
|
.left-\[5px\] {
|
|
left: 5px;
|
|
}
|
|
.left-\[6px\] {
|
|
left: 6px;
|
|
}
|
|
.left-\[8px\] {
|
|
left: 8px;
|
|
}
|
|
.left-\[10px\] {
|
|
left: 10px;
|
|
}
|
|
.left-\[20px\] {
|
|
left: 20px;
|
|
}
|
|
.left-\[25\%\] {
|
|
left: 25%;
|
|
}
|
|
.left-\[33\.333\%\] {
|
|
left: 33.333%;
|
|
}
|
|
.left-\[50\%\] {
|
|
left: 50%;
|
|
}
|
|
.left-\[50px\] {
|
|
left: 50px;
|
|
}
|
|
.left-\[66\.667\%\] {
|
|
left: 66.667%;
|
|
}
|
|
.left-\[77px\] {
|
|
left: 77px;
|
|
}
|
|
.left-\[100\] {
|
|
left: 100px;
|
|
}
|
|
.left-\[calc\(50\%\+var\(--mantine-navbar-width\,0px\)\/2\)\] {
|
|
left: calc(50% + var(--mantine-navbar-width, 0px) / 2);
|
|
}
|
|
.left-full {
|
|
left: 100%;
|
|
}
|
|
.isolate {
|
|
isolation: isolate;
|
|
}
|
|
.-z-1 {
|
|
z-index: calc(1 * -1);
|
|
}
|
|
.-z-10 {
|
|
z-index: calc(10 * -1);
|
|
}
|
|
.z-\(--z-chrome\) {
|
|
z-index: var(--z-chrome);
|
|
}
|
|
.z-\(--z-dropdown\) {
|
|
z-index: var(--z-dropdown);
|
|
}
|
|
.z-\(--z-modal\) {
|
|
z-index: var(--z-modal);
|
|
}
|
|
.z-\(--z-overlay\) {
|
|
z-index: var(--z-overlay);
|
|
}
|
|
.z-\(--z-panel\) {
|
|
z-index: var(--z-panel);
|
|
}
|
|
.z-\(--z-sticky\) {
|
|
z-index: var(--z-sticky);
|
|
}
|
|
.z-\(--z-toast\) {
|
|
z-index: var(--z-toast);
|
|
}
|
|
.z-0 {
|
|
z-index: 0;
|
|
}
|
|
.z-1 {
|
|
z-index: 1;
|
|
}
|
|
.z-2 {
|
|
z-index: 2;
|
|
}
|
|
.z-5 {
|
|
z-index: 5;
|
|
}
|
|
.z-8 {
|
|
z-index: 8;
|
|
}
|
|
.z-9 {
|
|
z-index: 9;
|
|
}
|
|
.z-10 {
|
|
z-index: 10;
|
|
}
|
|
.z-15 {
|
|
z-index: 15;
|
|
}
|
|
.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-200 {
|
|
z-index: 200;
|
|
}
|
|
.z-201 {
|
|
z-index: 201;
|
|
}
|
|
.z-2100 {
|
|
z-index: 2100;
|
|
}
|
|
.z-10001 {
|
|
z-index: 10001;
|
|
}
|
|
.z-10050 {
|
|
z-index: 10050;
|
|
}
|
|
.z-\[1\] {
|
|
z-index: 1;
|
|
}
|
|
.z-\[2\] {
|
|
z-index: 2;
|
|
}
|
|
.z-\[3\] {
|
|
z-index: 3;
|
|
}
|
|
.z-\[4\] {
|
|
z-index: 4;
|
|
}
|
|
.z-\[5\] {
|
|
z-index: 5;
|
|
}
|
|
.z-\[9\] {
|
|
z-index: 9;
|
|
}
|
|
.z-\[10\] {
|
|
z-index: 10;
|
|
}
|
|
.z-\[15\] {
|
|
z-index: 15;
|
|
}
|
|
.z-\[19\] {
|
|
z-index: 19;
|
|
}
|
|
.z-\[25\] {
|
|
z-index: 25;
|
|
}
|
|
.z-\[30\] {
|
|
z-index: 30;
|
|
}
|
|
.z-\[99\] {
|
|
z-index: 99;
|
|
}
|
|
.z-\[100\] {
|
|
z-index: 100;
|
|
}
|
|
.z-\[200\] {
|
|
z-index: 200;
|
|
}
|
|
.z-\[201\] {
|
|
z-index: 201;
|
|
}
|
|
.z-\[700\] {
|
|
z-index: 700;
|
|
}
|
|
.z-\[701\] {
|
|
z-index: 701;
|
|
}
|
|
.z-\[900\] {
|
|
z-index: 900;
|
|
}
|
|
.z-\[1050\] {
|
|
z-index: 1050;
|
|
}
|
|
.z-\[9000\] {
|
|
z-index: 9000;
|
|
}
|
|
.z-\[9999\] {
|
|
z-index: 9999;
|
|
}
|
|
.z-\[calc\(var\(--z-dropdown\)\+10\)\] {
|
|
z-index: calc(var(--z-dropdown) + 10);
|
|
}
|
|
.z-\[calc\(var\(--z-overlay\)\+1\)\] {
|
|
z-index: calc(var(--z-overlay) + 1);
|
|
}
|
|
.z-\[calc\(var\(--z-overlay\)\+2\)\] {
|
|
z-index: calc(var(--z-overlay) + 2);
|
|
}
|
|
.z-\[calc\(var\(--z-overlay\)\+36\)\] {
|
|
z-index: calc(var(--z-overlay) + 36);
|
|
}
|
|
.col-span-2 {
|
|
grid-column: span 2 / span 2;
|
|
}
|
|
.col-span-3 {
|
|
grid-column: span 3 / span 3;
|
|
}
|
|
.col-span-full {
|
|
grid-column: 1/-1;
|
|
}
|
|
.float-left {
|
|
float: left;
|
|
}
|
|
.float-right {
|
|
float: right;
|
|
}
|
|
.\!container {
|
|
width: 100% !important;
|
|
}
|
|
@media (min-width: 640px) {
|
|
.\!container {
|
|
max-width: 640px !important;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.\!container {
|
|
max-width: 768px !important;
|
|
}
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.\!container {
|
|
max-width: 1024px !important;
|
|
}
|
|
}
|
|
@media (min-width: 1280px) {
|
|
.\!container {
|
|
max-width: 1280px !important;
|
|
}
|
|
}
|
|
@media (min-width: 1440px) {
|
|
.\!container {
|
|
max-width: 1440px !important;
|
|
}
|
|
}
|
|
@media (min-width: 1520px) {
|
|
.\!container {
|
|
max-width: 1520px !important;
|
|
}
|
|
}
|
|
@media (min-width: 1600px) {
|
|
.\!container {
|
|
max-width: 1600px !important;
|
|
}
|
|
}
|
|
@media (min-width: 1920px) {
|
|
.\!container {
|
|
max-width: 1920px !important;
|
|
}
|
|
}
|
|
@media (min-width: 2240px) {
|
|
.\!container {
|
|
max-width: 2240px !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: 640px) {
|
|
.container {
|
|
max-width: 640px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container {
|
|
max-width: 768px;
|
|
}
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.container {
|
|
max-width: 1024px;
|
|
}
|
|
}
|
|
@media (min-width: 1280px) {
|
|
.container {
|
|
max-width: 1280px;
|
|
}
|
|
}
|
|
@media (min-width: 1440px) {
|
|
.container {
|
|
max-width: 1440px;
|
|
}
|
|
}
|
|
@media (min-width: 1520px) {
|
|
.container {
|
|
max-width: 1520px;
|
|
}
|
|
}
|
|
@media (min-width: 1600px) {
|
|
.container {
|
|
max-width: 1600px;
|
|
}
|
|
}
|
|
@media (min-width: 1920px) {
|
|
.container {
|
|
max-width: 1920px;
|
|
}
|
|
}
|
|
@media (min-width: 2240px) {
|
|
.container {
|
|
max-width: 2240px;
|
|
}
|
|
}
|
|
@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: 0;
|
|
}
|
|
.m-1 {
|
|
margin: 4px;
|
|
}
|
|
.m-\[3px\] {
|
|
margin: 3px;
|
|
}
|
|
.m-auto {
|
|
margin: auto;
|
|
}
|
|
.-mx-1 {
|
|
margin-inline: -4px;
|
|
}
|
|
.-mx-2 {
|
|
margin-inline: -8px;
|
|
}
|
|
.-mx-3 {
|
|
margin-inline: -12px;
|
|
}
|
|
.-mx-4 {
|
|
margin-inline: -16px;
|
|
}
|
|
.mx-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.mx-0\.5 {
|
|
margin-inline: calc(var(--spacing) * 0.5);
|
|
}
|
|
.mx-1 {
|
|
margin-inline: 4px;
|
|
}
|
|
.mx-1\.5 {
|
|
margin-inline: calc(var(--spacing) * 1.5);
|
|
}
|
|
.mx-2 {
|
|
margin-inline: 8px;
|
|
}
|
|
.mx-3 {
|
|
margin-inline: 12px;
|
|
}
|
|
.mx-5 {
|
|
margin-inline: 20px;
|
|
}
|
|
.mx-6 {
|
|
margin-inline: 24px;
|
|
}
|
|
.mx-8 {
|
|
margin-inline: 32px;
|
|
}
|
|
.mx-\[-2px\] {
|
|
margin-inline: -2px;
|
|
}
|
|
.mx-\[4px\] {
|
|
margin-inline: 4px;
|
|
}
|
|
.mx-\[5px\] {
|
|
margin-inline: 5px;
|
|
}
|
|
.mx-\[20px\] {
|
|
margin-inline: 20px;
|
|
}
|
|
.mx-\[100px\] {
|
|
margin-inline: 100px;
|
|
}
|
|
.mx-\[auto\],
|
|
.mx-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.mx-px {
|
|
margin-inline: 1px;
|
|
}
|
|
.my-0 {
|
|
margin-block: 0;
|
|
}
|
|
.my-0\.5 {
|
|
margin-block: calc(var(--spacing) * 0.5);
|
|
}
|
|
.my-1 {
|
|
margin-block: 4px;
|
|
}
|
|
.my-2 {
|
|
margin-block: 8px;
|
|
}
|
|
.my-3 {
|
|
margin-block: 12px;
|
|
}
|
|
.my-4 {
|
|
margin-block: 16px;
|
|
}
|
|
.my-6 {
|
|
margin-block: 24px;
|
|
}
|
|
.my-8 {
|
|
margin-block: 32px;
|
|
}
|
|
.my-\[8px\] {
|
|
margin-block: 8px;
|
|
}
|
|
.my-\[16px\] {
|
|
margin-block: 16px;
|
|
}
|
|
.my-\[40px\] {
|
|
margin-block: 40px;
|
|
}
|
|
.me-1 {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.\!mt-0 {
|
|
margin-top: 0 !important;
|
|
}
|
|
.\!mt-5 {
|
|
margin-top: 20px !important;
|
|
}
|
|
.-mt-0\.5 {
|
|
margin-top: calc(var(--spacing) * -0.5);
|
|
}
|
|
.-mt-2 {
|
|
margin-top: -8px;
|
|
}
|
|
.-mt-2\.5 {
|
|
margin-top: calc(var(--spacing) * -2.5);
|
|
}
|
|
.-mt-3 {
|
|
margin-top: -12px;
|
|
}
|
|
.-mt-4 {
|
|
margin-top: -16px;
|
|
}
|
|
.-mt-5 {
|
|
margin-top: -20px;
|
|
}
|
|
.-mt-px {
|
|
margin-top: -1px;
|
|
}
|
|
.mt-0 {
|
|
margin-top: 0;
|
|
}
|
|
.mt-0\.5 {
|
|
margin-top: calc(var(--spacing) * 0.5);
|
|
}
|
|
.mt-1 {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-1\.5 {
|
|
margin-top: calc(var(--spacing) * 1.5);
|
|
}
|
|
.mt-2 {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-2\.5 {
|
|
margin-top: calc(var(--spacing) * 2.5);
|
|
}
|
|
.mt-3 {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-3\.5 {
|
|
margin-top: calc(var(--spacing) * 3.5);
|
|
}
|
|
.mt-4 {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-5 {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-6 {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-7 {
|
|
margin-top: calc(var(--spacing) * 7);
|
|
}
|
|
.mt-8 {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-9 {
|
|
margin-top: calc(var(--spacing) * 9);
|
|
}
|
|
.mt-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-14 {
|
|
margin-top: calc(var(--spacing) * 14);
|
|
}
|
|
.mt-\[-2\.5px\] {
|
|
margin-top: -2.5px;
|
|
}
|
|
.mt-\[-4px\] {
|
|
margin-top: -4px;
|
|
}
|
|
.mt-\[-5px\] {
|
|
margin-top: -5px;
|
|
}
|
|
.mt-\[-40px\] {
|
|
margin-top: -40px;
|
|
}
|
|
.mt-\[0\],
|
|
.mt-\[0px\] {
|
|
margin-top: 0;
|
|
}
|
|
.mt-\[1px\] {
|
|
margin-top: 1px;
|
|
}
|
|
.mt-\[2px\] {
|
|
margin-top: 2px;
|
|
}
|
|
.mt-\[3px\] {
|
|
margin-top: 3px;
|
|
}
|
|
.mt-\[4px\] {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-\[5px\] {
|
|
margin-top: 5px;
|
|
}
|
|
.mt-\[6px\] {
|
|
margin-top: 6px;
|
|
}
|
|
.mt-\[8px\] {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-\[10px\] {
|
|
margin-top: 10px;
|
|
}
|
|
.mt-\[12px\] {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-\[14px\] {
|
|
margin-top: 14px;
|
|
}
|
|
.mt-\[15px\] {
|
|
margin-top: 15px;
|
|
}
|
|
.mt-\[16px\] {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-\[17vh\] {
|
|
margin-top: 17vh;
|
|
}
|
|
.mt-\[18px\] {
|
|
margin-top: 18px;
|
|
}
|
|
.mt-\[19px\] {
|
|
margin-top: 19px;
|
|
}
|
|
.mt-\[20px\] {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-\[24px\] {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-\[27px\] {
|
|
margin-top: 27px;
|
|
}
|
|
.mt-\[28px\] {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-\[30px\] {
|
|
margin-top: 30px;
|
|
}
|
|
.mt-\[40px\] {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-\[46px\] {
|
|
margin-top: 46px;
|
|
}
|
|
.mt-\[50px\] {
|
|
margin-top: 50px;
|
|
}
|
|
.mt-\[62px\] {
|
|
margin-top: 62px;
|
|
}
|
|
.mt-\[65px\] {
|
|
margin-top: 65px;
|
|
}
|
|
.mt-\[100px\] {
|
|
margin-top: 100px;
|
|
}
|
|
.mt-\[170px\] {
|
|
margin-top: 170px;
|
|
}
|
|
.mt-\[200px\] {
|
|
margin-top: 200px;
|
|
}
|
|
.mt-\[284px\] {
|
|
margin-top: 284px;
|
|
}
|
|
.mt-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mt-px {
|
|
margin-top: 1px;
|
|
}
|
|
.mr-0\.5 {
|
|
margin-right: calc(var(--spacing) * 0.5);
|
|
}
|
|
.mr-1 {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-1\.5 {
|
|
margin-right: calc(var(--spacing) * 1.5);
|
|
}
|
|
.mr-2 {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-3 {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-4 {
|
|
margin-right: 16px;
|
|
}
|
|
.mr-8 {
|
|
margin-right: 32px;
|
|
}
|
|
.mr-9 {
|
|
margin-right: calc(var(--spacing) * 9);
|
|
}
|
|
.mr-\[-2px\] {
|
|
margin-right: -2px;
|
|
}
|
|
.mr-\[1px\] {
|
|
margin-right: 1px;
|
|
}
|
|
.mr-\[2px\] {
|
|
margin-right: 2px;
|
|
}
|
|
.mr-\[4px\] {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-\[5px\] {
|
|
margin-right: 5px;
|
|
}
|
|
.mr-\[6px\] {
|
|
margin-right: 6px;
|
|
}
|
|
.mr-\[7px\] {
|
|
margin-right: 7px;
|
|
}
|
|
.mr-\[8px\] {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-\[12px\] {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-\[14px\] {
|
|
margin-right: 14px;
|
|
}
|
|
.mr-\[20px\] {
|
|
margin-right: 20px;
|
|
}
|
|
.mr-\[22px\] {
|
|
margin-right: 22px;
|
|
}
|
|
.mr-\[64px\] {
|
|
margin-right: 64px;
|
|
}
|
|
.\!mb-0 {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.\!mb-1 {
|
|
margin-bottom: 4px !important;
|
|
}
|
|
.\!mb-\[12px\] {
|
|
margin-bottom: 12px !important;
|
|
}
|
|
.-mb-1 {
|
|
margin-bottom: -4px;
|
|
}
|
|
.-mb-8 {
|
|
margin-bottom: -32px;
|
|
}
|
|
.-mb-px {
|
|
margin-bottom: -1px;
|
|
}
|
|
.mb-0 {
|
|
margin-bottom: 0;
|
|
}
|
|
.mb-0\! {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.mb-0\.5 {
|
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
}
|
|
.mb-1 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-1\.5 {
|
|
margin-bottom: calc(var(--spacing) * 1.5);
|
|
}
|
|
.mb-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-3 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-8 {
|
|
margin-bottom: 32px;
|
|
}
|
|
.mb-\[-12px\] {
|
|
margin-bottom: -12px;
|
|
}
|
|
.mb-\[4px\] {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-\[5px\] {
|
|
margin-bottom: 5px;
|
|
}
|
|
.mb-\[6px\] {
|
|
margin-bottom: 6px;
|
|
}
|
|
.mb-\[8px\] {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-\[9px\] {
|
|
margin-bottom: 9px;
|
|
}
|
|
.mb-\[10px\] {
|
|
margin-bottom: 10px;
|
|
}
|
|
.mb-\[12px\] {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-\[16px\] {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-\[20px\] {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-\[22px\] {
|
|
margin-bottom: 22px;
|
|
}
|
|
.mb-\[24px\] {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-\[35px\] {
|
|
margin-bottom: 35px;
|
|
}
|
|
.mb-\[40px\] {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-\[57px\] {
|
|
margin-bottom: 57px;
|
|
}
|
|
.-ml-1 {
|
|
margin-left: -4px;
|
|
}
|
|
.-ml-2 {
|
|
margin-left: -8px;
|
|
}
|
|
.-ml-\[10px\] {
|
|
margin-left: -10px;
|
|
}
|
|
.ml-0\.5 {
|
|
margin-left: calc(var(--spacing) * 0.5);
|
|
}
|
|
.ml-1 {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-1\.5 {
|
|
margin-left: calc(var(--spacing) * 1.5);
|
|
}
|
|
.ml-2 {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-2\.5 {
|
|
margin-left: calc(var(--spacing) * 2.5);
|
|
}
|
|
.ml-3 {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-4 {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-5 {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-6 {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-7 {
|
|
margin-left: calc(var(--spacing) * 7);
|
|
}
|
|
.ml-8 {
|
|
margin-left: 32px;
|
|
}
|
|
.ml-9 {
|
|
margin-left: calc(var(--spacing) * 9);
|
|
}
|
|
.ml-20 {
|
|
margin-left: calc(var(--spacing) * 20);
|
|
}
|
|
.ml-\[-50px\] {
|
|
margin-left: -50px;
|
|
}
|
|
.ml-\[1px\] {
|
|
margin-left: 1px;
|
|
}
|
|
.ml-\[2px\] {
|
|
margin-left: 2px;
|
|
}
|
|
.ml-\[4px\] {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-\[5px\] {
|
|
margin-left: 5px;
|
|
}
|
|
.ml-\[6px\] {
|
|
margin-left: 6px;
|
|
}
|
|
.ml-\[7px\] {
|
|
margin-left: 7px;
|
|
}
|
|
.ml-\[8px\] {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-\[10px\] {
|
|
margin-left: 10px;
|
|
}
|
|
.ml-\[12px\] {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-\[16px\] {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-\[18px\] {
|
|
margin-left: 18px;
|
|
}
|
|
.ml-\[20px\] {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-\[24px\] {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-\[30px\] {
|
|
margin-left: 30px;
|
|
}
|
|
.ml-\[40px\] {
|
|
margin-left: 40px;
|
|
}
|
|
.ml-\[60px\] {
|
|
margin-left: 60px;
|
|
}
|
|
.ml-auto {
|
|
margin-left: auto;
|
|
}
|
|
.box-border {
|
|
box-sizing: border-box;
|
|
}
|
|
.box-content {
|
|
box-sizing: content-box;
|
|
}
|
|
.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;
|
|
}
|
|
.\!hidden {
|
|
display: none !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;
|
|
}
|
|
.table {
|
|
display: table;
|
|
}
|
|
.aspect-3\/4 {
|
|
aspect-ratio: 3/4;
|
|
}
|
|
.aspect-196\/261 {
|
|
aspect-ratio: 196/261;
|
|
}
|
|
.aspect-\[4\/3\] {
|
|
aspect-ratio: 4/3;
|
|
}
|
|
.aspect-square {
|
|
aspect-ratio: 1;
|
|
}
|
|
.aspect-video {
|
|
aspect-ratio: var(--aspect-video);
|
|
}
|
|
.size-0 {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.size-2\.5 {
|
|
width: calc(var(--spacing) * 2.5);
|
|
height: calc(var(--spacing) * 2.5);
|
|
}
|
|
.size-3 {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.size-3\.5 {
|
|
width: calc(var(--spacing) * 3.5);
|
|
height: calc(var(--spacing) * 3.5);
|
|
}
|
|
.size-4 {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.size-5 {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.size-6 {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.size-7 {
|
|
width: calc(var(--spacing) * 7);
|
|
height: calc(var(--spacing) * 7);
|
|
}
|
|
.size-8 {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.size-9 {
|
|
width: calc(var(--spacing) * 9);
|
|
height: calc(var(--spacing) * 9);
|
|
}
|
|
.size-10 {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.size-12 {
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
.size-\[7px\] {
|
|
width: 7px;
|
|
height: 7px;
|
|
}
|
|
.size-\[10\.667px\] {
|
|
width: 10.667px;
|
|
height: 10.667px;
|
|
}
|
|
.size-\[10px\] {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
.size-\[13px\] {
|
|
width: 13px;
|
|
height: 13px;
|
|
}
|
|
.size-\[14px\] {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.size-\[15px\] {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
.size-\[16px\] {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.size-\[17px\] {
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
.size-\[34px\] {
|
|
width: 34px;
|
|
height: 34px;
|
|
}
|
|
.size-\[36\.15\] {
|
|
width: 36.15px;
|
|
height: 36.15px;
|
|
}
|
|
.size-\[38px\] {
|
|
width: 38px;
|
|
height: 38px;
|
|
}
|
|
.size-\[104px\] {
|
|
width: 104px;
|
|
height: 104px;
|
|
}
|
|
.size-\[140px\] {
|
|
width: 140px;
|
|
height: 140px;
|
|
}
|
|
.size-\[192px\] {
|
|
width: 192px;
|
|
height: 192px;
|
|
}
|
|
.size-full {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.\!h-5 {
|
|
height: 20px !important;
|
|
}
|
|
.\!h-20 {
|
|
height: calc(var(--spacing) * 20) !important;
|
|
}
|
|
.\!h-\[38px\] {
|
|
height: 38px !important;
|
|
}
|
|
.\!h-\[44px\] {
|
|
height: 44px !important;
|
|
}
|
|
.h-0 {
|
|
height: 0;
|
|
}
|
|
.h-0\! {
|
|
height: 0 !important;
|
|
}
|
|
.h-0\.5 {
|
|
height: calc(var(--spacing) * 0.5);
|
|
}
|
|
.h-1 {
|
|
height: 4px;
|
|
}
|
|
.h-1\.5 {
|
|
height: calc(var(--spacing) * 1.5);
|
|
}
|
|
.h-2 {
|
|
height: 8px;
|
|
}
|
|
.h-2\.5 {
|
|
height: calc(var(--spacing) * 2.5);
|
|
}
|
|
.h-3 {
|
|
height: 12px;
|
|
}
|
|
.h-3\.5 {
|
|
height: calc(var(--spacing) * 3.5);
|
|
}
|
|
.h-3\/4 {
|
|
height: 75%;
|
|
}
|
|
.h-4 {
|
|
height: 16px;
|
|
}
|
|
.h-5 {
|
|
height: 20px;
|
|
}
|
|
.h-6 {
|
|
height: 24px;
|
|
}
|
|
.h-7 {
|
|
height: calc(var(--spacing) * 7);
|
|
}
|
|
.h-8 {
|
|
height: 32px;
|
|
}
|
|
.h-9 {
|
|
height: calc(var(--spacing) * 9);
|
|
}
|
|
.h-10 {
|
|
height: 40px;
|
|
}
|
|
.h-11 {
|
|
height: calc(var(--spacing) * 11);
|
|
}
|
|
.h-12 {
|
|
height: 48px;
|
|
}
|
|
.h-13 {
|
|
height: calc(var(--spacing) * 13);
|
|
}
|
|
.h-14 {
|
|
height: calc(var(--spacing) * 14);
|
|
}
|
|
.h-16 {
|
|
height: 64px;
|
|
}
|
|
.h-20 {
|
|
height: calc(var(--spacing) * 20);
|
|
}
|
|
.h-24 {
|
|
height: calc(var(--spacing) * 24);
|
|
}
|
|
.h-25 {
|
|
height: calc(var(--spacing) * 25);
|
|
}
|
|
.h-28 {
|
|
height: calc(var(--spacing) * 28);
|
|
}
|
|
.h-40 {
|
|
height: calc(var(--spacing) * 40);
|
|
}
|
|
.h-44 {
|
|
height: calc(var(--spacing) * 44);
|
|
}
|
|
.h-48 {
|
|
height: calc(var(--spacing) * 48);
|
|
}
|
|
.h-60 {
|
|
height: calc(var(--spacing) * 60);
|
|
}
|
|
.h-64 {
|
|
height: calc(var(--spacing) * 64);
|
|
}
|
|
.h-\[0\.5px\] {
|
|
height: 0.5px;
|
|
}
|
|
.h-\[1\.5px\] {
|
|
height: 1.5px;
|
|
}
|
|
.h-\[1em\] {
|
|
height: 1em;
|
|
}
|
|
.h-\[1px\] {
|
|
height: 1px;
|
|
}
|
|
.h-\[2px\] {
|
|
height: 2px;
|
|
}
|
|
.h-\[4px\] {
|
|
height: 4px;
|
|
}
|
|
.h-\[5px\] {
|
|
height: 5px;
|
|
}
|
|
.h-\[10px\] {
|
|
height: 10px;
|
|
}
|
|
.h-\[12px\] {
|
|
height: 12px;
|
|
}
|
|
.h-\[13px\] {
|
|
height: 13px;
|
|
}
|
|
.h-\[14px\] {
|
|
height: 14px;
|
|
}
|
|
.h-\[15px\] {
|
|
height: 15px;
|
|
}
|
|
.h-\[16px\] {
|
|
height: 16px;
|
|
}
|
|
.h-\[17px\] {
|
|
height: 17px;
|
|
}
|
|
.h-\[18px\] {
|
|
height: 18px;
|
|
}
|
|
.h-\[19px\] {
|
|
height: 19px;
|
|
}
|
|
.h-\[20px\] {
|
|
height: 20px;
|
|
}
|
|
.h-\[21px\] {
|
|
height: 21px;
|
|
}
|
|
.h-\[22px\] {
|
|
height: 22px;
|
|
}
|
|
.h-\[23px\] {
|
|
height: 23px;
|
|
}
|
|
.h-\[24px\] {
|
|
height: 24px;
|
|
}
|
|
.h-\[25px\] {
|
|
height: 25px;
|
|
}
|
|
.h-\[26px\] {
|
|
height: 26px;
|
|
}
|
|
.h-\[28px\] {
|
|
height: 28px;
|
|
}
|
|
.h-\[30px\] {
|
|
height: 30px;
|
|
}
|
|
.h-\[31px\] {
|
|
height: 31px;
|
|
}
|
|
.h-\[32px\] {
|
|
height: 32px;
|
|
}
|
|
.h-\[34px\] {
|
|
height: 34px;
|
|
}
|
|
.h-\[36px\] {
|
|
height: 36px;
|
|
}
|
|
.h-\[38\.364px\] {
|
|
height: 38.364px;
|
|
}
|
|
.h-\[38px\] {
|
|
height: 38px;
|
|
}
|
|
.h-\[40px\] {
|
|
height: 40px;
|
|
}
|
|
.h-\[41px\] {
|
|
height: 41px;
|
|
}
|
|
.h-\[42px\] {
|
|
height: 42px;
|
|
}
|
|
.h-\[44px\] {
|
|
height: 44px;
|
|
}
|
|
.h-\[46px\] {
|
|
height: 46px;
|
|
}
|
|
.h-\[48px\] {
|
|
height: 48px;
|
|
}
|
|
.h-\[50px\] {
|
|
height: 50px;
|
|
}
|
|
.h-\[50vh\] {
|
|
height: 50vh;
|
|
}
|
|
.h-\[52px\] {
|
|
height: 52px;
|
|
}
|
|
.h-\[53px\] {
|
|
height: 53px;
|
|
}
|
|
.h-\[54px\] {
|
|
height: 54px;
|
|
}
|
|
.h-\[55px\] {
|
|
height: 55px;
|
|
}
|
|
.h-\[56px\] {
|
|
height: 56px;
|
|
}
|
|
.h-\[57px\] {
|
|
height: 57px;
|
|
}
|
|
.h-\[59px\] {
|
|
height: 59px;
|
|
}
|
|
.h-\[60px\] {
|
|
height: 60px;
|
|
}
|
|
.h-\[60vh\] {
|
|
height: 60vh;
|
|
}
|
|
.h-\[61px\] {
|
|
height: 61px;
|
|
}
|
|
.h-\[65px\] {
|
|
height: 65px;
|
|
}
|
|
.h-\[66px\] {
|
|
height: 66px;
|
|
}
|
|
.h-\[68px\] {
|
|
height: 68px;
|
|
}
|
|
.h-\[70px\] {
|
|
height: 70px;
|
|
}
|
|
.h-\[70vh\] {
|
|
height: 70vh;
|
|
}
|
|
.h-\[76px\] {
|
|
height: 76px;
|
|
}
|
|
.h-\[80px\] {
|
|
height: 80px;
|
|
}
|
|
.h-\[80vh\] {
|
|
height: 80vh;
|
|
}
|
|
.h-\[85px\] {
|
|
height: 85px;
|
|
}
|
|
.h-\[90px\] {
|
|
height: 90px;
|
|
}
|
|
.h-\[92px\] {
|
|
height: 92px;
|
|
}
|
|
.h-\[94\.5px\] {
|
|
height: 94.5px;
|
|
}
|
|
.h-\[96px\] {
|
|
height: 96px;
|
|
}
|
|
.h-\[100\%\] {
|
|
height: 100%;
|
|
}
|
|
.h-\[100dvh\] {
|
|
height: 100dvh;
|
|
}
|
|
.h-\[100px\] {
|
|
height: 100px;
|
|
}
|
|
.h-\[100vh\] {
|
|
height: 100vh;
|
|
}
|
|
.h-\[108px\] {
|
|
height: 108px;
|
|
}
|
|
.h-\[112px\] {
|
|
height: 112px;
|
|
}
|
|
.h-\[114px\] {
|
|
height: 114px;
|
|
}
|
|
.h-\[116px\] {
|
|
height: 116px;
|
|
}
|
|
.h-\[118px\] {
|
|
height: 118px;
|
|
}
|
|
.h-\[120px\] {
|
|
height: 120px;
|
|
}
|
|
.h-\[135px\] {
|
|
height: 135px;
|
|
}
|
|
.h-\[145px\] {
|
|
height: 145px;
|
|
}
|
|
.h-\[146px\] {
|
|
height: 146px;
|
|
}
|
|
.h-\[148px\] {
|
|
height: 148px;
|
|
}
|
|
.h-\[150px\] {
|
|
height: 150px;
|
|
}
|
|
.h-\[151px\] {
|
|
height: 151px;
|
|
}
|
|
.h-\[156px\] {
|
|
height: 156px;
|
|
}
|
|
.h-\[170px\] {
|
|
height: 170px;
|
|
}
|
|
.h-\[180px\] {
|
|
height: 180px;
|
|
}
|
|
.h-\[184px\] {
|
|
height: 184px;
|
|
}
|
|
.h-\[186px\] {
|
|
height: 186px;
|
|
}
|
|
.h-\[188px\] {
|
|
height: 188px;
|
|
}
|
|
.h-\[190px\] {
|
|
height: 190px;
|
|
}
|
|
.h-\[200px\] {
|
|
height: 200px;
|
|
}
|
|
.h-\[208px\] {
|
|
height: 208px;
|
|
}
|
|
.h-\[214px\] {
|
|
height: 214px;
|
|
}
|
|
.h-\[228px\] {
|
|
height: 228px;
|
|
}
|
|
.h-\[230px\] {
|
|
height: 230px;
|
|
}
|
|
.h-\[245px\] {
|
|
height: 245px;
|
|
}
|
|
.h-\[248px\] {
|
|
height: 248px;
|
|
}
|
|
.h-\[254px\] {
|
|
height: 254px;
|
|
}
|
|
.h-\[260px\] {
|
|
height: 260px;
|
|
}
|
|
.h-\[273px\] {
|
|
height: 273px;
|
|
}
|
|
.h-\[280px\] {
|
|
height: 280px;
|
|
}
|
|
.h-\[284px\] {
|
|
height: 284px;
|
|
}
|
|
.h-\[300px\] {
|
|
height: 300px;
|
|
}
|
|
.h-\[302px\] {
|
|
height: 302px;
|
|
}
|
|
.h-\[309px\] {
|
|
height: 309px;
|
|
}
|
|
.h-\[320px\] {
|
|
height: 320px;
|
|
}
|
|
.h-\[328px\] {
|
|
height: 328px;
|
|
}
|
|
.h-\[400px\] {
|
|
height: 400px;
|
|
}
|
|
.h-\[420px\] {
|
|
height: 420px;
|
|
}
|
|
.h-\[444px\] {
|
|
height: 444px;
|
|
}
|
|
.h-\[472px\] {
|
|
height: 472px;
|
|
}
|
|
.h-\[480px\] {
|
|
height: 480px;
|
|
}
|
|
.h-\[500px\] {
|
|
height: 500px;
|
|
}
|
|
.h-\[520px\] {
|
|
height: 520px;
|
|
}
|
|
.h-\[540px\] {
|
|
height: 540px;
|
|
}
|
|
.h-\[556px\] {
|
|
height: 556px;
|
|
}
|
|
.h-\[600px\] {
|
|
height: 600px;
|
|
}
|
|
.h-\[620px\] {
|
|
height: 620px;
|
|
}
|
|
.h-\[630px\] {
|
|
height: 630px;
|
|
}
|
|
.h-\[640px\] {
|
|
height: 640px;
|
|
}
|
|
.h-\[647px\] {
|
|
height: 647px;
|
|
}
|
|
.h-\[1000px\] {
|
|
height: 1000px;
|
|
}
|
|
.h-\[auto\] {
|
|
height: auto;
|
|
}
|
|
.h-\[calc\(100\%_-_64px\)\] {
|
|
height: calc(100% - 64px);
|
|
}
|
|
.h-\[calc\(100vh-68px\)\] {
|
|
height: calc(100vh - 68px);
|
|
}
|
|
.h-\[calc\(100vh-160px\)\] {
|
|
height: calc(100vh - 160px);
|
|
}
|
|
.h-\[calc\(100vh-200px\)\],
|
|
.h-\[calc\(100vh_-_200px\)\] {
|
|
height: calc(100vh - 200px);
|
|
}
|
|
.h-\[calc\(100vh_-_274px\)\] {
|
|
height: calc(100vh - 274px);
|
|
}
|
|
.h-\[min\(72vh\,520px\)\] {
|
|
height: min(72vh, 520px);
|
|
}
|
|
.h-\[var\(--libtv-header-height\)\] {
|
|
height: var(--libtv-header-height);
|
|
}
|
|
.h-\[var\(--loader-size\)\] {
|
|
height: var(--loader-size);
|
|
}
|
|
.h-\[var\(--safe-area-top\)\] {
|
|
height: var(--safe-area-top);
|
|
}
|
|
.h-auto {
|
|
height: auto;
|
|
}
|
|
.h-fit {
|
|
height: fit-content;
|
|
}
|
|
.h-full {
|
|
height: 100%;
|
|
}
|
|
.h-px {
|
|
height: 1px;
|
|
}
|
|
.h-screen {
|
|
height: 100vh;
|
|
}
|
|
.max-h-0 {
|
|
max-height: 0;
|
|
}
|
|
.max-h-20 {
|
|
max-height: calc(var(--spacing) * 20);
|
|
}
|
|
.max-h-40 {
|
|
max-height: calc(var(--spacing) * 40);
|
|
}
|
|
.max-h-48 {
|
|
max-height: calc(var(--spacing) * 48);
|
|
}
|
|
.max-h-60 {
|
|
max-height: calc(var(--spacing) * 60);
|
|
}
|
|
.max-h-64 {
|
|
max-height: calc(var(--spacing) * 64);
|
|
}
|
|
.max-h-72 {
|
|
max-height: calc(var(--spacing) * 72);
|
|
}
|
|
.max-h-96 {
|
|
max-height: calc(var(--spacing) * 96);
|
|
}
|
|
.max-h-\[16px\] {
|
|
max-height: 16px;
|
|
}
|
|
.max-h-\[26px\] {
|
|
max-height: 26px;
|
|
}
|
|
.max-h-\[40dvh\] {
|
|
max-height: 40dvh;
|
|
}
|
|
.max-h-\[70vh\] {
|
|
max-height: 70vh;
|
|
}
|
|
.max-h-\[80vh\] {
|
|
max-height: 80vh;
|
|
}
|
|
.max-h-\[88px\] {
|
|
max-height: 88px;
|
|
}
|
|
.max-h-\[90dvh\] {
|
|
max-height: 90dvh;
|
|
}
|
|
.max-h-\[90vh\] {
|
|
max-height: 90vh;
|
|
}
|
|
.max-h-\[92px\] {
|
|
max-height: 92px;
|
|
}
|
|
.max-h-\[100px\] {
|
|
max-height: 100px;
|
|
}
|
|
.max-h-\[148px\] {
|
|
max-height: 148px;
|
|
}
|
|
.max-h-\[200px\] {
|
|
max-height: 200px;
|
|
}
|
|
.max-h-\[220px\] {
|
|
max-height: 220px;
|
|
}
|
|
.max-h-\[260px\] {
|
|
max-height: 260px;
|
|
}
|
|
.max-h-\[300px\] {
|
|
max-height: 300px;
|
|
}
|
|
.max-h-\[316px\] {
|
|
max-height: 316px;
|
|
}
|
|
.max-h-\[320px\] {
|
|
max-height: 320px;
|
|
}
|
|
.max-h-\[328px\] {
|
|
max-height: 328px;
|
|
}
|
|
.max-h-\[354px\] {
|
|
max-height: 354px;
|
|
}
|
|
.max-h-\[384px\] {
|
|
max-height: 384px;
|
|
}
|
|
.max-h-\[400px\] {
|
|
max-height: 400px;
|
|
}
|
|
.max-h-\[405px\] {
|
|
max-height: 405px;
|
|
}
|
|
.max-h-\[437px\] {
|
|
max-height: 437px;
|
|
}
|
|
.max-h-\[500px\] {
|
|
max-height: 500px;
|
|
}
|
|
.max-h-\[520px\] {
|
|
max-height: 520px;
|
|
}
|
|
.max-h-\[530px\] {
|
|
max-height: 530px;
|
|
}
|
|
.max-h-\[580px\] {
|
|
max-height: 580px;
|
|
}
|
|
.max-h-\[600px\] {
|
|
max-height: 600px;
|
|
}
|
|
.max-h-\[605px\] {
|
|
max-height: 605px;
|
|
}
|
|
.max-h-\[640px\] {
|
|
max-height: 640px;
|
|
}
|
|
.max-h-\[712px\] {
|
|
max-height: 712px;
|
|
}
|
|
.max-h-\[calc\(100vh-100px\)\] {
|
|
max-height: calc(100vh - 100px);
|
|
}
|
|
.max-h-\[calc\(100vh-200px\)\] {
|
|
max-height: calc(100vh - 200px);
|
|
}
|
|
.max-h-\[min\(90vh\,640px\)\] {
|
|
max-height: min(90vh, 640px);
|
|
}
|
|
.max-h-\[min\(280px\,50vh\)\] {
|
|
max-height: min(280px, 50vh);
|
|
}
|
|
.max-h-\[min\(360px\,55vh\)\] {
|
|
max-height: min(360px, 55vh);
|
|
}
|
|
.max-h-full {
|
|
max-height: 100%;
|
|
}
|
|
.\!min-h-0 {
|
|
min-height: 0 !important;
|
|
}
|
|
.\!min-h-\[38px\] {
|
|
min-height: 38px !important;
|
|
}
|
|
.min-h-0 {
|
|
min-height: 0;
|
|
}
|
|
.min-h-0\! {
|
|
min-height: 0 !important;
|
|
}
|
|
.min-h-7 {
|
|
min-height: calc(var(--spacing) * 7);
|
|
}
|
|
.min-h-8 {
|
|
min-height: 32px;
|
|
}
|
|
.min-h-20 {
|
|
min-height: calc(var(--spacing) * 20);
|
|
}
|
|
.min-h-\[4rem\] {
|
|
min-height: 4rem;
|
|
}
|
|
.min-h-\[16px\] {
|
|
min-height: 16px;
|
|
}
|
|
.min-h-\[18px\] {
|
|
min-height: 18px;
|
|
}
|
|
.min-h-\[26px\] {
|
|
min-height: 26px;
|
|
}
|
|
.min-h-\[34px\] {
|
|
min-height: 34px;
|
|
}
|
|
.min-h-\[36px\] {
|
|
min-height: 36px;
|
|
}
|
|
.min-h-\[40px\] {
|
|
min-height: 40px;
|
|
}
|
|
.min-h-\[50vh\] {
|
|
min-height: 50vh;
|
|
}
|
|
.min-h-\[56px\] {
|
|
min-height: 56px;
|
|
}
|
|
.min-h-\[60px\] {
|
|
min-height: 60px;
|
|
}
|
|
.min-h-\[80px\] {
|
|
min-height: 80px;
|
|
}
|
|
.min-h-\[100px\] {
|
|
min-height: 100px;
|
|
}
|
|
.min-h-\[160px\] {
|
|
min-height: 160px;
|
|
}
|
|
.min-h-\[184px\] {
|
|
min-height: 184px;
|
|
}
|
|
.min-h-\[200px\] {
|
|
min-height: 200px;
|
|
}
|
|
.min-h-\[300px\] {
|
|
min-height: 300px;
|
|
}
|
|
.min-h-\[350px\] {
|
|
min-height: 350px;
|
|
}
|
|
.min-h-max {
|
|
min-height: max-content;
|
|
}
|
|
.min-h-screen {
|
|
min-height: 100vh;
|
|
}
|
|
.\!w-\[10px\] {
|
|
width: 10px !important;
|
|
}
|
|
.\!w-\[106px\] {
|
|
width: 106px !important;
|
|
}
|
|
.\!w-\[170px\] {
|
|
width: 170px !important;
|
|
}
|
|
.\!w-\[200px\] {
|
|
width: 200px !important;
|
|
}
|
|
.\!w-\[274px\] {
|
|
width: 274px !important;
|
|
}
|
|
.\!w-\[430px\] {
|
|
width: 430px !important;
|
|
}
|
|
.\!w-auto {
|
|
width: auto !important;
|
|
}
|
|
.\!w-full {
|
|
width: 100% !important;
|
|
}
|
|
.w-0 {
|
|
width: 0;
|
|
}
|
|
.w-0\.5 {
|
|
width: calc(var(--spacing) * 0.5);
|
|
}
|
|
.w-1 {
|
|
width: 4px;
|
|
}
|
|
.w-1\.5 {
|
|
width: calc(var(--spacing) * 1.5);
|
|
}
|
|
.w-1\/2 {
|
|
width: 50%;
|
|
}
|
|
.w-1\/3 {
|
|
width: 33.3333%;
|
|
}
|
|
.w-2 {
|
|
width: 8px;
|
|
}
|
|
.w-2\.5 {
|
|
width: calc(var(--spacing) * 2.5);
|
|
}
|
|
.w-3 {
|
|
width: 12px;
|
|
}
|
|
.w-3\.5 {
|
|
width: calc(var(--spacing) * 3.5);
|
|
}
|
|
.w-3\/4 {
|
|
width: 75%;
|
|
}
|
|
.w-4 {
|
|
width: 16px;
|
|
}
|
|
.w-5 {
|
|
width: 20px;
|
|
}
|
|
.w-6 {
|
|
width: 24px;
|
|
}
|
|
.w-7 {
|
|
width: calc(var(--spacing) * 7);
|
|
}
|
|
.w-8 {
|
|
width: 32px;
|
|
}
|
|
.w-9 {
|
|
width: calc(var(--spacing) * 9);
|
|
}
|
|
.w-10 {
|
|
width: 40px;
|
|
}
|
|
.w-11 {
|
|
width: calc(var(--spacing) * 11);
|
|
}
|
|
.w-12 {
|
|
width: 48px;
|
|
}
|
|
.w-13 {
|
|
width: calc(var(--spacing) * 13);
|
|
}
|
|
.w-14 {
|
|
width: calc(var(--spacing) * 14);
|
|
}
|
|
.w-16 {
|
|
width: 64px;
|
|
}
|
|
.w-20 {
|
|
width: calc(var(--spacing) * 20);
|
|
}
|
|
.w-24 {
|
|
width: calc(var(--spacing) * 24);
|
|
}
|
|
.w-25 {
|
|
width: calc(var(--spacing) * 25);
|
|
}
|
|
.w-32 {
|
|
width: calc(var(--spacing) * 32);
|
|
}
|
|
.w-36 {
|
|
width: calc(var(--spacing) * 36);
|
|
}
|
|
.w-40 {
|
|
width: calc(var(--spacing) * 40);
|
|
}
|
|
.w-48 {
|
|
width: calc(var(--spacing) * 48);
|
|
}
|
|
.w-64 {
|
|
width: calc(var(--spacing) * 64);
|
|
}
|
|
.w-80 {
|
|
width: calc(var(--spacing) * 80);
|
|
}
|
|
.w-\[0\.5px\] {
|
|
width: 0.5px;
|
|
}
|
|
.w-\[0\] {
|
|
width: 0;
|
|
}
|
|
.w-\[1\.5px\] {
|
|
width: 1.5px;
|
|
}
|
|
.w-\[1px\] {
|
|
width: 1px;
|
|
}
|
|
.w-\[3px\] {
|
|
width: 3px;
|
|
}
|
|
.w-\[4px\] {
|
|
width: 4px;
|
|
}
|
|
.w-\[5px\] {
|
|
width: 5px;
|
|
}
|
|
.w-\[10px\] {
|
|
width: 10px;
|
|
}
|
|
.w-\[12px\] {
|
|
width: 12px;
|
|
}
|
|
.w-\[14px\] {
|
|
width: 14px;
|
|
}
|
|
.w-\[15px\] {
|
|
width: 15px;
|
|
}
|
|
.w-\[16px\] {
|
|
width: 16px;
|
|
}
|
|
.w-\[17px\] {
|
|
width: 17px;
|
|
}
|
|
.w-\[18px\] {
|
|
width: 18px;
|
|
}
|
|
.w-\[20px\] {
|
|
width: 20px;
|
|
}
|
|
.w-\[22px\] {
|
|
width: 22px;
|
|
}
|
|
.w-\[24px\] {
|
|
width: 24px;
|
|
}
|
|
.w-\[26px\] {
|
|
width: 26px;
|
|
}
|
|
.w-\[28px\] {
|
|
width: 28px;
|
|
}
|
|
.w-\[30px\] {
|
|
width: 30px;
|
|
}
|
|
.w-\[32px\] {
|
|
width: 32px;
|
|
}
|
|
.w-\[34px\] {
|
|
width: 34px;
|
|
}
|
|
.w-\[35px\] {
|
|
width: 35px;
|
|
}
|
|
.w-\[36\.42\%\] {
|
|
width: 36.42%;
|
|
}
|
|
.w-\[36px\] {
|
|
width: 36px;
|
|
}
|
|
.w-\[38\.364px\] {
|
|
width: 38.364px;
|
|
}
|
|
.w-\[38px\] {
|
|
width: 38px;
|
|
}
|
|
.w-\[39px\] {
|
|
width: 39px;
|
|
}
|
|
.w-\[40px\] {
|
|
width: 40px;
|
|
}
|
|
.w-\[42px\] {
|
|
width: 42px;
|
|
}
|
|
.w-\[44px\] {
|
|
width: 44px;
|
|
}
|
|
.w-\[45px\] {
|
|
width: 45px;
|
|
}
|
|
.w-\[47px\] {
|
|
width: 47px;
|
|
}
|
|
.w-\[48px\] {
|
|
width: 48px;
|
|
}
|
|
.w-\[50px\] {
|
|
width: 50px;
|
|
}
|
|
.w-\[52px\] {
|
|
width: 52px;
|
|
}
|
|
.w-\[53px\] {
|
|
width: 53px;
|
|
}
|
|
.w-\[54px\] {
|
|
width: 54px;
|
|
}
|
|
.w-\[56px\] {
|
|
width: 56px;
|
|
}
|
|
.w-\[58px\] {
|
|
width: 58px;
|
|
}
|
|
.w-\[60\%\] {
|
|
width: 60%;
|
|
}
|
|
.w-\[60px\] {
|
|
width: 60px;
|
|
}
|
|
.w-\[60vw\] {
|
|
width: 60vw;
|
|
}
|
|
.w-\[62px\] {
|
|
width: 62px;
|
|
}
|
|
.w-\[66px\] {
|
|
width: 66px;
|
|
}
|
|
.w-\[68px\] {
|
|
width: 68px;
|
|
}
|
|
.w-\[70\%\] {
|
|
width: 70%;
|
|
}
|
|
.w-\[70px\] {
|
|
width: 70px;
|
|
}
|
|
.w-\[72px\] {
|
|
width: 72px;
|
|
}
|
|
.w-\[76px\] {
|
|
width: 76px;
|
|
}
|
|
.w-\[80\%\] {
|
|
width: 80%;
|
|
}
|
|
.w-\[80px\] {
|
|
width: 80px;
|
|
}
|
|
.w-\[81px\] {
|
|
width: 81px;
|
|
}
|
|
.w-\[82px\] {
|
|
width: 82px;
|
|
}
|
|
.w-\[85vw\] {
|
|
width: 85vw;
|
|
}
|
|
.w-\[86px\] {
|
|
width: 86px;
|
|
}
|
|
.w-\[88px\] {
|
|
width: 88px;
|
|
}
|
|
.w-\[90\%\] {
|
|
width: 90%;
|
|
}
|
|
.w-\[90px\] {
|
|
width: 90px;
|
|
}
|
|
.w-\[92px\] {
|
|
width: 92px;
|
|
}
|
|
.w-\[100\%\] {
|
|
width: 100%;
|
|
}
|
|
.w-\[100dvw\] {
|
|
width: 100dvw;
|
|
}
|
|
.w-\[100px\] {
|
|
width: 100px;
|
|
}
|
|
.w-\[100vw\] {
|
|
width: 100vw;
|
|
}
|
|
.w-\[104px\] {
|
|
width: 104px;
|
|
}
|
|
.w-\[106px\] {
|
|
width: 106px;
|
|
}
|
|
.w-\[108px\] {
|
|
width: 108px;
|
|
}
|
|
.w-\[110px\] {
|
|
width: 110px;
|
|
}
|
|
.w-\[112px\] {
|
|
width: 112px;
|
|
}
|
|
.w-\[116px\] {
|
|
width: 116px;
|
|
}
|
|
.w-\[117px\] {
|
|
width: 117px;
|
|
}
|
|
.w-\[120px\] {
|
|
width: 120px;
|
|
}
|
|
.w-\[124px\] {
|
|
width: 124px;
|
|
}
|
|
.w-\[126px\] {
|
|
width: 126px;
|
|
}
|
|
.w-\[128px\] {
|
|
width: 128px;
|
|
}
|
|
.w-\[134px\] {
|
|
width: 134px;
|
|
}
|
|
.w-\[135px\] {
|
|
width: 135px;
|
|
}
|
|
.w-\[138px\] {
|
|
width: 138px;
|
|
}
|
|
.w-\[140px\] {
|
|
width: 140px;
|
|
}
|
|
.w-\[145px\] {
|
|
width: 145px;
|
|
}
|
|
.w-\[150px\] {
|
|
width: 150px;
|
|
}
|
|
.w-\[152px\] {
|
|
width: 152px;
|
|
}
|
|
.w-\[160px\] {
|
|
width: 160px;
|
|
}
|
|
.w-\[168px\] {
|
|
width: 168px;
|
|
}
|
|
.w-\[175px\] {
|
|
width: 175px;
|
|
}
|
|
.w-\[176px\] {
|
|
width: 176px;
|
|
}
|
|
.w-\[180px\] {
|
|
width: 180px;
|
|
}
|
|
.w-\[188px\] {
|
|
width: 188px;
|
|
}
|
|
.w-\[190px\] {
|
|
width: 190px;
|
|
}
|
|
.w-\[192px\] {
|
|
width: 192px;
|
|
}
|
|
.w-\[194px\] {
|
|
width: 194px;
|
|
}
|
|
.w-\[200px\] {
|
|
width: 200px;
|
|
}
|
|
.w-\[204px\] {
|
|
width: 204px;
|
|
}
|
|
.w-\[208px\] {
|
|
width: 208px;
|
|
}
|
|
.w-\[214px\] {
|
|
width: 214px;
|
|
}
|
|
.w-\[220px\] {
|
|
width: 220px;
|
|
}
|
|
.w-\[224px\] {
|
|
width: 224px;
|
|
}
|
|
.w-\[240px\] {
|
|
width: 240px;
|
|
}
|
|
.w-\[256px\] {
|
|
width: 256px;
|
|
}
|
|
.w-\[260px\] {
|
|
width: 260px;
|
|
}
|
|
.w-\[266px\] {
|
|
width: 266px;
|
|
}
|
|
.w-\[276px\] {
|
|
width: 276px;
|
|
}
|
|
.w-\[280px\] {
|
|
width: 280px;
|
|
}
|
|
.w-\[285px\] {
|
|
width: 285px;
|
|
}
|
|
.w-\[296px\] {
|
|
width: 296px;
|
|
}
|
|
.w-\[300px\] {
|
|
width: 300px;
|
|
}
|
|
.w-\[302px\] {
|
|
width: 302px;
|
|
}
|
|
.w-\[320px\] {
|
|
width: 320px;
|
|
}
|
|
.w-\[322px\] {
|
|
width: 322px;
|
|
}
|
|
.w-\[328px\] {
|
|
width: 328px;
|
|
}
|
|
.w-\[336px\] {
|
|
width: 336px;
|
|
}
|
|
.w-\[340px\] {
|
|
width: 340px;
|
|
}
|
|
.w-\[344px\] {
|
|
width: 344px;
|
|
}
|
|
.w-\[350px\] {
|
|
width: 350px;
|
|
}
|
|
.w-\[352px\] {
|
|
width: 352px;
|
|
}
|
|
.w-\[358px\] {
|
|
width: 358px;
|
|
}
|
|
.w-\[360px\] {
|
|
width: 360px;
|
|
}
|
|
.w-\[362px\] {
|
|
width: 362px;
|
|
}
|
|
.w-\[368px\] {
|
|
width: 368px;
|
|
}
|
|
.w-\[370px\] {
|
|
width: 370px;
|
|
}
|
|
.w-\[376px\] {
|
|
width: 376px;
|
|
}
|
|
.w-\[380px\] {
|
|
width: 380px;
|
|
}
|
|
.w-\[384px\] {
|
|
width: 384px;
|
|
}
|
|
.w-\[386px\] {
|
|
width: 386px;
|
|
}
|
|
.w-\[390px\] {
|
|
width: 390px;
|
|
}
|
|
.w-\[392px\] {
|
|
width: 392px;
|
|
}
|
|
.w-\[400px\] {
|
|
width: 400px;
|
|
}
|
|
.w-\[416px\] {
|
|
width: 416px;
|
|
}
|
|
.w-\[420px\] {
|
|
width: 420px;
|
|
}
|
|
.w-\[430px\] {
|
|
width: 430px;
|
|
}
|
|
.w-\[440px\] {
|
|
width: 440px;
|
|
}
|
|
.w-\[475px\] {
|
|
width: 475px;
|
|
}
|
|
.w-\[480px\] {
|
|
width: 480px;
|
|
}
|
|
.w-\[500px\] {
|
|
width: 500px;
|
|
}
|
|
.w-\[503px\] {
|
|
width: 503px;
|
|
}
|
|
.w-\[520px\] {
|
|
width: 520px;
|
|
}
|
|
.w-\[556px\] {
|
|
width: 556px;
|
|
}
|
|
.w-\[574px\] {
|
|
width: 574px;
|
|
}
|
|
.w-\[600px\] {
|
|
width: 600px;
|
|
}
|
|
.w-\[604px\] {
|
|
width: 604px;
|
|
}
|
|
.w-\[620px\] {
|
|
width: 620px;
|
|
}
|
|
.w-\[640px\] {
|
|
width: 640px;
|
|
}
|
|
.w-\[650px\] {
|
|
width: 650px;
|
|
}
|
|
.w-\[689px\] {
|
|
width: 689px;
|
|
}
|
|
.w-\[720px\] {
|
|
width: 720px;
|
|
}
|
|
.w-\[721px\] {
|
|
width: 721px;
|
|
}
|
|
.w-\[760px\] {
|
|
width: 760px;
|
|
}
|
|
.w-\[764px\] {
|
|
width: 764px;
|
|
}
|
|
.w-\[796px\] {
|
|
width: 796px;
|
|
}
|
|
.w-\[800px\] {
|
|
width: 800px;
|
|
}
|
|
.w-\[801px\] {
|
|
width: 801px;
|
|
}
|
|
.w-\[832px\] {
|
|
width: 832px;
|
|
}
|
|
.w-\[868px\] {
|
|
width: 868px;
|
|
}
|
|
.w-\[884px\] {
|
|
width: 884px;
|
|
}
|
|
.w-\[1000px\] {
|
|
width: 1000px;
|
|
}
|
|
.w-\[1007px\] {
|
|
width: 1007px;
|
|
}
|
|
.w-\[1036px\] {
|
|
width: 1036px;
|
|
}
|
|
.w-\[1219px\] {
|
|
width: 1219px;
|
|
}
|
|
.w-\[1280px\] {
|
|
width: 1280px;
|
|
}
|
|
.w-\[1440px\] {
|
|
width: 1440px;
|
|
}
|
|
.w-\[calc\(100\%\+16px\)\] {
|
|
width: calc(100% + 16px);
|
|
}
|
|
.w-\[calc\(100\%-356px\)\] {
|
|
width: calc(100% - 356px);
|
|
}
|
|
.w-\[calc\(100dvw-var\(--mantine-navbar-width\,0px\)\)\] {
|
|
width: calc(100dvw - var(--mantine-navbar-width, 0px));
|
|
}
|
|
.w-\[calc\(100vw-2\.5rem\)\] {
|
|
width: calc(100vw - 2.5rem);
|
|
}
|
|
.w-\[min\(90vw\,1600px\)\] {
|
|
width: min(90vw, 1600px);
|
|
}
|
|
.w-\[min\(92vw\,480px\)\] {
|
|
width: min(92vw, 480px);
|
|
}
|
|
.w-\[min\(100\%\,calc\(100vw-1\.5rem\)\)\] {
|
|
width: min(100%, 100vw - 1.5rem);
|
|
}
|
|
.w-\[min\(100vw-48px\,320px\)\] {
|
|
width: min(100vw - 48px, 320px);
|
|
}
|
|
.w-\[min\(408px\,calc\(100vw-2rem\)\)\] {
|
|
width: min(408px, 100vw - 2rem);
|
|
}
|
|
.w-\[var\(--content-width\)\] {
|
|
width: var(--content-width);
|
|
}
|
|
.w-\[var\(--loader-size\)\] {
|
|
width: var(--loader-size);
|
|
}
|
|
.w-auto {
|
|
width: auto;
|
|
}
|
|
.w-fit {
|
|
width: fit-content;
|
|
}
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
.w-max {
|
|
width: max-content;
|
|
}
|
|
.w-px {
|
|
width: 1px;
|
|
}
|
|
.w-screen {
|
|
width: 100vw;
|
|
}
|
|
.max-w-0 {
|
|
max-width: 0;
|
|
}
|
|
.max-w-2xl {
|
|
max-width: var(--container-2xl);
|
|
}
|
|
.max-w-3xl {
|
|
max-width: var(--container-3xl);
|
|
}
|
|
.max-w-4xl {
|
|
max-width: var(--container-4xl);
|
|
}
|
|
.max-w-\[20rem\] {
|
|
max-width: 20rem;
|
|
}
|
|
.max-w-\[25vw\] {
|
|
max-width: 25vw;
|
|
}
|
|
.max-w-\[40\%\] {
|
|
max-width: 40%;
|
|
}
|
|
.max-w-\[72px\] {
|
|
max-width: 72px;
|
|
}
|
|
.max-w-\[80\%\] {
|
|
max-width: 80%;
|
|
}
|
|
.max-w-\[85vw\] {
|
|
max-width: 85vw;
|
|
}
|
|
.max-w-\[90\%\] {
|
|
max-width: 90%;
|
|
}
|
|
.max-w-\[90px\] {
|
|
max-width: 90px;
|
|
}
|
|
.max-w-\[90vw\] {
|
|
max-width: 90vw;
|
|
}
|
|
.max-w-\[100px\] {
|
|
max-width: 100px;
|
|
}
|
|
.max-w-\[100vw\] {
|
|
max-width: 100vw;
|
|
}
|
|
.max-w-\[120px\] {
|
|
max-width: 120px;
|
|
}
|
|
.max-w-\[128px\] {
|
|
max-width: 128px;
|
|
}
|
|
.max-w-\[140px\] {
|
|
max-width: 140px;
|
|
}
|
|
.max-w-\[150px\] {
|
|
max-width: 150px;
|
|
}
|
|
.max-w-\[160px\] {
|
|
max-width: 160px;
|
|
}
|
|
.max-w-\[172px\] {
|
|
max-width: 172px;
|
|
}
|
|
.max-w-\[180px\] {
|
|
max-width: 180px;
|
|
}
|
|
.max-w-\[188px\] {
|
|
max-width: 188px;
|
|
}
|
|
.max-w-\[200px\] {
|
|
max-width: 200px;
|
|
}
|
|
.max-w-\[220px\] {
|
|
max-width: 220px;
|
|
}
|
|
.max-w-\[240px\] {
|
|
max-width: 240px;
|
|
}
|
|
.max-w-\[260px\] {
|
|
max-width: 260px;
|
|
}
|
|
.max-w-\[300px\] {
|
|
max-width: 300px;
|
|
}
|
|
.max-w-\[320px\] {
|
|
max-width: 320px;
|
|
}
|
|
.max-w-\[328px\] {
|
|
max-width: 328px;
|
|
}
|
|
.max-w-\[360px\] {
|
|
max-width: 360px;
|
|
}
|
|
.max-w-\[400px\] {
|
|
max-width: 400px;
|
|
}
|
|
.max-w-\[408px\] {
|
|
max-width: 408px;
|
|
}
|
|
.max-w-\[430px\] {
|
|
max-width: 430px;
|
|
}
|
|
.max-w-\[450px\] {
|
|
max-width: 450px;
|
|
}
|
|
.max-w-\[500px\] {
|
|
max-width: 500px;
|
|
}
|
|
.max-w-\[640px\] {
|
|
max-width: 640px;
|
|
}
|
|
.max-w-\[650px\] {
|
|
max-width: 650px;
|
|
}
|
|
.max-w-\[780px\] {
|
|
max-width: 780px;
|
|
}
|
|
.max-w-\[832px\] {
|
|
max-width: 832px;
|
|
}
|
|
.max-w-\[880px\] {
|
|
max-width: 880px;
|
|
}
|
|
.max-w-\[1000px\] {
|
|
max-width: 1000px;
|
|
}
|
|
.max-w-\[1152px\] {
|
|
max-width: 1152px;
|
|
}
|
|
.max-w-\[1440px\] {
|
|
max-width: 1440px;
|
|
}
|
|
.max-w-\[1600px\] {
|
|
max-width: 1600px;
|
|
}
|
|
.max-w-\[1920px\] {
|
|
max-width: 1920px;
|
|
}
|
|
.max-w-\[2560px\] {
|
|
max-width: 2560px;
|
|
}
|
|
.max-w-\[2680px\] {
|
|
max-width: 2680px;
|
|
}
|
|
.max-w-\[calc\(100\%-34px\)\] {
|
|
max-width: calc(100% - 34px);
|
|
}
|
|
.max-w-\[calc\(100vw-100px\)\] {
|
|
max-width: calc(100vw - 100px);
|
|
}
|
|
.max-w-\[min\(90vw\,480px\)\] {
|
|
max-width: min(90vw, 480px);
|
|
}
|
|
.max-w-\[min\(90vw\,760px\)\] {
|
|
max-width: min(90vw, 760px);
|
|
}
|
|
.max-w-\[min\(90vw\,1600px\)\] {
|
|
max-width: min(90vw, 1600px);
|
|
}
|
|
.max-w-\[min\(100\%\,280px\)\] {
|
|
max-width: min(100%, 280px);
|
|
}
|
|
.max-w-\[min\(100\%\,420px\)\] {
|
|
max-width: min(100%, 420px);
|
|
}
|
|
.max-w-\[min\(100vw-32px\,320px\)\] {
|
|
max-width: min(100vw - 32px, 320px);
|
|
}
|
|
.max-w-\[min\(280px\,min\(85vw\,360px\)\)\] {
|
|
max-width: min(280px, min(85vw, 360px));
|
|
}
|
|
.max-w-\[min\(calc\(100\%-24px\)\,420px\)\] {
|
|
max-width: min(100% - 24px, 420px);
|
|
}
|
|
.max-w-full {
|
|
max-width: 100%;
|
|
}
|
|
.max-w-lg {
|
|
max-width: var(--container-lg);
|
|
}
|
|
.max-w-md {
|
|
max-width: var(--container-md);
|
|
}
|
|
.max-w-none {
|
|
max-width: none;
|
|
}
|
|
.max-w-xs {
|
|
max-width: var(--container-xs);
|
|
}
|
|
.\!min-w-\[96px\] {
|
|
min-width: 96px !important;
|
|
}
|
|
.min-w-0 {
|
|
min-width: 0;
|
|
}
|
|
.min-w-5 {
|
|
min-width: 20px;
|
|
}
|
|
.min-w-7 {
|
|
min-width: calc(var(--spacing) * 7);
|
|
}
|
|
.min-w-8 {
|
|
min-width: 32px;
|
|
}
|
|
.min-w-10 {
|
|
min-width: 40px;
|
|
}
|
|
.min-w-12 {
|
|
min-width: 48px;
|
|
}
|
|
.min-w-16 {
|
|
min-width: 64px;
|
|
}
|
|
.min-w-20 {
|
|
min-width: calc(var(--spacing) * 20);
|
|
}
|
|
.min-w-\[2\.75rem\] {
|
|
min-width: 2.75rem;
|
|
}
|
|
.min-w-\[4px\] {
|
|
min-width: 4px;
|
|
}
|
|
.min-w-\[13px\] {
|
|
min-width: 13px;
|
|
}
|
|
.min-w-\[14px\] {
|
|
min-width: 14px;
|
|
}
|
|
.min-w-\[32px\] {
|
|
min-width: 32px;
|
|
}
|
|
.min-w-\[36px\] {
|
|
min-width: 36px;
|
|
}
|
|
.min-w-\[48px\] {
|
|
min-width: 48px;
|
|
}
|
|
.min-w-\[50px\] {
|
|
min-width: 50px;
|
|
}
|
|
.min-w-\[56px\] {
|
|
min-width: 56px;
|
|
}
|
|
.min-w-\[60px\] {
|
|
min-width: 60px;
|
|
}
|
|
.min-w-\[76px\] {
|
|
min-width: 76px;
|
|
}
|
|
.min-w-\[88px\] {
|
|
min-width: 88px;
|
|
}
|
|
.min-w-\[90px\] {
|
|
min-width: 90px;
|
|
}
|
|
.min-w-\[100px\] {
|
|
min-width: 100px;
|
|
}
|
|
.min-w-\[104px\] {
|
|
min-width: 104px;
|
|
}
|
|
.min-w-\[110px\] {
|
|
min-width: 110px;
|
|
}
|
|
.min-w-\[120px\] {
|
|
min-width: 120px;
|
|
}
|
|
.min-w-\[128px\] {
|
|
min-width: 128px;
|
|
}
|
|
.min-w-\[130px\] {
|
|
min-width: 130px;
|
|
}
|
|
.min-w-\[140px\] {
|
|
min-width: 140px;
|
|
}
|
|
.min-w-\[160px\] {
|
|
min-width: 160px;
|
|
}
|
|
.min-w-\[180px\] {
|
|
min-width: 180px;
|
|
}
|
|
.min-w-\[188px\] {
|
|
min-width: 188px;
|
|
}
|
|
.min-w-\[200px\] {
|
|
min-width: 200px;
|
|
}
|
|
.min-w-\[240px\] {
|
|
min-width: 240px;
|
|
}
|
|
.min-w-\[320px\] {
|
|
min-width: 320px;
|
|
}
|
|
.min-w-\[420px\] {
|
|
min-width: 420px;
|
|
}
|
|
.min-w-\[500px\] {
|
|
min-width: 500px;
|
|
}
|
|
.min-w-\[540px\] {
|
|
min-width: 540px;
|
|
}
|
|
.min-w-\[640px\] {
|
|
min-width: 640px;
|
|
}
|
|
.min-w-\[880px\] {
|
|
min-width: 880px;
|
|
}
|
|
.min-w-fit {
|
|
min-width: fit-content;
|
|
}
|
|
.min-w-full {
|
|
min-width: 100%;
|
|
}
|
|
.\!flex-1 {
|
|
flex: 1 !important;
|
|
}
|
|
.flex-1 {
|
|
flex: 1;
|
|
}
|
|
.flex-none {
|
|
flex: none;
|
|
}
|
|
.flex-shrink {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.shrink {
|
|
flex-shrink: 1;
|
|
}
|
|
.shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.shrink-\[2\] {
|
|
flex-shrink: 2;
|
|
}
|
|
.flex-grow {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.grow {
|
|
flex-grow: 1;
|
|
}
|
|
.grow-\[3\] {
|
|
flex-grow: 3;
|
|
}
|
|
.grow-\[4\] {
|
|
flex-grow: 4;
|
|
}
|
|
.basis-1\/2 {
|
|
flex-basis: 50%;
|
|
}
|
|
.basis-\[517px\] {
|
|
flex-basis: 517px;
|
|
}
|
|
.border-collapse {
|
|
border-collapse: collapse;
|
|
}
|
|
.origin-bottom {
|
|
transform-origin: bottom;
|
|
}
|
|
.origin-bottom-left {
|
|
transform-origin: 0 100%;
|
|
}
|
|
.origin-center {
|
|
transform-origin: 50%;
|
|
}
|
|
.origin-top {
|
|
transform-origin: top;
|
|
}
|
|
.origin-top-left {
|
|
transform-origin: 0 0;
|
|
}
|
|
.-translate-x-1\.5 {
|
|
--tw-translate-x: calc(var(--spacing) * -1.5);
|
|
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-\[50\%\] {
|
|
--tw-translate-x: calc(50% * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-x-0 {
|
|
--tw-translate-x: 0px;
|
|
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\/2 {
|
|
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.-translate-y-px {
|
|
--tw-translate-y: -1px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-0 {
|
|
--tw-translate-y: 0px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-1\.5 {
|
|
--tw-translate-y: calc(var(--spacing) * 1.5);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-2 {
|
|
--tw-translate-y: 8px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-\[0\.5px\] {
|
|
--tw-translate-y: 0.5px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-\[8px\] {
|
|
--tw-translate-y: 8px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-\[32px\] {
|
|
--tw-translate-y: 32px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-full {
|
|
--tw-translate-y: 100%;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.translate-y-px {
|
|
--tw-translate-y: 1px;
|
|
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-90 {
|
|
--tw-scale-x: 90%;
|
|
--tw-scale-y: 90%;
|
|
--tw-scale-z: 90%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.scale-100 {
|
|
--tw-scale-x: 100%;
|
|
--tw-scale-y: 100%;
|
|
--tw-scale-z: 100%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.scale-110 {
|
|
--tw-scale-x: 110%;
|
|
--tw-scale-y: 110%;
|
|
--tw-scale-z: 110%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.scale-x-\[-1\] {
|
|
--tw-scale-x: -1;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.scale-\[0\.8\] {
|
|
scale: 0.8;
|
|
}
|
|
.scale-\[0\.9\] {
|
|
scale: 0.9;
|
|
}
|
|
.scale-\[1\.06\] {
|
|
scale: 1.06;
|
|
}
|
|
.-rotate-90 {
|
|
rotate: -90deg;
|
|
}
|
|
.rotate-0 {
|
|
rotate: none;
|
|
}
|
|
.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,);
|
|
}
|
|
.animate-\[rainbow_var\(--speed\,2s\)_infinite_linear\] {
|
|
animation: rainbow var(--speed, 2s) infinite linear;
|
|
}
|
|
.animate-fade-in {
|
|
animation: fade-in var(--duration-normal) var(--ease-out) forwards;
|
|
}
|
|
.animate-in {
|
|
animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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-pulse {
|
|
animation: 2s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse;
|
|
}
|
|
.animate-rise-up {
|
|
animation: 0.8s cubic-bezier(0.16, 1, 0.3, 1) both rise-up;
|
|
}
|
|
.animate-scale-in {
|
|
animation: scale-in var(--duration-normal) var(--ease-out) forwards;
|
|
}
|
|
.animate-slide-left {
|
|
animation: slide-left-fade var(--duration-normal) var(--ease-out) forwards;
|
|
}
|
|
.animate-spin {
|
|
animation: 1s linear infinite spin;
|
|
}
|
|
.\!cursor-not-allowed {
|
|
cursor: not-allowed !important;
|
|
}
|
|
.cursor-auto {
|
|
cursor: auto;
|
|
}
|
|
.cursor-col-resize {
|
|
cursor: col-resize;
|
|
}
|
|
.cursor-crosshair {
|
|
cursor: crosshair;
|
|
}
|
|
.cursor-default {
|
|
cursor: default;
|
|
}
|
|
.cursor-grab {
|
|
cursor: grab;
|
|
}
|
|
.cursor-grabbing {
|
|
cursor: grabbing;
|
|
}
|
|
.cursor-help {
|
|
cursor: help;
|
|
}
|
|
.cursor-move {
|
|
cursor: move;
|
|
}
|
|
.cursor-not-allowed {
|
|
cursor: not-allowed;
|
|
}
|
|
.cursor-ns-resize {
|
|
cursor: ns-resize;
|
|
}
|
|
.cursor-nwse-resize {
|
|
cursor: nwse-resize;
|
|
}
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
.cursor-text {
|
|
cursor: text;
|
|
}
|
|
.cursor-zoom-in {
|
|
cursor: zoom-in;
|
|
}
|
|
.touch-none {
|
|
touch-action: none;
|
|
}
|
|
.resize {
|
|
resize: both;
|
|
}
|
|
.resize-none {
|
|
resize: none;
|
|
}
|
|
.resize-y {
|
|
resize: vertical;
|
|
}
|
|
.scroll-mt-1 {
|
|
scroll-margin-top: 4px;
|
|
}
|
|
.scroll-mt-\[calc\(var\(--top-header-height\)\+60px\)\] {
|
|
scroll-margin-top: calc(var(--top-header-height) + 60px);
|
|
}
|
|
.list-disc {
|
|
list-style-type: disc;
|
|
}
|
|
.list-none {
|
|
list-style-type: none;
|
|
}
|
|
.\[appearance\:textfield\] {
|
|
appearance: textfield;
|
|
}
|
|
.appearance-none {
|
|
appearance: none;
|
|
}
|
|
.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-5 {
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-\[176px_1fr\] {
|
|
grid-template-columns: 176px 1fr;
|
|
}
|
|
.grid-cols-\[repeat\(auto-fill\,minmax\(136px\,1fr\)\)\] {
|
|
grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
|
|
}
|
|
.grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
|
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
|
}
|
|
.flex-col {
|
|
flex-direction: column;
|
|
}
|
|
.flex-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.content-center {
|
|
align-content: 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-start {
|
|
justify-content: flex-start !important;
|
|
}
|
|
.justify-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-stretch {
|
|
justify-content: stretch;
|
|
}
|
|
.justify-items-center {
|
|
justify-items: center;
|
|
}
|
|
.\!gap-1 {
|
|
gap: 4px !important;
|
|
}
|
|
.gap-0 {
|
|
gap: 0;
|
|
}
|
|
.gap-0\.5 {
|
|
gap: calc(var(--spacing) * 0.5);
|
|
}
|
|
.gap-1 {
|
|
gap: 4px;
|
|
}
|
|
.gap-1\.5 {
|
|
gap: calc(var(--spacing) * 1.5);
|
|
}
|
|
.gap-2 {
|
|
gap: 8px;
|
|
}
|
|
.gap-2\.5 {
|
|
gap: calc(var(--spacing) * 2.5);
|
|
}
|
|
.gap-3 {
|
|
gap: 12px;
|
|
}
|
|
.gap-4 {
|
|
gap: 16px;
|
|
}
|
|
.gap-5 {
|
|
gap: 20px;
|
|
}
|
|
.gap-6 {
|
|
gap: 24px;
|
|
}
|
|
.gap-8 {
|
|
gap: 32px;
|
|
}
|
|
.gap-9 {
|
|
gap: calc(var(--spacing) * 9);
|
|
}
|
|
.gap-\[1\.5px\] {
|
|
gap: 1.5px;
|
|
}
|
|
.gap-\[2px\] {
|
|
gap: 2px;
|
|
}
|
|
.gap-\[3px\] {
|
|
gap: 3px;
|
|
}
|
|
.gap-\[4px\] {
|
|
gap: 4px;
|
|
}
|
|
.gap-\[5px\] {
|
|
gap: 5px;
|
|
}
|
|
.gap-\[6px\] {
|
|
gap: 6px;
|
|
}
|
|
.gap-\[8px\] {
|
|
gap: 8px;
|
|
}
|
|
.gap-\[10px\] {
|
|
gap: 10px;
|
|
}
|
|
.gap-\[11px\] {
|
|
gap: 11px;
|
|
}
|
|
.gap-\[12px\] {
|
|
gap: 12px;
|
|
}
|
|
.gap-\[16px\] {
|
|
gap: 16px;
|
|
}
|
|
.gap-\[22px\] {
|
|
gap: 22px;
|
|
}
|
|
.gap-\[40px\] {
|
|
gap: 40px;
|
|
}
|
|
.gap-px {
|
|
gap: 1px;
|
|
}
|
|
:where(.space-y-1 > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(4px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(4px * 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(8px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(8px * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
:where(.space-y-3 > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(12px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
:where(.space-y-4 > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(16px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(16px * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
:where(.space-y-5 > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(20px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
:where(.space-y-6 > :not(:last-child)) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-block-start: calc(24px * var(--tw-space-y-reverse));
|
|
margin-block-end: calc(24px * calc(1 - var(--tw-space-y-reverse)));
|
|
}
|
|
.gap-x-0\.5 {
|
|
column-gap: calc(var(--spacing) * 0.5);
|
|
}
|
|
.gap-x-1\.5 {
|
|
column-gap: calc(var(--spacing) * 1.5);
|
|
}
|
|
.gap-x-2,
|
|
.gap-x-\[8px\] {
|
|
column-gap: 8px;
|
|
}
|
|
:where(.space-x-1 > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(4px * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(4px * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
:where(.space-x-1\.5 > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(
|
|
calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse)
|
|
);
|
|
margin-inline-end: calc(
|
|
calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse))
|
|
);
|
|
}
|
|
:where(.space-x-2 > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(8px * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(8px * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
:where(.space-x-3 > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(12px * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(12px * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
:where(.space-x-4 > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(16px * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(16px * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
:where(.space-x-6 > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(24px * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(24px * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
:where(.space-x-8 > :not(:last-child)) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-inline-start: calc(32px * var(--tw-space-x-reverse));
|
|
margin-inline-end: calc(32px * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
.gap-y-0\.5 {
|
|
row-gap: calc(var(--spacing) * 0.5);
|
|
}
|
|
.gap-y-1 {
|
|
row-gap: 4px;
|
|
}
|
|
.gap-y-2 {
|
|
row-gap: 8px;
|
|
}
|
|
: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-gray-200 > :not(:last-child)) {
|
|
border-color: var(--color-gray-200);
|
|
}
|
|
.self-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.self-center {
|
|
align-self: center;
|
|
}
|
|
.self-end {
|
|
align-self: flex-end;
|
|
}
|
|
.self-start {
|
|
align-self: flex-start;
|
|
}
|
|
.self-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.truncate {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.\!overflow-auto {
|
|
overflow: auto !important;
|
|
}
|
|
.\!overflow-visible {
|
|
overflow: visible !important;
|
|
}
|
|
.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-y\:overlay\] {
|
|
overflow-y: overlay;
|
|
}
|
|
.overflow-y-auto {
|
|
overflow-y: auto;
|
|
}
|
|
.overflow-y-hidden {
|
|
overflow-y: hidden;
|
|
}
|
|
.overflow-y-scroll {
|
|
overflow-y: scroll;
|
|
}
|
|
.overflow-y-visible {
|
|
overflow-y: visible;
|
|
}
|
|
.overscroll-contain {
|
|
overscroll-behavior: contain;
|
|
}
|
|
.overscroll-none {
|
|
overscroll-behavior: none;
|
|
}
|
|
.overscroll-y-contain {
|
|
overscroll-behavior-y: contain;
|
|
}
|
|
.scroll-smooth {
|
|
scroll-behavior: smooth;
|
|
}
|
|
.\!rounded {
|
|
border-radius: 0.25rem !important;
|
|
}
|
|
.\!rounded-2xl {
|
|
border-radius: 16px !important;
|
|
}
|
|
.\!rounded-\[8px\] {
|
|
border-radius: 8px !important;
|
|
}
|
|
.\!rounded-full {
|
|
border-radius: 9999px !important;
|
|
}
|
|
.\!rounded-lg {
|
|
border-radius: 8px !important;
|
|
}
|
|
.\!rounded-xl {
|
|
border-radius: 12px !important;
|
|
}
|
|
.rounded {
|
|
border-radius: 0.25rem;
|
|
}
|
|
.rounded-2xl {
|
|
border-radius: 16px;
|
|
}
|
|
.rounded-\[1px\] {
|
|
border-radius: 1px;
|
|
}
|
|
.rounded-\[1rem\] {
|
|
border-radius: 1rem;
|
|
}
|
|
.rounded-\[2px\] {
|
|
border-radius: 2px;
|
|
}
|
|
.rounded-\[3px\] {
|
|
border-radius: 3px;
|
|
}
|
|
.rounded-\[4px\] {
|
|
border-radius: 4px;
|
|
}
|
|
.rounded-\[6px\] {
|
|
border-radius: 6px;
|
|
}
|
|
.rounded-\[8px\] {
|
|
border-radius: 8px;
|
|
}
|
|
.rounded-\[10px\] {
|
|
border-radius: 10px;
|
|
}
|
|
.rounded-\[11px_11px_11px_0\] {
|
|
border-radius: 11px 11px 11px 0;
|
|
}
|
|
.rounded-\[12px\] {
|
|
border-radius: 12px;
|
|
}
|
|
.rounded-\[13px\] {
|
|
border-radius: 13px;
|
|
}
|
|
.rounded-\[14px\] {
|
|
border-radius: 14px;
|
|
}
|
|
.rounded-\[16px\] {
|
|
border-radius: 16px;
|
|
}
|
|
.rounded-\[18px\] {
|
|
border-radius: 18px;
|
|
}
|
|
.rounded-\[20px\] {
|
|
border-radius: 20px;
|
|
}
|
|
.rounded-\[24px\] {
|
|
border-radius: 24px;
|
|
}
|
|
.rounded-\[30px\] {
|
|
border-radius: 30px;
|
|
}
|
|
.rounded-\[36px\] {
|
|
border-radius: 36px;
|
|
}
|
|
.rounded-\[40px\] {
|
|
border-radius: 40px;
|
|
}
|
|
.rounded-\[50\%\] {
|
|
border-radius: 50%;
|
|
}
|
|
.rounded-\[50px\] {
|
|
border-radius: 50px;
|
|
}
|
|
.rounded-\[100px\] {
|
|
border-radius: 100px;
|
|
}
|
|
.rounded-\[103px\] {
|
|
border-radius: 103px;
|
|
}
|
|
.rounded-\[1000px\] {
|
|
border-radius: 1000px;
|
|
}
|
|
.rounded-full {
|
|
border-radius: 9999px;
|
|
}
|
|
.rounded-lg {
|
|
border-radius: 8px;
|
|
}
|
|
.rounded-md {
|
|
border-radius: 6px;
|
|
}
|
|
.rounded-sm {
|
|
border-radius: 4px;
|
|
}
|
|
.rounded-xl {
|
|
border-radius: 12px;
|
|
}
|
|
.rounded-t-2xl {
|
|
border-top-left-radius: 16px;
|
|
border-top-right-radius: 16px;
|
|
}
|
|
.rounded-t-\[7px\] {
|
|
border-top-left-radius: 7px;
|
|
border-top-right-radius: 7px;
|
|
}
|
|
.rounded-t-\[12px\] {
|
|
border-top-left-radius: 12px;
|
|
border-top-right-radius: 12px;
|
|
}
|
|
.rounded-t-\[16px\] {
|
|
border-top-left-radius: 16px;
|
|
border-top-right-radius: 16px;
|
|
}
|
|
.rounded-t-lg {
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.rounded-t-xl {
|
|
border-top-left-radius: 12px;
|
|
border-top-right-radius: 12px;
|
|
}
|
|
.rounded-l-\[1rem\] {
|
|
border-top-left-radius: 1rem;
|
|
border-bottom-left-radius: 1rem;
|
|
}
|
|
.rounded-l-lg {
|
|
border-top-left-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.rounded-tl-\[8px\],
|
|
.rounded-tl-lg {
|
|
border-top-left-radius: 8px;
|
|
}
|
|
.rounded-tl-sm {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
.rounded-tl-xl {
|
|
border-top-left-radius: 12px;
|
|
}
|
|
.rounded-r-\[1rem\] {
|
|
border-top-right-radius: 1rem;
|
|
border-bottom-right-radius: 1rem;
|
|
}
|
|
.rounded-r-lg {
|
|
border-top-right-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.rounded-tr-lg {
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.rounded-tr-xl {
|
|
border-top-right-radius: 12px;
|
|
}
|
|
.rounded-b-\[12px\] {
|
|
border-bottom-right-radius: 12px;
|
|
border-bottom-left-radius: 12px;
|
|
}
|
|
.rounded-b-lg {
|
|
border-bottom-right-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.rounded-b-xl {
|
|
border-bottom-right-radius: 12px;
|
|
border-bottom-left-radius: 12px;
|
|
}
|
|
.rounded-br-\[7px\] {
|
|
border-bottom-right-radius: 7px;
|
|
}
|
|
.rounded-br-lg {
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.rounded-br-xl {
|
|
border-bottom-right-radius: 12px;
|
|
}
|
|
.rounded-bl-\[2px\] {
|
|
border-bottom-left-radius: 2px;
|
|
}
|
|
.rounded-bl-lg {
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.rounded-bl-none {
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.rounded-bl-xl {
|
|
border-bottom-left-radius: 12px;
|
|
}
|
|
.\!border-0 {
|
|
border-style: var(--tw-border-style) !important;
|
|
border-width: 0 !important;
|
|
}
|
|
.\!border-\[0\.5px\] {
|
|
border-style: var(--tw-border-style) !important;
|
|
border-width: 0.5px !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-4 {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 4px;
|
|
}
|
|
.border-\[0\.5px\] {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 0.5px;
|
|
}
|
|
.border-\[1\.5px\] {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1.5px;
|
|
}
|
|
.border-\[1px\] {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
.border-\[2px\] {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 2px;
|
|
}
|
|
.border-\[3px\] {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 3px;
|
|
}
|
|
.border-hair {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 0.5px;
|
|
}
|
|
.border-hair\! {
|
|
border-style: var(--tw-border-style) !important;
|
|
border-width: 0.5px !important;
|
|
}
|
|
.border-y-1,
|
|
.border-y-\[1px\] {
|
|
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-t-\[1px\] {
|
|
border-top-style: var(--tw-border-style);
|
|
border-top-width: 1px;
|
|
}
|
|
.border-t-hair {
|
|
border-top-style: var(--tw-border-style);
|
|
border-top-width: 0.5px;
|
|
}
|
|
.border-r,
|
|
.border-r-\[1px\] {
|
|
border-right-style: var(--tw-border-style);
|
|
border-right-width: 1px;
|
|
}
|
|
.border-r-\[8px\] {
|
|
border-right-style: var(--tw-border-style);
|
|
border-right-width: 8px;
|
|
}
|
|
.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-b-\[1px\] {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 1px;
|
|
}
|
|
.border-b-\[8px\] {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 8px;
|
|
}
|
|
.border-b-hair {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 0.5px;
|
|
}
|
|
.border-l {
|
|
border-left-style: var(--tw-border-style);
|
|
border-left-width: 1px;
|
|
}
|
|
.border-l-4 {
|
|
border-left-style: var(--tw-border-style);
|
|
border-left-width: 4px;
|
|
}
|
|
.border-l-\[1\.5px\] {
|
|
border-left-style: var(--tw-border-style);
|
|
border-left-width: 1.5px;
|
|
}
|
|
.border-l-\[1px\] {
|
|
border-left-style: var(--tw-border-style);
|
|
border-left-width: 1px;
|
|
}
|
|
.border-l-\[8px\] {
|
|
border-left-style: var(--tw-border-style);
|
|
border-left-width: 8px;
|
|
}
|
|
.\!border-none {
|
|
--tw-border-style: none !important;
|
|
border-style: none !important;
|
|
}
|
|
.border-dashed {
|
|
--tw-border-style: dashed;
|
|
border-style: dashed;
|
|
}
|
|
.border-none {
|
|
--tw-border-style: none;
|
|
border-style: none;
|
|
}
|
|
.border-none\! {
|
|
--tw-border-style: none !important;
|
|
border-style: none !important;
|
|
}
|
|
.border-solid {
|
|
--tw-border-style: solid;
|
|
border-style: solid;
|
|
}
|
|
.\!border-\[\#E3E3E3\] {
|
|
border-color: #e3e3e3 !important;
|
|
}
|
|
.\!border-\[\#E5E5E5\] {
|
|
border-color: #e5e5e5 !important;
|
|
}
|
|
.\!border-white\/10 {
|
|
border-color: #ffffff1a !important;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.1) !important;
|
|
}
|
|
.\[border-color\:var\(--canvas-controls-border\)\] {
|
|
border-color: var(--canvas-controls-border);
|
|
}
|
|
.border-\(--input-border-focus\)\! {
|
|
border-color: var(--input-border-focus) !important;
|
|
}
|
|
.border-\(--topnav-btn-border\) {
|
|
border-color: var(--topnav-btn-border);
|
|
}
|
|
.border-\[\#0D0D0D12\] {
|
|
border-color: #0d0d0d12;
|
|
}
|
|
.border-\[\#0F4FD9\] {
|
|
border-color: #0f4fd9;
|
|
}
|
|
.border-\[\#00A8B7\] {
|
|
border-color: #00a8b7;
|
|
}
|
|
.border-\[\#00C38B\] {
|
|
border-color: #00c38b;
|
|
}
|
|
.border-\[\#0000000d\] {
|
|
border-color: #0000000d;
|
|
}
|
|
.border-\[\#1F6DFF\] {
|
|
border-color: #1f6dff;
|
|
}
|
|
.border-\[\#2C2C2C\] {
|
|
border-color: #2c2c2c;
|
|
}
|
|
.border-\[\#2f2f2f\] {
|
|
border-color: #2f2f2f;
|
|
}
|
|
.border-\[\#3a3a3a\] {
|
|
border-color: #3a3a3a;
|
|
}
|
|
.border-\[\#3b82f6\] {
|
|
border-color: #3b82f6;
|
|
}
|
|
.border-\[\#4a4a4a\] {
|
|
border-color: #4a4a4a;
|
|
}
|
|
.border-\[\#07b8dd\] {
|
|
border-color: #07b8dd;
|
|
}
|
|
.border-\[\#09caf5\] {
|
|
border-color: #09caf5;
|
|
}
|
|
.border-\[\#9CA1A9\] {
|
|
border-color: #9ca1a9;
|
|
}
|
|
.border-\[\#326BFF\] {
|
|
border-color: #326bff;
|
|
}
|
|
.border-\[\#0690ae\] {
|
|
border-color: #0690ae;
|
|
}
|
|
.border-\[\#1880FF\] {
|
|
border-color: #1880ff;
|
|
}
|
|
.border-\[\#79797A\] {
|
|
border-color: #79797a;
|
|
}
|
|
.border-\[\#363636\] {
|
|
border-color: #363636;
|
|
}
|
|
.border-\[\#525252\] {
|
|
border-color: #525252;
|
|
}
|
|
.border-\[\#BEBEBE\] {
|
|
border-color: #bebebe;
|
|
}
|
|
.border-\[\#C4C4C4\] {
|
|
border-color: #c4c4c4;
|
|
}
|
|
.border-\[\#D6FAF3\] {
|
|
border-color: #d6faf3;
|
|
}
|
|
.border-\[\#D9D9D9\] {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.border-\[\#DDDDDD\] {
|
|
border-color: #ddd;
|
|
}
|
|
.border-\[\#DDE0EB\] {
|
|
border-color: #dde0eb;
|
|
}
|
|
.border-\[\#E1E1E1\] {
|
|
border-color: #e1e1e1;
|
|
}
|
|
.border-\[\#E3E3E3\] {
|
|
border-color: #e3e3e3;
|
|
}
|
|
.border-\[\#E5E5E5\] {
|
|
border-color: #e5e5e5;
|
|
}
|
|
.border-\[\#E5E7E7\] {
|
|
border-color: #e5e7e7;
|
|
}
|
|
.border-\[\#E5E7EB\] {
|
|
border-color: #e5e7eb;
|
|
}
|
|
.border-\[\#E6E6E6\] {
|
|
border-color: #e6e6e6;
|
|
}
|
|
.border-\[\#E6E9ED\] {
|
|
border-color: #e6e9ed;
|
|
}
|
|
.border-\[\#E7E7E9\] {
|
|
border-color: #e7e7e9;
|
|
}
|
|
.border-\[\#ECEEF5\] {
|
|
border-color: #eceef5;
|
|
}
|
|
.border-\[\#EDEDED\] {
|
|
border-color: #ededed;
|
|
}
|
|
.border-\[\#EED8FF\] {
|
|
border-color: #eed8ff;
|
|
}
|
|
.border-\[\#EFEFEF\] {
|
|
border-color: #efefef;
|
|
}
|
|
.border-\[\#F4F6F8\] {
|
|
border-color: #f4f6f8;
|
|
}
|
|
.border-\[\#F7B25280\] {
|
|
border-color: #f7b25280;
|
|
}
|
|
.border-\[\#FF3B30\] {
|
|
border-color: #ff3b30;
|
|
}
|
|
.border-\[\#FF721C\] {
|
|
border-color: #ff721c;
|
|
}
|
|
.border-\[\#FFD76A\] {
|
|
border-color: #ffd76a;
|
|
}
|
|
.border-\[\#FFE0A7\] {
|
|
border-color: #ffe0a7;
|
|
}
|
|
.border-\[\#FFEBE2\] {
|
|
border-color: #ffebe2;
|
|
}
|
|
.border-\[\#FFFFFF4D\] {
|
|
border-color: #ffffff4d;
|
|
}
|
|
.border-\[\#FFFFFF26\] {
|
|
border-color: #ffffff26;
|
|
}
|
|
.border-\[\#d3d5dc\] {
|
|
border-color: #d3d5dc;
|
|
}
|
|
.border-\[\#e1e1e1\] {
|
|
border-color: #e1e1e1;
|
|
}
|
|
.border-\[\#e3e3e3\] {
|
|
border-color: #e3e3e3;
|
|
}
|
|
.border-\[\#e6e9ed\] {
|
|
border-color: #e6e9ed;
|
|
}
|
|
.border-\[\#e8e8e8\] {
|
|
border-color: #e8e8e8;
|
|
}
|
|
.border-\[\#ededed\] {
|
|
border-color: #ededed;
|
|
}
|
|
.border-\[\#eee\] {
|
|
border-color: #eee;
|
|
}
|
|
.border-\[\#efefef\] {
|
|
border-color: #efefef;
|
|
}
|
|
.border-\[\#f4f5f7\] {
|
|
border-color: #f4f5f7;
|
|
}
|
|
.border-\[\#f4f5f9\] {
|
|
border-color: #f4f5f9;
|
|
}
|
|
.border-\[\#fdeac0\] {
|
|
border-color: #fdeac0;
|
|
}
|
|
.border-\[\#fff\] {
|
|
border-color: #fff;
|
|
}
|
|
.border-\[\#ffffff1a\] {
|
|
border-color: #ffffff1a;
|
|
}
|
|
.border-\[\#ffffff33\] {
|
|
border-color: #fff3;
|
|
}
|
|
.border-\[E6E9ED\] {
|
|
border-color: E6E9ED;
|
|
}
|
|
.border-\[rgba\(13\,13\,13\,0\.20\)\] {
|
|
border-color: #0d0d0d33;
|
|
}
|
|
.border-\[rgba\(217\,217\,217\,0\.50\)\] {
|
|
border-color: #d9d9d980;
|
|
}
|
|
.border-\[rgba\(245\,174\,13\,0\.30\)\] {
|
|
border-color: #f5ae0d4d;
|
|
}
|
|
.border-\[rgba\(255\,255\,255\,0\.06\)\] {
|
|
border-color: #ffffff0f;
|
|
}
|
|
.border-\[rgba\(255\,255\,255\,0\.08\)\] {
|
|
border-color: #ffffff14;
|
|
}
|
|
.border-\[var\(--canvas-controls-border\)\] {
|
|
border-color: var(--canvas-controls-border);
|
|
}
|
|
.border-\[var\(--charge-card-selected-border\,\#F7B25280\)\] {
|
|
border-color: var(--charge-card-selected-border, #f7b25280);
|
|
}
|
|
.border-\[var\(--color-editor-border\)\] {
|
|
border-color: var(--color-editor-border);
|
|
}
|
|
.border-\[var\(--popover-border\)\] {
|
|
border-color: var(--popover-border);
|
|
}
|
|
.border-\[var\(--stroke-connect\,\#a8a8a8\)\] {
|
|
border-color: var(--stroke-connect, #a8a8a8);
|
|
}
|
|
.border-\[var\(--stroke-light\,\#363636\)\] {
|
|
border-color: var(--stroke-light, #363636);
|
|
}
|
|
.border-amber-500 {
|
|
border-color: var(--color-amber-500);
|
|
}
|
|
.border-black\/5 {
|
|
border-color: #0000000d;
|
|
border-color: lab(0% 0 0/0.05);
|
|
}
|
|
.border-black\/10 {
|
|
border-color: #0000001a;
|
|
border-color: lab(0% 0 0/0.1);
|
|
}
|
|
.border-black\/12 {
|
|
border-color: #0000001f;
|
|
border-color: lab(0% 0 0/0.12);
|
|
}
|
|
.border-black\/15 {
|
|
border-color: #00000026;
|
|
border-color: lab(0% 0 0/0.15);
|
|
}
|
|
.border-blue-200 {
|
|
border-color: #8fcdff;
|
|
}
|
|
.border-blue-300 {
|
|
border-color: #7cc0fc;
|
|
}
|
|
.border-blue-400 {
|
|
border-color: #3d9bff;
|
|
}
|
|
.border-blue-400\/60 {
|
|
border-color: #3d9bff99;
|
|
border-color: lab(62.1671% -2.06253 -58.6714/0.6);
|
|
}
|
|
.border-blue-500 {
|
|
border-color: #147dff;
|
|
}
|
|
.border-border-brand {
|
|
border-color: var(--border-brand);
|
|
}
|
|
.border-border-default {
|
|
border-color: var(--border-default);
|
|
}
|
|
.border-border-emphasis {
|
|
border-color: var(--border-emphasis);
|
|
}
|
|
.border-border-muted {
|
|
border-color: var(--border-muted);
|
|
}
|
|
.border-border-strong {
|
|
border-color: var(--border-strong);
|
|
}
|
|
.border-brand-400 {
|
|
border-color: #478eff;
|
|
}
|
|
.border-btn-primary {
|
|
border-color: var(--btn-primary-bg);
|
|
}
|
|
.border-canvas-controls-border,
|
|
.border-canvas-controls-border\/80 {
|
|
border-color: var(--canvas-controls-border);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.border-canvas-controls-border\/80 {
|
|
border-color: color-mix(
|
|
in oklab,
|
|
var(--canvas-controls-border) 80%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.border-canvas-controls-text\/40 {
|
|
border-color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.border-canvas-controls-text\/40 {
|
|
border-color: color-mix(
|
|
in oklab,
|
|
var(--canvas-controls-text) 40%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.border-canvas-node-border {
|
|
border-color: var(--canvas-node-border);
|
|
}
|
|
.border-card-border {
|
|
border-color: var(--card-border);
|
|
}
|
|
.border-current {
|
|
border-color: currentColor;
|
|
}
|
|
.border-fg-brand\/20 {
|
|
border-color: var(--fg-brand);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.border-fg-brand\/20 {
|
|
border-color: color-mix(in oklab, var(--fg-brand) 20%, transparent);
|
|
}
|
|
}
|
|
.border-fg-muted,
|
|
.border-fg-muted\/35 {
|
|
border-color: var(--fg-muted);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.border-fg-muted\/35 {
|
|
border-color: color-mix(in oklab, var(--fg-muted) 35%, transparent);
|
|
}
|
|
}
|
|
.border-fg-muted\/40 {
|
|
border-color: var(--fg-muted);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.border-fg-muted\/40 {
|
|
border-color: color-mix(in oklab, var(--fg-muted) 40%, transparent);
|
|
}
|
|
}
|
|
.border-gray-100 {
|
|
border-color: var(--color-gray-100);
|
|
}
|
|
.border-gray-200 {
|
|
border-color: var(--color-gray-200);
|
|
}
|
|
.border-gray-300 {
|
|
border-color: var(--color-gray-300);
|
|
}
|
|
.border-green-200 {
|
|
border-color: #d1ffc7;
|
|
}
|
|
.border-indigo-200 {
|
|
border-color: var(--color-indigo-200);
|
|
}
|
|
.border-input-border {
|
|
border-color: var(--input-border);
|
|
}
|
|
.border-neutral-100 {
|
|
border-color: #f2f3f5;
|
|
}
|
|
.border-neutral-200 {
|
|
border-color: #e5e6ec;
|
|
}
|
|
.border-neutral-200\/90 {
|
|
border-color: #e5e6ece6;
|
|
border-color: lab(91.3451% 0.463903 -3.04997/0.9);
|
|
}
|
|
.border-neutral-300 {
|
|
border-color: #e3e3e3;
|
|
}
|
|
.border-neutral-300\/90 {
|
|
border-color: #e3e3e3e6;
|
|
border-color: lab(90.2365% -0.0000298023 0.0000238419/.9);
|
|
}
|
|
.border-neutral-400 {
|
|
border-color: #c4c4c4;
|
|
}
|
|
.border-neutral-600 {
|
|
border-color: #86909c;
|
|
}
|
|
.border-neutral-700 {
|
|
border-color: #525252;
|
|
}
|
|
.border-neutral-800 {
|
|
border-color: #363636;
|
|
}
|
|
.border-popover-border {
|
|
border-color: var(--popover-border);
|
|
}
|
|
.border-primary {
|
|
border-color: var(--color-brand-400);
|
|
}
|
|
.border-red-200 {
|
|
border-color: #fbaca3;
|
|
}
|
|
.border-red-500\/30 {
|
|
border-color: #f53f3f4d;
|
|
border-color: lab(56.2681% 68.8358 44.4851/0.3);
|
|
}
|
|
.border-red-500\/50 {
|
|
border-color: #f53f3f80;
|
|
border-color: lab(56.2681% 68.8358 44.4851/0.5);
|
|
}
|
|
.border-red-500\/60 {
|
|
border-color: #f53f3f99;
|
|
border-color: lab(56.2681% 68.8358 44.4851/0.6);
|
|
}
|
|
.border-red-700 {
|
|
border-color: #cb272d;
|
|
}
|
|
.border-sky-300 {
|
|
border-color: var(--color-sky-300);
|
|
}
|
|
.border-transparent {
|
|
border-color: #0000;
|
|
}
|
|
.border-white {
|
|
border-color: #fff;
|
|
}
|
|
.border-white\/5 {
|
|
border-color: #ffffff0d;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.05);
|
|
}
|
|
.border-white\/8 {
|
|
border-color: #ffffff14;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.08);
|
|
}
|
|
.border-white\/10 {
|
|
border-color: #ffffff1a;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.border-white\/12 {
|
|
border-color: #ffffff1f;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.border-white\/15 {
|
|
border-color: #ffffff26;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.border-white\/16 {
|
|
border-color: #ffffff29;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.16);
|
|
}
|
|
.border-white\/20 {
|
|
border-color: #fff3;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.2);
|
|
}
|
|
.border-white\/25 {
|
|
border-color: #ffffff40;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.25);
|
|
}
|
|
.border-white\/30 {
|
|
border-color: #ffffff4d;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.border-white\/40 {
|
|
border-color: #fff6;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.border-white\/50 {
|
|
border-color: #ffffff80;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.5);
|
|
}
|
|
.border-white\/60 {
|
|
border-color: #fff9;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.6);
|
|
}
|
|
.border-white\/70 {
|
|
border-color: #ffffffb3;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.7);
|
|
}
|
|
.border-white\/80 {
|
|
border-color: #fffc;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.border-white\/\[0\.06\] {
|
|
border-color: #ffffff0f;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.06);
|
|
}
|
|
.border-white\/\[0\.08\] {
|
|
border-color: #ffffff14;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.08);
|
|
}
|
|
.border-white\/\[0\.12\] {
|
|
border-color: #ffffff1f;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.border-yellow-200 {
|
|
border-color: #ffcf8b;
|
|
}
|
|
.border-t-\[\#F1F1F1\] {
|
|
border-top-color: #f1f1f1;
|
|
}
|
|
.border-t-\[\#f7f7f7\] {
|
|
border-top-color: #f7f7f7;
|
|
}
|
|
.border-t-blue-500 {
|
|
border-top-color: #147dff;
|
|
}
|
|
.border-t-brand-600 {
|
|
border-top-color: #1f6dff;
|
|
}
|
|
.border-t-canvas-controls-text {
|
|
border-top-color: var(--canvas-controls-text);
|
|
}
|
|
.border-t-fg-default {
|
|
border-top-color: var(--fg-default);
|
|
}
|
|
.border-t-neutral-700 {
|
|
border-top-color: #525252;
|
|
}
|
|
.border-t-transparent {
|
|
border-top-color: #0000;
|
|
}
|
|
.border-t-white {
|
|
border-top-color: #fff;
|
|
}
|
|
.border-r-\[\#E1E1E1\] {
|
|
border-right-color: #e1e1e1;
|
|
}
|
|
.border-r-transparent {
|
|
border-right-color: #0000;
|
|
}
|
|
.border-b-\[\#5097FF\] {
|
|
border-bottom-color: #5097ff;
|
|
}
|
|
.border-b-transparent {
|
|
border-bottom-color: #0000;
|
|
}
|
|
.border-b-white\/15 {
|
|
border-bottom-color: #ffffff26;
|
|
border-bottom-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.border-l-gray-300 {
|
|
border-left-color: var(--color-gray-300);
|
|
}
|
|
.border-l-transparent {
|
|
border-left-color: #0000;
|
|
}
|
|
.\!bg-\[\#0D0D0D\] {
|
|
background-color: #0d0d0d !important;
|
|
}
|
|
.\!bg-\[\#1F6DFF\] {
|
|
background-color: #1f6dff !important;
|
|
}
|
|
.\!bg-\[\#2C4EFF\] {
|
|
background-color: #2c4eff !important;
|
|
}
|
|
.\!bg-\[\#131415\] {
|
|
background-color: #131415 !important;
|
|
}
|
|
.\!bg-\[\#A8A8A8\] {
|
|
background-color: #a8a8a8 !important;
|
|
}
|
|
.\!bg-\[\#FFFFFF\],
|
|
.\!bg-\[\#FFF\],
|
|
.\!bg-\[\#fff\] {
|
|
background-color: #fff !important;
|
|
}
|
|
.\!bg-\[transparent\] {
|
|
background-color: #0000 !important;
|
|
}
|
|
.\!bg-\[var\(--bg-topbar-btn\)\] {
|
|
background-color: var(--bg-topbar-btn) !important;
|
|
}
|
|
.\!bg-\[var\(--img-edit-modal-btn-bg\)\] {
|
|
background-color: var(--img-edit-modal-btn-bg) !important;
|
|
}
|
|
.\!bg-\[var\(--model-info-pub-btn-background\)\] {
|
|
background-color: var(--model-info-pub-btn-background) !important;
|
|
}
|
|
.\!bg-neutral-800 {
|
|
background-color: #363636 !important;
|
|
}
|
|
.\!bg-transparent {
|
|
background-color: #0000 !important;
|
|
}
|
|
.\!bg-white {
|
|
background-color: #fff !important;
|
|
}
|
|
.bg-\(--Surface-Panel-background\,\#171717\) {
|
|
background-color: var(--Surface-Panel-background, #171717);
|
|
}
|
|
.bg-\(--bg-surface-secondary\) {
|
|
background-color: var(--bg-surface-secondary);
|
|
}
|
|
.bg-\(--btn-secondary-bg\) {
|
|
background-color: var(--btn-secondary-bg);
|
|
}
|
|
.bg-\(--color-neutral-700\) {
|
|
background-color: var(--color-neutral-700);
|
|
}
|
|
.bg-\(--color-white-alpha-50\) {
|
|
background-color: var(--color-white-alpha-50);
|
|
}
|
|
.bg-\[\#0A0A0A\] {
|
|
background-color: #0a0a0a;
|
|
}
|
|
.bg-\[\#0C0B10\] {
|
|
background-color: #0c0b10;
|
|
}
|
|
.bg-\[\#0D0D0D1A\] {
|
|
background-color: #0d0d0d1a;
|
|
}
|
|
.bg-\[\#0D0D0D73\] {
|
|
background-color: #0d0d0d73;
|
|
}
|
|
.bg-\[\#0D1117\] {
|
|
background-color: #0d1117;
|
|
}
|
|
.bg-\[\#00C2BF\] {
|
|
background-color: #00c2bf;
|
|
}
|
|
.bg-\[\#000\] {
|
|
background-color: #000;
|
|
}
|
|
.bg-\[\#000\]\/50 {
|
|
background-color: #00000080;
|
|
background-color: lab(0% 0 0/0.5);
|
|
}
|
|
.bg-\[\#000000\] {
|
|
background-color: #000;
|
|
}
|
|
.bg-\[\#0000000A\] {
|
|
background-color: #0000000a;
|
|
}
|
|
.bg-\[\#1C2027\] {
|
|
background-color: #1c2027;
|
|
}
|
|
.bg-\[\#1DD392\] {
|
|
background-color: #1dd392;
|
|
}
|
|
.bg-\[\#1F1F1F\] {
|
|
background-color: #1f1f1f;
|
|
}
|
|
.bg-\[\#1F1F1F\]\/90 {
|
|
background-color: #1f1f1fe6;
|
|
background-color: lab(11.7579% -0.00000745058 0.00000298023/.9);
|
|
}
|
|
.bg-\[\#1F6DFF1A\] {
|
|
background-color: #1f6dff1a;
|
|
}
|
|
.bg-\[\#1F6DFF\] {
|
|
background-color: #1f6dff;
|
|
}
|
|
.bg-\[\#1a1a1a\] {
|
|
background-color: #1a1a1a;
|
|
}
|
|
.bg-\[\#1a1a2e\] {
|
|
background-color: #1a1a2e;
|
|
}
|
|
.bg-\[\#1c1d29\] {
|
|
background-color: #1c1d29;
|
|
}
|
|
.bg-\[\#1f1f1f\] {
|
|
background-color: #1f1f1f;
|
|
}
|
|
.bg-\[\#2C4FFF\] {
|
|
background-color: #2c4fff;
|
|
}
|
|
.bg-\[\#2E3340\] {
|
|
background-color: #2e3340;
|
|
}
|
|
.bg-\[\#2a2a2a\] {
|
|
background-color: #2a2a2a;
|
|
}
|
|
.bg-\[\#2c2c2c\] {
|
|
background-color: #2c2c2c;
|
|
}
|
|
.bg-\[\#3B3B3B\] {
|
|
background-color: #3b3b3b;
|
|
}
|
|
.bg-\[\#3CB5CC40\] {
|
|
background-color: #3cb5cc40;
|
|
}
|
|
.bg-\[\#3F4559\] {
|
|
background-color: #3f4559;
|
|
}
|
|
.bg-\[\#4B7DFF\]\/15 {
|
|
background-color: #4b7dff26;
|
|
background-color: lab(54.3746% 16.645 -71.1007/0.15);
|
|
}
|
|
.bg-\[\#4B8BF5\] {
|
|
background-color: #4b8bf5;
|
|
}
|
|
.bg-\[\#4D6BFE\] {
|
|
background-color: #4d6bfe;
|
|
}
|
|
.bg-\[\#4b7dff\] {
|
|
background-color: #4b7dff;
|
|
}
|
|
.bg-\[\#05A3C51A\] {
|
|
background-color: #05a3c51a;
|
|
}
|
|
.bg-\[\#05a3c5\] {
|
|
background-color: #05a3c5;
|
|
}
|
|
.bg-\[\#5DDCFF\],
|
|
.bg-\[\#5ddcff\] {
|
|
background-color: #5ddcff;
|
|
}
|
|
.bg-\[\#09CAF5\],
|
|
.bg-\[\#09caf5\] {
|
|
background-color: #09caf5;
|
|
}
|
|
.bg-\[\#00000014\] {
|
|
background-color: #00000014;
|
|
}
|
|
.bg-\[\#00000066\] {
|
|
background-color: #0006;
|
|
}
|
|
.bg-\[\#00000080\] {
|
|
background-color: #00000080;
|
|
}
|
|
.bg-\[\#00000099\] {
|
|
background-color: #0009;
|
|
}
|
|
.bg-\[\#147DFF\] {
|
|
background-color: #147dff;
|
|
}
|
|
.bg-\[\#191B1F\] {
|
|
background-color: #191b1f;
|
|
}
|
|
.bg-\[\#222\] {
|
|
background-color: #222;
|
|
}
|
|
.bg-\[\#326BFF\] {
|
|
background-color: #326bff;
|
|
}
|
|
.bg-\[\#333\] {
|
|
background-color: #333;
|
|
}
|
|
.bg-\[\#339BFF\] {
|
|
background-color: #339bff;
|
|
}
|
|
.bg-\[\#423F4ECC\] {
|
|
background-color: #423f4ecc;
|
|
}
|
|
.bg-\[\#478EFF\] {
|
|
background-color: #478eff;
|
|
}
|
|
.bg-\[\#604eff\] {
|
|
background-color: #604eff;
|
|
}
|
|
.bg-\[\#3162FF\] {
|
|
background-color: #3162ff;
|
|
}
|
|
.bg-\[\#5097FF\] {
|
|
background-color: #5097ff;
|
|
}
|
|
.bg-\[\#111111\] {
|
|
background-color: #111;
|
|
}
|
|
.bg-\[\#141414\] {
|
|
background-color: #141414;
|
|
}
|
|
.bg-\[\#171717\] {
|
|
background-color: #171717;
|
|
}
|
|
.bg-\[\#181818\] {
|
|
background-color: #181818;
|
|
}
|
|
.bg-\[\#222531\] {
|
|
background-color: #222531;
|
|
}
|
|
.bg-\[\#242424\] {
|
|
background-color: #242424;
|
|
}
|
|
.bg-\[\#252733\] {
|
|
background-color: #252733;
|
|
}
|
|
.bg-\[\#262626\] {
|
|
background-color: #262626;
|
|
}
|
|
.bg-\[\#282828\] {
|
|
background-color: #282828;
|
|
}
|
|
.bg-\[\#303030\] {
|
|
background-color: #303030;
|
|
}
|
|
.bg-\[\#333333\] {
|
|
background-color: #333;
|
|
}
|
|
.bg-\[\#373737\] {
|
|
background-color: #373737;
|
|
}
|
|
.bg-\[\#383838\] {
|
|
background-color: #383838;
|
|
}
|
|
.bg-\[\#666666A6\] {
|
|
background-color: #666666a6;
|
|
}
|
|
.bg-\[\#727476\] {
|
|
background-color: #727476;
|
|
}
|
|
.bg-\[\#814600\] {
|
|
background-color: #814600;
|
|
}
|
|
.bg-\[\#999999\] {
|
|
background-color: #999;
|
|
}
|
|
.bg-\[\#BFC0D0\] {
|
|
background-color: #bfc0d0;
|
|
}
|
|
.bg-\[\#C1C5CC\] {
|
|
background-color: #c1c5cc;
|
|
}
|
|
.bg-\[\#CB272D\] {
|
|
background-color: #cb272d;
|
|
}
|
|
.bg-\[\#D8EDF566\] {
|
|
background-color: #d8edf566;
|
|
}
|
|
.bg-\[\#D9D9D9\] {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.bg-\[\#DFF9F4\] {
|
|
background-color: #dff9f4;
|
|
}
|
|
.bg-\[\#E3E3E3\] {
|
|
background-color: #e3e3e3;
|
|
}
|
|
.bg-\[\#E5E6EB\] {
|
|
background-color: #e5e6eb;
|
|
}
|
|
.bg-\[\#E5E6EC\] {
|
|
background-color: #e5e6ec;
|
|
}
|
|
.bg-\[\#E5E7EB\] {
|
|
background-color: #e5e7eb;
|
|
}
|
|
.bg-\[\#E7E7E9\] {
|
|
background-color: #e7e7e9;
|
|
}
|
|
.bg-\[\#E7F1FF\] {
|
|
background-color: #e7f1ff;
|
|
}
|
|
.bg-\[\#E8FFFB\] {
|
|
background-color: #e8fffb;
|
|
}
|
|
.bg-\[\#E85D5D\] {
|
|
background-color: #e85d5d;
|
|
}
|
|
.bg-\[\#EAECEE\] {
|
|
background-color: #eaecee;
|
|
}
|
|
.bg-\[\#EBE3F066\] {
|
|
background-color: #ebe3f066;
|
|
}
|
|
.bg-\[\#ECEDF5\] {
|
|
background-color: #ecedf5;
|
|
}
|
|
.bg-\[\#ECEEF5\] {
|
|
background-color: #eceef5;
|
|
}
|
|
.bg-\[\#EDEDED\] {
|
|
background-color: #ededed;
|
|
}
|
|
.bg-\[\#EED8FF\] {
|
|
background-color: #eed8ff;
|
|
}
|
|
.bg-\[\#EFEFEF\] {
|
|
background-color: #efefef;
|
|
}
|
|
.bg-\[\#EFF6FF\] {
|
|
background-color: #eff6ff;
|
|
}
|
|
.bg-\[\#F0F0F0\] {
|
|
background-color: #f0f0f0;
|
|
}
|
|
.bg-\[\#F1F1F1\] {
|
|
background-color: #f1f1f1;
|
|
}
|
|
.bg-\[\#F1F2F6\] {
|
|
background-color: #f1f2f6;
|
|
}
|
|
.bg-\[\#F1F2F8\] {
|
|
background-color: #f1f2f8;
|
|
}
|
|
.bg-\[\#F1F5F7\] {
|
|
background-color: #f1f5f7;
|
|
}
|
|
.bg-\[\#F2E2E266\] {
|
|
background-color: #f2e2e266;
|
|
}
|
|
.bg-\[\#F2F2F2\] {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.bg-\[\#F2F3F5\] {
|
|
background-color: #f2f3f5;
|
|
}
|
|
.bg-\[\#F2F5F9\] {
|
|
background-color: #f2f5f9;
|
|
}
|
|
.bg-\[\#F3F5F9\] {
|
|
background-color: #f3f5f9;
|
|
}
|
|
.bg-\[\#F4F6F8\] {
|
|
background-color: #f4f6f8;
|
|
}
|
|
.bg-\[\#F4F6FB\] {
|
|
background-color: #f4f6fb;
|
|
}
|
|
.bg-\[\#F5E8FF\] {
|
|
background-color: #f5e8ff;
|
|
}
|
|
.bg-\[\#F5ECDE\] {
|
|
background-color: #f5ecde;
|
|
}
|
|
.bg-\[\#F5F5F5\] {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.bg-\[\#F6F6F6\] {
|
|
background-color: #f6f6f6;
|
|
}
|
|
.bg-\[\#F7F7F7\] {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.bg-\[\#F7FAFF\] {
|
|
background-color: #f7faff;
|
|
}
|
|
.bg-\[\#F8F8F8\] {
|
|
background-color: #f8f8f8;
|
|
}
|
|
.bg-\[\#F8F9FA\] {
|
|
background-color: #f8f9fa;
|
|
}
|
|
.bg-\[\#F9FAFB\] {
|
|
background-color: #f9fafb;
|
|
}
|
|
.bg-\[\#F9FBFC\] {
|
|
background-color: #f9fbfc;
|
|
}
|
|
.bg-\[\#F53F3F\] {
|
|
background-color: #f53f3f;
|
|
}
|
|
.bg-\[\#F53F3F\]\/45 {
|
|
background-color: #f53f3f73;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.45);
|
|
}
|
|
.bg-\[\#FAD6A4\] {
|
|
background-color: #fad6a4;
|
|
}
|
|
.bg-\[\#FBD44C\] {
|
|
background-color: #fbd44c;
|
|
}
|
|
.bg-\[\#FBFBFB\] {
|
|
background-color: #fbfbfb;
|
|
}
|
|
.bg-\[\#FCF3E6\] {
|
|
background-color: #fcf3e6;
|
|
}
|
|
.bg-\[\#FDF5E9\] {
|
|
background-color: #fdf5e9;
|
|
}
|
|
.bg-\[\#FEB649\] {
|
|
background-color: #feb649;
|
|
}
|
|
.bg-\[\#FF8A01\] {
|
|
background-color: #ff8a01;
|
|
}
|
|
.bg-\[\#FF8F0E\] {
|
|
background-color: #ff8f0e;
|
|
}
|
|
.bg-\[\#FF6868\] {
|
|
background-color: #ff6868;
|
|
}
|
|
.bg-\[\#FFC65D\] {
|
|
background-color: #ffc65d;
|
|
}
|
|
.bg-\[\#FFCF7C\] {
|
|
background-color: #ffcf7c;
|
|
}
|
|
.bg-\[\#FFD264\] {
|
|
background-color: #ffd264;
|
|
}
|
|
.bg-\[\#FFEBE2\] {
|
|
background-color: #ffebe2;
|
|
}
|
|
.bg-\[\#FFF1CB\] {
|
|
background-color: #fff1cb;
|
|
}
|
|
.bg-\[\#FFF3CF\] {
|
|
background-color: #fff3cf;
|
|
}
|
|
.bg-\[\#FFF5F0\] {
|
|
background-color: #fff5f0;
|
|
}
|
|
.bg-\[\#FFF6C2\] {
|
|
background-color: #fff6c2;
|
|
}
|
|
.bg-\[\#FFF7E7\] {
|
|
background-color: #fff7e7;
|
|
}
|
|
.bg-\[\#FFF9EC\] {
|
|
background-color: #fff9ec;
|
|
}
|
|
.bg-\[\#FFFFFF1A\] {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.bg-\[\#FFFFFF29\] {
|
|
background-color: #ffffff29;
|
|
}
|
|
.bg-\[\#FFFFFF99\] {
|
|
background-color: #fff9;
|
|
}
|
|
.bg-\[\#FFFFFF\],
|
|
.bg-\[\#FFF\] {
|
|
background-color: #fff;
|
|
}
|
|
.bg-\[\#cb272d\] {
|
|
background-color: #cb272d;
|
|
}
|
|
.bg-\[\#e3e3e3\] {
|
|
background-color: #e3e3e3;
|
|
}
|
|
.bg-\[\#e5e5e5\] {
|
|
background-color: #e5e5e5;
|
|
}
|
|
.bg-\[\#e5fff8\] {
|
|
background-color: #e5fff8;
|
|
}
|
|
.bg-\[\#eee\] {
|
|
background-color: #eee;
|
|
}
|
|
.bg-\[\#f1f2f8\] {
|
|
background-color: #f1f2f8;
|
|
}
|
|
.bg-\[\#f1f2f8e5\] {
|
|
background-color: #f1f2f8e5;
|
|
}
|
|
.bg-\[\#f4f6f8\] {
|
|
background-color: #f4f6f8;
|
|
}
|
|
.bg-\[\#f7f7f7\] {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.bg-\[\#f7f8fa\] {
|
|
background-color: #f7f8fa;
|
|
}
|
|
.bg-\[\#f8f8f8\] {
|
|
background-color: #f8f8f8;
|
|
}
|
|
.bg-\[\#f9fbfb\] {
|
|
background-color: #f9fbfb;
|
|
}
|
|
.bg-\[\#ffc65d\] {
|
|
background-color: #ffc65d;
|
|
}
|
|
.bg-\[\#ffc65d\]\/50 {
|
|
background-color: #ffc65d80;
|
|
background-color: lab(83.6504% 13.1533 59.2952/0.5);
|
|
}
|
|
.bg-\[\#fff\] {
|
|
background-color: #fff;
|
|
}
|
|
.bg-\[\#ffffff0d\] {
|
|
background-color: #ffffff0d;
|
|
}
|
|
.bg-\[\#ffffffb2\] {
|
|
background-color: #ffffffb2;
|
|
}
|
|
.bg-\[black\] {
|
|
background-color: #000;
|
|
}
|
|
.bg-\[rgb\(0\,0\,0\)\]\/50 {
|
|
background-color: #00000080;
|
|
background-color: lab(0% 0 0/0.5);
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\)\] {
|
|
background-color: #0000;
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.04\)\] {
|
|
background-color: #0000000a;
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.5\)\] {
|
|
background-color: #00000080;
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.6\)\] {
|
|
background-color: #0009;
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.7\)\] {
|
|
background-color: #000000b3;
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.08\)\] {
|
|
background-color: #00000014;
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.30\)\] {
|
|
background-color: #0000004d;
|
|
}
|
|
.bg-\[rgba\(0\,0\,0\,0\.45\)\] {
|
|
background-color: #00000073;
|
|
}
|
|
.bg-\[rgba\(13\,17\,23\,\.9\)\] {
|
|
background-color: #0d1117e6;
|
|
}
|
|
.bg-\[rgba\(26\,26\,26\,0\.95\)\] {
|
|
background-color: #1a1a1af2;
|
|
}
|
|
.bg-\[rgba\(31\,31\,31\,0\.9\)\] {
|
|
background-color: #1f1f1fe6;
|
|
}
|
|
.bg-\[rgba\(31\,31\,31\,0\.72\)\] {
|
|
background-color: #1f1f1fb8;
|
|
}
|
|
.bg-\[rgba\(31\,109\,255\,0\.05\)\] {
|
|
background-color: #1f6dff0d;
|
|
}
|
|
.bg-\[rgba\(50\,50\,50\,0\.45\)\] {
|
|
background-color: #32323273;
|
|
}
|
|
.bg-\[rgba\(64\,218\,248\,0\.1\)\] {
|
|
background-color: #40daf81a;
|
|
}
|
|
.bg-\[rgba\(94\,94\,94\,0\.2\)\] {
|
|
background-color: #5e5e5e33;
|
|
}
|
|
.bg-\[rgba\(99\,230\,255\,0\.2\)\] {
|
|
background-color: #63e6ff33;
|
|
}
|
|
.bg-\[rgba\(99\,230\,255\,0\.15\)\] {
|
|
background-color: #63e6ff26;
|
|
}
|
|
.bg-\[rgba\(99\,230\,255\,0\.25\)\] {
|
|
background-color: #63e6ff40;
|
|
}
|
|
.bg-\[rgba\(189\,189\,189\,0\.5\)\] {
|
|
background-color: #bdbdbd80;
|
|
}
|
|
.bg-\[rgba\(200\,200\,200\,0\.65\)\] {
|
|
background-color: #c8c8c8a6;
|
|
}
|
|
.bg-\[rgba\(255\,198\,93\,0\.20\)\] {
|
|
background-color: #ffc65d33;
|
|
}
|
|
.bg-\[rgba\(255\,255\,255\,0\.1\)\] {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.bg-\[rgba\(255\,255\,255\,0\.3\)\] {
|
|
background-color: #ffffff4d;
|
|
}
|
|
.bg-\[rgba\(255\,255\,255\,0\.05\)\] {
|
|
background-color: #ffffff0d;
|
|
}
|
|
.bg-\[var\(--Surface-Group-background\)\] {
|
|
background-color: var(--Surface-Group-background);
|
|
}
|
|
.bg-\[var\(--Surface-Panel-background\)\] {
|
|
background-color: var(--Surface-Panel-background);
|
|
}
|
|
.bg-\[var\(--background\)\] {
|
|
background-color: var(--background);
|
|
}
|
|
.bg-\[var\(--bg-topbar-btn\)\] {
|
|
background-color: var(--bg-topbar-btn);
|
|
}
|
|
.bg-\[var\(--btn-ghost-bg-active\)\] {
|
|
background-color: var(--btn-ghost-bg-active);
|
|
}
|
|
.bg-\[var\(--btn-primary-bg\)\] {
|
|
background-color: var(--btn-primary-bg);
|
|
}
|
|
.bg-\[var\(--btn-primary-bg-disabled\)\] {
|
|
background-color: var(--btn-primary-bg-disabled);
|
|
}
|
|
.bg-\[var\(--canvas-controls-bg\)\] {
|
|
background-color: var(--canvas-controls-bg);
|
|
}
|
|
.bg-\[var\(--charge-card-selected-bg\,\#FFF2DA\)\] {
|
|
background-color: var(--charge-card-selected-bg, #fff2da);
|
|
}
|
|
.bg-\[var\(--color-background\)\] {
|
|
background-color: var(--color-background);
|
|
}
|
|
.bg-\[var\(--color-background-normal\)\] {
|
|
background-color: var(--color-background-normal);
|
|
}
|
|
.bg-\[var\(--color-draw-same-config-text-bg\)\] {
|
|
background-color: var(--color-draw-same-config-text-bg);
|
|
}
|
|
.bg-\[var\(--color-draw-same-navigate-btn-bg\)\] {
|
|
background-color: var(--color-draw-same-navigate-btn-bg);
|
|
}
|
|
.bg-\[var\(--color-draw-same-tag-normal-bg\)\] {
|
|
background-color: var(--color-draw-same-tag-normal-bg);
|
|
}
|
|
.bg-\[var\(--color-draw-same-tag-selected-bg\)\] {
|
|
background-color: var(--color-draw-same-tag-selected-bg);
|
|
}
|
|
.bg-\[var\(--color-pagination-bg\)\] {
|
|
background-color: var(--color-pagination-bg);
|
|
}
|
|
.bg-\[var\(--input-bg\)\] {
|
|
background-color: var(--input-bg);
|
|
}
|
|
.bg-\[var\(--model-info-tag-activity-background-new\)\] {
|
|
background-color: var(--model-info-tag-activity-background-new);
|
|
}
|
|
.bg-\[var\(--popover-bg\)\] {
|
|
background-color: var(--popover-bg);
|
|
}
|
|
.bg-\[var\(--section-bg-color\)\] {
|
|
background-color: var(--section-bg-color);
|
|
}
|
|
.bg-\[var\(--surface-panel-background\,\#262626\)\] {
|
|
background-color: var(--surface-panel-background, #262626);
|
|
}
|
|
.bg-\[var\(--vip-btn-bg\,\#326bff\)\] {
|
|
background-color: var(--vip-btn-bg, #326bff);
|
|
}
|
|
.bg-\[var\(--vip-modal-bg\)\] {
|
|
background-color: var(--vip-modal-bg);
|
|
}
|
|
.bg-\[white\] {
|
|
background-color: #fff;
|
|
}
|
|
.bg-amber-50 {
|
|
background-color: var(--color-amber-50);
|
|
}
|
|
.bg-amber-100 {
|
|
background-color: var(--color-amber-100);
|
|
}
|
|
.bg-amber-500\/90 {
|
|
background-color: #f99c00e6;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-amber-500\/90 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-amber-500) 90%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-background {
|
|
background-color: var(--bg-page);
|
|
}
|
|
.bg-bg-overlay {
|
|
background-color: var(--bg-overlay);
|
|
}
|
|
.bg-bg-page {
|
|
background-color: var(--bg-page);
|
|
}
|
|
.bg-bg-page\! {
|
|
background-color: var(--bg-page) !important;
|
|
}
|
|
.bg-bg-surface {
|
|
background-color: var(--bg-surface);
|
|
}
|
|
.bg-bg-surface-elevated\/90 {
|
|
background-color: var(--bg-surface-elevated);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-bg-surface-elevated\/90 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--bg-surface-elevated) 90%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-bg-surface-secondary {
|
|
background-color: var(--bg-surface-secondary);
|
|
}
|
|
.bg-bg-surface\/75 {
|
|
background-color: var(--bg-surface);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-bg-surface\/75 {
|
|
background-color: color-mix(in oklab, var(--bg-surface) 75%, transparent);
|
|
}
|
|
}
|
|
.bg-bg-surface\/95 {
|
|
background-color: var(--bg-surface);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-bg-surface\/95 {
|
|
background-color: color-mix(in oklab, var(--bg-surface) 95%, transparent);
|
|
}
|
|
}
|
|
.bg-black {
|
|
background-color: #000;
|
|
}
|
|
.bg-black\/0 {
|
|
background-color: #0000;
|
|
background-color: lab(0% 0 0/0);
|
|
}
|
|
.bg-black\/3 {
|
|
background-color: #00000008;
|
|
background-color: lab(0% 0 0/0.03);
|
|
}
|
|
.bg-black\/5 {
|
|
background-color: #0000000d;
|
|
background-color: lab(0% 0 0/0.05);
|
|
}
|
|
.bg-black\/6 {
|
|
background-color: #0000000f;
|
|
background-color: lab(0% 0 0/0.06);
|
|
}
|
|
.bg-black\/10 {
|
|
background-color: #0000001a;
|
|
background-color: lab(0% 0 0/0.1);
|
|
}
|
|
.bg-black\/15 {
|
|
background-color: #00000026;
|
|
background-color: lab(0% 0 0/0.15);
|
|
}
|
|
.bg-black\/18 {
|
|
background-color: #0000002e;
|
|
background-color: lab(0% 0 0/0.18);
|
|
}
|
|
.bg-black\/20 {
|
|
background-color: #0003;
|
|
background-color: lab(0% 0 0/0.2);
|
|
}
|
|
.bg-black\/25 {
|
|
background-color: #00000040;
|
|
background-color: lab(0% 0 0/0.25);
|
|
}
|
|
.bg-black\/30 {
|
|
background-color: #0000004d;
|
|
background-color: lab(0% 0 0/0.3);
|
|
}
|
|
.bg-black\/40 {
|
|
background-color: #0006;
|
|
background-color: lab(0% 0 0/0.4);
|
|
}
|
|
.bg-black\/45 {
|
|
background-color: #00000073;
|
|
background-color: lab(0% 0 0/0.45);
|
|
}
|
|
.bg-black\/50 {
|
|
background-color: #00000080;
|
|
background-color: lab(0% 0 0/0.5);
|
|
}
|
|
.bg-black\/60 {
|
|
background-color: #0009;
|
|
background-color: lab(0% 0 0/0.6);
|
|
}
|
|
.bg-black\/65 {
|
|
background-color: #000000a6;
|
|
background-color: lab(0% 0 0/0.65);
|
|
}
|
|
.bg-black\/70 {
|
|
background-color: #000000b3;
|
|
background-color: lab(0% 0 0/0.7);
|
|
}
|
|
.bg-black\/80 {
|
|
background-color: #000c;
|
|
background-color: lab(0% 0 0/0.8);
|
|
}
|
|
.bg-black\/85 {
|
|
background-color: #000000d9;
|
|
background-color: lab(0% 0 0/0.85);
|
|
}
|
|
.bg-black\/\[0\.08\] {
|
|
background-color: #00000014;
|
|
background-color: lab(0% 0 0/0.08);
|
|
}
|
|
.bg-blue-50 {
|
|
background-color: #e8f7ff;
|
|
}
|
|
.bg-blue-100 {
|
|
background-color: #b8e1ff;
|
|
}
|
|
.bg-blue-500 {
|
|
background-color: #147dff;
|
|
}
|
|
.bg-blue-500\/10 {
|
|
background-color: #147dff1a;
|
|
background-color: lab(52.8612% 11.055 -73.633/0.1);
|
|
}
|
|
.bg-blue-500\/20 {
|
|
background-color: #147dff33;
|
|
background-color: lab(52.8612% 11.055 -73.633/0.2);
|
|
}
|
|
.bg-blue-500\/40 {
|
|
background-color: #147dff66;
|
|
background-color: lab(52.8612% 11.055 -73.633/0.4);
|
|
}
|
|
.bg-blue-500\/60 {
|
|
background-color: #147dff99;
|
|
background-color: lab(52.8612% 11.055 -73.633/0.6);
|
|
}
|
|
.bg-blue-600 {
|
|
background-color: #206ccf;
|
|
}
|
|
.bg-border-default {
|
|
background-color: var(--border-default);
|
|
}
|
|
.bg-border-muted {
|
|
background-color: var(--border-muted);
|
|
}
|
|
.bg-brand-400 {
|
|
background-color: #478eff;
|
|
}
|
|
.bg-brand-400\/20 {
|
|
background-color: #478eff33;
|
|
background-color: lab(58.8404% 6.41987 -63.9452/0.2);
|
|
}
|
|
.bg-brand-600 {
|
|
background-color: #1f6dff;
|
|
}
|
|
.bg-btn-ghost-active {
|
|
background-color: var(--btn-ghost-bg-active);
|
|
}
|
|
.bg-btn-ghost-hover {
|
|
background-color: var(--btn-ghost-bg-hover);
|
|
}
|
|
.bg-btn-invert-bg {
|
|
background-color: var(--btn-invert-bg);
|
|
}
|
|
.bg-btn-primary,
|
|
.bg-btn-primary\/40 {
|
|
background-color: var(--btn-primary-bg);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-btn-primary\/40 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--btn-primary-bg) 40%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-btn-secondary {
|
|
background-color: var(--btn-secondary-bg);
|
|
}
|
|
.bg-btn-secondary-hover {
|
|
background-color: var(--btn-secondary-bg-hover);
|
|
}
|
|
.bg-canvas-bg {
|
|
background-color: var(--canvas-bg);
|
|
}
|
|
.bg-canvas-controls {
|
|
background-color: var(--canvas-controls-bg);
|
|
}
|
|
.bg-canvas-controls-active {
|
|
background-color: var(--canvas-controls-active);
|
|
}
|
|
.bg-canvas-controls-border {
|
|
background-color: var(--canvas-controls-border);
|
|
}
|
|
.bg-canvas-controls-hover {
|
|
background-color: var(--canvas-controls-hover);
|
|
}
|
|
.bg-canvas-controls-icon\/50 {
|
|
background-color: var(--canvas-controls-icon);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-canvas-controls-icon\/50 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--canvas-controls-icon) 50%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-canvas-node-bg {
|
|
background-color: var(--canvas-node-bg);
|
|
}
|
|
.bg-canvas-node-border {
|
|
background-color: var(--canvas-node-border);
|
|
}
|
|
.bg-canvas-primary-btn {
|
|
background-color: var(--canvas-primary-btn-bg);
|
|
}
|
|
.bg-card,
|
|
.bg-card\/95 {
|
|
background-color: var(--card-bg);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-card\/95 {
|
|
background-color: color-mix(in oklab, var(--card-bg) 95%, transparent);
|
|
}
|
|
}
|
|
.bg-emerald-500\/20 {
|
|
background-color: #00bb7f33;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-emerald-500\/20 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-emerald-500) 20%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-emerald-600 {
|
|
background-color: var(--color-emerald-600);
|
|
}
|
|
.bg-fg-brand\/5 {
|
|
background-color: var(--fg-brand);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-fg-brand\/5 {
|
|
background-color: color-mix(in oklab, var(--fg-brand) 5%, transparent);
|
|
}
|
|
}
|
|
.bg-fg-disabled {
|
|
background-color: var(--fg-disabled);
|
|
}
|
|
.bg-fg-subtle {
|
|
background-color: var(--fg-subtle);
|
|
}
|
|
.bg-gray-50 {
|
|
background-color: var(--color-gray-50);
|
|
}
|
|
.bg-gray-50\/80 {
|
|
background-color: #f9fafbcc;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-gray-50\/80 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-gray-50) 80%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-gray-100 {
|
|
background-color: var(--color-gray-100);
|
|
}
|
|
.bg-gray-200 {
|
|
background-color: var(--color-gray-200);
|
|
}
|
|
.bg-gray-300 {
|
|
background-color: var(--color-gray-300);
|
|
}
|
|
.bg-gray-800 {
|
|
background-color: var(--color-gray-800);
|
|
}
|
|
.bg-gray-900 {
|
|
background-color: var(--color-gray-900);
|
|
}
|
|
.bg-green-50 {
|
|
background-color: #f4fff0;
|
|
}
|
|
.bg-green-100 {
|
|
background-color: #e5ffde;
|
|
}
|
|
.bg-green-600 {
|
|
background-color: #4ec740;
|
|
}
|
|
.bg-indigo-50 {
|
|
background-color: var(--color-indigo-50);
|
|
}
|
|
.bg-inherit {
|
|
background-color: inherit;
|
|
}
|
|
.bg-input {
|
|
background-color: var(--input-bg);
|
|
}
|
|
.bg-neutral-50 {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.bg-neutral-100 {
|
|
background-color: #f2f3f5;
|
|
}
|
|
.bg-neutral-200 {
|
|
background-color: #e5e6ec;
|
|
}
|
|
.bg-neutral-500 {
|
|
background-color: #919191;
|
|
}
|
|
.bg-neutral-600 {
|
|
background-color: #86909c;
|
|
}
|
|
.bg-neutral-600\/80 {
|
|
background-color: #86909ccc;
|
|
background-color: lab(59.263% -1.83269 -7.68141/0.8);
|
|
}
|
|
.bg-neutral-700 {
|
|
background-color: #525252;
|
|
}
|
|
.bg-neutral-800 {
|
|
background-color: #363636;
|
|
}
|
|
.bg-neutral-800\/90 {
|
|
background-color: #363636e6;
|
|
background-color: lab(22.6152% 0 0/0.9);
|
|
}
|
|
.bg-neutral-900 {
|
|
background-color: #171717;
|
|
}
|
|
.bg-neutral-900\/5 {
|
|
background-color: #1717170d;
|
|
background-color: lab(7.73961% -0.00000745058 0.00000298023/.05);
|
|
}
|
|
.bg-panel-background,
|
|
.bg-panel-background\/92 {
|
|
background-color: var(--panel-background);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-panel-background\/92 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--panel-background) 92%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-panel-background\/95 {
|
|
background-color: var(--panel-background);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-panel-background\/95 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--panel-background) 95%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-popover {
|
|
background-color: var(--popover-bg);
|
|
}
|
|
.bg-primary {
|
|
background-color: var(--color-brand-400);
|
|
}
|
|
.bg-purple-600 {
|
|
background-color: var(--color-purple-600);
|
|
}
|
|
.bg-red-50 {
|
|
background-color: #ffece8;
|
|
}
|
|
.bg-red-100 {
|
|
background-color: #fdcdc5;
|
|
}
|
|
.bg-red-500 {
|
|
background-color: #f53f3f;
|
|
}
|
|
.bg-red-500\/10 {
|
|
background-color: #f53f3f1a;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.1);
|
|
}
|
|
.bg-red-500\/20 {
|
|
background-color: #f53f3f33;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.2);
|
|
}
|
|
.bg-red-500\/80 {
|
|
background-color: #f53f3fcc;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.8);
|
|
}
|
|
.bg-sky-100 {
|
|
background-color: var(--color-sky-100);
|
|
}
|
|
.bg-transparent {
|
|
background-color: #0000;
|
|
}
|
|
.bg-transparent\! {
|
|
background-color: #0000 !important;
|
|
}
|
|
.bg-violet-500\/25 {
|
|
background-color: #8d54ff40;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.bg-violet-500\/25 {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-violet-500) 25%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.bg-white {
|
|
background-color: #fff;
|
|
}
|
|
.bg-white\! {
|
|
background-color: #fff !important;
|
|
}
|
|
.bg-white-alpha-5 {
|
|
background-color: #ffffff0d;
|
|
}
|
|
.bg-white-alpha-10 {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.bg-white\/5 {
|
|
background-color: #ffffff0d;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.05);
|
|
}
|
|
.bg-white\/8 {
|
|
background-color: #ffffff14;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.08);
|
|
}
|
|
.bg-white\/10 {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.bg-white\/12 {
|
|
background-color: #ffffff1f;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.bg-white\/15 {
|
|
background-color: #ffffff26;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.bg-white\/20 {
|
|
background-color: #fff3;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.2);
|
|
}
|
|
.bg-white\/40 {
|
|
background-color: #fff6;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.bg-white\/60 {
|
|
background-color: #fff9;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.6);
|
|
}
|
|
.bg-white\/70 {
|
|
background-color: #ffffffb3;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.7);
|
|
}
|
|
.bg-white\/90 {
|
|
background-color: #ffffffe6;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.9);
|
|
}
|
|
.bg-white\/92 {
|
|
background-color: #ffffffeb;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.92);
|
|
}
|
|
.bg-white\/95 {
|
|
background-color: #fffffff2;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.95);
|
|
}
|
|
.bg-white\/\[0\.04\] {
|
|
background-color: #ffffff0a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.04);
|
|
}
|
|
.bg-white\/\[0\.08\] {
|
|
background-color: #ffffff14;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.08);
|
|
}
|
|
.bg-white\/\[0\.8\] {
|
|
background-color: #fffc;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.bg-white\/\[0\.12\] {
|
|
background-color: #ffffff1f;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.bg-white\/\[0\.14\] {
|
|
background-color: #ffffff24;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.14);
|
|
}
|
|
.bg-yellow-50 {
|
|
background-color: #fff7e9;
|
|
}
|
|
.bg-yellow-100 {
|
|
background-color: #ffe4ba;
|
|
}
|
|
.bg-linear-to-b {
|
|
--tw-gradient-position: to bottom;
|
|
}
|
|
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
.bg-linear-to-b {
|
|
--tw-gradient-position: to bottom in oklab;
|
|
}
|
|
}
|
|
.bg-linear-to-b {
|
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
}
|
|
.bg-linear-to-t {
|
|
--tw-gradient-position: to top;
|
|
}
|
|
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
.bg-linear-to-t {
|
|
--tw-gradient-position: to top in oklab;
|
|
}
|
|
}
|
|
.bg-linear-to-t {
|
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
}
|
|
.\!bg-gradient-to-r {
|
|
--tw-gradient-position: to right in oklab !important;
|
|
background-image: linear-gradient(var(--tw-gradient-stops)) !important;
|
|
}
|
|
.bg-gradient-to-b {
|
|
--tw-gradient-position: to bottom in oklab;
|
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
}
|
|
.bg-gradient-to-br {
|
|
--tw-gradient-position: to bottom right in oklab;
|
|
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));
|
|
}
|
|
.bg-\[linear-gradient\(\#121213\,\#121213\)\,linear-gradient\(\#121213_50\%\,rgba\(18\,18\,19\,0\.6\)_80\%\,rgba\(18\,18\,19\,0\)\)\,linear-gradient\(90deg\,hsl\(var\(--color-1\)\)\,hsl\(var\(--color-5\)\)\,hsl\(var\(--color-3\)\)\,hsl\(var\(--color-4\)\)\,hsl\(var\(--color-2\)\)\)\] {
|
|
background-image: linear-gradient(#121213, #121213),
|
|
linear-gradient(#121213 50%, #12121399 80%, #12121300),
|
|
linear-gradient(
|
|
90deg,
|
|
hsl(var(--color-1)),
|
|
hsl(var(--color-5)),
|
|
hsl(var(--color-3)),
|
|
hsl(var(--color-4)),
|
|
hsl(var(--color-2))
|
|
);
|
|
}
|
|
.bg-\[linear-gradient\(90deg\,_\#0066D3_0\%\,\#009DFF_100\%\)\] {
|
|
background-image: linear-gradient(90deg, #0066d3 0%, #009dff 100%);
|
|
}
|
|
.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,1\)_0\%\,\#0D0D0D_35\%\,\#0D0D0D_65\%\,rgba\(255\,255\,255\,1\)_100\%\)\] {
|
|
background-image: linear-gradient(#fff 0%, #0d0d0d 35% 65%, #fff 100%);
|
|
}
|
|
.bg-none {
|
|
background-image: none;
|
|
}
|
|
.from-\[\#1b7bff\] {
|
|
--tw-gradient-from: #1b7bff;
|
|
--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-\[\#10C9F8\] {
|
|
--tw-gradient-from: #10c9f8;
|
|
--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-\[\#929292\] {
|
|
--tw-gradient-from: #929292;
|
|
--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-\[\#D06C3A\] {
|
|
--tw-gradient-from: #d06c3a;
|
|
--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-\[\#F8F8F8\] {
|
|
--tw-gradient-from: #f8f8f8;
|
|
--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-\[\#FF773D\] {
|
|
--tw-gradient-from: #ff773d;
|
|
--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-\[\#FF1064\] {
|
|
--tw-gradient-from: #ff1064;
|
|
--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-\[\#FFDF97\] {
|
|
--tw-gradient-from: #ffdf97;
|
|
--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-\[\#FFEBCD\] {
|
|
--tw-gradient-from: #ffebcd;
|
|
--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-\[\#FFF0DB\] {
|
|
--tw-gradient-from: #fff0db;
|
|
--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-\[rgba\(20\,25\,30\,0\)\] {
|
|
--tw-gradient-from: #14191e00;
|
|
--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\(--vip-modal-bottom-from\)\] {
|
|
--tw-gradient-from: var(--vip-modal-bottom-from);
|
|
--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 {
|
|
--tw-gradient-from: #000;
|
|
--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\/0 {
|
|
--tw-gradient-from: #0000;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.from-black\/0 {
|
|
--tw-gradient-from: lab(0% 0 0/0);
|
|
}
|
|
}
|
|
.from-black\/16 {
|
|
--tw-gradient-from: #00000029;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.from-black\/16 {
|
|
--tw-gradient-from: lab(0% 0 0/0.16);
|
|
}
|
|
}
|
|
.from-black\/45 {
|
|
--tw-gradient-from: #00000073;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.from-black\/45 {
|
|
--tw-gradient-from: lab(0% 0 0/0.45);
|
|
}
|
|
}
|
|
.from-black\/60 {
|
|
--tw-gradient-from: #0009;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.from-black\/60 {
|
|
--tw-gradient-from: lab(0% 0 0/0.6);
|
|
}
|
|
}
|
|
.from-black\/65 {
|
|
--tw-gradient-from: #000000a6;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.from-black\/65 {
|
|
--tw-gradient-from: lab(0% 0 0/0.65);
|
|
}
|
|
}
|
|
.from-black\/70 {
|
|
--tw-gradient-from: #000000b3;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.from-black\/70 {
|
|
--tw-gradient-from: lab(0% 0 0/0.7);
|
|
}
|
|
}
|
|
.from-black\/80 {
|
|
--tw-gradient-from: #000c;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.from-black\/80 {
|
|
--tw-gradient-from: lab(0% 0 0/0.8);
|
|
}
|
|
}
|
|
.from-blue-50 {
|
|
--tw-gradient-from: #e8f7ff;
|
|
--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-gray-50 {
|
|
--tw-gradient-from: var(--color-gray-50);
|
|
--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-sky-600 {
|
|
--tw-gradient-from: var(--color-sky-600);
|
|
--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 {
|
|
--tw-gradient-from: #fff;
|
|
--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-75\% {
|
|
--tw-gradient-from-position: 75%;
|
|
}
|
|
.from-\[73\%\] {
|
|
--tw-gradient-from-position: 73%;
|
|
}
|
|
.via-background {
|
|
--tw-gradient-via: var(--bg-page);
|
|
--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\/0 {
|
|
--tw-gradient-via: #0000;
|
|
--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);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.via-black\/0 {
|
|
--tw-gradient-via: lab(0% 0 0/0);
|
|
}
|
|
}
|
|
.via-white {
|
|
--tw-gradient-via: #fff;
|
|
--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-85\% {
|
|
--tw-gradient-via-position: 85%;
|
|
}
|
|
.to-\[\#5C5C5C\] {
|
|
--tw-gradient-to: #5c5c5c;
|
|
--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-\[\#206DFF\] {
|
|
--tw-gradient-to: #206dff;
|
|
--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-\[\#2269ff\] {
|
|
--tw-gradient-to: #2269ff;
|
|
--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-\[\#F17400\] {
|
|
--tw-gradient-to: #f17400;
|
|
--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-\[\#FF4F7B\] {
|
|
--tw-gradient-to: #ff4f7b;
|
|
--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-\[\#FFBB45\] {
|
|
--tw-gradient-to: #ffbb45;
|
|
--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-\[\#FFCC3F\] {
|
|
--tw-gradient-to: #ffcc3f;
|
|
--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-\[\#FFD377\] {
|
|
--tw-gradient-to: #ffd377;
|
|
--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-\[\#FFEACF\] {
|
|
--tw-gradient-to: #ffeacf;
|
|
--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-\[rgba\(20\,25\,30\,0\.9\)\] {
|
|
--tw-gradient-to: #14191ee6;
|
|
--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-\[var\(--vip-modal-bottom-to\)\] {
|
|
--tw-gradient-to: var(--vip-modal-bottom-to);
|
|
--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-background {
|
|
--tw-gradient-to: var(--bg-page);
|
|
--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\/40 {
|
|
--tw-gradient-to: #0006;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.to-black\/40 {
|
|
--tw-gradient-to: lab(0% 0 0/0.4);
|
|
}
|
|
}
|
|
.to-black\/50 {
|
|
--tw-gradient-to: #00000080;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.to-black\/50 {
|
|
--tw-gradient-to: lab(0% 0 0/0.5);
|
|
}
|
|
}
|
|
.to-black\/80 {
|
|
--tw-gradient-to: #000c;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.to-black\/80 {
|
|
--tw-gradient-to: lab(0% 0 0/0.8);
|
|
}
|
|
}
|
|
.to-gray-100 {
|
|
--tw-gradient-to: var(--color-gray-100);
|
|
--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-indigo-50 {
|
|
--tw-gradient-to: var(--color-indigo-50);
|
|
--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-neutral-950\/55 {
|
|
--tw-gradient-to: #1414148c;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.to-neutral-950\/55 {
|
|
--tw-gradient-to: lab(6.3189% 0 0/0.55);
|
|
}
|
|
}
|
|
.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)
|
|
);
|
|
}
|
|
.bg-\[length\:100\%_100\%\] {
|
|
background-size: 100% 100%;
|
|
}
|
|
.bg-\[length\:200\%\] {
|
|
background-size: 200%;
|
|
}
|
|
.bg-cover {
|
|
background-size: cover;
|
|
}
|
|
.\[background-clip\:padding-box\,border-box\,border-box\] {
|
|
background-clip: padding-box, border-box, border-box;
|
|
}
|
|
.bg-\[center\],
|
|
.bg-center {
|
|
background-position: 50%;
|
|
}
|
|
.bg-no-repeat {
|
|
background-repeat: no-repeat;
|
|
}
|
|
.\[background-origin\:border-box\] {
|
|
background-origin: border-box;
|
|
}
|
|
.fill-red-500 {
|
|
fill: #f53f3f;
|
|
}
|
|
.object-contain {
|
|
object-fit: contain;
|
|
}
|
|
.object-cover {
|
|
object-fit: cover;
|
|
}
|
|
.object-center {
|
|
object-position: center;
|
|
}
|
|
.\!p-0 {
|
|
padding: 0 !important;
|
|
}
|
|
.\!p-6 {
|
|
padding: 24px !important;
|
|
}
|
|
.p-0 {
|
|
padding: 0;
|
|
}
|
|
.p-0\! {
|
|
padding: 0 !important;
|
|
}
|
|
.p-0\.5 {
|
|
padding: calc(var(--spacing) * 0.5);
|
|
}
|
|
.p-1 {
|
|
padding: 4px;
|
|
}
|
|
.p-1\! {
|
|
padding: 4px !important;
|
|
}
|
|
.p-1\.5 {
|
|
padding: calc(var(--spacing) * 1.5);
|
|
}
|
|
.p-2 {
|
|
padding: 8px;
|
|
}
|
|
.p-2\.5 {
|
|
padding: calc(var(--spacing) * 2.5);
|
|
}
|
|
.p-3 {
|
|
padding: 12px;
|
|
}
|
|
.p-4 {
|
|
padding: 16px;
|
|
}
|
|
.p-5 {
|
|
padding: 20px;
|
|
}
|
|
.p-6 {
|
|
padding: 24px;
|
|
}
|
|
.p-8 {
|
|
padding: 32px;
|
|
}
|
|
.p-10 {
|
|
padding: 40px;
|
|
}
|
|
.p-\[1px\] {
|
|
padding: 1px;
|
|
}
|
|
.p-\[2px\] {
|
|
padding: 2px;
|
|
}
|
|
.p-\[6px\] {
|
|
padding: 6px;
|
|
}
|
|
.p-\[8px\] {
|
|
padding: 8px;
|
|
}
|
|
.p-\[10px\] {
|
|
padding: 10px;
|
|
}
|
|
.p-\[12px\] {
|
|
padding: 12px;
|
|
}
|
|
.p-\[16px\] {
|
|
padding: 16px;
|
|
}
|
|
.p-\[20px\] {
|
|
padding: 20px;
|
|
}
|
|
.p-\[24px\] {
|
|
padding: 24px;
|
|
}
|
|
.p-px {
|
|
padding: 1px;
|
|
}
|
|
.\!px-0 {
|
|
padding-inline: 0 !important;
|
|
}
|
|
.\!px-2 {
|
|
padding-inline: 8px !important;
|
|
}
|
|
.\!px-3 {
|
|
padding-inline: 12px !important;
|
|
}
|
|
.\!px-4 {
|
|
padding-inline: 16px !important;
|
|
}
|
|
.\!px-6 {
|
|
padding-inline: 24px !important;
|
|
}
|
|
.\!px-10 {
|
|
padding-inline: 40px !important;
|
|
}
|
|
.px-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.px-0\.5 {
|
|
padding-inline: calc(var(--spacing) * 0.5);
|
|
}
|
|
.px-1 {
|
|
padding-inline: 4px;
|
|
}
|
|
.px-1\.5 {
|
|
padding-inline: calc(var(--spacing) * 1.5);
|
|
}
|
|
.px-2 {
|
|
padding-inline: 8px;
|
|
}
|
|
.px-2\.5 {
|
|
padding-inline: calc(var(--spacing) * 2.5);
|
|
}
|
|
.px-3 {
|
|
padding-inline: 12px;
|
|
}
|
|
.px-4 {
|
|
padding-inline: 16px;
|
|
}
|
|
.px-5 {
|
|
padding-inline: 20px;
|
|
}
|
|
.px-6 {
|
|
padding-inline: 24px;
|
|
}
|
|
.px-7 {
|
|
padding-inline: calc(var(--spacing) * 7);
|
|
}
|
|
.px-8 {
|
|
padding-inline: 32px;
|
|
}
|
|
.px-10 {
|
|
padding-inline: 40px;
|
|
}
|
|
.px-\[1px\] {
|
|
padding-inline: 1px;
|
|
}
|
|
.px-\[4px\] {
|
|
padding-inline: 4px;
|
|
}
|
|
.px-\[6px\] {
|
|
padding-inline: 6px;
|
|
}
|
|
.px-\[8px\] {
|
|
padding-inline: 8px;
|
|
}
|
|
.px-\[10px\] {
|
|
padding-inline: 10px;
|
|
}
|
|
.px-\[11px\] {
|
|
padding-inline: 11px;
|
|
}
|
|
.px-\[12px\] {
|
|
padding-inline: 12px;
|
|
}
|
|
.px-\[16px\] {
|
|
padding-inline: 16px;
|
|
}
|
|
.px-\[17px\] {
|
|
padding-inline: 17px;
|
|
}
|
|
.px-\[20px\] {
|
|
padding-inline: 20px;
|
|
}
|
|
.px-\[22px\] {
|
|
padding-inline: 22px;
|
|
}
|
|
.px-\[23px\] {
|
|
padding-inline: 23px;
|
|
}
|
|
.px-\[24px\] {
|
|
padding-inline: 24px;
|
|
}
|
|
.px-\[26px\] {
|
|
padding-inline: 26px;
|
|
}
|
|
.px-\[30px\] {
|
|
padding-inline: 30px;
|
|
}
|
|
.px-\[32px\] {
|
|
padding-inline: 32px;
|
|
}
|
|
.px-\[38px\] {
|
|
padding-inline: 38px;
|
|
}
|
|
.px-\[60px\] {
|
|
padding-inline: 60px;
|
|
}
|
|
.px-\[86px\] {
|
|
padding-inline: 86px;
|
|
}
|
|
.px-\[130px\] {
|
|
padding-inline: 130px;
|
|
}
|
|
.px-\[300px\] {
|
|
padding-inline: 300px;
|
|
}
|
|
.\!py-0 {
|
|
padding-block: 0 !important;
|
|
}
|
|
.\!py-1 {
|
|
padding-block: 4px !important;
|
|
}
|
|
.\!py-2 {
|
|
padding-block: 8px !important;
|
|
}
|
|
.py-0 {
|
|
padding-block: 0;
|
|
}
|
|
.py-0\.5 {
|
|
padding-block: calc(var(--spacing) * 0.5);
|
|
}
|
|
.py-1 {
|
|
padding-block: 4px;
|
|
}
|
|
.py-1\.5 {
|
|
padding-block: calc(var(--spacing) * 1.5);
|
|
}
|
|
.py-2 {
|
|
padding-block: 8px;
|
|
}
|
|
.py-2\.5 {
|
|
padding-block: calc(var(--spacing) * 2.5);
|
|
}
|
|
.py-3 {
|
|
padding-block: 12px;
|
|
}
|
|
.py-4 {
|
|
padding-block: 16px;
|
|
}
|
|
.py-5 {
|
|
padding-block: 20px;
|
|
}
|
|
.py-6 {
|
|
padding-block: 24px;
|
|
}
|
|
.py-8 {
|
|
padding-block: 32px;
|
|
}
|
|
.py-10 {
|
|
padding-block: 40px;
|
|
}
|
|
.py-12 {
|
|
padding-block: 48px;
|
|
}
|
|
.py-20 {
|
|
padding-block: calc(var(--spacing) * 20);
|
|
}
|
|
.py-40 {
|
|
padding-block: calc(var(--spacing) * 40);
|
|
}
|
|
.py-\[1px\] {
|
|
padding-block: 1px;
|
|
}
|
|
.py-\[2px\] {
|
|
padding-block: 2px;
|
|
}
|
|
.py-\[3px\] {
|
|
padding-block: 3px;
|
|
}
|
|
.py-\[4px\] {
|
|
padding-block: 4px;
|
|
}
|
|
.py-\[6px\] {
|
|
padding-block: 6px;
|
|
}
|
|
.py-\[7px\] {
|
|
padding-block: 7px;
|
|
}
|
|
.py-\[8px\] {
|
|
padding-block: 8px;
|
|
}
|
|
.py-\[9px\] {
|
|
padding-block: 9px;
|
|
}
|
|
.py-\[10px\] {
|
|
padding-block: 10px;
|
|
}
|
|
.py-\[12px\] {
|
|
padding-block: 12px;
|
|
}
|
|
.py-\[14px\] {
|
|
padding-block: 14px;
|
|
}
|
|
.py-\[16px\] {
|
|
padding-block: 16px;
|
|
}
|
|
.py-\[20px\] {
|
|
padding-block: 20px;
|
|
}
|
|
.py-\[24px\] {
|
|
padding-block: 24px;
|
|
}
|
|
.py-\[44px\] {
|
|
padding-block: 44px;
|
|
}
|
|
.py-\[64px\] {
|
|
padding-block: 64px;
|
|
}
|
|
.py-\[76px\] {
|
|
padding-block: 76px;
|
|
}
|
|
.py-px {
|
|
padding-block: 1px;
|
|
}
|
|
.\!pt-1 {
|
|
padding-top: 4px !important;
|
|
}
|
|
.\!pt-4 {
|
|
padding-top: 16px !important;
|
|
}
|
|
.pt-0 {
|
|
padding-top: 0;
|
|
}
|
|
.pt-0\.5 {
|
|
padding-top: calc(var(--spacing) * 0.5);
|
|
}
|
|
.pt-1 {
|
|
padding-top: 4px;
|
|
}
|
|
.pt-1\.5 {
|
|
padding-top: calc(var(--spacing) * 1.5);
|
|
}
|
|
.pt-2 {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-3 {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-3\.5 {
|
|
padding-top: calc(var(--spacing) * 3.5);
|
|
}
|
|
.pt-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-5 {
|
|
padding-top: 20px;
|
|
}
|
|
.pt-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-8 {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-9 {
|
|
padding-top: calc(var(--spacing) * 9);
|
|
}
|
|
.pt-10 {
|
|
padding-top: 40px;
|
|
}
|
|
.pt-11 {
|
|
padding-top: calc(var(--spacing) * 11);
|
|
}
|
|
.pt-14 {
|
|
padding-top: calc(var(--spacing) * 14);
|
|
}
|
|
.pt-\[0\] {
|
|
padding-top: 0;
|
|
}
|
|
.pt-\[2px\] {
|
|
padding-top: 2px;
|
|
}
|
|
.pt-\[3px\] {
|
|
padding-top: 3px;
|
|
}
|
|
.pt-\[8px\] {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-\[10px\] {
|
|
padding-top: 10px;
|
|
}
|
|
.pt-\[12px\] {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-\[14px\] {
|
|
padding-top: 14px;
|
|
}
|
|
.pt-\[16px\] {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-\[22px\] {
|
|
padding-top: 22px;
|
|
}
|
|
.pt-\[24px\] {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-\[26px\] {
|
|
padding-top: 26px;
|
|
}
|
|
.pt-\[30px\] {
|
|
padding-top: 30px;
|
|
}
|
|
.pt-\[31px\] {
|
|
padding-top: 31px;
|
|
}
|
|
.pt-\[41px\] {
|
|
padding-top: 41px;
|
|
}
|
|
.pt-\[60px\] {
|
|
padding-top: 60px;
|
|
}
|
|
.pt-\[68px\] {
|
|
padding-top: 68px;
|
|
}
|
|
.pt-\[78px\] {
|
|
padding-top: 78px;
|
|
}
|
|
.pt-\[100px\] {
|
|
padding-top: 100px;
|
|
}
|
|
.pt-\[239px\] {
|
|
padding-top: 239px;
|
|
}
|
|
.pt-\[var\(--safe-area-top\)\] {
|
|
padding-top: var(--safe-area-top);
|
|
}
|
|
.\!pr-3 {
|
|
padding-right: 12px !important;
|
|
}
|
|
.pr-0 {
|
|
padding-right: 0;
|
|
}
|
|
.pr-1 {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-3 {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-4 {
|
|
padding-right: 16px;
|
|
}
|
|
.pr-5 {
|
|
padding-right: 20px;
|
|
}
|
|
.pr-6 {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-8 {
|
|
padding-right: 32px;
|
|
}
|
|
.pr-12 {
|
|
padding-right: 48px;
|
|
}
|
|
.pr-14 {
|
|
padding-right: calc(var(--spacing) * 14);
|
|
}
|
|
.pr-\[1px\] {
|
|
padding-right: 1px;
|
|
}
|
|
.pr-\[2px\] {
|
|
padding-right: 2px;
|
|
}
|
|
.pr-\[4px\] {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-\[7px\] {
|
|
padding-right: 7px;
|
|
}
|
|
.pr-\[8px\] {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-\[12px\] {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-\[14px\] {
|
|
padding-right: 14px;
|
|
}
|
|
.pr-\[24px\] {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-\[144px\] {
|
|
padding-right: 144px;
|
|
}
|
|
.\!pb-6 {
|
|
padding-bottom: 24px !important;
|
|
}
|
|
.pb-0 {
|
|
padding-bottom: 0;
|
|
}
|
|
.pb-1 {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-2 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-2\.5 {
|
|
padding-bottom: calc(var(--spacing) * 2.5);
|
|
}
|
|
.pb-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
.pb-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-6 {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-8 {
|
|
padding-bottom: 32px;
|
|
}
|
|
.pb-9 {
|
|
padding-bottom: calc(var(--spacing) * 9);
|
|
}
|
|
.pb-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
.pb-14 {
|
|
padding-bottom: calc(var(--spacing) * 14);
|
|
}
|
|
.pb-20 {
|
|
padding-bottom: calc(var(--spacing) * 20);
|
|
}
|
|
.pb-28 {
|
|
padding-bottom: calc(var(--spacing) * 28);
|
|
}
|
|
.pb-\[1px\] {
|
|
padding-bottom: 1px;
|
|
}
|
|
.pb-\[4px\] {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-\[6px\] {
|
|
padding-bottom: 6px;
|
|
}
|
|
.pb-\[8px\] {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-\[10px\] {
|
|
padding-bottom: 10px;
|
|
}
|
|
.pb-\[20px\] {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-\[24px\] {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-\[30px\] {
|
|
padding-bottom: 30px;
|
|
}
|
|
.pb-\[31px\] {
|
|
padding-bottom: 31px;
|
|
}
|
|
.pb-\[43px\] {
|
|
padding-bottom: 43px;
|
|
}
|
|
.pb-\[60px\] {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-\[90px\] {
|
|
padding-bottom: 90px;
|
|
}
|
|
.pb-\[110px\] {
|
|
padding-bottom: 110px;
|
|
}
|
|
.pb-\[253px\] {
|
|
padding-bottom: 253px;
|
|
}
|
|
.pl-0 {
|
|
padding-left: 0;
|
|
}
|
|
.pl-1 {
|
|
padding-left: 4px;
|
|
}
|
|
.pl-1\.5 {
|
|
padding-left: calc(var(--spacing) * 1.5);
|
|
}
|
|
.pl-2 {
|
|
padding-left: 8px;
|
|
}
|
|
.pl-3 {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-3\.5 {
|
|
padding-left: calc(var(--spacing) * 3.5);
|
|
}
|
|
.pl-4 {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-5 {
|
|
padding-left: 20px;
|
|
}
|
|
.pl-6 {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-8 {
|
|
padding-left: 32px;
|
|
}
|
|
.pl-10 {
|
|
padding-left: 40px;
|
|
}
|
|
.pl-12 {
|
|
padding-left: 48px;
|
|
}
|
|
.pl-\[1\.5px\] {
|
|
padding-left: 1.5px;
|
|
}
|
|
.pl-\[2px\] {
|
|
padding-left: 2px;
|
|
}
|
|
.pl-\[6px\] {
|
|
padding-left: 6px;
|
|
}
|
|
.pl-\[12px\] {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-\[14px\] {
|
|
padding-left: 14px;
|
|
}
|
|
.pl-\[16px\] {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-\[24px\] {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-\[34px\] {
|
|
padding-left: 34px;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.indent-0 {
|
|
text-indent: 0;
|
|
}
|
|
.indent-8 {
|
|
text-indent: 32px;
|
|
}
|
|
.align-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.align-top {
|
|
vertical-align: top;
|
|
}
|
|
.font-\[\'PingFang_SC\'\,sans-serif\] {
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
}
|
|
.font-\[\'PlusJakartaSans\'\] {
|
|
font-family: PlusJakartaSans;
|
|
}
|
|
.font-\[PingFang-SC\] {
|
|
font-family: PingFang-SC;
|
|
}
|
|
.font-\[PingFang_SC\,sans-serif\] {
|
|
font-family:
|
|
PingFang SC,
|
|
sans-serif;
|
|
}
|
|
.font-\[Poppins\,sans-serif\] {
|
|
font-family: Poppins, sans-serif;
|
|
}
|
|
.font-mono {
|
|
font-family: var(--font-mono);
|
|
}
|
|
.font-sans {
|
|
font-family: var(--font-sans);
|
|
}
|
|
.\!text-xs {
|
|
font-size: var(--text-xs) !important;
|
|
line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
|
|
}
|
|
.text-2xl {
|
|
font-size: var(--text-2xl);
|
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
}
|
|
.text-3xl {
|
|
font-size: var(--text-3xl);
|
|
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
}
|
|
.text-4xl {
|
|
font-size: var(--text-4xl);
|
|
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
}
|
|
.text-6xl {
|
|
font-size: var(--text-6xl);
|
|
line-height: var(--tw-leading, var(--text-6xl--line-height));
|
|
}
|
|
.text-base {
|
|
font-size: var(--text-base);
|
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
}
|
|
.text-base\/1 {
|
|
font-size: var(--text-base);
|
|
line-height: calc(var(--spacing) * 1);
|
|
}
|
|
.text-lg {
|
|
font-size: var(--text-lg);
|
|
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
}
|
|
.text-sm {
|
|
font-size: var(--text-sm);
|
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
}
|
|
.text-xl {
|
|
font-size: var(--text-xl);
|
|
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
}
|
|
.text-xs {
|
|
font-size: var(--text-xs);
|
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
}
|
|
.text-xs\/\[26px\] {
|
|
font-size: var(--text-xs);
|
|
line-height: 26px;
|
|
}
|
|
.\!text-\[12px\] {
|
|
font-size: 12px !important;
|
|
}
|
|
.\!text-\[13px\] {
|
|
font-size: 13px !important;
|
|
}
|
|
.\!text-\[14px\] {
|
|
font-size: 14px !important;
|
|
}
|
|
.\!text-\[16px\] {
|
|
font-size: 16px !important;
|
|
}
|
|
.\!text-\[18px\] {
|
|
font-size: 18px !important;
|
|
}
|
|
.text-\[0\.8125rem\] {
|
|
font-size: 0.8125rem;
|
|
}
|
|
.text-\[6px\] {
|
|
font-size: 6px;
|
|
}
|
|
.text-\[7px\] {
|
|
font-size: 7px;
|
|
}
|
|
.text-\[8px\] {
|
|
font-size: 8px;
|
|
}
|
|
.text-\[9px\] {
|
|
font-size: 9px;
|
|
}
|
|
.text-\[10px\] {
|
|
font-size: 10px;
|
|
}
|
|
.text-\[11px\] {
|
|
font-size: 11px;
|
|
}
|
|
.text-\[12px\] {
|
|
font-size: 12px;
|
|
}
|
|
.text-\[13px\] {
|
|
font-size: 13px;
|
|
}
|
|
.text-\[14px\] {
|
|
font-size: 14px;
|
|
}
|
|
.text-\[15px\] {
|
|
font-size: 15px;
|
|
}
|
|
.text-\[16px\] {
|
|
font-size: 16px;
|
|
}
|
|
.text-\[18px\] {
|
|
font-size: 18px;
|
|
}
|
|
.text-\[20px\] {
|
|
font-size: 20px;
|
|
}
|
|
.text-\[22px\] {
|
|
font-size: 22px;
|
|
}
|
|
.text-\[24px\] {
|
|
font-size: 24px;
|
|
}
|
|
.text-\[26px\] {
|
|
font-size: 26px;
|
|
}
|
|
.text-\[28px\] {
|
|
font-size: 28px;
|
|
}
|
|
.text-\[30px\] {
|
|
font-size: 30px;
|
|
}
|
|
.text-\[32px\] {
|
|
font-size: 32px;
|
|
}
|
|
.text-\[35px\] {
|
|
font-size: 35px;
|
|
}
|
|
.text-\[40px\] {
|
|
font-size: 40px;
|
|
}
|
|
.text-\[48px\] {
|
|
font-size: 48px;
|
|
}
|
|
.text-\[52px\] {
|
|
font-size: 52px;
|
|
}
|
|
.text-\[60px\] {
|
|
font-size: 60px;
|
|
}
|
|
.text-\[63px\] {
|
|
font-size: 63px;
|
|
}
|
|
.text-\[64px\] {
|
|
font-size: 64px;
|
|
}
|
|
.text-\[74px\] {
|
|
font-size: 74px;
|
|
}
|
|
.leading-0 {
|
|
--tw-leading: 0px;
|
|
line-height: 0;
|
|
}
|
|
.leading-3 {
|
|
--tw-leading: 12px;
|
|
line-height: 12px;
|
|
}
|
|
.leading-4 {
|
|
--tw-leading: 16px;
|
|
line-height: 16px;
|
|
}
|
|
.leading-5 {
|
|
--tw-leading: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.leading-8 {
|
|
--tw-leading: 32px;
|
|
line-height: 32px;
|
|
}
|
|
.leading-\[1\.4\] {
|
|
--tw-leading: 1.4;
|
|
line-height: 1.4;
|
|
}
|
|
.leading-\[1\.5\] {
|
|
--tw-leading: 1.5;
|
|
line-height: 1.5;
|
|
}
|
|
.leading-\[1\.6\] {
|
|
--tw-leading: 1.6;
|
|
line-height: 1.6;
|
|
}
|
|
.leading-\[1\.8\] {
|
|
--tw-leading: 1.8;
|
|
line-height: 1.8;
|
|
}
|
|
.leading-\[3rem\] {
|
|
--tw-leading: 3rem;
|
|
line-height: 3rem;
|
|
}
|
|
.leading-\[11px\] {
|
|
--tw-leading: 11px;
|
|
line-height: 11px;
|
|
}
|
|
.leading-\[14px\] {
|
|
--tw-leading: 14px;
|
|
line-height: 14px;
|
|
}
|
|
.leading-\[15px\] {
|
|
--tw-leading: 15px;
|
|
line-height: 15px;
|
|
}
|
|
.leading-\[16px\] {
|
|
--tw-leading: 16px;
|
|
line-height: 16px;
|
|
}
|
|
.leading-\[17px\] {
|
|
--tw-leading: 17px;
|
|
line-height: 17px;
|
|
}
|
|
.leading-\[18px\] {
|
|
--tw-leading: 18px;
|
|
line-height: 18px;
|
|
}
|
|
.leading-\[19px\] {
|
|
--tw-leading: 19px;
|
|
line-height: 19px;
|
|
}
|
|
.leading-\[20px\] {
|
|
--tw-leading: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.leading-\[21px\] {
|
|
--tw-leading: 21px;
|
|
line-height: 21px;
|
|
}
|
|
.leading-\[22px\] {
|
|
--tw-leading: 22px;
|
|
line-height: 22px;
|
|
}
|
|
.leading-\[24px\] {
|
|
--tw-leading: 24px;
|
|
line-height: 24px;
|
|
}
|
|
.leading-\[26px\] {
|
|
--tw-leading: 26px;
|
|
line-height: 26px;
|
|
}
|
|
.leading-\[28px\] {
|
|
--tw-leading: 28px;
|
|
line-height: 28px;
|
|
}
|
|
.leading-\[30px\] {
|
|
--tw-leading: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.leading-\[32px\] {
|
|
--tw-leading: 32px;
|
|
line-height: 32px;
|
|
}
|
|
.leading-\[38px\] {
|
|
--tw-leading: 38px;
|
|
line-height: 38px;
|
|
}
|
|
.leading-\[48px\] {
|
|
--tw-leading: 48px;
|
|
line-height: 48px;
|
|
}
|
|
.leading-\[50px\] {
|
|
--tw-leading: 50px;
|
|
line-height: 50px;
|
|
}
|
|
.leading-\[60px\] {
|
|
--tw-leading: 60px;
|
|
line-height: 60px;
|
|
}
|
|
.leading-\[64px\] {
|
|
--tw-leading: 64px;
|
|
line-height: 64px;
|
|
}
|
|
.leading-\[80px\] {
|
|
--tw-leading: 80px;
|
|
line-height: 80px;
|
|
}
|
|
.leading-\[100\%\] {
|
|
--tw-leading: 100%;
|
|
line-height: 100%;
|
|
}
|
|
.leading-\[100px\] {
|
|
--tw-leading: 100px;
|
|
line-height: 100px;
|
|
}
|
|
.leading-\[150\%\] {
|
|
--tw-leading: 150%;
|
|
line-height: 150%;
|
|
}
|
|
.leading-\[normal\] {
|
|
--tw-leading: normal;
|
|
line-height: normal;
|
|
}
|
|
.leading-none {
|
|
--tw-leading: 1;
|
|
line-height: 1;
|
|
}
|
|
.leading-normal {
|
|
--tw-leading: var(--leading-normal);
|
|
line-height: var(--leading-normal);
|
|
}
|
|
.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-medium {
|
|
--tw-font-weight: var(--font-weight-medium) !important;
|
|
font-weight: var(--font-weight-medium) !important;
|
|
}
|
|
.font-\[400\] {
|
|
--tw-font-weight: 400;
|
|
font-weight: 400;
|
|
}
|
|
.font-\[500\] {
|
|
--tw-font-weight: 500;
|
|
font-weight: 500;
|
|
}
|
|
.font-\[600\] {
|
|
--tw-font-weight: 600;
|
|
font-weight: 600;
|
|
}
|
|
.font-\[700\] {
|
|
--tw-font-weight: 700;
|
|
font-weight: 700;
|
|
}
|
|
.font-bold {
|
|
--tw-font-weight: var(--font-weight-bold);
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
.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-\[-0\.28px\] {
|
|
--tw-tracking: -0.28px;
|
|
letter-spacing: -0.28px;
|
|
}
|
|
.tracking-tight {
|
|
--tw-tracking: var(--tracking-tight);
|
|
letter-spacing: var(--tracking-tight);
|
|
}
|
|
.text-nowrap {
|
|
text-wrap: nowrap;
|
|
}
|
|
.break-words,
|
|
.wrap-break-word {
|
|
overflow-wrap: break-word;
|
|
}
|
|
.break-all {
|
|
word-break: break-all;
|
|
}
|
|
.text-ellipsis {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.whitespace-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.whitespace-pre {
|
|
white-space: pre;
|
|
}
|
|
.whitespace-pre-wrap {
|
|
white-space: pre-wrap;
|
|
}
|
|
.\!text-\[\#4B7DFF\] {
|
|
color: #4b7dff !important;
|
|
}
|
|
.\!text-\[\#9CA1A9\] {
|
|
color: #9ca1a9 !important;
|
|
}
|
|
.\!text-\[\#222\] {
|
|
color: #222 !important;
|
|
}
|
|
.\!text-\[\#326BFF\] {
|
|
color: #326bff !important;
|
|
}
|
|
.\!text-\[\#333\] {
|
|
color: #333 !important;
|
|
}
|
|
.\!text-\[\#999\] {
|
|
color: #999 !important;
|
|
}
|
|
.\!text-\[\#3162ff\] {
|
|
color: #3162ff !important;
|
|
}
|
|
.\!text-\[\#222222\] {
|
|
color: #222 !important;
|
|
}
|
|
.\!text-\[\#333333\] {
|
|
color: #333 !important;
|
|
}
|
|
.\!text-\[\#666666\] {
|
|
color: #666 !important;
|
|
}
|
|
.\!text-\[\#787878\] {
|
|
color: #787878 !important;
|
|
}
|
|
.\!text-\[\#814600\] {
|
|
color: #814600 !important;
|
|
}
|
|
.\!text-\[\#919191\] {
|
|
color: #919191 !important;
|
|
}
|
|
.\!text-\[\#ffffffcc\] {
|
|
color: #fffc !important;
|
|
}
|
|
.\!text-\[var\(--color-text\)\] {
|
|
color: var(--color-text) !important;
|
|
}
|
|
.\!text-\[var\(--color-vip-text\)\] {
|
|
color: var(--color-vip-text) !important;
|
|
}
|
|
.\!text-\[var\(--model-info-popover-text\)\] {
|
|
color: var(--model-info-popover-text) !important;
|
|
}
|
|
.\!text-\[var\(--model-info-pub-btn-color\)\] {
|
|
color: var(--model-info-pub-btn-color) !important;
|
|
}
|
|
.\!text-\[var\(--team-vip-link\)\] {
|
|
color: var(--team-vip-link) !important;
|
|
}
|
|
.\!text-white {
|
|
color: #fff !important;
|
|
}
|
|
.\[color\:rgba\(255\,255\,255\,0\.72\)\] {
|
|
color: #ffffffb8;
|
|
}
|
|
.text-\(--color-neutral-500\) {
|
|
color: var(--color-neutral-500);
|
|
}
|
|
.text-\(--color-text-img-info\) {
|
|
color: var(--color-text-img-info);
|
|
}
|
|
.text-\(--fg-default\) {
|
|
color: var(--fg-default);
|
|
}
|
|
.text-\(--status-error\) {
|
|
color: var(--status-error);
|
|
}
|
|
.text-\[\#\#222222\] {
|
|
color: ##222;
|
|
}
|
|
.text-\[\#0D0D0D\] {
|
|
color: #0d0d0d;
|
|
}
|
|
.text-\[\#0E2C3B\] {
|
|
color: #0e2c3b;
|
|
}
|
|
.text-\[\#0F4FD9\] {
|
|
color: #0f4fd9;
|
|
}
|
|
.text-\[\#0d0d0d\] {
|
|
color: #0d0d0d;
|
|
}
|
|
.text-\[\#0f172a\] {
|
|
color: #0f172a;
|
|
}
|
|
.text-\[\#00A8B7\] {
|
|
color: #00a8b7;
|
|
}
|
|
.text-\[\#00C38B\] {
|
|
color: #00c38b;
|
|
}
|
|
.text-\[\#00a4c9\] {
|
|
color: #00a4c9;
|
|
}
|
|
.text-\[\#000\],
|
|
.text-\[\#000000\] {
|
|
color: #000;
|
|
}
|
|
.text-\[\#1C2027\] {
|
|
color: #1c2027;
|
|
}
|
|
.text-\[\#1F6DFF\] {
|
|
color: #1f6dff;
|
|
}
|
|
.text-\[\#1F2329\] {
|
|
color: #1f2329;
|
|
}
|
|
.text-\[\#1f6dff\] {
|
|
color: #1f6dff;
|
|
}
|
|
.text-\[\#2D79FE\] {
|
|
color: #2d79fe;
|
|
}
|
|
.text-\[\#2F3640\] {
|
|
color: #2f3640;
|
|
}
|
|
.text-\[\#2d2d2d\] {
|
|
color: #2d2d2d;
|
|
}
|
|
.text-\[\#4B7DFF\] {
|
|
color: #4b7dff;
|
|
}
|
|
.text-\[\#4DA3FF\] {
|
|
color: #4da3ff;
|
|
}
|
|
.text-\[\#4F4F4F\] {
|
|
color: #4f4f4f;
|
|
}
|
|
.text-\[\#05A3C5\],
|
|
.text-\[\#05a3c5\] {
|
|
color: #05a3c5;
|
|
}
|
|
.text-\[\#05dff6\] {
|
|
color: #05dff6;
|
|
}
|
|
.text-\[\#5DDCFF\] {
|
|
color: #5ddcff;
|
|
}
|
|
.text-\[\#6A7685\] {
|
|
color: #6a7685;
|
|
}
|
|
.text-\[\#6E6D7A\],
|
|
.text-\[\#6e6d7a\] {
|
|
color: #6e6d7a;
|
|
}
|
|
.text-\[\#7F7F7F\] {
|
|
color: #7f7f7f;
|
|
}
|
|
.text-\[\#7a7a7a\] {
|
|
color: #7a7a7a;
|
|
}
|
|
.text-\[\#7e7e7e\] {
|
|
color: #7e7e7e;
|
|
}
|
|
.text-\[\#7f7f7f\] {
|
|
color: #7f7f7f;
|
|
}
|
|
.text-\[\#09CAF5\] {
|
|
color: #09caf5;
|
|
}
|
|
.text-\[\#09CAF5\]\/80 {
|
|
color: #09caf5cc;
|
|
color: lab(74.7849% -31.5173 -33.6526/0.8);
|
|
}
|
|
.text-\[\#09caf5\] {
|
|
color: #09caf5;
|
|
}
|
|
.text-\[\#9CA1A9\] {
|
|
color: #9ca1a9;
|
|
}
|
|
.text-\[\#9CABBD\] {
|
|
color: #9cabbd;
|
|
}
|
|
.text-\[\#61D8A9\] {
|
|
color: #61d8a9;
|
|
}
|
|
.text-\[\#147DFF\] {
|
|
color: #147dff;
|
|
}
|
|
.text-\[\#189CFB\] {
|
|
color: #189cfb;
|
|
}
|
|
.text-\[\#222\] {
|
|
color: #222;
|
|
}
|
|
.text-\[\#326BFF\],
|
|
.text-\[\#326bff\] {
|
|
color: #326bff;
|
|
}
|
|
.text-\[\#333\] {
|
|
color: #333;
|
|
}
|
|
.text-\[\#444\] {
|
|
color: #444;
|
|
}
|
|
.text-\[\#478EFF\],
|
|
.text-\[\#478eff\] {
|
|
color: #478eff;
|
|
}
|
|
.text-\[\#526D87\] {
|
|
color: #526d87;
|
|
}
|
|
.text-\[\#666\] {
|
|
color: #666;
|
|
}
|
|
.text-\[\#773E00\],
|
|
.text-\[\#773e00\] {
|
|
color: #773e00;
|
|
}
|
|
.text-\[\#934c4c\] {
|
|
color: #934c4c;
|
|
}
|
|
.text-\[\#969AB2\] {
|
|
color: #969ab2;
|
|
}
|
|
.text-\[\#999\] {
|
|
color: #999;
|
|
}
|
|
.text-\[\#1880FF\],
|
|
.text-\[\#1880ff\] {
|
|
color: #1880ff;
|
|
}
|
|
.text-\[\#3162FF\],
|
|
.text-\[\#3162ff\] {
|
|
color: #3162ff;
|
|
}
|
|
.text-\[\#3268FF\] {
|
|
color: #3268ff;
|
|
}
|
|
.text-\[\#4380D6\] {
|
|
color: #4380d6;
|
|
}
|
|
.text-\[\#9197A1\] {
|
|
color: #9197a1;
|
|
}
|
|
.text-\[\#18191C\] {
|
|
color: #18191c;
|
|
}
|
|
.text-\[\#20242A\] {
|
|
color: #20242a;
|
|
}
|
|
.text-\[\#22212C\] {
|
|
color: #22212c;
|
|
}
|
|
.text-\[\#78858F\] {
|
|
color: #78858f;
|
|
}
|
|
.text-\[\#86909C\] {
|
|
color: #86909c;
|
|
}
|
|
.text-\[\#141414\] {
|
|
color: #141414;
|
|
}
|
|
.text-\[\#171717\] {
|
|
color: #171717;
|
|
}
|
|
.text-\[\#191919\] {
|
|
color: #191919;
|
|
}
|
|
.text-\[\#222222CC\] {
|
|
color: #222c;
|
|
}
|
|
.text-\[\#222222\] {
|
|
color: #222;
|
|
}
|
|
.text-\[\#222531\] {
|
|
color: #222531;
|
|
}
|
|
.text-\[\#262626\] {
|
|
color: #262626;
|
|
}
|
|
.text-\[\#303030\] {
|
|
color: #303030;
|
|
}
|
|
.text-\[\#333333\] {
|
|
color: #333;
|
|
}
|
|
.text-\[\#383838\] {
|
|
color: #383838;
|
|
}
|
|
.text-\[\#424242\] {
|
|
color: #424242;
|
|
}
|
|
.text-\[\#525252\] {
|
|
color: #525252;
|
|
}
|
|
.text-\[\#646464\] {
|
|
color: #646464;
|
|
}
|
|
.text-\[\#666666\] {
|
|
color: #666;
|
|
}
|
|
.text-\[\#683902\] {
|
|
color: #683902;
|
|
}
|
|
.text-\[\#737373\] {
|
|
color: #737373;
|
|
}
|
|
.text-\[\#787878\] {
|
|
color: #787878;
|
|
}
|
|
.text-\[\#814600\] {
|
|
color: #814600;
|
|
}
|
|
.text-\[\#888888\] {
|
|
color: #888;
|
|
}
|
|
.text-\[\#919191\] {
|
|
color: #919191;
|
|
}
|
|
.text-\[\#929292\] {
|
|
color: #929292;
|
|
}
|
|
.text-\[\#939393\] {
|
|
color: #939393;
|
|
}
|
|
.text-\[\#999999\] {
|
|
color: #999;
|
|
}
|
|
.text-\[\#A4A9B2\] {
|
|
color: #a4a9b2;
|
|
}
|
|
.text-\[\#A4ABC2\] {
|
|
color: #a4abc2;
|
|
}
|
|
.text-\[\#A7A8AD\] {
|
|
color: #a7a8ad;
|
|
}
|
|
.text-\[\#A8A8A8\] {
|
|
color: #a8a8a8;
|
|
}
|
|
.text-\[\#ADADAD\] {
|
|
color: #adadad;
|
|
}
|
|
.text-\[\#B0B0B0\] {
|
|
color: #b0b0b0;
|
|
}
|
|
.text-\[\#BA824D\] {
|
|
color: #ba824d;
|
|
}
|
|
.text-\[\#C1C2C5\] {
|
|
color: #c1c2c5;
|
|
}
|
|
.text-\[\#C1C5CC\] {
|
|
color: #c1c5cc;
|
|
}
|
|
.text-\[\#CB272D\] {
|
|
color: #cb272d;
|
|
}
|
|
.text-\[\#D6D6D6\] {
|
|
color: #d6d6d6;
|
|
}
|
|
.text-\[\#D9D9D9\] {
|
|
color: #d9d9d9;
|
|
}
|
|
.text-\[\#E85D5D\] {
|
|
color: #e85d5d;
|
|
}
|
|
.text-\[\#E08909\] {
|
|
color: #e08909;
|
|
}
|
|
.text-\[\#F5F5F7\] {
|
|
color: #f5f5f7;
|
|
}
|
|
.text-\[\#F7F7F7\] {
|
|
color: #f7f7f7;
|
|
}
|
|
.text-\[\#F53F3F\] {
|
|
color: #f53f3f;
|
|
}
|
|
.text-\[\#F5514F\]\/80 {
|
|
color: #f5514fcc;
|
|
color: lab(58.6849% 63.3201 38.2325/0.8);
|
|
}
|
|
.text-\[\#F76560\] {
|
|
color: #f76560;
|
|
}
|
|
.text-\[\#FDA400\] {
|
|
color: #fda400;
|
|
}
|
|
.text-\[\#FF00AA\] {
|
|
color: #f0a;
|
|
}
|
|
.text-\[\#FF2D2D\] {
|
|
color: #ff2d2d;
|
|
}
|
|
.text-\[\#FF6A6F\] {
|
|
color: #ff6a6f;
|
|
}
|
|
.text-\[\#FF8A01\] {
|
|
color: #ff8a01;
|
|
}
|
|
.text-\[\#FF8F0E\] {
|
|
color: #ff8f0e;
|
|
}
|
|
.text-\[\#FF5290\] {
|
|
color: #ff5290;
|
|
}
|
|
.text-\[\#FF6868\] {
|
|
color: #ff6868;
|
|
}
|
|
.text-\[\#FF8000\] {
|
|
color: #ff8000;
|
|
}
|
|
.text-\[\#FFA700\] {
|
|
color: #ffa700;
|
|
}
|
|
.text-\[\#FFAA2F\] {
|
|
color: #ffaa2f;
|
|
}
|
|
.text-\[\#FFAB0D\] {
|
|
color: #ffab0d;
|
|
}
|
|
.text-\[\#FFC65D\] {
|
|
color: #ffc65d;
|
|
}
|
|
.text-\[\#FFC862\] {
|
|
color: #ffc862;
|
|
}
|
|
.text-\[\#FFDBA4\] {
|
|
color: #ffdba4;
|
|
}
|
|
.text-\[\#FFDDA5\] {
|
|
color: #ffdda5;
|
|
}
|
|
.text-\[\#FFDEAD\] {
|
|
color: #ffdead;
|
|
}
|
|
.text-\[\#FFF0CA\] {
|
|
color: #fff0ca;
|
|
}
|
|
.text-\[\#FFFFFF99\] {
|
|
color: #fff9;
|
|
}
|
|
.text-\[\#FFFFFFCC\] {
|
|
color: #fffc;
|
|
}
|
|
.text-\[\#FFFFFFD9\] {
|
|
color: #ffffffd9;
|
|
}
|
|
.text-\[\#FFFFFF\],
|
|
.text-\[\#FFF\] {
|
|
color: #fff;
|
|
}
|
|
.text-\[\#a8a8a8\] {
|
|
color: #a8a8a8;
|
|
}
|
|
.text-\[\#b0b0b0\] {
|
|
color: #b0b0b0;
|
|
}
|
|
.text-\[\#c0c1c4\] {
|
|
color: #c0c1c4;
|
|
}
|
|
.text-\[\#cb272d\] {
|
|
color: #cb272d;
|
|
}
|
|
.text-\[\#cf3336\] {
|
|
color: #cf3336;
|
|
}
|
|
.text-\[\#f2f2f2\] {
|
|
color: #f2f2f2;
|
|
}
|
|
.text-\[\#f7f7f7\] {
|
|
color: #f7f7f7;
|
|
}
|
|
.text-\[\#f7f7f7\]\/90 {
|
|
color: #f7f7f7e6;
|
|
color: lab(97.2321% 0 0/0.9);
|
|
}
|
|
.text-\[\#facc15\] {
|
|
color: #facc15;
|
|
}
|
|
.text-\[\#ff3801\] {
|
|
color: #ff3801;
|
|
}
|
|
.text-\[\#ffc65d\] {
|
|
color: #ffc65d;
|
|
}
|
|
.text-\[\#fff\],
|
|
.text-\[\#ffffff\] {
|
|
color: #fff;
|
|
}
|
|
.text-\[\#ffffffcc\] {
|
|
color: #fffc;
|
|
}
|
|
.text-\[6e6d7a\] {
|
|
color: 6000000D7A;
|
|
}
|
|
.text-\[black\] {
|
|
color: #000;
|
|
}
|
|
.text-\[rgb\(31\,109\,255\)\] {
|
|
color: #1f6dff;
|
|
}
|
|
.text-\[rgba\(255\,255\,255\,0\.6\)\] {
|
|
color: #fff9;
|
|
}
|
|
.text-\[var\(--canvas-controls-icon\)\] {
|
|
color: var(--canvas-controls-icon);
|
|
}
|
|
.text-\[var\(--canvas-controls-text\)\] {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
.text-\[var\(--charge-qr-text\,\#787878\)\] {
|
|
color: var(--charge-qr-text, #787878);
|
|
}
|
|
.text-\[var\(--charge-text-secondary\,\#814600\)\] {
|
|
color: var(--charge-text-secondary, #814600);
|
|
}
|
|
.text-\[var\(--charge-text-title\,\#303030\)\] {
|
|
color: var(--charge-text-title, #303030);
|
|
}
|
|
.text-\[var\(--charge-text-title\,\#513616\)\] {
|
|
color: var(--charge-text-title, #513616);
|
|
}
|
|
.text-\[var\(--client-download-desc\)\] {
|
|
color: var(--client-download-desc);
|
|
}
|
|
.text-\[var\(--client-download-title\)\] {
|
|
color: var(--client-download-title);
|
|
}
|
|
.text-\[var\(--color-border-login-input\)\] {
|
|
color: var(--color-border-login-input);
|
|
}
|
|
.text-\[var\(--color-caption-light\)\] {
|
|
color: var(--color-caption-light);
|
|
}
|
|
.text-\[var\(--color-draw-same-navigate-btn-text\)\] {
|
|
color: var(--color-draw-same-navigate-btn-text);
|
|
}
|
|
.text-\[var\(--color-draw-same-tag-normal-text\)\] {
|
|
color: var(--color-draw-same-tag-normal-text);
|
|
}
|
|
.text-\[var\(--color-draw-same-tag-selected-text\)\] {
|
|
color: var(--color-draw-same-tag-selected-text);
|
|
}
|
|
.text-\[var\(--color-link1\)\] {
|
|
color: var(--color-link1);
|
|
}
|
|
.text-\[var\(--color-pagination-text\)\] {
|
|
color: var(--color-pagination-text);
|
|
}
|
|
.text-\[var\(--color-primary\)\] {
|
|
color: var(--color-primary);
|
|
}
|
|
.text-\[var\(--color-text\)\] {
|
|
color: var(--color-text);
|
|
}
|
|
.text-\[var\(--color-text-ant-segmented-item-subTitle\)\] {
|
|
color: var(--color-text-ant-segmented-item-subTitle);
|
|
}
|
|
.text-\[var\(--color-text-img-info\)\] {
|
|
color: var(--color-text-img-info);
|
|
}
|
|
.text-\[var\(--color-text-light\)\] {
|
|
color: var(--color-text-light);
|
|
}
|
|
.text-\[var\(--color-text-lighter\)\] {
|
|
color: var(--color-text-lighter);
|
|
}
|
|
.text-\[var\(--color-text-local-check\)\] {
|
|
color: var(--color-text-local-check);
|
|
}
|
|
.text-\[var\(--color-vip-text\)\] {
|
|
color: var(--color-vip-text);
|
|
}
|
|
.text-\[var\(--model-info-color\)\] {
|
|
color: var(--model-info-color);
|
|
}
|
|
.text-\[var\(--model-info-color-caption\)\] {
|
|
color: var(--model-info-color-caption);
|
|
}
|
|
.text-\[var\(--model-info-tag-text\)\] {
|
|
color: var(--model-info-tag-text);
|
|
}
|
|
.text-\[var\(--sd-btn-sub-text\)\] {
|
|
color: var(--sd-btn-sub-text);
|
|
}
|
|
.text-\[var\(--team-vip-text-label\)\] {
|
|
color: var(--team-vip-text-label);
|
|
}
|
|
.text-\[var\(--team-vip-text-muted\)\] {
|
|
color: var(--team-vip-text-muted);
|
|
}
|
|
.text-\[var\(--team-vip-text-primary\)\] {
|
|
color: var(--team-vip-text-primary);
|
|
}
|
|
.text-\[var\(--team-vip-text-secondary\)\] {
|
|
color: var(--team-vip-text-secondary);
|
|
}
|
|
.text-\[var\(--text-color\)\] {
|
|
color: var(--text-color);
|
|
}
|
|
.text-\[var\(--upload-model-link-color\)\] {
|
|
color: var(--upload-model-link-color);
|
|
}
|
|
.text-\[var\(--vip-price-color\)\] {
|
|
color: var(--vip-price-color);
|
|
}
|
|
.text-\[var\(--vip-text-muted\,\#787878\)\] {
|
|
color: var(--vip-text-muted, #787878);
|
|
}
|
|
.text-\[var\(--vip-text-muted\,\#929292\)\] {
|
|
color: var(--vip-text-muted, #929292);
|
|
}
|
|
.text-\[var\(--vip-text-primary\,\#222\)\] {
|
|
color: var(--vip-text-primary, #222);
|
|
}
|
|
.text-\[white\] {
|
|
color: #fff;
|
|
}
|
|
.text-amber-400\/80 {
|
|
color: #fcbb00cc;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-amber-400\/80 {
|
|
color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
|
|
}
|
|
}
|
|
.text-amber-600 {
|
|
color: var(--color-amber-600);
|
|
}
|
|
.text-amber-800 {
|
|
color: var(--color-amber-800);
|
|
}
|
|
.text-black {
|
|
color: #000;
|
|
}
|
|
.text-black\/40 {
|
|
color: #0006;
|
|
color: lab(0% 0 0/0.4);
|
|
}
|
|
.text-black\/50 {
|
|
color: #00000080;
|
|
color: lab(0% 0 0/0.5);
|
|
}
|
|
.text-black\/60 {
|
|
color: #0009;
|
|
color: lab(0% 0 0/0.6);
|
|
}
|
|
.text-black\/80 {
|
|
color: #000c;
|
|
color: lab(0% 0 0/0.8);
|
|
}
|
|
.text-black\/90 {
|
|
color: #000000e6;
|
|
color: lab(0% 0 0/0.9);
|
|
}
|
|
.text-blue-300 {
|
|
color: #7cc0fc;
|
|
}
|
|
.text-blue-300\/60 {
|
|
color: #7cc0fc99;
|
|
color: lab(74.9344% -9.90847 -36.8782/0.6);
|
|
}
|
|
.text-blue-500 {
|
|
color: #147dff;
|
|
}
|
|
.text-blue-600 {
|
|
color: #206ccf;
|
|
}
|
|
.text-blue-600\/90 {
|
|
color: #206ccfe6;
|
|
color: lab(45.4339% 6.0786 -58.7251/0.9);
|
|
}
|
|
.text-blue-700 {
|
|
color: #104ba3;
|
|
}
|
|
.text-blue-800 {
|
|
color: #053078;
|
|
}
|
|
.text-blue-900 {
|
|
color: #002066;
|
|
}
|
|
.text-brand-600 {
|
|
color: #1f6dff;
|
|
}
|
|
.text-btn-invert-text {
|
|
color: var(--btn-invert-text);
|
|
}
|
|
.text-btn-primary {
|
|
color: var(--btn-primary-bg);
|
|
}
|
|
.text-btn-primary-text,
|
|
.text-btn-primary-text\/40 {
|
|
color: var(--btn-primary-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-btn-primary-text\/40 {
|
|
color: color-mix(in oklab, var(--btn-primary-text) 40%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-controls-icon {
|
|
color: var(--canvas-controls-icon);
|
|
}
|
|
.text-canvas-controls-text,
|
|
.text-canvas-controls-text\/40 {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-canvas-controls-text\/40 {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 40%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-controls-text\/45 {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-canvas-controls-text\/45 {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 45%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-controls-text\/50 {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-canvas-controls-text\/50 {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 50%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-controls-text\/60 {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-canvas-controls-text\/60 {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 60%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-controls-text\/65 {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-canvas-controls-text\/65 {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 65%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-controls-text\/70 {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-canvas-controls-text\/70 {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 70%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-controls-text\/85 {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-canvas-controls-text\/85 {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 85%, transparent);
|
|
}
|
|
}
|
|
.text-canvas-primary-btn-icon {
|
|
color: var(--canvas-primary-btn-icon);
|
|
}
|
|
.text-current {
|
|
color: currentColor;
|
|
}
|
|
.text-emerald-100 {
|
|
color: var(--color-emerald-100);
|
|
}
|
|
.text-fg-brand {
|
|
color: var(--fg-brand);
|
|
}
|
|
.text-fg-default,
|
|
.text-fg-default\/40 {
|
|
color: var(--fg-default);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-fg-default\/40 {
|
|
color: color-mix(in oklab, var(--fg-default) 40%, transparent);
|
|
}
|
|
}
|
|
.text-fg-disabled {
|
|
color: var(--fg-disabled);
|
|
}
|
|
.text-fg-muted,
|
|
.text-fg-muted\/40 {
|
|
color: var(--fg-muted);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-fg-muted\/40 {
|
|
color: color-mix(in oklab, var(--fg-muted) 40%, transparent);
|
|
}
|
|
}
|
|
.text-fg-on-emphasis {
|
|
color: var(--fg-on-emphasis);
|
|
}
|
|
.text-fg-secondary {
|
|
color: var(--fg-secondary);
|
|
}
|
|
.text-fg-subtle {
|
|
color: var(--fg-subtle);
|
|
}
|
|
.text-foreground {
|
|
color: var(--fg-default);
|
|
}
|
|
.text-gray-300 {
|
|
color: var(--color-gray-300);
|
|
}
|
|
.text-gray-400 {
|
|
color: var(--color-gray-400);
|
|
}
|
|
.text-gray-500 {
|
|
color: var(--color-gray-500);
|
|
}
|
|
.text-gray-600 {
|
|
color: var(--color-gray-600);
|
|
}
|
|
.text-gray-700 {
|
|
color: var(--color-gray-700);
|
|
}
|
|
.text-gray-800 {
|
|
color: var(--color-gray-800);
|
|
}
|
|
.text-gray-900 {
|
|
color: var(--color-gray-900);
|
|
}
|
|
.text-green-400 {
|
|
color: #85ff75;
|
|
}
|
|
.text-green-600 {
|
|
color: #4ec740;
|
|
}
|
|
.text-green-600\/90 {
|
|
color: #4ec740e6;
|
|
color: lab(71.5204% -54.0089 54.2464/0.9);
|
|
}
|
|
.text-green-700 {
|
|
color: #239c3d;
|
|
}
|
|
.text-green-800 {
|
|
color: #125f23;
|
|
}
|
|
.text-green-900 {
|
|
color: #002e25;
|
|
}
|
|
.text-indigo-500 {
|
|
color: var(--color-indigo-500);
|
|
}
|
|
.text-indigo-700 {
|
|
color: var(--color-indigo-700);
|
|
}
|
|
.text-neutral-50 {
|
|
color: #f7f7f7;
|
|
}
|
|
.text-neutral-50\/70 {
|
|
color: #f7f7f7b3;
|
|
color: lab(97.2321% 0 0/0.7);
|
|
}
|
|
.text-neutral-200 {
|
|
color: #e5e6ec;
|
|
}
|
|
.text-neutral-400 {
|
|
color: #c4c4c4;
|
|
}
|
|
.text-neutral-500 {
|
|
color: #919191;
|
|
}
|
|
.text-neutral-600 {
|
|
color: #86909c;
|
|
}
|
|
.text-neutral-700 {
|
|
color: #525252;
|
|
}
|
|
.text-neutral-700\/80 {
|
|
color: #525252cc;
|
|
color: lab(34.8782% -0.0000149012 0.00000596046/.8);
|
|
}
|
|
.text-neutral-800 {
|
|
color: #363636;
|
|
}
|
|
.text-neutral-900 {
|
|
color: #171717;
|
|
}
|
|
.text-neutral-950 {
|
|
color: #141414;
|
|
}
|
|
.text-primary {
|
|
color: var(--color-brand-400);
|
|
}
|
|
.text-purple-400 {
|
|
color: var(--color-purple-400);
|
|
}
|
|
.text-purple-400\/60 {
|
|
color: #c07eff99;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.text-purple-400\/60 {
|
|
color: color-mix(in oklab, var(--color-purple-400) 60%, transparent);
|
|
}
|
|
}
|
|
.text-red-200 {
|
|
color: #fbaca3;
|
|
}
|
|
.text-red-300 {
|
|
color: #f98981;
|
|
}
|
|
.text-red-400 {
|
|
color: #f76560;
|
|
}
|
|
.text-red-400\/60 {
|
|
color: #f7656099;
|
|
color: lab(62.2814% 56.7511 33.0729/0.6);
|
|
}
|
|
.text-red-500 {
|
|
color: #f53f3f;
|
|
}
|
|
.text-red-500\/80 {
|
|
color: #f53f3fcc;
|
|
color: lab(56.2681% 68.8358 44.4851/0.8);
|
|
}
|
|
.text-red-500\/90 {
|
|
color: #f53f3fe6;
|
|
color: lab(56.2681% 68.8358 44.4851/0.9);
|
|
}
|
|
.text-red-600 {
|
|
color: #e11d48;
|
|
}
|
|
.text-red-700 {
|
|
color: #cb272d;
|
|
}
|
|
.text-secondary-foreground {
|
|
color: var(--btn-secondary-text);
|
|
}
|
|
.text-slate-50 {
|
|
color: var(--color-slate-50);
|
|
}
|
|
.text-status-error {
|
|
color: var(--status-error);
|
|
}
|
|
.text-status-success {
|
|
color: var(--status-success);
|
|
}
|
|
.text-transparent {
|
|
color: #0000;
|
|
}
|
|
.text-violet-100 {
|
|
color: var(--color-violet-100);
|
|
}
|
|
.text-white {
|
|
color: #fff;
|
|
}
|
|
.text-white\/20 {
|
|
color: #fff3;
|
|
color: lab(100% -0.0000298023 0.0000119209/.2);
|
|
}
|
|
.text-white\/30 {
|
|
color: #ffffff4d;
|
|
color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.text-white\/35 {
|
|
color: #ffffff59;
|
|
color: lab(100% -0.0000298023 0.0000119209/.35);
|
|
}
|
|
.text-white\/40 {
|
|
color: #fff6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.text-white\/45 {
|
|
color: #ffffff73;
|
|
color: lab(100% -0.0000298023 0.0000119209/.45);
|
|
}
|
|
.text-white\/50 {
|
|
color: #ffffff80;
|
|
color: lab(100% -0.0000298023 0.0000119209/.5);
|
|
}
|
|
.text-white\/55 {
|
|
color: #ffffff8c;
|
|
color: lab(100% -0.0000298023 0.0000119209/.55);
|
|
}
|
|
.text-white\/60 {
|
|
color: #fff9;
|
|
color: lab(100% -0.0000298023 0.0000119209/.6);
|
|
}
|
|
.text-white\/65 {
|
|
color: #ffffffa6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.65);
|
|
}
|
|
.text-white\/70 {
|
|
color: #ffffffb3;
|
|
color: lab(100% -0.0000298023 0.0000119209/.7);
|
|
}
|
|
.text-white\/72 {
|
|
color: #ffffffb8;
|
|
color: lab(100% -0.0000298023 0.0000119209/.72);
|
|
}
|
|
.text-white\/80 {
|
|
color: #fffc;
|
|
color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.text-white\/82 {
|
|
color: #ffffffd1;
|
|
color: lab(100% -0.0000298023 0.0000119209/.82);
|
|
}
|
|
.text-white\/85 {
|
|
color: #ffffffd9;
|
|
color: lab(100% -0.0000298023 0.0000119209/.85);
|
|
}
|
|
.text-white\/90 {
|
|
color: #ffffffe6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.9);
|
|
}
|
|
.text-white\/95 {
|
|
color: #fffffff2;
|
|
color: lab(100% -0.0000298023 0.0000119209/.95);
|
|
}
|
|
.text-white\/\[0\.82\] {
|
|
color: #ffffffd1;
|
|
color: lab(100% -0.0000298023 0.0000119209/.82);
|
|
}
|
|
.text-white\/\[0\.85\] {
|
|
color: #ffffffd9;
|
|
color: lab(100% -0.0000298023 0.0000119209/.85);
|
|
}
|
|
.text-yellow-400 {
|
|
color: #ff9a2d;
|
|
}
|
|
.text-yellow-700 {
|
|
color: #a64501;
|
|
}
|
|
.text-yellow-800 {
|
|
color: #792e00;
|
|
}
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
.italic {
|
|
font-style: italic;
|
|
}
|
|
.not-italic {
|
|
font-style: normal;
|
|
}
|
|
.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,);
|
|
}
|
|
.\!no-underline {
|
|
text-decoration-line: none !important;
|
|
}
|
|
.line-through {
|
|
text-decoration-line: line-through;
|
|
}
|
|
.underline {
|
|
text-decoration-line: underline;
|
|
}
|
|
.underline-offset-2 {
|
|
text-underline-offset: 2px;
|
|
}
|
|
.antialiased {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.placeholder-white\/30::placeholder {
|
|
color: #ffffff4d;
|
|
color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.caret-current {
|
|
caret-color: currentColor;
|
|
}
|
|
.accent-white {
|
|
accent-color: #fff;
|
|
}
|
|
.\!opacity-100 {
|
|
opacity: 1 !important;
|
|
}
|
|
.opacity-0 {
|
|
opacity: 0;
|
|
}
|
|
.opacity-10 {
|
|
opacity: 0.1;
|
|
}
|
|
.opacity-20 {
|
|
opacity: 0.2;
|
|
}
|
|
.opacity-25 {
|
|
opacity: 0.25;
|
|
}
|
|
.opacity-30 {
|
|
opacity: 0.3;
|
|
}
|
|
.opacity-40 {
|
|
opacity: 0.4;
|
|
}
|
|
.opacity-45 {
|
|
opacity: 0.45;
|
|
}
|
|
.opacity-50 {
|
|
opacity: 0.5;
|
|
}
|
|
.opacity-60 {
|
|
opacity: 0.6;
|
|
}
|
|
.opacity-65 {
|
|
opacity: 0.65;
|
|
}
|
|
.opacity-70 {
|
|
opacity: 0.7;
|
|
}
|
|
.opacity-75 {
|
|
opacity: 0.75;
|
|
}
|
|
.opacity-80 {
|
|
opacity: 0.8;
|
|
}
|
|
.opacity-85 {
|
|
opacity: 0.85;
|
|
}
|
|
.opacity-90 {
|
|
opacity: 0.9;
|
|
}
|
|
.opacity-95 {
|
|
opacity: 0.95;
|
|
}
|
|
.opacity-100 {
|
|
opacity: 1;
|
|
}
|
|
.opacity-\[0\.85\] {
|
|
opacity: 0.85;
|
|
}
|
|
.bg-blend-soft-light {
|
|
background-blend-mode: soft-light;
|
|
}
|
|
.mix-blend-difference {
|
|
mix-blend-mode: difference;
|
|
}
|
|
.\!shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.12\)\] {
|
|
--tw-shadow: 0 2px 12px var(--tw-shadow-color, #0000001f) !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-none {
|
|
--tw-shadow: 0 0 #0000 !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-\[-8px_0px_8px_rgba\(13\,13\,13\,0\.05\)\] {
|
|
--tw-shadow: -8px 0px 8px var(--tw-shadow-color, #0d0d0d0d);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_0_10px_rgba\(215\,220\,233\,0\.50\)\] {
|
|
--tw-shadow: 0 0 10px var(--tw-shadow-color, #d7dce980);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.12\)\] {
|
|
--tw-shadow: 0 1px 4px var(--tw-shadow-color, #0000001f);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_2px_4px_0_rgba\(0\,157\,255\,0\.20\)\] {
|
|
--tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, #009dff33);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.1\)\] {
|
|
--tw-shadow: 0 2px 8px 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-\[0_2px_8px_rgba\(0\,0\,0\,0\.15\)\] {
|
|
--tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000026);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_2px_8px_rgba\(144\,145\,146\,0\.15\)\] {
|
|
--tw-shadow: 0 2px 8px var(--tw-shadow-color, #90919226);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_4px_10px_rgba\(0\,0\,0\,0\.2\)\] {
|
|
--tw-shadow: 0 4px 10px var(--tw-shadow-color, #0003);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_4px_10px_rgba\(0\,0\,0\,0\.04\)\] {
|
|
--tw-shadow: 0 4px 10px var(--tw-shadow-color, #0000000a);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_4px_10px_rgba\(0\,0\,0\,0\.08\)\] {
|
|
--tw-shadow: 0 4px 10px var(--tw-shadow-color, #00000014);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_4px_10px_rgba\(0\,0\,0\,0\.12\)\] {
|
|
--tw-shadow: 0 4px 10px var(--tw-shadow-color, #0000001f);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_8px_16px_rgba\(0\,0\,0\,0\.25\)\] {
|
|
--tw-shadow: 0 8px 16px 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-\[0_8px_24px_rgba\(0\,0\,0\,0\.1\)\] {
|
|
--tw-shadow: 0 8px 24px 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-\[0_8px_24px_rgba\(0\,0\,0\,0\.35\)\] {
|
|
--tw-shadow: 0 8px 24px var(--tw-shadow-color, #00000059);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\,0_2px_8px_rgba\(0\,0\,0\,0\.25\)\] {
|
|
--tw-shadow: 0 8px 32px var(--tw-shadow-color, #0006),
|
|
0 2px 8px 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-\[0_10px_24px_0_rgba\(0\,0\,0\,0\.4\)\,0_2px_6px_0_rgba\(0\,0\,0\,0\.2\)\] {
|
|
--tw-shadow: 0 10px 24px 0 var(--tw-shadow-color, #0006),
|
|
0 2px 6px 0 var(--tw-shadow-color, #0003);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_18px_40px_-12px_rgba\(0\,0\,0\,0\.06\)\] {
|
|
--tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, #0000000f);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_8px_0px_rgba\(0\,0\,0\,0\.04\)\] {
|
|
--tw-shadow: 0px 4px 8px 0px var(--tw-shadow-color, #0000000a);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_8px_rgba\(0\,0\,0\,0\.3\)\] {
|
|
--tw-shadow: 0px 4px 8px var(--tw-shadow-color, #0000004d);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_8px_rgba\(0\,0\,0\,0\.12\)\] {
|
|
--tw-shadow: 0px 4px 8px var(--tw-shadow-color, #0000001f);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_8px_rgba\(0\,0\,0\,0\.25\)\] {
|
|
--tw-shadow: 0px 4px 8px 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-\[0px_4px_10px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_2px_4px_0px_rgba\(0\,0\,0\,0\.04\)\] {
|
|
--tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #0000001a),
|
|
0px 2px 4px 0px var(--tw-shadow-color, #0000000a);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_10px_0px_rgba\(0\,0\,0\,0\.2\)\] {
|
|
--tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #0003);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_10px_0px_rgba\(0\,0\,0\,0\.12\)\,0px_2px_4px_0px_rgba\(0\,0\,0\,0\.2\)\] {
|
|
--tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #0000001f),
|
|
0px 2px 4px 0px var(--tw-shadow-color, #0003);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_10px_0px_rgba\(0\,0\,0\,0\.12\)\] {
|
|
--tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #0000001f);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_10px_rgba\(0\,0\,0\,0\.08\)\,0px_2px_4px_rgba\(0\,0\,0\,0\.06\)\] {
|
|
--tw-shadow: 0px 4px 10px var(--tw-shadow-color, #00000014),
|
|
0px 2px 4px var(--tw-shadow-color, #0000000f);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_10px_rgba\(0\,0\,0\,0\.12\)\,0px_2px_4px_rgba\(0\,0\,0\,0\.2\)\] {
|
|
--tw-shadow: 0px 4px 10px var(--tw-shadow-color, #0000001f),
|
|
0px 2px 4px var(--tw-shadow-color, #0003);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_4px_20px_0px_rgba\(0\,0\,0\,0\.10\)\] {
|
|
--tw-shadow: 0px 4px 20px 0px 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-\[0px_8px_16px_rgba\(0\,0\,0\,0\.18\)\,0px_2px_4px_rgba\(0\,0\,0\,0\.2\)\] {
|
|
--tw-shadow: 0px 8px 16px var(--tw-shadow-color, #0000002e),
|
|
0px 2px 4px var(--tw-shadow-color, #0003);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0px_8px_32px_rgba\(0\,0\,0\,0\.45\)\] {
|
|
--tw-shadow: 0px 8px 32px var(--tw-shadow-color, #00000073);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[8px_0px_8px_rgba\(13\,13\,13\,0\.05\)\] {
|
|
--tw-shadow: 8px 0px 8px var(--tw-shadow-color, #0d0d0d0d);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.shadow-\[var\(--canvas-shadow-dropdown\)\],
|
|
.shadow-canvas-dropdown {
|
|
--tw-shadow: var(--canvas-shadow-dropdown);
|
|
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: 0 10px 15px -3px 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-md {
|
|
--tw-shadow: 0 4px 6px -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-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-none\! {
|
|
--tw-shadow: 0 0 #0000 !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-sm {
|
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
|
|
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: 0 20px 25px -5px 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);
|
|
}
|
|
.ring-\[0\.5px\] {
|
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
|
|
calc(0.5px + 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);
|
|
}
|
|
.shadow-black\/20 {
|
|
--tw-shadow-color: #0003;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.shadow-black\/20 {
|
|
--tw-shadow-color: color-mix(
|
|
in oklab,
|
|
lab(0% 0 0/0.2) var(--tw-shadow-alpha),
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.ring-\[var\(--color-brand-500\)\] {
|
|
--tw-ring-color: var(--color-brand-500);
|
|
}
|
|
.ring-black\/20 {
|
|
--tw-ring-color: #0003;
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.ring-black\/20 {
|
|
--tw-ring-color: lab(0% 0 0/0.2);
|
|
}
|
|
}
|
|
.ring-blue-500\/60 {
|
|
--tw-ring-color: #147dff99;
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.ring-blue-500\/60 {
|
|
--tw-ring-color: lab(52.8612% 11.055 -73.633/0.6);
|
|
}
|
|
}
|
|
.ring-border-brand {
|
|
--tw-ring-color: var(--border-brand);
|
|
}
|
|
.ring-canvas-controls-border {
|
|
--tw-ring-color: var(--canvas-controls-border);
|
|
}
|
|
.ring-canvas-controls-text\/70 {
|
|
--tw-ring-color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.ring-canvas-controls-text\/70 {
|
|
--tw-ring-color: color-mix(
|
|
in oklab,
|
|
var(--canvas-controls-text) 70%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.ring-input-border {
|
|
--tw-ring-color: var(--input-border);
|
|
}
|
|
.ring-neutral-50 {
|
|
--tw-ring-color: #f7f7f7;
|
|
}
|
|
.ring-sky-400\/95 {
|
|
--tw-ring-color: #00bcfef2;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.ring-sky-400\/95 {
|
|
--tw-ring-color: color-mix(
|
|
in oklab,
|
|
var(--color-sky-400) 95%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.ring-white {
|
|
--tw-ring-color: #fff;
|
|
}
|
|
.ring-white\/50 {
|
|
--tw-ring-color: #ffffff80;
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.ring-white\/50 {
|
|
--tw-ring-color: lab(100% -0.0000298023 0.0000119209/.5);
|
|
}
|
|
}
|
|
.ring-offset-\[0\.5px\] {
|
|
--tw-ring-offset-width: 0.5px;
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
|
|
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
}
|
|
.ring-offset-transparent {
|
|
--tw-ring-offset-color: transparent;
|
|
}
|
|
.ring-offset-white {
|
|
--tw-ring-offset-color: #fff;
|
|
}
|
|
.outline {
|
|
outline-style: var(--tw-outline-style);
|
|
outline-width: 1px;
|
|
}
|
|
.outline-2 {
|
|
outline-style: var(--tw-outline-style);
|
|
outline-width: 2px;
|
|
}
|
|
.outline-blue-500 {
|
|
outline-color: #147dff;
|
|
}
|
|
.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-\[4px\] {
|
|
--tw-blur: blur(4px);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.blur-\[100px\] {
|
|
--tw-blur: blur(100px);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.brightness-0 {
|
|
--tw-brightness: brightness(0%);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.drop-shadow {
|
|
--tw-drop-shadow-size: drop-shadow(
|
|
0 1px 2px var(--tw-drop-shadow-color, #0000001a)
|
|
)
|
|
drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
|
|
--tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)
|
|
drop-shadow(0 1px 1px #0000000f);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.45\)\] {
|
|
--tw-drop-shadow-size: drop-shadow(
|
|
0 1px 2px var(--tw-drop-shadow-color, #00000073)
|
|
);
|
|
--tw-drop-shadow: var(--tw-drop-shadow-size);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.75\)\] {
|
|
--tw-drop-shadow-size: drop-shadow(
|
|
0 1px 2px var(--tw-drop-shadow-color, #000000bf)
|
|
);
|
|
--tw-drop-shadow: var(--tw-drop-shadow-size);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.drop-shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.85\)\] {
|
|
--tw-drop-shadow-size: drop-shadow(
|
|
0 1px 3px var(--tw-drop-shadow-color, #000000d9)
|
|
);
|
|
--tw-drop-shadow: var(--tw-drop-shadow-size);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.drop-shadow-sm {
|
|
--tw-drop-shadow-size: drop-shadow(
|
|
0 1px 2px var(--tw-drop-shadow-color, #00000026)
|
|
);
|
|
--tw-drop-shadow: drop-shadow(var(--drop-shadow-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,);
|
|
}
|
|
.\!invert {
|
|
--tw-invert: invert(100%) !important;
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
|
|
}
|
|
.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,);
|
|
}
|
|
.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-2xl {
|
|
--tw-backdrop-blur: blur(var(--blur-2xl));
|
|
-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-\[2px\] {
|
|
--tw-backdrop-blur: blur(2px);
|
|
-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-\[4px\] {
|
|
--tw-backdrop-blur: blur(4px);
|
|
-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-\[6px\] {
|
|
--tw-backdrop-blur: blur(6px);
|
|
-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-\[7px\] {
|
|
--tw-backdrop-blur: blur(7px);
|
|
-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-\[10px\] {
|
|
--tw-backdrop-blur: blur(10px);
|
|
-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-\[16px\] {
|
|
--tw-backdrop-blur: blur(16px);
|
|
-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-\[20px\] {
|
|
--tw-backdrop-blur: blur(20px);
|
|
-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-\[32px\] {
|
|
--tw-backdrop-blur: blur(32px);
|
|
-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-lg {
|
|
--tw-backdrop-blur: blur(var(--blur-lg));
|
|
-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-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-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\,opacity\] {
|
|
transition-property: background-color, border-color, opacity;
|
|
transition-timing-function: var(
|
|
--tw-ease,
|
|
var(--default-transition-timing-function)
|
|
);
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
}
|
|
.transition-\[filter\,opacity\] {
|
|
transition-property: filter, opacity;
|
|
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-\[opacity\,background-color\] {
|
|
transition-property: opacity, background-color;
|
|
transition-timing-function: var(
|
|
--tw-ease,
|
|
var(--default-transition-timing-function)
|
|
);
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
}
|
|
.transition-\[transform\,opacity\] {
|
|
transition-property: transform, opacity;
|
|
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));
|
|
}
|
|
.delay-100 {
|
|
transition-delay: 0.1s;
|
|
}
|
|
.delay-150 {
|
|
transition-delay: 0.15s;
|
|
}
|
|
.duration-75 {
|
|
--tw-duration: 75ms;
|
|
transition-duration: 75ms;
|
|
}
|
|
.duration-150 {
|
|
--tw-duration: 0.15s;
|
|
transition-duration: 0.15s;
|
|
}
|
|
.duration-200 {
|
|
--tw-duration: 0.2s;
|
|
transition-duration: 0.2s;
|
|
}
|
|
.duration-250 {
|
|
--tw-duration: 0.25s;
|
|
transition-duration: 0.25s;
|
|
}
|
|
.duration-300 {
|
|
--tw-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
}
|
|
.duration-500 {
|
|
--tw-duration: 0.5s;
|
|
transition-duration: 0.5s;
|
|
}
|
|
.ease-\[ease\] {
|
|
--tw-ease: ease;
|
|
transition-timing-function: ease;
|
|
}
|
|
.ease-in-out {
|
|
--tw-ease: var(--ease-in-out);
|
|
transition-timing-function: var(--ease-in-out);
|
|
}
|
|
.ease-out {
|
|
--tw-ease: cubic-bezier(0, 0, 0.2, 1);
|
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
.delay-100 {
|
|
--tw-animation-delay: 0.1s;
|
|
animation-delay: 0.1s;
|
|
}
|
|
.delay-150 {
|
|
--tw-animation-delay: 0.15s;
|
|
animation-delay: 0.15s;
|
|
}
|
|
.outline-none {
|
|
--tw-outline-style: none;
|
|
outline-style: none;
|
|
}
|
|
.select-none {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.select-text {
|
|
-webkit-user-select: text;
|
|
user-select: text;
|
|
}
|
|
.\[--popover-padding\:0px\] {
|
|
--popover-padding: 0px;
|
|
}
|
|
.\[-webkit-overflow-scrolling\:touch\] {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.\[border\:calc\(0\.08\*1rem\)_solid_transparent\] {
|
|
border: 0.08rem solid #0000;
|
|
}
|
|
.\[tier-commit\:img\] {
|
|
tier-commit: img;
|
|
}
|
|
.fade-in {
|
|
--tw-enter-opacity: 0;
|
|
}
|
|
.paused {
|
|
animation-play-state: paused;
|
|
}
|
|
.ring-inset {
|
|
--tw-ring-inset: inset;
|
|
}
|
|
.running {
|
|
animation-play-state: running;
|
|
}
|
|
.slide-in-from-bottom-4 {
|
|
--tw-enter-translate-y: calc(4 * var(--spacing));
|
|
}
|
|
.slide-in-from-top-4 {
|
|
--tw-enter-translate-y: calc(4 * var(--spacing) * -1);
|
|
}
|
|
.text-shadow-2xs {
|
|
text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026);
|
|
}
|
|
.zoom-out {
|
|
--tw-exit-scale: 0;
|
|
}
|
|
.group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
|
|
pointer-events: auto;
|
|
}
|
|
.group-focus-within\:block:is(:where(.group):focus-within *) {
|
|
display: block;
|
|
}
|
|
.group-focus-within\:flex:is(:where(.group):focus-within *) {
|
|
display: flex;
|
|
}
|
|
.group-focus-within\:inline:is(:where(.group):focus-within *) {
|
|
display: inline;
|
|
}
|
|
.group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
|
|
opacity: 0;
|
|
}
|
|
.group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
|
|
opacity: 1;
|
|
}
|
|
@media (hover: hover) {
|
|
.group-hover\:pointer-events-auto:is(:where(.group):hover *) {
|
|
pointer-events: auto;
|
|
}
|
|
.group-hover\:visible:is(:where(.group):hover *) {
|
|
visibility: visible;
|
|
}
|
|
.group-hover\:block:is(:where(.group):hover *) {
|
|
display: block;
|
|
}
|
|
.group-hover\:flex:is(:where(.group):hover *) {
|
|
display: flex;
|
|
}
|
|
.group-hover\:hidden:is(:where(.group):hover *) {
|
|
display: none;
|
|
}
|
|
.group-hover\:inline:is(:where(.group):hover *) {
|
|
display: inline;
|
|
}
|
|
.group-hover\:max-h-\[34px\]:is(:where(.group):hover *) {
|
|
max-height: 34px;
|
|
}
|
|
.group-hover\:\!w-\[135px\]:is(:where(.group):hover *) {
|
|
width: 135px !important;
|
|
}
|
|
.group-hover\:max-w-\[150px\]:is(:where(.group):hover *) {
|
|
max-width: 150px;
|
|
}
|
|
.group-hover\:-translate-x-\[2px\]:is(:where(.group):hover *) {
|
|
--tw-translate-x: calc(2px * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.group-hover\:-translate-x-\[20\%\]:is(:where(.group):hover *) {
|
|
--tw-translate-x: calc(20% * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.group-hover\:-translate-x-\[25\%\]:is(:where(.group):hover *) {
|
|
--tw-translate-x: calc(25% * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.group-hover\:translate-x-0:is(:where(.group):hover *) {
|
|
--tw-translate-x: 0px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.group-hover\:translate-x-\[2px\]:is(:where(.group):hover *) {
|
|
--tw-translate-x: 2px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.group-hover\:translate-y-0:is(:where(.group):hover *) {
|
|
--tw-translate-y: 0px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.group-hover\:scale-105:is(:where(.group):hover *) {
|
|
--tw-scale-x: 105%;
|
|
--tw-scale-y: 105%;
|
|
--tw-scale-z: 105%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.group-hover\:scale-110:is(:where(.group):hover *) {
|
|
--tw-scale-x: 110%;
|
|
--tw-scale-y: 110%;
|
|
--tw-scale-z: 110%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
|
|
scale: 1.02;
|
|
}
|
|
.group-hover\:rotate-45:is(:where(.group):hover *) {
|
|
rotate: 45deg;
|
|
}
|
|
.group-hover\:rotate-180:is(:where(.group):hover *) {
|
|
rotate: 180deg;
|
|
}
|
|
.group-hover\:overflow-hidden:is(:where(.group):hover *) {
|
|
overflow: hidden;
|
|
}
|
|
.group-hover\:bg-black\/0:is(:where(.group):hover *) {
|
|
background-color: #0000;
|
|
background-color: lab(0% 0 0/0);
|
|
}
|
|
.group-hover\:bg-black\/20:is(:where(.group):hover *) {
|
|
background-color: #0003;
|
|
background-color: lab(0% 0 0/0.2);
|
|
}
|
|
.group-hover\:whitespace-pre-line:is(:where(.group):hover *) {
|
|
white-space: pre-line;
|
|
}
|
|
.group-hover\:opacity-0:is(:where(.group):hover *) {
|
|
opacity: 0;
|
|
}
|
|
.group-hover\:opacity-60:is(:where(.group):hover *) {
|
|
opacity: 0.6;
|
|
}
|
|
.group-hover\:opacity-100:is(:where(.group):hover *) {
|
|
opacity: 1;
|
|
}
|
|
.group-hover\:delay-0:is(:where(.group):hover *) {
|
|
--tw-animation-delay: 0s;
|
|
transition-delay: 0s;
|
|
animation-delay: 0s;
|
|
}
|
|
.group-hover\/btn\:opacity-60:is(:where(.group\/btn):hover *) {
|
|
opacity: 0.6;
|
|
}
|
|
.group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *) {
|
|
opacity: 1;
|
|
}
|
|
.group-hover\/card\:scale-105:is(:where(.group\/card):hover *) {
|
|
--tw-scale-x: 105%;
|
|
--tw-scale-y: 105%;
|
|
--tw-scale-z: 105%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.group-hover\/card\:border-black\/25:is(:where(.group\/card):hover *) {
|
|
border-color: #00000040;
|
|
border-color: lab(0% 0 0/0.25);
|
|
}
|
|
.group-hover\/card\:border-border-emphasis:is(
|
|
:where(.group\/card):hover *
|
|
) {
|
|
border-color: var(--border-emphasis);
|
|
}
|
|
.group-hover\/card\:border-white\/40:is(:where(.group\/card):hover *) {
|
|
border-color: #fff6;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.group-hover\/card\:border-white\/70:is(:where(.group\/card):hover *) {
|
|
border-color: #ffffffb3;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.7);
|
|
}
|
|
.group-hover\/card\:bg-black\/25:is(:where(.group\/card):hover *) {
|
|
background-color: #00000040;
|
|
background-color: lab(0% 0 0/0.25);
|
|
}
|
|
.group-hover\/card\:bg-black\/50:is(:where(.group\/card):hover *) {
|
|
background-color: #00000080;
|
|
background-color: lab(0% 0 0/0.5);
|
|
}
|
|
.group-hover\/card\:opacity-100:is(:where(.group\/card):hover *),
|
|
.group-hover\/img\:opacity-100:is(:where(.group\/img):hover *) {
|
|
opacity: 1;
|
|
}
|
|
.group-hover\/item\:scale-105:is(:where(.group\/item):hover *) {
|
|
--tw-scale-x: 105%;
|
|
--tw-scale-y: 105%;
|
|
--tw-scale-z: 105%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.group-hover\/preview\:opacity-100:is(:where(.group\/preview):hover *) {
|
|
opacity: 1;
|
|
}
|
|
.group-hover\/video\:pointer-events-auto:is(:where(.group\/video):hover *) {
|
|
pointer-events: auto;
|
|
}
|
|
.group-hover\/video\:bg-black\/50:is(:where(.group\/video):hover *) {
|
|
background-color: #00000080;
|
|
background-color: lab(0% 0 0/0.5);
|
|
}
|
|
.group-hover\/video\:opacity-100:is(:where(.group\/video):hover *) {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.group-has-\[\:hover\]\:visible:is(:where(.group):has(:hover) *) {
|
|
visibility: visible;
|
|
}
|
|
.group-data-\[selected\=true\]\:translate-y-0:is(
|
|
:where(.group)[data-selected="true"] *
|
|
) {
|
|
--tw-translate-y: 0px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.group-data-\[selected\=true\]\:opacity-100:is(
|
|
:where(.group)[data-selected="true"] *
|
|
) {
|
|
opacity: 1;
|
|
}
|
|
.group-\[\.group\]\:text-\[var\(--team-vip-selected-text\)\]:is(
|
|
:where(.group).group *
|
|
) {
|
|
color: var(--team-vip-selected-text);
|
|
}
|
|
.group-\[\.group\]\:opacity-60:is(:where(.group).group *) {
|
|
opacity: 0.6;
|
|
}
|
|
.placeholder\:text-sm::placeholder {
|
|
font-size: var(--text-sm);
|
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
}
|
|
.placeholder\:font-normal::placeholder {
|
|
--tw-font-weight: var(--font-weight-normal);
|
|
font-weight: var(--font-weight-normal);
|
|
}
|
|
.placeholder\:\!text-\[\#7f7f7f\]::placeholder {
|
|
color: #7f7f7f !important;
|
|
}
|
|
.placeholder\:\!text-\[\#9ca1a9\]::placeholder {
|
|
color: #9ca1a9 !important;
|
|
}
|
|
.placeholder\:\!text-\[\#ADADAD\]::placeholder {
|
|
color: #adadad !important;
|
|
}
|
|
.placeholder\:text-\(--input-placeholder\)::placeholder {
|
|
color: var(--input-placeholder);
|
|
}
|
|
.placeholder\:text-\[\#9EA3AC\]::placeholder {
|
|
color: #9ea3ac;
|
|
}
|
|
.placeholder\:text-canvas-controls-text\/50::placeholder {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.placeholder\:text-canvas-controls-text\/50::placeholder {
|
|
color: color-mix(in oklab, var(--canvas-controls-text) 50%, transparent);
|
|
}
|
|
}
|
|
.placeholder\:text-fg-disabled::placeholder {
|
|
color: var(--fg-disabled);
|
|
}
|
|
.placeholder\:text-fg-muted::placeholder {
|
|
color: var(--fg-muted);
|
|
}
|
|
.placeholder\:text-fg-subtle::placeholder {
|
|
color: var(--fg-subtle);
|
|
}
|
|
.placeholder\:text-neutral-500::placeholder {
|
|
color: #919191;
|
|
}
|
|
.placeholder\:text-white\/30::placeholder {
|
|
color: #ffffff4d;
|
|
color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.placeholder\:opacity-50::placeholder {
|
|
opacity: 0.5;
|
|
}
|
|
.before\:absolute:before {
|
|
content: var(--tw-content);
|
|
position: absolute;
|
|
}
|
|
.before\:-inset-x-2:before {
|
|
content: var(--tw-content);
|
|
inset-inline: -8px;
|
|
}
|
|
.before\:-inset-y-1:before {
|
|
content: var(--tw-content);
|
|
inset-block: -4px;
|
|
}
|
|
.before\:top-0:before {
|
|
content: var(--tw-content);
|
|
top: 0;
|
|
}
|
|
.before\:bottom-\[-20\%\]:before {
|
|
content: var(--tw-content);
|
|
bottom: -20%;
|
|
}
|
|
.before\:left-0:before {
|
|
content: var(--tw-content);
|
|
left: 0;
|
|
}
|
|
.before\:left-1\/2:before {
|
|
content: var(--tw-content);
|
|
left: 50%;
|
|
}
|
|
.before\:z-0:before {
|
|
content: var(--tw-content);
|
|
z-index: 0;
|
|
}
|
|
.before\:h-1\/5:before {
|
|
content: var(--tw-content);
|
|
height: 20%;
|
|
}
|
|
.before\:h-full:before {
|
|
content: var(--tw-content);
|
|
height: 100%;
|
|
}
|
|
.before\:w-3\/5:before {
|
|
content: var(--tw-content);
|
|
width: 60%;
|
|
}
|
|
.before\:w-full:before {
|
|
content: var(--tw-content);
|
|
width: 100%;
|
|
}
|
|
.before\:-translate-x-1\/2:before {
|
|
content: var(--tw-content);
|
|
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.before\:animate-\[rainbow_var\(--speed\,2s\)_infinite_linear\]:before {
|
|
content: var(--tw-content);
|
|
animation: rainbow var(--speed, 2s) infinite linear;
|
|
}
|
|
.before\:rounded-full:before {
|
|
content: var(--tw-content);
|
|
border-radius: 9999px;
|
|
}
|
|
.before\:rounded-lg:before {
|
|
content: var(--tw-content);
|
|
border-radius: 8px;
|
|
}
|
|
.before\:bg-\[linear-gradient\(90deg\,hsl\(var\(--color-1\)\)\,hsl\(var\(--color-5\)\)\,hsl\(var\(--color-3\)\)\,hsl\(var\(--color-4\)\)\,hsl\(var\(--color-2\)\)\)\]:before {
|
|
content: var(--tw-content);
|
|
background-image: linear-gradient(
|
|
90deg,
|
|
hsl(var(--color-1)),
|
|
hsl(var(--color-5)),
|
|
hsl(var(--color-3)),
|
|
hsl(var(--color-4)),
|
|
hsl(var(--color-2))
|
|
);
|
|
}
|
|
.before\:bg-\[length\:200\%\]:before {
|
|
content: var(--tw-content);
|
|
background-size: 200%;
|
|
}
|
|
.before\:bg-center:before {
|
|
content: var(--tw-content);
|
|
background-position: 50%;
|
|
}
|
|
.before\:bg-no-repeat:before {
|
|
content: var(--tw-content);
|
|
background-repeat: no-repeat;
|
|
}
|
|
.before\:\[filter\:blur\(calc\(0\.8\*1rem\)\)\]:before {
|
|
content: var(--tw-content);
|
|
filter: blur(0.8rem);
|
|
}
|
|
.before\:content-\[\"\"\]:before,
|
|
.before\:content-\[\'\'\]:before {
|
|
--tw-content: "";
|
|
content: var(--tw-content);
|
|
}
|
|
.after\:absolute:after {
|
|
content: var(--tw-content);
|
|
position: absolute;
|
|
}
|
|
.after\:-top-1:after {
|
|
content: var(--tw-content);
|
|
top: -4px;
|
|
}
|
|
.after\:-right-2:after {
|
|
content: var(--tw-content);
|
|
right: -8px;
|
|
}
|
|
.after\:right-0:after {
|
|
content: var(--tw-content);
|
|
right: 0;
|
|
}
|
|
.after\:-bottom-1:after {
|
|
content: var(--tw-content);
|
|
bottom: -4px;
|
|
}
|
|
.after\:bottom-\[8\.5px\]:after {
|
|
content: var(--tw-content);
|
|
bottom: 8.5px;
|
|
}
|
|
.after\:-left-2:after {
|
|
content: var(--tw-content);
|
|
left: -8px;
|
|
}
|
|
.after\:left-0:after {
|
|
content: var(--tw-content);
|
|
left: 0;
|
|
}
|
|
.after\:h-\[1px\]:after {
|
|
content: var(--tw-content);
|
|
height: 1px;
|
|
}
|
|
.after\:rounded-lg:after {
|
|
content: var(--tw-content);
|
|
border-radius: 8px;
|
|
}
|
|
.after\:bg-\[rgba\(13\,13\,13\,0\.05\)\]:after {
|
|
content: var(--tw-content);
|
|
background-color: #0d0d0d0d;
|
|
}
|
|
.after\:content-\[\"\"\]:after,
|
|
.after\:content-\[\'\'\]:after {
|
|
--tw-content: "";
|
|
content: var(--tw-content);
|
|
}
|
|
.first\:ml-0:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.last\:mr-2:last-child {
|
|
margin-right: 8px;
|
|
}
|
|
.last\:mb-0:last-child {
|
|
margin-bottom: 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: 0;
|
|
}
|
|
.read-only\:cursor-default:read-only {
|
|
cursor: default;
|
|
}
|
|
.read-only\:border-border-default:read-only {
|
|
border-color: var(--border-default);
|
|
}
|
|
.read-only\:border-border-muted:read-only {
|
|
border-color: var(--border-muted);
|
|
}
|
|
.read-only\:border-white\/10:read-only {
|
|
border-color: #ffffff1a;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.read-only\:text-fg-default:read-only {
|
|
color: var(--fg-default);
|
|
}
|
|
.read-only\:text-white\/80:read-only {
|
|
color: #fffc;
|
|
color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.empty\:before\:content-none:empty:before {
|
|
content: var(--tw-content);
|
|
--tw-content: none;
|
|
content: none;
|
|
}
|
|
.focus-within\:border-\[\#326BFF\]:focus-within {
|
|
border-color: #326bff;
|
|
}
|
|
.focus-within\:opacity-100:focus-within {
|
|
opacity: 1;
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:-translate-y-1:hover {
|
|
--tw-translate-y: calc(4px * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-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\.1\]:hover {
|
|
scale: 1.1;
|
|
}
|
|
.hover\:cursor-pointer:hover {
|
|
cursor: pointer;
|
|
}
|
|
.hover\:rounded:hover {
|
|
border-radius: 0.25rem;
|
|
}
|
|
.hover\:rounded-lg:hover {
|
|
border-radius: 8px;
|
|
}
|
|
.hover\:rounded-none:hover {
|
|
border-radius: 0;
|
|
}
|
|
.hover\:rounded-xl:hover {
|
|
border-radius: 12px;
|
|
}
|
|
.hover\:border-\[\#00C2BF\]:hover {
|
|
border-color: #00c2bf;
|
|
}
|
|
.hover\:border-\[\#FFFFFF80\]:hover {
|
|
border-color: #ffffff80;
|
|
}
|
|
.hover\:border-\[\#cdcdcd\]:hover {
|
|
border-color: #cdcdcd;
|
|
}
|
|
.hover\:border-\[\#dedede\]:hover {
|
|
border-color: #dedede;
|
|
}
|
|
.hover\:border-black\/15:hover {
|
|
border-color: #00000026;
|
|
border-color: lab(0% 0 0/0.15);
|
|
}
|
|
.hover\:border-border-emphasis:hover {
|
|
border-color: var(--border-emphasis);
|
|
}
|
|
.hover\:border-gray-300:hover {
|
|
border-color: var(--color-gray-300);
|
|
}
|
|
.hover\:border-gray-400:hover {
|
|
border-color: var(--color-gray-400);
|
|
}
|
|
.hover\:border-white:hover {
|
|
border-color: #fff;
|
|
}
|
|
.hover\:border-white\/25:hover {
|
|
border-color: #ffffff40;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.25);
|
|
}
|
|
.hover\:border-white\/40:hover {
|
|
border-color: #fff6;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.hover\:border-white\/80:hover {
|
|
border-color: #fffc;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.hover\:\!bg-\[\#0D0D0D\]:hover {
|
|
background-color: #0d0d0d !important;
|
|
}
|
|
.hover\:\!bg-\[\#1F6DFF\]:hover {
|
|
background-color: #1f6dff !important;
|
|
}
|
|
.hover\:\!bg-\[\#405FFF\]:hover {
|
|
background-color: #405fff !important;
|
|
}
|
|
.hover\:\!bg-\[\#1957CC\]:hover {
|
|
background-color: #1957cc !important;
|
|
}
|
|
.hover\:\!bg-\[\#E2EAFF\]:hover {
|
|
background-color: #e2eaff !important;
|
|
}
|
|
.hover\:\!bg-\[\#F5F5F5\]:hover {
|
|
background-color: #f5f5f5 !important;
|
|
}
|
|
.hover\:\!bg-\[\#fff\]:hover {
|
|
background-color: #fff !important;
|
|
}
|
|
.hover\:\!bg-\[var\(--bg-topbar-btn-hover\)\]:hover {
|
|
background-color: var(--bg-topbar-btn-hover) !important;
|
|
}
|
|
.hover\:\!bg-red-500\/20:hover {
|
|
background-color: #f53f3f33 !important;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.2) !important;
|
|
}
|
|
.hover\:bg-\(--bg-topbar-hover\):hover {
|
|
background-color: var(--bg-topbar-hover);
|
|
}
|
|
.hover\:bg-\(--topnav-btn-hover-bg\):hover {
|
|
background-color: var(--topnav-btn-hover-bg);
|
|
}
|
|
.hover\:bg-\[\#0D0D0D90\]:hover {
|
|
background-color: #0d0d0d90;
|
|
}
|
|
.hover\:bg-\[\#0bb8e0\]:hover {
|
|
background-color: #0bb8e0;
|
|
}
|
|
.hover\:bg-\[\#00CFCB\]:hover {
|
|
background-color: #00cfcb;
|
|
}
|
|
.hover\:bg-\[\#000\]:hover {
|
|
background-color: #000;
|
|
}
|
|
.hover\:bg-\[\#0000000A\]:hover {
|
|
background-color: #0000000a;
|
|
}
|
|
.hover\:bg-\[\#0000000d\]:hover {
|
|
background-color: #0000000d;
|
|
}
|
|
.hover\:bg-\[\#3A7AE4\]:hover {
|
|
background-color: #3a7ae4;
|
|
}
|
|
.hover\:bg-\[\#3a3a3a\]:hover {
|
|
background-color: #3a3a3a;
|
|
}
|
|
.hover\:bg-\[\#3a3d4d\]:hover {
|
|
background-color: #3a3d4d;
|
|
}
|
|
.hover\:bg-\[\#3d3d3d\]:hover {
|
|
background-color: #3d3d3d;
|
|
}
|
|
.hover\:bg-\[\#4dd0f0\]:hover {
|
|
background-color: #4dd0f0;
|
|
}
|
|
.hover\:bg-\[\#5B7BFF\]:hover {
|
|
background-color: #5b7bff;
|
|
}
|
|
.hover\:bg-\[\#00000024\]:hover {
|
|
background-color: #00000024;
|
|
}
|
|
.hover\:bg-\[\#00000080\]:hover {
|
|
background-color: #00000080;
|
|
}
|
|
.hover\:bg-\[\#333\]:hover {
|
|
background-color: #333;
|
|
}
|
|
.hover\:bg-\[\#478eff\]:hover {
|
|
background-color: #478eff;
|
|
}
|
|
.hover\:bg-\[\#2563EB\]:hover {
|
|
background-color: #2563eb;
|
|
}
|
|
.hover\:bg-\[\#141414\]:hover {
|
|
background-color: #141414;
|
|
}
|
|
.hover\:bg-\[\#303030\]:hover {
|
|
background-color: #303030;
|
|
}
|
|
.hover\:bg-\[\#333333\]:hover {
|
|
background-color: #333;
|
|
}
|
|
.hover\:bg-\[\#999999A6\]:hover {
|
|
background-color: #999999a6;
|
|
}
|
|
.hover\:bg-\[\#B82429\]:hover {
|
|
background-color: #b82429;
|
|
}
|
|
.hover\:bg-\[\#E0E0E0\]:hover {
|
|
background-color: #e0e0e0;
|
|
}
|
|
.hover\:bg-\[\#E5E6EB\]:hover {
|
|
background-color: #e5e6eb;
|
|
}
|
|
.hover\:bg-\[\#E7E7E9\]:hover {
|
|
background-color: #e7e7e9;
|
|
}
|
|
.hover\:bg-\[\#EAECEE\]:hover {
|
|
background-color: #eaecee;
|
|
}
|
|
.hover\:bg-\[\#EBEBEB\]:hover {
|
|
background-color: #ebebeb;
|
|
}
|
|
.hover\:bg-\[\#ECEEF5\]:hover {
|
|
background-color: #eceef5;
|
|
}
|
|
.hover\:bg-\[\#F0F0F0\]:hover {
|
|
background-color: #f0f0f0;
|
|
}
|
|
.hover\:bg-\[\#F1F2F8\]:hover {
|
|
background-color: #f1f2f8;
|
|
}
|
|
.hover\:bg-\[\#F5F5F5\]:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.hover\:bg-\[\#F6F6F6\]:hover {
|
|
background-color: #f6f6f6;
|
|
}
|
|
.hover\:bg-\[\#F8F8F8\]:hover {
|
|
background-color: #f8f8f8;
|
|
}
|
|
.hover\:bg-\[\#F53F3F\]\/30:hover {
|
|
background-color: #f53f3f4d;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.3);
|
|
}
|
|
.hover\:bg-\[\#FFEDAB\]:hover {
|
|
background-color: #ffedab;
|
|
}
|
|
.hover\:bg-\[\#FFFFFF1A\]:hover {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.hover\:bg-\[\#FFF\]:hover {
|
|
background-color: #fff;
|
|
}
|
|
.hover\:bg-\[\#b52228\]:hover {
|
|
background-color: #b52228;
|
|
}
|
|
.hover\:bg-\[\#f0f2f4\]:hover {
|
|
background-color: #f0f2f4;
|
|
}
|
|
.hover\:bg-\[\#f3f3f3\]:hover {
|
|
background-color: #f3f3f3;
|
|
}
|
|
.hover\:bg-\[\#f8f8f8\]:hover {
|
|
background-color: #f8f8f8;
|
|
}
|
|
.hover\:bg-\[\#ffb84a\]:hover {
|
|
background-color: #ffb84a;
|
|
}
|
|
.hover\:bg-\[red\]:hover {
|
|
background-color: red;
|
|
}
|
|
.hover\:bg-\[rgba\(0\,0\,0\,0\.05\)\]:hover {
|
|
background-color: #0000000d;
|
|
}
|
|
.hover\:bg-\[rgba\(0\,0\,0\,0\.08\)\]:hover {
|
|
background-color: #00000014;
|
|
}
|
|
.hover\:bg-\[rgba\(30\,30\,30\,0\.45\)\]:hover {
|
|
background-color: #1e1e1e73;
|
|
}
|
|
.hover\:bg-\[rgba\(64\,218\,248\,0\.15\)\]:hover {
|
|
background-color: #40daf826;
|
|
}
|
|
.hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:hover {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.hover\:bg-\[transparent\]:hover {
|
|
background-color: #0000;
|
|
}
|
|
.hover\:bg-\[var\(--bg-topbar-btn-hover\)\]:hover {
|
|
background-color: var(--bg-topbar-btn-hover);
|
|
}
|
|
.hover\:bg-\[var\(--bg-topbar-hover\)\]:hover {
|
|
background-color: var(--bg-topbar-hover);
|
|
}
|
|
.hover\:bg-\[var\(--btn-ghost-bg-hover\)\]:hover {
|
|
background-color: var(--btn-ghost-bg-hover);
|
|
}
|
|
.hover\:bg-\[var\(--btn-primary-bg-hover\)\]:hover {
|
|
background-color: var(--btn-primary-bg-hover);
|
|
}
|
|
.hover\:bg-\[var\(--canvas-controls-hover\)\]:hover {
|
|
background-color: var(--canvas-controls-hover);
|
|
}
|
|
.hover\:bg-\[var\(--color-editor-upload-drag-bg\)\]:hover {
|
|
background-color: var(--color-editor-upload-drag-bg);
|
|
}
|
|
.hover\:bg-\[var\(--input-bg\)\]:hover {
|
|
background-color: var(--input-bg);
|
|
}
|
|
.hover\:bg-\[var\(--vip-close-hover-bg\)\]:hover {
|
|
background-color: var(--vip-close-hover-bg);
|
|
}
|
|
.hover\:bg-amber-50:hover {
|
|
background-color: var(--color-amber-50);
|
|
}
|
|
.hover\:bg-bg-surface-elevated:hover {
|
|
background-color: var(--bg-surface-elevated);
|
|
}
|
|
.hover\:bg-bg-surface-secondary:hover {
|
|
background-color: var(--bg-surface-secondary);
|
|
}
|
|
.hover\:bg-black\/0:hover {
|
|
background-color: #0000;
|
|
background-color: lab(0% 0 0/0);
|
|
}
|
|
.hover\:bg-black\/5:hover {
|
|
background-color: #0000000d;
|
|
background-color: lab(0% 0 0/0.05);
|
|
}
|
|
.hover\:bg-black\/6:hover {
|
|
background-color: #0000000f;
|
|
background-color: lab(0% 0 0/0.06);
|
|
}
|
|
.hover\:bg-black\/10:hover {
|
|
background-color: #0000001a;
|
|
background-color: lab(0% 0 0/0.1);
|
|
}
|
|
.hover\:bg-black\/20:hover {
|
|
background-color: #0003;
|
|
background-color: lab(0% 0 0/0.2);
|
|
}
|
|
.hover\:bg-black\/35:hover {
|
|
background-color: #00000059;
|
|
background-color: lab(0% 0 0/0.35);
|
|
}
|
|
.hover\:bg-black\/50:hover {
|
|
background-color: #00000080;
|
|
background-color: lab(0% 0 0/0.5);
|
|
}
|
|
.hover\:bg-black\/60:hover {
|
|
background-color: #0009;
|
|
background-color: lab(0% 0 0/0.6);
|
|
}
|
|
.hover\:bg-black\/70:hover {
|
|
background-color: #000000b3;
|
|
background-color: lab(0% 0 0/0.7);
|
|
}
|
|
.hover\:bg-black\/75:hover {
|
|
background-color: #000000bf;
|
|
background-color: lab(0% 0 0/0.75);
|
|
}
|
|
.hover\:bg-black\/80:hover {
|
|
background-color: #000c;
|
|
background-color: lab(0% 0 0/0.8);
|
|
}
|
|
.hover\:bg-black\/90:hover {
|
|
background-color: #000000e6;
|
|
background-color: lab(0% 0 0/0.9);
|
|
}
|
|
.hover\:bg-black\/\[0\.06\]:hover {
|
|
background-color: #0000000f;
|
|
background-color: lab(0% 0 0/0.06);
|
|
}
|
|
.hover\:bg-black\/\[0\.08\]:hover {
|
|
background-color: #00000014;
|
|
background-color: lab(0% 0 0/0.08);
|
|
}
|
|
.hover\:bg-blue-100:hover {
|
|
background-color: #b8e1ff;
|
|
}
|
|
.hover\:bg-blue-600:hover {
|
|
background-color: #206ccf;
|
|
}
|
|
.hover\:bg-blue-700:hover {
|
|
background-color: #104ba3;
|
|
}
|
|
.hover\:bg-btn-ghost-active:hover {
|
|
background-color: var(--btn-ghost-bg-active);
|
|
}
|
|
.hover\:bg-btn-ghost-hover:hover {
|
|
background-color: var(--btn-ghost-bg-hover);
|
|
}
|
|
.hover\:bg-btn-invert-bg-hover:hover {
|
|
background-color: var(--btn-invert-bg-hover);
|
|
}
|
|
.hover\:bg-btn-primary-hover:hover {
|
|
background-color: var(--btn-primary-bg-hover);
|
|
}
|
|
.hover\:bg-btn-secondary-active:hover {
|
|
background-color: var(--btn-secondary-bg-active);
|
|
}
|
|
.hover\:bg-canvas-controls-active:hover {
|
|
background-color: var(--canvas-controls-active);
|
|
}
|
|
.hover\:bg-canvas-controls-hover:hover {
|
|
background-color: var(--canvas-controls-hover);
|
|
}
|
|
.hover\:bg-canvas-primary-btn-hover:hover {
|
|
background-color: var(--canvas-primary-btn-bg-hover);
|
|
}
|
|
.hover\:bg-emerald-700:hover {
|
|
background-color: var(--color-emerald-700);
|
|
}
|
|
.hover\:bg-gray-100:hover {
|
|
background-color: var(--color-gray-100);
|
|
}
|
|
.hover\:bg-gray-300:hover {
|
|
background-color: var(--color-gray-300);
|
|
}
|
|
.hover\:bg-green-100:hover {
|
|
background-color: #e5ffde;
|
|
}
|
|
.hover\:bg-green-700:hover {
|
|
background-color: #239c3d;
|
|
}
|
|
.hover\:bg-indigo-100:hover {
|
|
background-color: var(--color-indigo-100);
|
|
}
|
|
.hover\:bg-neutral-100:hover {
|
|
background-color: #f2f3f5;
|
|
}
|
|
.hover\:bg-neutral-200:hover {
|
|
background-color: #e5e6ec;
|
|
}
|
|
.hover\:bg-neutral-950:hover {
|
|
background-color: #141414;
|
|
}
|
|
.hover\:bg-purple-700:hover {
|
|
background-color: var(--color-purple-700);
|
|
}
|
|
.hover\:bg-red-50:hover {
|
|
background-color: #ffece8;
|
|
}
|
|
.hover\:bg-red-500\/20:hover {
|
|
background-color: #f53f3f33;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.2);
|
|
}
|
|
.hover\:bg-red-500\/30:hover {
|
|
background-color: #f53f3f4d;
|
|
background-color: lab(56.2681% 68.8358 44.4851/0.3);
|
|
}
|
|
.hover\:bg-transparent:hover {
|
|
background-color: #0000;
|
|
}
|
|
.hover\:bg-white:hover {
|
|
background-color: #fff;
|
|
}
|
|
.hover\:bg-white\/5:hover {
|
|
background-color: #ffffff0d;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.05);
|
|
}
|
|
.hover\:bg-white\/8:hover {
|
|
background-color: #ffffff14;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.08);
|
|
}
|
|
.hover\:bg-white\/10:hover {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.hover\:bg-white\/12:hover {
|
|
background-color: #ffffff1f;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.hover\:bg-white\/15:hover {
|
|
background-color: #ffffff26;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.hover\:bg-white\/16:hover {
|
|
background-color: #ffffff29;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.16);
|
|
}
|
|
.hover\:bg-white\/20:hover {
|
|
background-color: #fff3;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.2);
|
|
}
|
|
.hover\:bg-white\/25:hover {
|
|
background-color: #ffffff40;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.25);
|
|
}
|
|
.hover\:bg-white\/30:hover {
|
|
background-color: #ffffff4d;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.hover\:bg-white\/80:hover {
|
|
background-color: #fffc;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.hover\:bg-white\/90:hover {
|
|
background-color: #ffffffe6;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.9);
|
|
}
|
|
.hover\:bg-white\/\[0\.03\]:hover {
|
|
background-color: #ffffff08;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.03);
|
|
}
|
|
.hover\:bg-white\/\[0\.04\]:hover {
|
|
background-color: #ffffff0a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.04);
|
|
}
|
|
.hover\:bg-white\/\[0\.06\]:hover {
|
|
background-color: #ffffff0f;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.06);
|
|
}
|
|
.hover\:bg-white\/\[0\.12\]:hover {
|
|
background-color: #ffffff1f;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.hover\:bg-yellow-100:hover {
|
|
background-color: #ffe4ba;
|
|
}
|
|
.hover\:bg-gradient-to-r:hover {
|
|
--tw-gradient-position: to right in oklab;
|
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
}
|
|
.hover\:from-\[\#FFF3E3\]:hover {
|
|
--tw-gradient-from: #fff3e3;
|
|
--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-\[\#FFF3E3\]:hover {
|
|
--tw-gradient-to: #fff3e3;
|
|
--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-\[\#000\]:hover {
|
|
color: #000 !important;
|
|
}
|
|
.hover\:\!text-\[\#4893FF\]:hover {
|
|
color: #4893ff !important;
|
|
}
|
|
.hover\:\!text-\[\#20242A\]:hover {
|
|
color: #20242a !important;
|
|
}
|
|
.hover\:\!text-\[\#919191\]:hover {
|
|
color: #919191 !important;
|
|
}
|
|
.hover\:text-\[\#0D0D0D\]:hover,
|
|
.hover\:text-\[\#0d0d0d\]:hover {
|
|
color: #0d0d0d;
|
|
}
|
|
.hover\:text-\[\#79BDFF\]:hover {
|
|
color: #79bdff;
|
|
}
|
|
.hover\:text-\[\#147DFF\]:hover {
|
|
color: #147dff;
|
|
}
|
|
.hover\:text-\[\#222\]:hover {
|
|
color: #222;
|
|
}
|
|
.hover\:text-\[\#333\]:hover {
|
|
color: #333;
|
|
}
|
|
.hover\:text-\[\#478eff\]:hover {
|
|
color: #478eff;
|
|
}
|
|
.hover\:text-\[\#2563EB\]:hover {
|
|
color: #2563eb;
|
|
}
|
|
.hover\:text-\[\#3162FF\]:hover {
|
|
color: #3162ff;
|
|
}
|
|
.hover\:text-\[\#191919\]:hover {
|
|
color: #191919;
|
|
}
|
|
.hover\:text-\[\#262626\]:hover {
|
|
color: #262626;
|
|
}
|
|
.hover\:text-\[\#ADADAD\]:hover {
|
|
color: #adadad;
|
|
}
|
|
.hover\:text-\[\#C08080\]:hover {
|
|
color: #c08080;
|
|
}
|
|
.hover\:text-\[\#bbbbbb\]:hover {
|
|
color: #bbb;
|
|
}
|
|
.hover\:text-\[\#e6e6e6\]:hover {
|
|
color: #e6e6e6;
|
|
}
|
|
.hover\:text-\[var\(--color-brand-300\)\]:hover {
|
|
color: var(--color-brand-300);
|
|
}
|
|
.hover\:text-\[var\(--color-primary\)\]:hover {
|
|
color: var(--color-primary);
|
|
}
|
|
.hover\:text-\[var\(--model-info-tag-text-hover\)\]:hover {
|
|
color: var(--model-info-tag-text-hover);
|
|
}
|
|
.hover\:text-amber-400:hover {
|
|
color: var(--color-amber-400);
|
|
}
|
|
.hover\:text-black:hover {
|
|
color: #000;
|
|
}
|
|
.hover\:text-black\/70:hover {
|
|
color: #000000b3;
|
|
color: lab(0% 0 0/0.7);
|
|
}
|
|
.hover\:text-blue-400:hover {
|
|
color: #3d9bff;
|
|
}
|
|
.hover\:text-blue-600:hover {
|
|
color: #206ccf;
|
|
}
|
|
.hover\:text-blue-700:hover {
|
|
color: #104ba3;
|
|
}
|
|
.hover\:text-blue-800:hover {
|
|
color: #053078;
|
|
}
|
|
.hover\:text-brand-500:hover {
|
|
color: #3d9bff;
|
|
}
|
|
.hover\:text-canvas-controls-text:hover {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
.hover\:text-destructive:hover {
|
|
color: var(--status-error);
|
|
}
|
|
.hover\:text-fg-default:hover {
|
|
color: var(--fg-default);
|
|
}
|
|
.hover\:text-fg-muted:hover {
|
|
color: var(--fg-muted);
|
|
}
|
|
.hover\:text-fg-subtle:hover {
|
|
color: var(--fg-subtle);
|
|
}
|
|
.hover\:text-gray-600:hover {
|
|
color: var(--color-gray-600);
|
|
}
|
|
.hover\:text-gray-700:hover {
|
|
color: var(--color-gray-700);
|
|
}
|
|
.hover\:text-inherit:hover {
|
|
color: inherit;
|
|
}
|
|
.hover\:text-neutral-600:hover {
|
|
color: #86909c;
|
|
}
|
|
.hover\:text-neutral-800:hover {
|
|
color: #363636;
|
|
}
|
|
.hover\:text-neutral-900:hover {
|
|
color: #171717;
|
|
}
|
|
.hover\:text-neutral-950:hover {
|
|
color: #141414;
|
|
}
|
|
.hover\:text-red-400:hover {
|
|
color: #f76560;
|
|
}
|
|
.hover\:text-red-600:hover {
|
|
color: #e11d48;
|
|
}
|
|
.hover\:text-red-700:hover {
|
|
color: #cb272d;
|
|
}
|
|
.hover\:text-white:hover {
|
|
color: #fff;
|
|
}
|
|
.hover\:text-white\/40:hover {
|
|
color: #fff6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.hover\:text-white\/50:hover {
|
|
color: #ffffff80;
|
|
color: lab(100% -0.0000298023 0.0000119209/.5);
|
|
}
|
|
.hover\:text-white\/60:hover {
|
|
color: #fff9;
|
|
color: lab(100% -0.0000298023 0.0000119209/.6);
|
|
}
|
|
.hover\:text-white\/70:hover {
|
|
color: #ffffffb3;
|
|
color: lab(100% -0.0000298023 0.0000119209/.7);
|
|
}
|
|
.hover\:text-white\/80:hover {
|
|
color: #fffc;
|
|
color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.hover\:underline:hover {
|
|
text-decoration-line: underline;
|
|
}
|
|
.hover\:underline-offset-4:hover {
|
|
text-underline-offset: 4px;
|
|
}
|
|
.hover\:opacity-50:hover {
|
|
opacity: 0.5;
|
|
}
|
|
.hover\:opacity-60:hover {
|
|
opacity: 0.6;
|
|
}
|
|
.hover\:opacity-70:hover {
|
|
opacity: 0.7;
|
|
}
|
|
.hover\:opacity-80:hover {
|
|
opacity: 0.8;
|
|
}
|
|
.hover\:opacity-90:hover {
|
|
opacity: 0.9;
|
|
}
|
|
.hover\:opacity-100:hover {
|
|
opacity: 1;
|
|
}
|
|
.hover\:shadow-md:hover {
|
|
--tw-shadow: 0 4px 6px -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);
|
|
}
|
|
.hover\:shadow-none:hover {
|
|
--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);
|
|
}
|
|
.hover\:shadow-xl:hover {
|
|
--tw-shadow: 0 20px 25px -5px 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);
|
|
}
|
|
.hover\:brightness-110:hover {
|
|
--tw-brightness: brightness(110%);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.hover\:before\:z-\[1\]:hover:before {
|
|
content: var(--tw-content);
|
|
z-index: 1;
|
|
}
|
|
.hover\:before\:bg-\[\#0009\]:hover:before {
|
|
content: var(--tw-content);
|
|
background-color: #0009;
|
|
}
|
|
.hover\:before\:bg-black\/5:hover:before {
|
|
content: var(--tw-content);
|
|
background-color: #0000000d;
|
|
background-color: lab(0% 0 0/0.05);
|
|
}
|
|
}
|
|
.after\:hover\:bg-\[\#0000000A\]:after {
|
|
content: var(--tw-content);
|
|
}
|
|
@media (hover: hover) {
|
|
.after\:hover\:bg-\[\#0000000A\]:after:hover {
|
|
background-color: #0000000a;
|
|
}
|
|
}
|
|
.focus\:border-solid:focus {
|
|
--tw-border-style: solid;
|
|
border-style: solid;
|
|
}
|
|
.focus\:border-\(--color-brand-400\):focus {
|
|
border-color: var(--color-brand-400);
|
|
}
|
|
.focus\:border-\[\#4D6BFE\]:focus {
|
|
border-color: #4d6bfe;
|
|
}
|
|
.focus\:border-\[\#DADADA\]:focus {
|
|
border-color: #dadada;
|
|
}
|
|
.focus\:border-black\/20:focus {
|
|
border-color: #0003;
|
|
border-color: lab(0% 0 0/0.2);
|
|
}
|
|
.focus\:border-blue-500:focus {
|
|
border-color: #147dff;
|
|
}
|
|
.focus\:border-brand-600:focus {
|
|
border-color: #1f6dff;
|
|
}
|
|
.focus\:border-primary:focus {
|
|
border-color: var(--color-brand-400);
|
|
}
|
|
.focus\:border-white\/40:focus {
|
|
border-color: #fff6;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.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-blue-200:focus {
|
|
--tw-ring-color: #8fcdff;
|
|
}
|
|
.focus\:ring-blue-500:focus {
|
|
--tw-ring-color: #147dff;
|
|
}
|
|
.focus\:ring-border-emphasis:focus {
|
|
--tw-ring-color: var(--border-emphasis);
|
|
}
|
|
.focus\:ring-canvas-controls-border:focus {
|
|
--tw-ring-color: var(--canvas-controls-border);
|
|
}
|
|
.focus\:ring-canvas-controls-text\/50:focus {
|
|
--tw-ring-color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.focus\:ring-canvas-controls-text\/50:focus {
|
|
--tw-ring-color: color-mix(
|
|
in oklab,
|
|
var(--canvas-controls-text) 50%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.focus\:ring-white\/15:focus {
|
|
--tw-ring-color: #ffffff26;
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.focus\:ring-white\/15:focus {
|
|
--tw-ring-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
}
|
|
.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\:pointer-events-auto:focus-visible {
|
|
pointer-events: auto;
|
|
}
|
|
.focus-visible\:opacity-100:focus-visible {
|
|
opacity: 1;
|
|
}
|
|
.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-canvas-controls-text\/30:focus-visible {
|
|
--tw-ring-color: var(--canvas-controls-text);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.focus-visible\:ring-canvas-controls-text\/30:focus-visible {
|
|
--tw-ring-color: color-mix(
|
|
in oklab,
|
|
var(--canvas-controls-text) 30%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.focus-visible\:ring-ring:focus-visible {
|
|
--tw-ring-color: var(--focus-ring);
|
|
}
|
|
.focus-visible\:ring-white\/40:focus-visible {
|
|
--tw-ring-color: #fff6;
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.focus-visible\:ring-white\/40:focus-visible {
|
|
--tw-ring-color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
}
|
|
.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\:outline-none:focus-visible {
|
|
--tw-outline-style: none;
|
|
outline-style: none;
|
|
}
|
|
.focus-visible\:ring-inset:focus-visible {
|
|
--tw-ring-inset: inset;
|
|
}
|
|
.active\:translate-y-px:active {
|
|
--tw-translate-y: 1px;
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.active\:scale-90:active {
|
|
--tw-scale-x: 90%;
|
|
--tw-scale-y: 90%;
|
|
--tw-scale-z: 90%;
|
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
}
|
|
.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\:cursor-grabbing:active {
|
|
cursor: grabbing;
|
|
}
|
|
.active\:\!bg-\[\#1F6DFF\]:active {
|
|
background-color: #1f6dff !important;
|
|
}
|
|
.active\:bg-\[\#A71F24\]:active {
|
|
background-color: #a71f24;
|
|
}
|
|
.active\:bg-\[\#D8D9DE\]:active {
|
|
background-color: #d8d9de;
|
|
}
|
|
.active\:bg-btn-ghost-active:active {
|
|
background-color: var(--btn-ghost-bg-active);
|
|
}
|
|
.active\:bg-btn-ghost-hover:active {
|
|
background-color: var(--btn-ghost-bg-hover);
|
|
}
|
|
.active\:bg-btn-invert-bg-active:active {
|
|
background-color: var(--btn-invert-bg-active);
|
|
}
|
|
.active\:bg-btn-primary-active:active {
|
|
background-color: var(--btn-primary-bg-active);
|
|
}
|
|
.active\:bg-btn-secondary-active:active {
|
|
background-color: var(--btn-secondary-bg-active);
|
|
}
|
|
.active\:bg-canvas-controls-active:active {
|
|
background-color: var(--canvas-controls-active);
|
|
}
|
|
.active\:bg-white\/\[0\.08\]:active {
|
|
background-color: #ffffff14;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.08);
|
|
}
|
|
.active\:opacity-80:active {
|
|
opacity: 0.8;
|
|
}
|
|
.active\:opacity-90:active {
|
|
opacity: 0.9;
|
|
}
|
|
.active\:brightness-95:active {
|
|
--tw-brightness: brightness(95%);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
|
|
var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
|
|
var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
}
|
|
.enabled\:cursor-pointer:enabled {
|
|
cursor: pointer;
|
|
}
|
|
.enabled\:bg-black\/6:enabled {
|
|
background-color: #0000000f;
|
|
background-color: lab(0% 0 0/0.06);
|
|
}
|
|
.enabled\:bg-white\/10:enabled {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.enabled\:text-fg-default:enabled {
|
|
color: var(--fg-default);
|
|
}
|
|
.enabled\:text-white\/85:enabled {
|
|
color: #ffffffd9;
|
|
color: lab(100% -0.0000298023 0.0000119209/.85);
|
|
}
|
|
@media (hover: hover) {
|
|
.enabled\:hover\:bg-black\/10:enabled:hover {
|
|
background-color: #0000001a;
|
|
background-color: lab(0% 0 0/0.1);
|
|
}
|
|
.enabled\:hover\:bg-white\/10:enabled:hover {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.enabled\:hover\:bg-white\/15:enabled:hover {
|
|
background-color: #ffffff26;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.hover\:enabled\:bg-btn-ghost-hover:hover:enabled {
|
|
background-color: var(--btn-ghost-bg-hover);
|
|
}
|
|
.hover\:enabled\:bg-white\/10:hover:enabled {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.enabled\:hover\:text-white:enabled:hover {
|
|
color: #fff;
|
|
}
|
|
}
|
|
.disabled\:pointer-events-none:disabled {
|
|
pointer-events: none;
|
|
}
|
|
.disabled\:cursor-default:disabled {
|
|
cursor: default;
|
|
}
|
|
.disabled\:cursor-not-allowed:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.disabled\:bg-\[\#c5fff5\]:disabled {
|
|
background-color: #c5fff5;
|
|
}
|
|
.disabled\:bg-black\/4:disabled {
|
|
background-color: #0000000a;
|
|
background-color: lab(0% 0 0/0.04);
|
|
}
|
|
.disabled\:bg-primary\/20:disabled {
|
|
background-color: #478eff33;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.disabled\:bg-primary\/20:disabled {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-brand-400) 20%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.disabled\:bg-white\/4:disabled {
|
|
background-color: #ffffff0a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.04);
|
|
}
|
|
.disabled\:text-\[\#A8A8A8\]:disabled {
|
|
color: #a8a8a8;
|
|
}
|
|
.disabled\:text-fg-disabled:disabled {
|
|
color: var(--fg-disabled);
|
|
}
|
|
.disabled\:opacity-30:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
.disabled\:opacity-40:disabled {
|
|
opacity: 0.4;
|
|
}
|
|
.disabled\:opacity-50:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
.disabled\:opacity-60:disabled {
|
|
opacity: 0.6;
|
|
}
|
|
.disabled\:opacity-70:disabled {
|
|
opacity: 0.7;
|
|
}
|
|
.disabled\:opacity-80:disabled {
|
|
opacity: 0.8;
|
|
}
|
|
.data-\[active\]\:bg-\[\#303030\][data-active] {
|
|
background-color: #303030;
|
|
}
|
|
.data-\[active\]\:bg-bg-surface-secondary[data-active] {
|
|
background-color: var(--bg-surface-secondary);
|
|
}
|
|
.data-\[active\]\:bg-neutral-100[data-active] {
|
|
background-color: #f2f3f5;
|
|
}
|
|
.data-\[active\]\:text-\[\#e6e6e6\][data-active] {
|
|
color: #e6e6e6;
|
|
}
|
|
.data-\[active\]\:text-black\/90[data-active] {
|
|
color: #000000e6;
|
|
color: lab(0% 0 0/0.9);
|
|
}
|
|
.data-\[active\]\:text-fg-default[data-active] {
|
|
color: var(--fg-default);
|
|
}
|
|
.data-\[active\]\:text-neutral-900[data-active] {
|
|
color: #171717;
|
|
}
|
|
.data-\[active\=true\]\:text-fg-default[data-active="true"] {
|
|
color: var(--fg-default);
|
|
}
|
|
.data-\[combobox-active\]\:bg-\[\#404040\][data-combobox-active] {
|
|
background-color: #404040;
|
|
}
|
|
.data-\[combobox-active\]\:bg-btn-ghost-hover[data-combobox-active] {
|
|
background-color: var(--btn-ghost-bg-hover);
|
|
}
|
|
.data-\[combobox-active\]\:bg-canvas-controls-hover[data-combobox-active] {
|
|
background-color: var(--canvas-controls-hover);
|
|
}
|
|
.data-\[combobox-active\]\:bg-neutral-50[data-combobox-active] {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.data-\[combobox-active\]\:text-canvas-controls-text[data-combobox-active] {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
.data-\[combobox-active\]\:text-fg-default[data-combobox-active] {
|
|
color: var(--fg-default);
|
|
}
|
|
.data-\[combobox-selected\]\:bg-\[\#303030\][data-combobox-selected] {
|
|
background-color: #303030;
|
|
}
|
|
.data-\[combobox-selected\]\:bg-bg-surface-secondary[data-combobox-selected] {
|
|
background-color: var(--bg-surface-secondary);
|
|
}
|
|
.data-\[combobox-selected\]\:bg-btn-ghost-active[data-combobox-selected] {
|
|
background-color: var(--btn-ghost-bg-active);
|
|
}
|
|
.data-\[combobox-selected\]\:bg-canvas-controls-active[data-combobox-selected] {
|
|
background-color: var(--canvas-controls-active);
|
|
}
|
|
.data-\[combobox-selected\]\:bg-neutral-100[data-combobox-selected] {
|
|
background-color: #f2f3f5;
|
|
}
|
|
.data-\[combobox-selected\]\:text-\[\#e6e6e6\][data-combobox-selected] {
|
|
color: #e6e6e6;
|
|
}
|
|
.data-\[combobox-selected\]\:text-canvas-controls-text[data-combobox-selected] {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
.data-\[combobox-selected\]\:text-fg-default[data-combobox-selected] {
|
|
color: var(--fg-default);
|
|
}
|
|
.data-\[combobox-selected\]\:text-neutral-900[data-combobox-selected] {
|
|
color: #171717;
|
|
}
|
|
.data-\[combobox-selected\]\:ring-1[data-combobox-selected] {
|
|
--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);
|
|
}
|
|
.data-\[combobox-selected\]\:ring-canvas-controls-border[data-combobox-selected] {
|
|
--tw-ring-color: var(--canvas-controls-border);
|
|
}
|
|
.data-\[selected\=true\]\:bg-canvas-controls-active[data-selected="true"] {
|
|
background-color: var(--canvas-controls-active);
|
|
}
|
|
@media (hover: hover) {
|
|
.data-\[selected\=true\]\:hover\:bg-canvas-controls-active[data-selected="true"]:hover {
|
|
background-color: var(--canvas-controls-active);
|
|
}
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.motion-reduce\:transition-none {
|
|
transition-property: none;
|
|
}
|
|
}
|
|
@media not all and (min-width: 640px) {
|
|
.max-\[640px\]\:w-full {
|
|
width: 100%;
|
|
}
|
|
.max-\[640px\]\:flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.max-\[640px\]\:items-start {
|
|
align-items: flex-start;
|
|
}
|
|
.max-\[640px\]\:text-\[12px\] {
|
|
font-size: 12px;
|
|
}
|
|
.max-\[640px\]\:text-\[16px\] {
|
|
font-size: 16px;
|
|
}
|
|
.max-\[640px\]\:whitespace-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
@media not all and (min-width: 64rem) {
|
|
.max-lg\:flex-col {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
@media not all and (min-width: 48rem) {
|
|
.max-md\:block {
|
|
display: block;
|
|
}
|
|
.max-md\:flex {
|
|
display: flex;
|
|
}
|
|
.max-md\:inline {
|
|
display: inline;
|
|
}
|
|
.max-md\:opacity-100 {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@media (min-width: 640px) {
|
|
.b640\:grid-cols-\[240px_1fr\] {
|
|
grid-template-columns: 240px 1fr;
|
|
}
|
|
.b640\:gap-2 {
|
|
gap: 8px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.b768\:-mt-4 {
|
|
margin-top: -16px;
|
|
}
|
|
.b768\:mt-0 {
|
|
margin-top: 0;
|
|
}
|
|
.b768\:mt-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.b768\:-mr-3 {
|
|
margin-right: -12px;
|
|
}
|
|
.b768\:mb-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.b768\:mb-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.b768\:mb-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.b768\:mb-8\! {
|
|
margin-bottom: 32px !important;
|
|
}
|
|
.b768\:mb-10 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.b768\:h-\[22px\] {
|
|
height: 22px;
|
|
}
|
|
.b768\:max-h-\[600px\] {
|
|
max-height: 600px;
|
|
}
|
|
.b768\:w-\[280px\] {
|
|
width: 280px;
|
|
}
|
|
.b768\:w-\[760px\] {
|
|
width: 760px;
|
|
}
|
|
.b768\:flex-1 {
|
|
flex: 1;
|
|
}
|
|
.b768\:shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.b768\:grid-cols-3 {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.b768\:flex-row {
|
|
flex-direction: row;
|
|
}
|
|
.b768\:items-center {
|
|
align-items: center;
|
|
}
|
|
.b768\:\!gap-4 {
|
|
gap: 16px !important;
|
|
}
|
|
.b768\:gap-3 {
|
|
gap: 12px;
|
|
}
|
|
.b768\:gap-4 {
|
|
gap: 16px;
|
|
}
|
|
.b768\:px-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.b768\:px-4 {
|
|
padding-inline: 16px;
|
|
}
|
|
.b768\:px-6 {
|
|
padding-inline: 24px;
|
|
}
|
|
.b768\:px-\[10px\] {
|
|
padding-inline: 10px;
|
|
}
|
|
.b768\:py-3 {
|
|
padding-block: 12px;
|
|
}
|
|
.b768\:pt-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.b768\:pt-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.b768\:text-\[12px\] {
|
|
font-size: 12px;
|
|
}
|
|
.b768\:text-\[18px\] {
|
|
font-size: 18px;
|
|
}
|
|
.b768\:text-\[22px\] {
|
|
font-size: 22px;
|
|
}
|
|
.b768\:opacity-0 {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.b1024\:bottom-3 {
|
|
bottom: 12px;
|
|
}
|
|
.b1024\:block {
|
|
display: block;
|
|
}
|
|
.b1024\:min-h-\[28px\] {
|
|
min-height: 28px;
|
|
}
|
|
.b1024\:grid-cols-4 {
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.b1024\:gap-1 {
|
|
gap: 4px;
|
|
}
|
|
.b1024\:px-1 {
|
|
padding-inline: 4px;
|
|
}
|
|
.b1024\:px-4 {
|
|
padding-inline: 16px;
|
|
}
|
|
.b1024\:py-1 {
|
|
padding-block: 4px;
|
|
}
|
|
.b1024\:text-\[10px\] {
|
|
font-size: 10px;
|
|
}
|
|
.b1024\:leading-normal {
|
|
--tw-leading: var(--leading-normal);
|
|
line-height: var(--leading-normal);
|
|
}
|
|
}
|
|
@media (min-width: 1280px) {
|
|
.b1280\:max-w-\[1000px\] {
|
|
max-width: 1000px;
|
|
}
|
|
.b1280\:max-w-\[1440px\] {
|
|
max-width: 1440px;
|
|
}
|
|
.b1280\:grid-cols-5 {
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@media (min-width: 1440px) {
|
|
.b1440\:w-\[1236px\] {
|
|
width: 1236px;
|
|
}
|
|
}
|
|
@media (min-width: 1520px) {
|
|
.b1520\:grid-cols-6 {
|
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@media (min-width: 1920px) {
|
|
.b1920\:grid-cols-7 {
|
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@media (min-width: 2560px) {
|
|
.min-\[2560px\]\:text-\[22px\] {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
@media (min-width: 3200px) {
|
|
.min-\[3200px\]\:h-\[80px\] {
|
|
height: 80px;
|
|
}
|
|
.min-\[3200px\]\:text-\[26px\] {
|
|
font-size: 26px;
|
|
}
|
|
}
|
|
@media (min-width: 40rem) {
|
|
.sm\:inline {
|
|
display: inline;
|
|
}
|
|
.sm\:rounded-xl {
|
|
border-radius: 12px;
|
|
}
|
|
}
|
|
@media (min-width: 48rem) {
|
|
.md\:right-5 {
|
|
right: 20px;
|
|
}
|
|
.md\:bottom-4 {
|
|
bottom: 16px;
|
|
}
|
|
.md\:bottom-\[180px\] {
|
|
bottom: 180px;
|
|
}
|
|
.md\:left-8 {
|
|
left: 32px;
|
|
}
|
|
.md\:left-auto {
|
|
left: auto;
|
|
}
|
|
.md\:mx-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.md\:mb-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.md\:block {
|
|
display: block;
|
|
}
|
|
.md\:flex {
|
|
display: flex;
|
|
}
|
|
.md\:grid {
|
|
display: grid;
|
|
}
|
|
.md\:hidden {
|
|
display: none;
|
|
}
|
|
.md\:inline {
|
|
display: inline;
|
|
}
|
|
.md\:h-4 {
|
|
height: 16px;
|
|
}
|
|
.md\:h-7 {
|
|
height: calc(var(--spacing) * 7);
|
|
}
|
|
.md\:h-8 {
|
|
height: 32px;
|
|
}
|
|
.md\:h-\[40px\] {
|
|
height: 40px;
|
|
}
|
|
.md\:h-\[56px\] {
|
|
height: 56px;
|
|
}
|
|
.md\:max-h-none {
|
|
max-height: none;
|
|
}
|
|
.md\:w-7 {
|
|
width: calc(var(--spacing) * 7);
|
|
}
|
|
.md\:w-16 {
|
|
width: 64px;
|
|
}
|
|
.md\:w-20 {
|
|
width: calc(var(--spacing) * 20);
|
|
}
|
|
.md\:w-24 {
|
|
width: calc(var(--spacing) * 24);
|
|
}
|
|
.md\:w-32 {
|
|
width: calc(var(--spacing) * 32);
|
|
}
|
|
.md\:w-52 {
|
|
width: calc(var(--spacing) * 52);
|
|
}
|
|
.md\:w-80 {
|
|
width: calc(var(--spacing) * 80);
|
|
}
|
|
.md\:w-96 {
|
|
width: calc(var(--spacing) * 96);
|
|
}
|
|
.md\:w-\[40px\] {
|
|
width: 40px;
|
|
}
|
|
.md\:w-\[80px\] {
|
|
width: 80px;
|
|
}
|
|
.md\:w-\[120px\] {
|
|
width: 120px;
|
|
}
|
|
.md\:w-\[140px\] {
|
|
width: 140px;
|
|
}
|
|
.md\:w-\[360px\] {
|
|
width: 360px;
|
|
}
|
|
.md\:w-auto {
|
|
width: auto;
|
|
}
|
|
.md\:w-fit {
|
|
width: fit-content;
|
|
}
|
|
.md\:w-full {
|
|
width: 100%;
|
|
}
|
|
.md\:min-w-0 {
|
|
min-width: 0;
|
|
}
|
|
.md\:flex-1 {
|
|
flex: 1;
|
|
}
|
|
.md\:shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.md\:grid-cols-2 {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-5 {
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.md\:flex-row {
|
|
flex-direction: row;
|
|
}
|
|
.md\:items-center {
|
|
align-items: center;
|
|
}
|
|
.md\:items-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.md\:justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
.md\:justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.md\:gap-2 {
|
|
gap: 8px;
|
|
}
|
|
.md\:gap-3 {
|
|
gap: 12px;
|
|
}
|
|
.md\:gap-4 {
|
|
gap: 16px;
|
|
}
|
|
.md\:gap-5 {
|
|
gap: 20px;
|
|
}
|
|
.md\:gap-6 {
|
|
gap: 24px;
|
|
}
|
|
.md\:gap-\[4px\] {
|
|
gap: 4px;
|
|
}
|
|
.md\:gap-\[12px\] {
|
|
gap: 12px;
|
|
}
|
|
.md\:overflow-visible {
|
|
overflow: visible;
|
|
}
|
|
.md\:border-b-0 {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 0;
|
|
}
|
|
.md\:p-3 {
|
|
padding: 12px;
|
|
}
|
|
.md\:p-4 {
|
|
padding: 16px;
|
|
}
|
|
.md\:p-6 {
|
|
padding: 24px;
|
|
}
|
|
.md\:px-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.md\:px-3 {
|
|
padding-inline: 12px;
|
|
}
|
|
.md\:px-4 {
|
|
padding-inline: 16px;
|
|
}
|
|
.md\:px-6 {
|
|
padding-inline: 24px;
|
|
}
|
|
.md\:px-8 {
|
|
padding-inline: 32px;
|
|
}
|
|
.md\:py-2 {
|
|
padding-block: 8px;
|
|
}
|
|
.md\:py-2\.5 {
|
|
padding-block: calc(var(--spacing) * 2.5);
|
|
}
|
|
.md\:py-6 {
|
|
padding-block: 24px;
|
|
}
|
|
.md\:pr-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.md\:pb-0 {
|
|
padding-bottom: 0;
|
|
}
|
|
.md\:pb-7 {
|
|
padding-bottom: calc(var(--spacing) * 7);
|
|
}
|
|
.md\:text-base {
|
|
font-size: var(--text-base);
|
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
}
|
|
.md\:text-sm {
|
|
font-size: var(--text-sm);
|
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
}
|
|
.md\:text-\[14px\] {
|
|
font-size: 14px;
|
|
}
|
|
.md\:text-\[20px\] {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
@media (min-width: 64rem) {
|
|
.lg\:w-\[239px\] {
|
|
width: 239px;
|
|
}
|
|
.lg\:grid-cols-3 {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.lg\:gap-6 {
|
|
gap: 24px;
|
|
}
|
|
}
|
|
.dark\:inset-\[0\.5px\]:is(.dark *) {
|
|
inset: 0.5px;
|
|
}
|
|
.dark\:block:is(.dark *) {
|
|
display: block;
|
|
}
|
|
.dark\:hidden:is(.dark *) {
|
|
display: none;
|
|
}
|
|
:where(.dark\:divide-gray-700:is(.dark *) > :not(:last-child)) {
|
|
border-color: var(--color-gray-700);
|
|
}
|
|
.dark\:\!border-0:is(.dark *) {
|
|
border-style: var(--tw-border-style) !important;
|
|
border-width: 0 !important;
|
|
}
|
|
.dark\:\!border-\[1px\]:is(.dark *) {
|
|
border-style: var(--tw-border-style) !important;
|
|
border-width: 1px !important;
|
|
}
|
|
.dark\:border-hair:is(.dark *) {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 0.5px;
|
|
}
|
|
.dark\:\!border-solid:is(.dark *) {
|
|
--tw-border-style: solid !important;
|
|
border-style: solid !important;
|
|
}
|
|
.dark\:\!border-\[\#1C1D29\]:is(.dark *) {
|
|
border-color: #1c1d29 !important;
|
|
}
|
|
.dark\:\!border-\[\#1880FF\]:is(.dark *) {
|
|
border-color: #1880ff !important;
|
|
}
|
|
.dark\:\!border-\[\#33354B\]:is(.dark *) {
|
|
border-color: #33354b !important;
|
|
}
|
|
.dark\:\!border-\[\#ffffff28\]:is(.dark *) {
|
|
border-color: #ffffff28 !important;
|
|
}
|
|
.dark\:\!border-\[rgba\(255\,255\,255\,0\.10\)\]:is(.dark *) {
|
|
border-color: #ffffff1a !important;
|
|
}
|
|
.dark\:\!border-\[rgba\(255\,255\,255\,0\.20\)\]:is(.dark *) {
|
|
border-color: #fff3 !important;
|
|
}
|
|
.dark\:border-\(--topnav-btn-border\):is(.dark *) {
|
|
border-color: var(--topnav-btn-border);
|
|
}
|
|
.dark\:border-\[\#0F0F0F\]:is(.dark *) {
|
|
border-color: #0f0f0f;
|
|
}
|
|
.dark\:border-\[\#0F4FD9\]:is(.dark *) {
|
|
border-color: #0f4fd9;
|
|
}
|
|
.dark\:border-\[\#0000000d\]:is(.dark *) {
|
|
border-color: #0000000d;
|
|
}
|
|
.dark\:border-\[\#1A1B2B\]:is(.dark *) {
|
|
border-color: #1a1b2b;
|
|
}
|
|
.dark\:border-\[\#1C1D29\]:is(.dark *) {
|
|
border-color: #1c1d29;
|
|
}
|
|
.dark\:border-\[\#1F1F1F\]:is(.dark *) {
|
|
border-color: #1f1f1f;
|
|
}
|
|
.dark\:border-\[\#1a1b2b\]:is(.dark *) {
|
|
border-color: #1a1b2b;
|
|
}
|
|
.dark\:border-\[\#2A2D3D\]:is(.dark *) {
|
|
border-color: #2a2d3d;
|
|
}
|
|
.dark\:border-\[\#2B2D3E\]:is(.dark *) {
|
|
border-color: #2b2d3e;
|
|
}
|
|
.dark\:border-\[\#2C2E33\]:is(.dark *) {
|
|
border-color: #2c2e33;
|
|
}
|
|
.dark\:border-\[\#2D2E33\]:is(.dark *) {
|
|
border-color: #2d2e33;
|
|
}
|
|
.dark\:border-\[\#3F3F3F\]:is(.dark *),
|
|
.dark\:border-\[\#3f3f3f\]:is(.dark *) {
|
|
border-color: #3f3f3f;
|
|
}
|
|
.dark\:border-\[\#666\]:is(.dark *) {
|
|
border-color: #666;
|
|
}
|
|
.dark\:border-\[\#18171C\]:is(.dark *) {
|
|
border-color: #18171c;
|
|
}
|
|
.dark\:border-\[\#20242A\]:is(.dark *) {
|
|
border-color: #20242a;
|
|
}
|
|
.dark\:border-\[\#333333\]:is(.dark *) {
|
|
border-color: #333;
|
|
}
|
|
.dark\:border-\[\#363636\]:is(.dark *) {
|
|
border-color: #363636;
|
|
}
|
|
.dark\:border-\[\#525252\]:is(.dark *) {
|
|
border-color: #525252;
|
|
}
|
|
.dark\:border-\[\#AABEFF1A\]:is(.dark *) {
|
|
border-color: #aabeff1a;
|
|
}
|
|
.dark\:border-\[\#FFFFFF1A\]:is(.dark *),
|
|
.dark\:border-\[\#ffffff1a\]:is(.dark *) {
|
|
border-color: #ffffff1a;
|
|
}
|
|
.dark\:border-\[\#ffffff18\]:is(.dark *) {
|
|
border-color: #ffffff18;
|
|
}
|
|
.dark\:border-\[\#ffffff28\]:is(.dark *) {
|
|
border-color: #ffffff28;
|
|
}
|
|
.dark\:border-\[\#ffffff\]\/5:is(.dark *) {
|
|
border-color: #ffffff0d;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.05);
|
|
}
|
|
.dark\:border-\[transparent\]:is(.dark *) {
|
|
border-color: #0000;
|
|
}
|
|
.dark\:border-\[var\(--color-border1\)\]:is(.dark *) {
|
|
border-color: var(--color-border1);
|
|
}
|
|
.dark\:border-blue-500:is(.dark *) {
|
|
border-color: #147dff;
|
|
}
|
|
.dark\:border-blue-600:is(.dark *) {
|
|
border-color: #206ccf;
|
|
}
|
|
.dark\:border-blue-800:is(.dark *) {
|
|
border-color: #053078;
|
|
}
|
|
.dark\:border-gray-600:is(.dark *) {
|
|
border-color: var(--color-gray-600);
|
|
}
|
|
.dark\:border-gray-700:is(.dark *) {
|
|
border-color: var(--color-gray-700);
|
|
}
|
|
.dark\:border-indigo-800:is(.dark *) {
|
|
border-color: var(--color-indigo-800);
|
|
}
|
|
.dark\:border-neutral-700:is(.dark *) {
|
|
border-color: #525252;
|
|
}
|
|
.dark\:border-transparent:is(.dark *) {
|
|
border-color: #0000;
|
|
}
|
|
.dark\:border-white\/10:is(.dark *) {
|
|
border-color: #ffffff1a;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.dark\:border-white\/12:is(.dark *) {
|
|
border-color: #ffffff1f;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.dark\:border-white\/15:is(.dark *) {
|
|
border-color: #ffffff26;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.dark\:border-white\/20:is(.dark *) {
|
|
border-color: #fff3;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.2);
|
|
}
|
|
.dark\:border-white\/40:is(.dark *) {
|
|
border-color: #fff6;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.dark\:border-white\/\[0\.12\]:is(.dark *) {
|
|
border-color: #ffffff1f;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.12);
|
|
}
|
|
.dark\:border-t-\[\#2A2D3D\]:is(.dark *) {
|
|
border-top-color: #2a2d3d;
|
|
}
|
|
.dark\:\!bg-\[\#0F0F0F\]:is(.dark *),
|
|
.dark\:\!bg-\[\#0f0f0f\]:is(.dark *) {
|
|
background-color: #0f0f0f !important;
|
|
}
|
|
.dark\:\!bg-\[\#000000B2\]:is(.dark *) {
|
|
background-color: #000000b2 !important;
|
|
}
|
|
.dark\:\!bg-\[\#1B1B20\]:is(.dark *) {
|
|
background-color: #1b1b20 !important;
|
|
}
|
|
.dark\:\!bg-\[\#1C1D29\]:is(.dark *) {
|
|
background-color: #1c1d29 !important;
|
|
}
|
|
.dark\:\!bg-\[\#1E1E34\]:is(.dark *) {
|
|
background-color: #1e1e34 !important;
|
|
}
|
|
.dark\:\!bg-\[\#2A2D3D\]:is(.dark *),
|
|
.dark\:\!bg-\[\#2a2d3d\]:is(.dark *) {
|
|
background-color: #2a2d3d !important;
|
|
}
|
|
.dark\:\!bg-\[\#4B7DFF\]:is(.dark *) {
|
|
background-color: #4b7dff !important;
|
|
}
|
|
.dark\:\!bg-\[\#20242A\]:is(.dark *) {
|
|
background-color: #20242a !important;
|
|
}
|
|
.dark\:\!bg-\[\#303030\]:is(.dark *) {
|
|
background-color: #303030 !important;
|
|
}
|
|
.dark\:\!bg-\[\#F7F7F7\]:is(.dark *) {
|
|
background-color: #f7f7f7 !important;
|
|
}
|
|
.dark\:\!bg-\[transparent\]:is(.dark *) {
|
|
background-color: #0000 !important;
|
|
}
|
|
.dark\:\!bg-\[var\(--color-background\)\]:is(.dark *) {
|
|
background-color: var(--color-background) !important;
|
|
}
|
|
.dark\:\!bg-transparent:is(.dark *) {
|
|
background-color: #0000 !important;
|
|
}
|
|
.dark\:bg-\[\#0B0B0F\]:is(.dark *) {
|
|
background-color: #0b0b0f;
|
|
}
|
|
.dark\:bg-\[\#0B0B10\]:is(.dark *) {
|
|
background-color: #0b0b10;
|
|
}
|
|
.dark\:bg-\[\#0C0B10\]:is(.dark *) {
|
|
background-color: #0c0b10;
|
|
}
|
|
.dark\:bg-\[\#0D1117\]:is(.dark *) {
|
|
background-color: #0d1117;
|
|
}
|
|
.dark\:bg-\[\#0F0F0F\]:is(.dark *) {
|
|
background-color: #0f0f0f;
|
|
}
|
|
.dark\:bg-\[\#0c0b10\]:is(.dark *) {
|
|
background-color: #0c0b10;
|
|
}
|
|
.dark\:bg-\[\#0d0d0d\]:is(.dark *) {
|
|
background-color: #0d0d0d;
|
|
}
|
|
.dark\:bg-\[\#1B1B20\]:is(.dark *) {
|
|
background-color: #1b1b20;
|
|
}
|
|
.dark\:bg-\[\#1C1C1C\]:is(.dark *) {
|
|
background-color: #1c1c1c;
|
|
}
|
|
.dark\:bg-\[\#1C1D2A\]:is(.dark *) {
|
|
background-color: #1c1d2a;
|
|
}
|
|
.dark\:bg-\[\#1C1D29\]:is(.dark *) {
|
|
background-color: #1c1d29;
|
|
}
|
|
.dark\:bg-\[\#1F1F1F\]:is(.dark *) {
|
|
background-color: #1f1f1f;
|
|
}
|
|
.dark\:bg-\[\#1a1a1a\]:is(.dark *) {
|
|
background-color: #1a1a1a;
|
|
}
|
|
.dark\:bg-\[\#1c1c1c\]:is(.dark *) {
|
|
background-color: #1c1c1c;
|
|
}
|
|
.dark\:bg-\[\#1c1d29\]:is(.dark *) {
|
|
background-color: #1c1d29;
|
|
}
|
|
.dark\:bg-\[\#2A2A2A\]:is(.dark *) {
|
|
background-color: #2a2a2a;
|
|
}
|
|
.dark\:bg-\[\#2A2D3D\]:is(.dark *) {
|
|
background-color: #2a2d3d;
|
|
}
|
|
.dark\:bg-\[\#2B2C3A\]:is(.dark *) {
|
|
background-color: #2b2c3a;
|
|
}
|
|
.dark\:bg-\[\#2C2C2D\]:is(.dark *) {
|
|
background-color: #2c2c2d;
|
|
}
|
|
.dark\:bg-\[\#2D2E33\]:is(.dark *) {
|
|
background-color: #2d2e33;
|
|
}
|
|
.dark\:bg-\[\#2a2d3d\]:is(.dark *) {
|
|
background-color: #2a2d3d;
|
|
}
|
|
.dark\:bg-\[\#2a2d3e\]:is(.dark *) {
|
|
background-color: #2a2d3e;
|
|
}
|
|
.dark\:bg-\[\#3D4156\]:is(.dark *) {
|
|
background-color: #3d4156;
|
|
}
|
|
.dark\:bg-\[\#3E3B4B\]:is(.dark *) {
|
|
background-color: #3e3b4b;
|
|
}
|
|
.dark\:bg-\[\#4B7DFF\]\/5:is(.dark *) {
|
|
background-color: #4b7dff0d;
|
|
background-color: lab(54.3746% 16.645 -71.1007/0.05);
|
|
}
|
|
.dark\:bg-\[\#09CAF51C\]:is(.dark *) {
|
|
background-color: #09caf51c;
|
|
}
|
|
.dark\:bg-\[\#332B1E\]:is(.dark *) {
|
|
background-color: #332b1e;
|
|
}
|
|
.dark\:bg-\[\#423F4ECC\]:is(.dark *) {
|
|
background-color: #423f4ecc;
|
|
}
|
|
.dark\:bg-\[\#423F4E\]\/50:is(.dark *) {
|
|
background-color: #423f4e80;
|
|
background-color: lab(27.4007% 3.98673 -8.64483/0.5);
|
|
}
|
|
.dark\:bg-\[\#000513\]:is(.dark *) {
|
|
background-color: #000513;
|
|
}
|
|
.dark\:bg-\[\#20242A\]:is(.dark *) {
|
|
background-color: #20242a;
|
|
}
|
|
.dark\:bg-\[\#25272C\]:is(.dark *) {
|
|
background-color: #25272c;
|
|
}
|
|
.dark\:bg-\[\#141414\]:is(.dark *) {
|
|
background-color: #141414;
|
|
}
|
|
.dark\:bg-\[\#212121\]:is(.dark *) {
|
|
background-color: #212121;
|
|
}
|
|
.dark\:bg-\[\#262626\]:is(.dark *) {
|
|
background-color: #262626;
|
|
}
|
|
.dark\:bg-\[\#282116\]:is(.dark *) {
|
|
background-color: #282116;
|
|
}
|
|
.dark\:bg-\[\#303030\]:is(.dark *) {
|
|
background-color: #303030;
|
|
}
|
|
.dark\:bg-\[\#363636\]:is(.dark *) {
|
|
background-color: #363636;
|
|
}
|
|
.dark\:bg-\[\#525252\]:is(.dark *) {
|
|
background-color: #525252;
|
|
}
|
|
.dark\:bg-\[\#999999\]:is(.dark *) {
|
|
background-color: #999;
|
|
}
|
|
.dark\:bg-\[\#EBF9FF29\]:is(.dark *) {
|
|
background-color: #ebf9ff29;
|
|
}
|
|
.dark\:bg-\[\#F7F7F7\]:is(.dark *) {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.dark\:bg-\[\#FFFFFF0D\]:is(.dark *) {
|
|
background-color: #ffffff0d;
|
|
}
|
|
.dark\:bg-\[\#FFFFFF1A\]:is(.dark *) {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.dark\:bg-\[\#FFFFFF4D\]:is(.dark *) {
|
|
background-color: #ffffff4d;
|
|
}
|
|
.dark\:bg-\[\#ffffff0D\]:is(.dark *) {
|
|
background-color: #ffffff0d;
|
|
}
|
|
.dark\:bg-\[\#ffffff1A\]:is(.dark *) {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.dark\:bg-\[\#ffffff08\]:is(.dark *) {
|
|
background-color: #ffffff08;
|
|
}
|
|
.dark\:bg-\[\#ffffff14\]:is(.dark *) {
|
|
background-color: #ffffff14;
|
|
}
|
|
.dark\:bg-\[\#ffffff28\]:is(.dark *) {
|
|
background-color: #ffffff28;
|
|
}
|
|
.dark\:bg-\[rgb\(44\,44\,44\)\]:is(.dark *) {
|
|
background-color: #2c2c2c;
|
|
}
|
|
.dark\:bg-\[rgba\(28\,28\,28\,1\)\]:is(.dark *) {
|
|
background-color: #1c1c1c;
|
|
}
|
|
.dark\:bg-\[rgba\(31\,31\,31\,0\.85\)\]:is(.dark *) {
|
|
background-color: #1f1f1fd9;
|
|
}
|
|
.dark\:bg-\[rgba\(48\,48\,48\,1\)\]:is(.dark *) {
|
|
background-color: #303030;
|
|
}
|
|
.dark\:bg-\[rgba\(255\,198\,93\,0\.10\)\]:is(.dark *) {
|
|
background-color: #ffc65d1a;
|
|
}
|
|
.dark\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:is(.dark *) {
|
|
background-color: #ffffff14;
|
|
}
|
|
.dark\:bg-\[rgba\(255\,255\,255\,0\.10\)\]:is(.dark *) {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.dark\:bg-black:is(.dark *) {
|
|
background-color: #000;
|
|
}
|
|
.dark\:bg-black\/40:is(.dark *) {
|
|
background-color: #0006;
|
|
background-color: lab(0% 0 0/0.4);
|
|
}
|
|
.dark\:bg-black\/65:is(.dark *) {
|
|
background-color: #000000a6;
|
|
background-color: lab(0% 0 0/0.65);
|
|
}
|
|
.dark\:bg-blue-900:is(.dark *) {
|
|
background-color: #002066;
|
|
}
|
|
.dark\:bg-blue-900\/20:is(.dark *) {
|
|
background-color: #00206633;
|
|
background-color: lab(14.6292% 15.1154 -44.9249/0.2);
|
|
}
|
|
.dark\:bg-blue-900\/40:is(.dark *) {
|
|
background-color: #00206666;
|
|
background-color: lab(14.6292% 15.1154 -44.9249/0.4);
|
|
}
|
|
.dark\:bg-fg-disabled:is(.dark *) {
|
|
background-color: var(--fg-disabled);
|
|
}
|
|
.dark\:bg-fg-subtle:is(.dark *) {
|
|
background-color: var(--fg-subtle);
|
|
}
|
|
.dark\:bg-gray-700:is(.dark *) {
|
|
background-color: var(--color-gray-700);
|
|
}
|
|
.dark\:bg-gray-800:is(.dark *) {
|
|
background-color: var(--color-gray-800);
|
|
}
|
|
.dark\:bg-gray-900:is(.dark *) {
|
|
background-color: var(--color-gray-900);
|
|
}
|
|
.dark\:bg-gray-900\/50:is(.dark *) {
|
|
background-color: #10182880;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.dark\:bg-gray-900\/50:is(.dark *) {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-gray-900) 50%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.dark\:bg-green-900:is(.dark *) {
|
|
background-color: #002e25;
|
|
}
|
|
.dark\:bg-green-900\/40:is(.dark *) {
|
|
background-color: #002e2566;
|
|
background-color: lab(15.8542% -17.787 1.3424/0.4);
|
|
}
|
|
.dark\:bg-indigo-900\/20:is(.dark *) {
|
|
background-color: #312c8533;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.dark\:bg-indigo-900\/20:is(.dark *) {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-indigo-900) 20%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.dark\:bg-neutral-50:is(.dark *) {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.dark\:bg-neutral-500:is(.dark *) {
|
|
background-color: #919191;
|
|
}
|
|
.dark\:bg-neutral-700:is(.dark *) {
|
|
background-color: #525252;
|
|
}
|
|
.dark\:bg-neutral-950:is(.dark *) {
|
|
background-color: #141414;
|
|
}
|
|
.dark\:bg-red-900:is(.dark *) {
|
|
background-color: #770813;
|
|
}
|
|
.dark\:bg-red-900\/40:is(.dark *) {
|
|
background-color: #77081366;
|
|
background-color: lab(24.696% 44.7358 28.5104/0.4);
|
|
}
|
|
.dark\:bg-transparent:is(.dark *) {
|
|
background-color: #0000;
|
|
}
|
|
.dark\:bg-white:is(.dark *) {
|
|
background-color: #fff;
|
|
}
|
|
.dark\:bg-white\/5:is(.dark *) {
|
|
background-color: #ffffff0d;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.05);
|
|
}
|
|
.dark\:bg-white\/8:is(.dark *) {
|
|
background-color: #ffffff14;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.08);
|
|
}
|
|
.dark\:bg-white\/10:is(.dark *) {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.dark\:bg-white\/50:is(.dark *) {
|
|
background-color: #ffffff80;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.5);
|
|
}
|
|
.dark\:bg-white\/60:is(.dark *) {
|
|
background-color: #fff9;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.6);
|
|
}
|
|
.dark\:bg-white\/\[0\.1\]:is(.dark *) {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.dark\:bg-white\/\[0\.03\]:is(.dark *) {
|
|
background-color: #ffffff08;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.03);
|
|
}
|
|
.dark\:bg-white\/\[0\.14\]:is(.dark *) {
|
|
background-color: #ffffff24;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.14);
|
|
}
|
|
.dark\:bg-yellow-900\/40:is(.dark *) {
|
|
background-color: #4d1b0066;
|
|
background-color: lab(17.6309% 23.0464 26.4393/0.4);
|
|
}
|
|
.dark\:\!bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.20\)_0\%\,\#FFFFFF_35\%\,\#FFFFFF_65\%\,rgba\(255\,255\,255\,0\.20\)_100\%\)\]:is(
|
|
.dark *
|
|
) {
|
|
background-image: linear-gradient(
|
|
#fff3 0%,
|
|
#fff 35% 65%,
|
|
#fff3 100%
|
|
) !important;
|
|
}
|
|
.dark\:bg-\[linear-gradient\(\#fff\,\#fff\)\,linear-gradient\(\#fff_50\%\,rgba\(255\,255\,255\,0\.6\)_80\%\,rgba\(0\,0\,0\,0\)\)\,linear-gradient\(90deg\,hsl\(var\(--color-1\)\)\,hsl\(var\(--color-5\)\)\,hsl\(var\(--color-3\)\)\,hsl\(var\(--color-4\)\)\,hsl\(var\(--color-2\)\)\)\]:is(
|
|
.dark *
|
|
) {
|
|
background-image: linear-gradient(#fff, #fff),
|
|
linear-gradient(#fff 50%, #fff9 80%, #0000),
|
|
linear-gradient(
|
|
90deg,
|
|
hsl(var(--color-1)),
|
|
hsl(var(--color-5)),
|
|
hsl(var(--color-3)),
|
|
hsl(var(--color-4)),
|
|
hsl(var(--color-2))
|
|
);
|
|
}
|
|
.dark\:bg-none:is(.dark *) {
|
|
background-image: none;
|
|
}
|
|
.dark\:from-\[\#0c0b10\]:is(.dark *) {
|
|
--tw-gradient-from: #0c0b10;
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:from-\[\#423C34\]:is(.dark *) {
|
|
--tw-gradient-from: #423c34;
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:from-\[\#F7F7F7\]:is(.dark *) {
|
|
--tw-gradient-from: #f7f7f7;
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:from-blue-900\/20:is(.dark *) {
|
|
--tw-gradient-from: #00206633;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.dark\:from-blue-900\/20:is(.dark *) {
|
|
--tw-gradient-from: lab(14.6292% 15.1154 -44.9249/0.2);
|
|
}
|
|
}
|
|
.dark\:from-gray-900:is(.dark *) {
|
|
--tw-gradient-from: var(--color-gray-900);
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:via-\[\#0c0b10\]:is(.dark *) {
|
|
--tw-gradient-via: #0c0b10;
|
|
--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);
|
|
}
|
|
.dark\:to-\[\#564025\]:is(.dark *) {
|
|
--tw-gradient-to: #564025;
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:to-black\/75:is(.dark *) {
|
|
--tw-gradient-to: #000000bf;
|
|
--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)
|
|
);
|
|
}
|
|
@supports (color: lab(0% 0 0)) {
|
|
.dark\:to-black\/75:is(.dark *) {
|
|
--tw-gradient-to: lab(0% 0 0/0.75);
|
|
}
|
|
}
|
|
.dark\:to-gray-800:is(.dark *) {
|
|
--tw-gradient-to: var(--color-gray-800);
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:to-indigo-900\/20:is(.dark *) {
|
|
--tw-gradient-to: #312c8533;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.dark\:to-indigo-900\/20:is(.dark *) {
|
|
--tw-gradient-to: color-mix(
|
|
in oklab,
|
|
var(--color-indigo-900) 20%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.dark\:to-indigo-900\/20:is(.dark *) {
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:to-transparent:is(.dark *) {
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:\!text-\[\#1880FF\]:is(.dark *) {
|
|
color: #1880ff !important;
|
|
}
|
|
.dark\:\!text-\[\#A4A5A9\]:is(.dark *) {
|
|
color: #a4a5a9 !important;
|
|
}
|
|
.dark\:\!text-\[\#B0B0B0\]:is(.dark *) {
|
|
color: #b0b0b0 !important;
|
|
}
|
|
.dark\:\!text-\[\#E6E6E6\]:is(.dark *) {
|
|
color: #e6e6e6 !important;
|
|
}
|
|
.dark\:\!text-\[\#FFFFFFD9\]:is(.dark *) {
|
|
color: #ffffffd9 !important;
|
|
}
|
|
.dark\:\!text-\[\#b0b0b0\]:is(.dark *) {
|
|
color: #b0b0b0 !important;
|
|
}
|
|
.dark\:\!text-\[\#ff9e0b\]:is(.dark *) {
|
|
color: #ff9e0b !important;
|
|
}
|
|
.dark\:\!text-\[\#fff\]:is(.dark *),
|
|
.dark\:\!text-\[rgb\(255\,255\,255\)\]:is(.dark *) {
|
|
color: #fff !important;
|
|
}
|
|
.dark\:\!text-\[rgba\(255\,255\,255\,\.4\)\]:is(.dark *) {
|
|
color: #fff6 !important;
|
|
}
|
|
.dark\:\!text-\[rgba\(255\,255\,255\,\.6\)\]:is(.dark *),
|
|
.dark\:\!text-\[rgba\(255\,255\,255\,0\.6\)\]:is(.dark *) {
|
|
color: #fff9 !important;
|
|
}
|
|
.dark\:\!text-\[rgba\(255\,255\,255\,0\.8\)\]:is(.dark *) {
|
|
color: #fffc !important;
|
|
}
|
|
.dark\:\!text-white:is(.dark *) {
|
|
color: #fff !important;
|
|
}
|
|
.dark\:\!text-white\/80:is(.dark *) {
|
|
color: #fffc !important;
|
|
color: lab(100% -0.0000298023 0.0000119209/.8) !important;
|
|
}
|
|
.dark\:text-\[\#0D0D0D\]:is(.dark *) {
|
|
color: #0d0d0d;
|
|
}
|
|
.dark\:text-\[\#1c1d29\]:is(.dark *) {
|
|
color: #1c1d29;
|
|
}
|
|
.dark\:text-\[\#05DFF6\]:is(.dark *) {
|
|
color: #05dff6;
|
|
}
|
|
.dark\:text-\[\#6BA6FF\]:is(.dark *) {
|
|
color: #6ba6ff;
|
|
}
|
|
.dark\:text-\[\#6b7280\]:is(.dark *) {
|
|
color: #6b7280;
|
|
}
|
|
.dark\:text-\[\#7FDAF2\]:is(.dark *) {
|
|
color: #7fdaf2;
|
|
}
|
|
.dark\:text-\[\#7FF0AA\]:is(.dark *) {
|
|
color: #7ff0aa;
|
|
}
|
|
.dark\:text-\[\#09CAF5\]:is(.dark *) {
|
|
color: #09caf5;
|
|
}
|
|
.dark\:text-\[\#326bff\]:is(.dark *) {
|
|
color: #326bff;
|
|
}
|
|
.dark\:text-\[\#333\]:is(.dark *) {
|
|
color: #333;
|
|
}
|
|
.dark\:text-\[\#777\]:is(.dark *) {
|
|
color: #777;
|
|
}
|
|
.dark\:text-\[\#999\]:is(.dark *) {
|
|
color: #999;
|
|
}
|
|
.dark\:text-\[\#4699ff\]:is(.dark *) {
|
|
color: #4699ff;
|
|
}
|
|
.dark\:text-\[\#141414\]:is(.dark *) {
|
|
color: #141414;
|
|
}
|
|
.dark\:text-\[\#303030\]:is(.dark *) {
|
|
color: #303030;
|
|
}
|
|
.dark\:text-\[\#787878\]:is(.dark *) {
|
|
color: #787878;
|
|
}
|
|
.dark\:text-\[\#868686\]:is(.dark *) {
|
|
color: #868686;
|
|
}
|
|
.dark\:text-\[\#929292\]:is(.dark *) {
|
|
color: #929292;
|
|
}
|
|
.dark\:text-\[\#999999\]:is(.dark *) {
|
|
color: #999;
|
|
}
|
|
.dark\:text-\[\#A8A8A8\]:is(.dark *) {
|
|
color: #a8a8a8;
|
|
}
|
|
.dark\:text-\[\#B0B0B0\]:is(.dark *) {
|
|
color: #b0b0b0;
|
|
}
|
|
.dark\:text-\[\#BEBEBE\]:is(.dark *) {
|
|
color: #bebebe;
|
|
}
|
|
.dark\:text-\[\#C7C7C7\]:is(.dark *) {
|
|
color: #c7c7c7;
|
|
}
|
|
.dark\:text-\[\#C8C8C8\]:is(.dark *) {
|
|
color: #c8c8c8;
|
|
}
|
|
.dark\:text-\[\#CECECF\]:is(.dark *) {
|
|
color: #cececf;
|
|
}
|
|
.dark\:text-\[\#D2D2D4\]:is(.dark *) {
|
|
color: #d2d2d4;
|
|
}
|
|
.dark\:text-\[\#D9D9D9\]:is(.dark *) {
|
|
color: #d9d9d9;
|
|
}
|
|
.dark\:text-\[\#DCDCDC\]:is(.dark *) {
|
|
color: #dcdcdc;
|
|
}
|
|
.dark\:text-\[\#E5E7EB\]:is(.dark *) {
|
|
color: #e5e7eb;
|
|
}
|
|
.dark\:text-\[\#E6E6E6\]:is(.dark *) {
|
|
color: #e6e6e6;
|
|
}
|
|
.dark\:text-\[\#EDEDED\]:is(.dark *) {
|
|
color: #ededed;
|
|
}
|
|
.dark\:text-\[\#F0F0F0\]:is(.dark *) {
|
|
color: #f0f0f0;
|
|
}
|
|
.dark\:text-\[\#F7F7F7\]:is(.dark *) {
|
|
color: #f7f7f7;
|
|
}
|
|
.dark\:text-\[\#F76560\]:is(.dark *) {
|
|
color: #f76560;
|
|
}
|
|
.dark\:text-\[\#FFC65D\]:is(.dark *) {
|
|
color: #ffc65d;
|
|
}
|
|
.dark\:text-\[\#FFD174\]:is(.dark *) {
|
|
color: #ffd174;
|
|
}
|
|
.dark\:text-\[\#FFFFFF99\]:is(.dark *) {
|
|
color: #fff9;
|
|
}
|
|
.dark\:text-\[\#FFFFFFCC\]:is(.dark *) {
|
|
color: #fffc;
|
|
}
|
|
.dark\:text-\[\#FFFFFFD9\]:is(.dark *) {
|
|
color: #ffffffd9;
|
|
}
|
|
.dark\:text-\[\#FFFFFF\]:is(.dark *),
|
|
.dark\:text-\[\#FFF\]:is(.dark *) {
|
|
color: #fff;
|
|
}
|
|
.dark\:text-\[\#aaa\]:is(.dark *) {
|
|
color: #aaa;
|
|
}
|
|
.dark\:text-\[\#b0b0b0\]:is(.dark *) {
|
|
color: #b0b0b0;
|
|
}
|
|
.dark\:text-\[\#c7c7c7\]:is(.dark *) {
|
|
color: #c7c7c7;
|
|
}
|
|
.dark\:text-\[\#e5e5e5\]:is(.dark *) {
|
|
color: #e5e5e5;
|
|
}
|
|
.dark\:text-\[\#f7f7f7\]:is(.dark *) {
|
|
color: #f7f7f7;
|
|
}
|
|
.dark\:text-\[\#fff\]:is(.dark *) {
|
|
color: #fff;
|
|
}
|
|
.dark\:text-\[\#fff\]\/60:is(.dark *) {
|
|
color: #fff9;
|
|
color: lab(100% -0.0000298023 0.0000119209/.6);
|
|
}
|
|
.dark\:text-\[\#fff\]\/95:is(.dark *) {
|
|
color: #fffffff2;
|
|
color: lab(100% -0.0000298023 0.0000119209/.95);
|
|
}
|
|
.dark\:text-\[\#fffe0\]:is(.dark *) {
|
|
color: #fffe0;
|
|
}
|
|
.dark\:text-\[\#ffffff66\]:is(.dark *) {
|
|
color: #fff6;
|
|
}
|
|
.dark\:text-\[\#ffffff99\]:is(.dark *) {
|
|
color: #fff9;
|
|
}
|
|
.dark\:text-\[\#ffffffcc\]:is(.dark *) {
|
|
color: #fffc;
|
|
}
|
|
.dark\:text-\[rgba\(255\,255\,255\,\.4\)\]:is(.dark *) {
|
|
color: #fff6;
|
|
}
|
|
.dark\:text-\[rgba\(255\,255\,255\,\.6\)\]:is(.dark *) {
|
|
color: #fff9;
|
|
}
|
|
.dark\:text-\[rgba\(255\,255\,255\,\.8\)\]:is(.dark *) {
|
|
color: #fffc;
|
|
}
|
|
.dark\:text-\[white\]:is(.dark *) {
|
|
color: #fff;
|
|
}
|
|
.dark\:text-black\/80:is(.dark *) {
|
|
color: #000c;
|
|
color: lab(0% 0 0/0.8);
|
|
}
|
|
.dark\:text-blue-100:is(.dark *) {
|
|
color: #b8e1ff;
|
|
}
|
|
.dark\:text-blue-300:is(.dark *) {
|
|
color: #7cc0fc;
|
|
}
|
|
.dark\:text-blue-400:is(.dark *) {
|
|
color: #3d9bff;
|
|
}
|
|
.dark\:text-gray-100:is(.dark *) {
|
|
color: var(--color-gray-100);
|
|
}
|
|
.dark\:text-gray-300:is(.dark *) {
|
|
color: var(--color-gray-300);
|
|
}
|
|
.dark\:text-gray-400:is(.dark *) {
|
|
color: var(--color-gray-400);
|
|
}
|
|
.dark\:text-green-300:is(.dark *) {
|
|
color: #a5ff94;
|
|
}
|
|
.dark\:text-indigo-300:is(.dark *) {
|
|
color: var(--color-indigo-300);
|
|
}
|
|
.dark\:text-neutral-600\/70:is(.dark *) {
|
|
color: #86909cb3;
|
|
color: lab(59.263% -1.83269 -7.68141/0.7);
|
|
}
|
|
.dark\:text-neutral-700:is(.dark *) {
|
|
color: #525252;
|
|
}
|
|
.dark\:text-neutral-900:is(.dark *) {
|
|
color: #171717;
|
|
}
|
|
.dark\:text-red-300:is(.dark *) {
|
|
color: #f98981;
|
|
}
|
|
.dark\:text-red-400:is(.dark *) {
|
|
color: #f76560;
|
|
}
|
|
.dark\:text-white:is(.dark *) {
|
|
color: #fff;
|
|
}
|
|
.dark\:text-white\/15:is(.dark *) {
|
|
color: #ffffff26;
|
|
color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.dark\:text-white\/30:is(.dark *) {
|
|
color: #ffffff4d;
|
|
color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.dark\:text-white\/40:is(.dark *) {
|
|
color: #fff6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
.dark\:text-white\/45:is(.dark *) {
|
|
color: #ffffff73;
|
|
color: lab(100% -0.0000298023 0.0000119209/.45);
|
|
}
|
|
.dark\:text-white\/50:is(.dark *) {
|
|
color: #ffffff80;
|
|
color: lab(100% -0.0000298023 0.0000119209/.5);
|
|
}
|
|
.dark\:text-white\/60:is(.dark *) {
|
|
color: #fff9;
|
|
color: lab(100% -0.0000298023 0.0000119209/.6);
|
|
}
|
|
.dark\:text-white\/65:is(.dark *) {
|
|
color: #ffffffa6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.65);
|
|
}
|
|
.dark\:text-white\/80:is(.dark *) {
|
|
color: #fffc;
|
|
color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.dark\:text-white\/90:is(.dark *) {
|
|
color: #ffffffe6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.9);
|
|
}
|
|
.dark\:text-yellow-300:is(.dark *) {
|
|
color: #ffb65d;
|
|
}
|
|
.dark\:opacity-80:is(.dark *) {
|
|
opacity: 0.8;
|
|
}
|
|
.dark\:opacity-100:is(.dark *) {
|
|
opacity: 1;
|
|
}
|
|
.dark\:\!shadow-\[-1px_0px_16px_0px_rgba\(0\,0\,0\,0\.3\)\]:is(.dark *) {
|
|
--tw-shadow: -1px 0px 16px 0px var(--tw-shadow-color, #0000004d) !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;
|
|
}
|
|
.dark\:\!shadow-none:is(.dark *) {
|
|
--tw-shadow: 0 0 #0000 !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;
|
|
}
|
|
.dark\:shadow-\[0_2px_6px_0_rgba\(0\,0\,0\,0\.08\)\]:is(.dark *) {
|
|
--tw-shadow: 0 2px 6px 0 var(--tw-shadow-color, #00000014);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.dark\:shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.15\)\]:is(.dark *) {
|
|
--tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000026);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.dark\:shadow-none:is(.dark *) {
|
|
--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);
|
|
}
|
|
.dark\:ring-\[\#303030\]:is(.dark *) {
|
|
--tw-ring-color: #303030;
|
|
}
|
|
.dark\:ring-offset-\[\#303030\]:is(.dark *) {
|
|
--tw-ring-offset-color: #303030;
|
|
}
|
|
@media (hover: hover) {
|
|
.dark\:group-hover\:\!text-white:is(.dark *):is(:where(.group):hover *) {
|
|
color: #fff !important;
|
|
}
|
|
.dark\:group-hover\:text-white:is(.dark *):is(:where(.group):hover *) {
|
|
color: #fff;
|
|
}
|
|
}
|
|
.dark\:placeholder\:text-\[\#6F6F70\]:is(.dark *)::placeholder {
|
|
color: #6f6f70;
|
|
}
|
|
.dark\:placeholder\:text-white\/30:is(.dark *)::placeholder {
|
|
color: #ffffff4d;
|
|
color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.dark\:placeholder\:text-white\/40:is(.dark *)::placeholder {
|
|
color: #fff6;
|
|
color: lab(100% -0.0000298023 0.0000119209/.4);
|
|
}
|
|
@media (hover: hover) {
|
|
.dark\:hover\:\!border-\[rgba\(255\,255\,255\,\.1\)\]:is(.dark *):hover {
|
|
border-color: #ffffff1a !important;
|
|
}
|
|
.dark\:hover\:border-gray-500:is(.dark *):hover {
|
|
border-color: var(--color-gray-500);
|
|
}
|
|
.dark\:hover\:\!bg-\[\#0F0F0F\]:is(.dark *):hover {
|
|
background-color: #0f0f0f !important;
|
|
}
|
|
.dark\:hover\:\!bg-\[\#2A2D3D80\]:is(.dark *):hover {
|
|
background-color: #2a2d3d80 !important;
|
|
}
|
|
.dark\:hover\:\!bg-\[\#2C2C2D\]:is(.dark *):hover {
|
|
background-color: #2c2c2d !important;
|
|
}
|
|
.dark\:hover\:\!bg-\[\#2a2d3d\]:is(.dark *):hover {
|
|
background-color: #2a2d3d !important;
|
|
}
|
|
.dark\:hover\:\!bg-\[\#3D4158\]:is(.dark *):hover {
|
|
background-color: #3d4158 !important;
|
|
}
|
|
.dark\:hover\:\!bg-\[\#4471E5\]:is(.dark *):hover {
|
|
background-color: #4471e5 !important;
|
|
}
|
|
.dark\:hover\:\!bg-\[\#F7F7F7\]:is(.dark *):hover {
|
|
background-color: #f7f7f7 !important;
|
|
}
|
|
.dark\:hover\:\!bg-\[var\(--bg-topbar-btn-hover\)\]:is(.dark *):hover {
|
|
background-color: var(--bg-topbar-btn-hover) !important;
|
|
}
|
|
.dark\:hover\:bg-\[\#0d1117\]:is(.dark *):hover {
|
|
background-color: #0d1117;
|
|
}
|
|
.dark\:hover\:bg-\[\#1B1B10\]:is(.dark *):hover {
|
|
background-color: #1b1b10;
|
|
}
|
|
.dark\:hover\:bg-\[\#1B1B20\]:is(.dark *):hover {
|
|
background-color: #1b1b20;
|
|
}
|
|
.dark\:hover\:bg-\[\#1C1C1C\]:is(.dark *):hover {
|
|
background-color: #1c1c1c;
|
|
}
|
|
.dark\:hover\:bg-\[\#2A2D3D\]:is(.dark *):hover {
|
|
background-color: #2a2d3d;
|
|
}
|
|
.dark\:hover\:bg-\[\#2C2C2D\]:is(.dark *):hover {
|
|
background-color: #2c2c2d;
|
|
}
|
|
.dark\:hover\:bg-\[\#3A3A3A\]:is(.dark *):hover {
|
|
background-color: #3a3a3a;
|
|
}
|
|
.dark\:hover\:bg-\[\#3D4156\]:is(.dark *):hover {
|
|
background-color: #3d4156;
|
|
}
|
|
.dark\:hover\:bg-\[\#303030\]:is(.dark *):hover {
|
|
background-color: #303030;
|
|
}
|
|
.dark\:hover\:bg-\[\#333333\]:is(.dark *):hover {
|
|
background-color: #333;
|
|
}
|
|
.dark\:hover\:bg-\[\#414141\]:is(.dark *):hover {
|
|
background-color: #414141;
|
|
}
|
|
.dark\:hover\:bg-\[\#EBF9FF3D\]:is(.dark *):hover {
|
|
background-color: #ebf9ff3d;
|
|
}
|
|
.dark\:hover\:bg-\[\#ffffff0D\]:is(.dark *):hover {
|
|
background-color: #ffffff0d;
|
|
}
|
|
.dark\:hover\:bg-\[\#ffffff24\]:is(.dark *):hover {
|
|
background-color: #ffffff24;
|
|
}
|
|
.dark\:hover\:bg-\[\#ffffff33\]:is(.dark *):hover {
|
|
background-color: #fff3;
|
|
}
|
|
.dark\:hover\:bg-\[rgba\(31\,31\,31\,0\.85\)\]:is(.dark *):hover {
|
|
background-color: #1f1f1fd9;
|
|
}
|
|
.dark\:hover\:bg-\[rgba\(255\,198\,93\,0\.15\)\]:is(.dark *):hover {
|
|
background-color: #ffc65d26;
|
|
}
|
|
.dark\:hover\:bg-black\/70:is(.dark *):hover {
|
|
background-color: #000000b3;
|
|
background-color: lab(0% 0 0/0.7);
|
|
}
|
|
.dark\:hover\:bg-fg-muted:is(.dark *):hover {
|
|
background-color: var(--fg-muted);
|
|
}
|
|
.dark\:hover\:bg-gray-600:is(.dark *):hover {
|
|
background-color: var(--color-gray-600);
|
|
}
|
|
.dark\:hover\:bg-gray-700:is(.dark *):hover {
|
|
background-color: var(--color-gray-700);
|
|
}
|
|
.dark\:hover\:bg-indigo-900\/30:is(.dark *):hover {
|
|
background-color: #312c854d;
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.dark\:hover\:bg-indigo-900\/30:is(.dark *):hover {
|
|
background-color: color-mix(
|
|
in oklab,
|
|
var(--color-indigo-900) 30%,
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
.dark\:hover\:bg-neutral-800:is(.dark *):hover {
|
|
background-color: #363636;
|
|
}
|
|
.dark\:hover\:bg-transparent:is(.dark *):hover {
|
|
background-color: #0000;
|
|
}
|
|
.dark\:hover\:bg-white:is(.dark *):hover {
|
|
background-color: #fff;
|
|
}
|
|
.dark\:hover\:bg-white\/10:is(.dark *):hover {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.dark\:hover\:bg-white\/15:is(.dark *):hover {
|
|
background-color: #ffffff26;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.15);
|
|
}
|
|
.dark\:hover\:bg-white\/20:is(.dark *):hover {
|
|
background-color: #fff3;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.2);
|
|
}
|
|
.dark\:hover\:bg-white\/30:is(.dark *):hover {
|
|
background-color: #ffffff4d;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.dark\:hover\:bg-white\/\[0\.06\]:is(.dark *):hover {
|
|
background-color: #ffffff0f;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.06);
|
|
}
|
|
.dark\:hover\:bg-white\/\[0\.10\]:is(.dark *):hover {
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
.dark\:hover\:from-\[\#443D33\]:is(.dark *):hover {
|
|
--tw-gradient-from: #443d33;
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:hover\:to-\[\#443D33\]:is(.dark *):hover {
|
|
--tw-gradient-to: #443d33;
|
|
--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)
|
|
);
|
|
}
|
|
.dark\:hover\:\!text-\[\#b0b0b0\]:is(.dark *):hover {
|
|
color: #b0b0b0 !important;
|
|
}
|
|
.dark\:hover\:\!text-\[\#f0f0f0\]:is(.dark *):hover {
|
|
color: #f0f0f0 !important;
|
|
}
|
|
.dark\:hover\:\!text-\[\#fff\]:is(.dark *):hover,
|
|
.dark\:hover\:\!text-white:is(.dark *):hover {
|
|
color: #fff !important;
|
|
}
|
|
.dark\:hover\:text-\[\#8BB8FF\]:is(.dark *):hover {
|
|
color: #8bb8ff;
|
|
}
|
|
.dark\:hover\:text-\[\#868686\]:is(.dark *):hover {
|
|
color: #868686;
|
|
}
|
|
.dark\:hover\:text-\[\#FFFEFE\]:is(.dark *):hover {
|
|
color: #fffefe;
|
|
}
|
|
.dark\:hover\:text-\[\#ccc\]:is(.dark *):hover {
|
|
color: #ccc;
|
|
}
|
|
.dark\:hover\:text-\[\#fff\]:is(.dark *):hover {
|
|
color: #fff;
|
|
}
|
|
.dark\:hover\:text-\[\#fff\]\/95:is(.dark *):hover {
|
|
color: #fffffff2;
|
|
color: lab(100% -0.0000298023 0.0000119209/.95);
|
|
}
|
|
.dark\:hover\:text-\[white\]:is(.dark *):hover,
|
|
.dark\:hover\:text-white:is(.dark *):hover {
|
|
color: #fff;
|
|
}
|
|
.dark\:hover\:text-white\/80:is(.dark *):hover {
|
|
color: #fffc;
|
|
color: lab(100% -0.0000298023 0.0000119209/.8);
|
|
}
|
|
.hover\:dark\:text-\[\#fff\]\/95:hover:is(.dark *) {
|
|
color: #fffffff2;
|
|
color: lab(100% -0.0000298023 0.0000119209/.95);
|
|
}
|
|
.dark\:hover\:before\:bg-white\/10:is(.dark *):hover:before {
|
|
content: var(--tw-content);
|
|
background-color: #ffffff1a;
|
|
background-color: lab(100% -0.0000298023 0.0000119209/.1);
|
|
}
|
|
}
|
|
.dark\:focus\:\!border-\[rgba\(255\,255\,255\,\.1\)\]:is(.dark *):focus {
|
|
border-color: #ffffff1a !important;
|
|
}
|
|
.dark\:focus\:border-\[\#2A2A2A\]:is(.dark *):focus {
|
|
border-color: #2a2a2a;
|
|
}
|
|
.dark\:focus\:border-blue-400:is(.dark *):focus {
|
|
border-color: #3d9bff;
|
|
}
|
|
.dark\:focus\:border-white\/30:is(.dark *):focus {
|
|
border-color: #ffffff4d;
|
|
border-color: lab(100% -0.0000298023 0.0000119209/.3);
|
|
}
|
|
.dark\:focus\:ring-blue-800:is(.dark *):focus {
|
|
--tw-ring-color: #053078;
|
|
}
|
|
.dark\:focus\:ring-offset-gray-800:is(.dark *):focus {
|
|
--tw-ring-offset-color: var(--color-gray-800);
|
|
}
|
|
.dark\:active\:bg-\[\#2F2F2F\]:is(.dark *):active {
|
|
background-color: #2f2f2f;
|
|
}
|
|
.dark\:data-\[active\]\:text-\[\#f7f7f7\]:is(.dark *)[data-active] {
|
|
color: #f7f7f7;
|
|
}
|
|
.canvas-light\:\!bg-white:is(.canvas-light *) {
|
|
background-color: #fff !important;
|
|
}
|
|
.canvas-light\:bg-\[\#F0F0F0\]:is(.canvas-light *) {
|
|
background-color: #f0f0f0;
|
|
}
|
|
.canvas-light\:bg-\[rgba\(0\,0\,0\,0\.05\)\]:is(.canvas-light *) {
|
|
background-color: #0000000d;
|
|
}
|
|
.canvas-light\:bg-\[rgba\(0\,0\,0\,0\.08\)\]:is(.canvas-light *) {
|
|
background-color: #00000014;
|
|
}
|
|
.canvas-light\:bg-neutral-300:is(.canvas-light *) {
|
|
background-color: #e3e3e3;
|
|
}
|
|
.canvas-light\:bg-transparent:is(.canvas-light *) {
|
|
background-color: #0000;
|
|
}
|
|
.canvas-light\:bg-white:is(.canvas-light *) {
|
|
background-color: #fff;
|
|
}
|
|
.canvas-light\:text-canvas-controls-text:is(.canvas-light *) {
|
|
color: var(--canvas-controls-text);
|
|
}
|
|
.canvas-light\:text-fg-disabled:is(.canvas-light *) {
|
|
color: var(--fg-disabled);
|
|
}
|
|
.canvas-light\:text-neutral-400:is(.canvas-light *) {
|
|
color: #c4c4c4;
|
|
}
|
|
.canvas-light\:text-neutral-500:is(.canvas-light *) {
|
|
color: #919191;
|
|
}
|
|
.canvas-light\:text-neutral-700:is(.canvas-light *) {
|
|
color: #525252;
|
|
}
|
|
.canvas-light\:text-red-500:is(.canvas-light *) {
|
|
color: #f53f3f;
|
|
}
|
|
.canvas-light\:\!shadow-sm:is(.canvas-light *) {
|
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !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;
|
|
}
|
|
.canvas-light\:shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\]:is(
|
|
.canvas-light *
|
|
) {
|
|
--tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000014);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.canvas-light\:shadow-\[inset_0_0_0_1px_var\(--canvas-controls-border\)\]:is(
|
|
.canvas-light *
|
|
) {
|
|
--tw-shadow: inset 0 0 0 1px
|
|
var(--tw-shadow-color, var(--canvas-controls-border));
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
.canvas-light\:shadow-sm:is(.canvas-light *) {
|
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
|
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
}
|
|
@media (hover: hover) {
|
|
.canvas-light\:hover\:bg-\[\#F7F7F7\]:is(.canvas-light *):hover {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.canvas-light\:hover\:bg-black\/5:is(.canvas-light *):hover {
|
|
background-color: #0000000d;
|
|
background-color: lab(0% 0 0/0.05);
|
|
}
|
|
.canvas-light\:hover\:text-neutral-600:is(.canvas-light *):hover {
|
|
color: #86909c;
|
|
}
|
|
.canvas-light\:hover\:text-neutral-700:is(.canvas-light *):hover {
|
|
color: #525252;
|
|
}
|
|
}
|
|
.\[\&\]\:\!border-transparent {
|
|
border-color: #0000 !important;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:top-0 .ant-modal-close {
|
|
top: 0;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:right-\[-34px\] .ant-modal-close {
|
|
right: -34px;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:right-\[24px\] .ant-modal-close {
|
|
right: 24px;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:flex .ant-modal-close {
|
|
display: flex;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:h-6 .ant-modal-close {
|
|
height: 24px;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:w-6 .ant-modal-close {
|
|
width: 24px;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:items-center .ant-modal-close {
|
|
align-items: center;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:justify-center .ant-modal-close {
|
|
justify-content: center;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:rounded-lg .ant-modal-close {
|
|
border-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:bg-\[\#F5F5F5\] .ant-modal-close {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:p-1\.5 .ant-modal-close {
|
|
padding: calc(var(--spacing) * 1.5);
|
|
}
|
|
.\[\&_\.ant-modal-close\]\:text-\[\#000000\] .ant-modal-close {
|
|
color: #000;
|
|
}
|
|
.\[\&_\.ant-table\]\:overflow-hidden .ant-table {
|
|
overflow: hidden;
|
|
}
|
|
.\[\&_\.ant-table\]\:rounded-b-lg .ant-table {
|
|
border-bottom-right-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-table-cell\]\:\!py-\[8px\] .ant-table-cell {
|
|
padding-block: 8px !important;
|
|
}
|
|
.\[\&_\.ant-table-cell\]\:text-xs .ant-table-cell {
|
|
font-size: var(--text-xs);
|
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
}
|
|
.\[\&_\.ant-table-tbody\>tr\:last-child\>td\:first-child\]\:rounded-bl-lg
|
|
.ant-table-tbody
|
|
> tr:last-child
|
|
> td:first-child {
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-table-tbody\>tr\:last-child\>td\:last-child\]\:rounded-br-lg
|
|
.ant-table-tbody
|
|
> tr:last-child
|
|
> td:last-child {
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-table-tbody\>tr\:nth-last-child\(2\)\>td\:first-child\]\:rounded-bl-lg
|
|
.ant-table-tbody
|
|
> tr:nth-last-child(2)
|
|
> td:first-child {
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-table-tbody\>tr\:nth-last-child\(2\)\>td\:last-child\]\:rounded-br-lg
|
|
.ant-table-tbody
|
|
> tr:nth-last-child(2)
|
|
> td:last-child {
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-table-thead\]\:rounded-t-lg .ant-table-thead {
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-table-thead\>tr\>th\:first-child\]\:rounded-tl-lg
|
|
.ant-table-thead
|
|
> tr
|
|
> th:first-child {
|
|
border-top-left-radius: 8px;
|
|
}
|
|
.\[\&_\.ant-table-thead\>tr\>th\:last-child\]\:rounded-tr-lg
|
|
.ant-table-thead
|
|
> tr
|
|
> th:last-child {
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.\[\&_\.copilotKitChat\]\:\!h-full .copilotKitChat {
|
|
height: 100% !important;
|
|
}
|
|
.\[\&_\.copilotKitInputContainer\]\:\!pb-3 .copilotKitInputContainer {
|
|
padding-bottom: 12px !important;
|
|
}
|
|
.\[\&_audio\]\:w-full audio {
|
|
width: 100%;
|
|
}
|
|
.\[\&_img\]\:size-\[18px\] img {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.\[\&_img\]\:max-h-full img {
|
|
max-height: 100%;
|
|
}
|
|
.\[\&_img\]\:w-full img {
|
|
width: 100%;
|
|
}
|
|
.\[\&_img\]\:rounded-none img {
|
|
border-radius: 0;
|
|
}
|
|
.\[\&_img\]\:object-contain img {
|
|
object-fit: contain;
|
|
}
|
|
.\[\&_path\]\:fill-current path {
|
|
fill: currentColor;
|
|
}
|
|
.\[\&_svg\]\:block svg {
|
|
display: block;
|
|
}
|
|
.\[\&_svg\]\:h-\[18px\] svg {
|
|
height: 18px;
|
|
}
|
|
.\[\&_svg\]\:w-\[18px\] svg {
|
|
width: 18px;
|
|
}
|
|
.\[\&_svg\]\:shrink-0 svg {
|
|
flex-shrink: 0;
|
|
}
|
|
.\[\&_svg\]\:\!text-\[\#fff\] svg {
|
|
color: #fff !important;
|
|
}
|
|
.\[\&_svg\]\:text-white svg {
|
|
color: #fff;
|
|
}
|
|
.\[\&_svg\]\:opacity-90 svg {
|
|
opacity: 0.9;
|
|
}
|
|
.dark\:\[\&_svg\]\:\!text-\[\#333\]:is(.dark *) svg {
|
|
color: #333 !important;
|
|
}
|
|
.\[\&_video\]\:h-full video {
|
|
height: 100%;
|
|
}
|
|
.\[\&_video\]\:w-full video {
|
|
width: 100%;
|
|
}
|
|
.\[\&_video\]\:object-cover video {
|
|
object-fit: cover;
|
|
}
|
|
.\[\&\:-webkit-full-screen_\.project-detail-topbar\]\:hidden:-webkit-full-screen
|
|
.project-detail-topbar {
|
|
display: 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\]\:hidden::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.\[\&\:\:-webkit-slider-runnable-track\]\:h-1::-webkit-slider-runnable-track {
|
|
height: 4px;
|
|
}
|
|
.\[\&\:\:-webkit-slider-runnable-track\]\:bg-transparent::-webkit-slider-runnable-track {
|
|
background-color: #0000;
|
|
}
|
|
.\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
|
|
height: 12px;
|
|
}
|
|
.\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
|
|
width: 12px;
|
|
}
|
|
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
|
|
appearance: none;
|
|
}
|
|
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
|
|
border-radius: 9999px;
|
|
}
|
|
.\[\&\:\:-webkit-slider-thumb\]\:border::-webkit-slider-thumb {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
.\[\&\:\:-webkit-slider-thumb\]\:border-neutral-100::-webkit-slider-thumb {
|
|
border-color: #f2f3f5;
|
|
}
|
|
.\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
|
|
background-color: #fff;
|
|
}
|
|
.\[\&\:fullscreen_\.project-detail-topbar\]\:hidden:fullscreen
|
|
.project-detail-topbar {
|
|
display: none;
|
|
}
|
|
.\[\&\:nth-child\(4n\+1\)\]\:ml-0:nth-child(4n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.\[\&\>\*\:first-child\]\:absolute > :first-child {
|
|
position: absolute;
|
|
}
|
|
.\[\&\>\*\:first-child\]\:bottom-full > :first-child {
|
|
bottom: 100%;
|
|
}
|
|
.\[\&\>\*\:first-child\]\:left-1\/2 > :first-child {
|
|
left: 50%;
|
|
}
|
|
.\[\&\>\*\:first-child\]\:mb-2\.5 > :first-child {
|
|
margin-bottom: calc(var(--spacing) * 2.5);
|
|
}
|
|
.\[\&\>\*\:first-child\]\:w-max > :first-child {
|
|
width: max-content;
|
|
}
|
|
.\[\&\>\*\:first-child\]\:-translate-x-1\/2 > :first-child {
|
|
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
}
|
|
.\[\&\>\*\:not\(\:first-child\)\]\:\!mt-0 > :not(:first-child) {
|
|
margin-top: 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;
|
|
}
|
|
:root {
|
|
--color-vip-text: #333;
|
|
--color-bg-vip-pop: #000000b3;
|
|
--color-text-stress-title: #3162ff;
|
|
--vip-text-primary: #303030;
|
|
--vip-text-secondary: #424242;
|
|
--vip-text-muted: #787878;
|
|
--vip-price-color: #0d0d0d;
|
|
--vip-price-original: #787878;
|
|
--vip-card-bg: #fff;
|
|
--vip-card-bg-selected: #f7f7fa;
|
|
--vip-card-bg-pro: linear-gradient(180deg, #fffcfe 10%, #fff 20%);
|
|
--vip-card-bg-master: linear-gradient(180deg, #fbfcff 10%, #fff 20%);
|
|
--vip-card-bg-premium: linear-gradient(180deg, #fffdf9 10%, #fff 20%);
|
|
--vip-card-border: #0d0d0d1a;
|
|
--vip-card-border-pro: #ffe5f1;
|
|
--vip-card-border-master: #e5e5ff;
|
|
--vip-card-border-premium: #e3e3e3;
|
|
--vip-card-border-selected: #ffa501;
|
|
--vip-tab-bg: #f0f0f0;
|
|
--vip-tab-selected-bg: #fff;
|
|
--vip-tab-selected-text: #0d0d0d;
|
|
--vip-tab-unselected-text: #303030;
|
|
--vip-tab-label-normal-bg: #fff;
|
|
--vip-btn-normal-bg: #fff;
|
|
--vip-btn-normal-border: #0d0d0d33;
|
|
--vip-btn-normal-text: #787878;
|
|
--vip-btn-disabled-bg: #adadad;
|
|
--vip-close-hover-bg: #f0f0f0;
|
|
--vip-benefit-text: #303030;
|
|
--vip-benefit-child-text: #424242;
|
|
--vip-benefit-bg-base: #f8f8f8;
|
|
--vip-benefit-bg-pro: linear-gradient(214deg, #fff6f8 40.66%, #fffaf0 100%);
|
|
--vip-benefit-bg-master: linear-gradient(180deg, #eff3ff 0%, #f5faff 100%);
|
|
--vip-benefit-bg-premium: linear-gradient(
|
|
214deg,
|
|
#fffaf0 40.66%,
|
|
#fffdf6 100%
|
|
);
|
|
--vip-benefit-tag-normal-bg: #fff3d0;
|
|
--vip-benefit-tag-normal-text: #424242;
|
|
--vip-benefit-separator: #0d0d0d0d;
|
|
--vip-benefit-sub-border: #0000000d;
|
|
--vip-benefit-text-disabled: #a8a8a8;
|
|
--vip-section-border: #e3e3e3;
|
|
--vip-card-bg-ultimate: linear-gradient(180deg, #fffbf8 10%, #fff 20%);
|
|
--vip-card-border-ultimate: #ffb834;
|
|
--vip-benefit-bg-ultimate: linear-gradient(
|
|
214deg,
|
|
#fffaf0 40.66%,
|
|
#fffdf6 100%
|
|
);
|
|
--vip-btn-cta-bg: #303030;
|
|
--vip-btn-cta-text: #ffeab5;
|
|
--vip-btn-cta-premium-bg: linear-gradient(90deg, #ffb833 0%, #ffcd58 100%);
|
|
--vip-btn-cta-premium-text: #0d0d0d;
|
|
--vip-tab-badge-active-bg: #ff6430;
|
|
--vip-tab-badge-active-text: #fff;
|
|
--vip-tab-badge-inactive-bg: #a8a8a8;
|
|
--vip-tab-badge-inactive-text: #fff;
|
|
--vip-modal-bg: #f7f7f7;
|
|
--vip-modal-border: #e3e3e3;
|
|
--vip-dropdown-bg: #fff;
|
|
--vip-footer-link: #1f6dff;
|
|
--vip-cheaper-tag-bg: #fff;
|
|
--vip-cheaper-tag-text: #f37a02;
|
|
--vip-corner-mark-bg: linear-gradient(0deg, #ff6932 0%, #ff6932 100%),
|
|
linear-gradient(246deg, #ffa1a1 9.42%, #ffcc6c 94.95%);
|
|
--vip-corner-mark-border: #ffcaa8;
|
|
--vip-corner-mark-text: #fff;
|
|
--vip-corner-bottom-bg: #fff7ec;
|
|
--vip-corner-bottom-text: #ff5e61;
|
|
--vip-team-btn-border: #e7e7e7;
|
|
--vip-team-btn-text: #303030;
|
|
--vip-team-icon-filter: none;
|
|
--team-vip-discount-bg: #5ddcff;
|
|
--team-vip-discount-text: #171717;
|
|
--vip-special-bg: #303030;
|
|
--vip-special-text: #ffeab5;
|
|
--vip-modal-top-bar: #fff;
|
|
--vip-modal-bottom-from: #fff;
|
|
--vip-modal-bottom-to: #ffffff1a;
|
|
--vip-home-page-bg: #fff;
|
|
--vip-home-tab-accent: #1f6dff;
|
|
--vip-home-line-mid: #0d0d0d1a;
|
|
--vip-home-scroll-btn-bg: #fff;
|
|
--vip-home-scroll-btn-border: #e3e3e3;
|
|
--vip-home-scroll-btn-icon: #171717;
|
|
--team-vip-modal-bg: #fff;
|
|
--team-vip-text-primary: #0d0d0d;
|
|
--team-vip-text-secondary: #222531;
|
|
--team-vip-text-muted: #9ca1a9;
|
|
--team-vip-text-label: #303030;
|
|
--team-vip-border: #e7e7e7;
|
|
--team-vip-card-bg: #fafafa8f;
|
|
--team-vip-selected-bg: #edf5ff;
|
|
--team-vip-selected-border: #1f6dff;
|
|
--team-vip-selected-text: #1f6dff;
|
|
--team-vip-input-bg: #fafafa;
|
|
--team-vip-input-border: #fafafa;
|
|
--team-vip-shadow-border: #e8e8e8;
|
|
--team-vip-qr-bg: #fafafa;
|
|
--team-vip-qr-border: #efefef;
|
|
--team-vip-qr-amount: #1f6dff;
|
|
--team-vip-qr-text: #222;
|
|
--team-vip-link: #326bff;
|
|
--team-vip-close-bg: #fff;
|
|
--team-vip-failure-bg: #edf5ff;
|
|
--team-vip-failure-border: #d0e6ff;
|
|
--team-vip-icon-filter: none;
|
|
--team-vip-sku-card-bg: #fff;
|
|
--team-vip-sku-card-bg-pro: linear-gradient(180deg, #edfeff80 10%, #fff 20%);
|
|
--team-vip-sku-card-bg-master: linear-gradient(
|
|
180deg,
|
|
#eaf8ff80 10%,
|
|
#fff 20%
|
|
);
|
|
--team-vip-sku-card-bg-premium: linear-gradient(
|
|
180deg,
|
|
#edf2ff80 10%,
|
|
#fff 20%
|
|
);
|
|
--team-vip-sku-card-bg-ultimate: linear-gradient(
|
|
180deg,
|
|
#fffaf7 10%,
|
|
#fff 20%
|
|
);
|
|
--team-vip-sku-card-border: #0d0d0d1a;
|
|
--team-vip-sku-card-border-pro: #dbecff;
|
|
--team-vip-sku-card-border-master: #dbecff;
|
|
--team-vip-sku-card-border-premium: #e3e3e3;
|
|
--team-vip-sku-card-border-ultimate: #e68754;
|
|
--team-vip-sku-card-border-selected: #ffa501;
|
|
--team-vip-sku-text-primary: #303030;
|
|
--team-vip-sku-text-secondary: #424242;
|
|
--team-vip-sku-price-color: #0d0d0d;
|
|
--team-vip-sku-price-original: #787878;
|
|
--team-vip-sku-btn-cta-bg: #303030;
|
|
--team-vip-sku-btn-cta-text: #ffeab5;
|
|
--team-vip-sku-btn-cta-premium-bg: linear-gradient(
|
|
90deg,
|
|
#ffb833 0%,
|
|
#ffcd58 100%
|
|
);
|
|
--team-vip-sku-btn-cta-premium-text: #0d0d0d;
|
|
--team-vip-sku-btn-disabled-bg: #adadad;
|
|
--team-vip-sku-corner-bottom-bg: #fff7ec;
|
|
--team-vip-sku-corner-bottom-text: #ff5e61;
|
|
--charge-modal-bg: #fff4df;
|
|
--charge-left-bg: white;
|
|
--charge-content-bg: white;
|
|
--charge-content-border: white;
|
|
--charge-card-bg: #f9f9f9;
|
|
--charge-card-selected-bg: #fffbf3;
|
|
--charge-card-selected-border: #ffcf76;
|
|
--charge-card-unselected-border: #00000008;
|
|
--charge-text-title: #222531;
|
|
--charge-text-secondary: #666;
|
|
--charge-text-muted: #999;
|
|
--charge-price-color: #222531;
|
|
--charge-qr-bg: white;
|
|
--charge-qr-text: #222;
|
|
--charge-qr-amount: #222531;
|
|
--charge-icon-filter: none;
|
|
--charge-modal-bg-v2: #fff;
|
|
--power-charge-corner-mark: #262626;
|
|
--power-charge-corner-mark-bg: #ffbc57;
|
|
--power-charge-modal-bg: #fff;
|
|
--power-charge-modal-border: #e3e3e3;
|
|
--power-charge-text: #262626;
|
|
--power-charge-muted: #525252;
|
|
--power-charge-brand: #05a3c5;
|
|
--power-charge-stroke-medium: #c4c4c4;
|
|
--power-charge-tab-bg: #f5f5f5;
|
|
--power-charge-tab-inactive: #919191;
|
|
--power-charge-tab-active-bg: #fff;
|
|
--power-charge-selected: #07b8dd;
|
|
--power-charge-cta: #09caf5;
|
|
--power-charge-cta-text: #000;
|
|
--power-charge-close-hover: #0000000a;
|
|
--power-charge-card-surface: #f5f5f5;
|
|
--power-charge-custom-input-bg: #fffffff2;
|
|
--power-charge-custom-input-fg: #262626;
|
|
--power-charge-custom-input-placeholder: #a8a8a8;
|
|
--power-charge-team-tip-bg: #0000000a;
|
|
--power-charge-team-tip-border: #e3e3e3;
|
|
--power-charge-team-tip-text: #05a3c5;
|
|
--power-charge-close-icon-filter: none;
|
|
--power-charge-model-card-icon-filter: brightness(0) saturate(100%);
|
|
--power-charge-switch-track-off: #e5e5e5;
|
|
--power-charge-switch-track-off-hover: #d9d9d9;
|
|
--power-charge-switch-track-on: #141414;
|
|
--power-charge-switch-handle: #fff;
|
|
--power-charge-switch-handle-checked: #fff;
|
|
}
|
|
:root.dark,
|
|
.dark {
|
|
--color-vip-text: #fff;
|
|
--color-bg-vip-pop: #cccdd0;
|
|
--color-text-stress-title: #1880ff;
|
|
--vip-text-primary: #f0f0f0;
|
|
--vip-text-secondary: #a8a8a8;
|
|
--vip-text-muted: #a8a8a8;
|
|
--vip-price-color: #f0f0f0;
|
|
--vip-price-original: #919191;
|
|
--vip-card-bg: #16171f;
|
|
--vip-card-bg-pro: #141414;
|
|
--vip-card-bg-master: #141414;
|
|
--vip-card-bg-premium: #16171f;
|
|
--vip-card-bg-ultimate: linear-gradient(180deg, #36270f 5%, #130f08 30%);
|
|
--vip-card-bg-selected: #1d1e28;
|
|
--vip-card-border: #363636;
|
|
--vip-card-border-pro: #363636;
|
|
--vip-card-border-master: #363636;
|
|
--vip-card-border-premium: #363636;
|
|
--vip-card-border-ultimate: #e68754;
|
|
--vip-card-border-selected: #ffa501;
|
|
--vip-tab-bg: #ffffff1a;
|
|
--vip-tab-selected-bg: #ffffff1a;
|
|
--vip-tab-selected-text: #fff;
|
|
--vip-tab-unselected-text: #ffffffa6;
|
|
--vip-tab-label-normal-bg: #ffffff1a;
|
|
--vip-btn-normal-bg: #ffffff0d;
|
|
--vip-btn-normal-border: #ffffff26;
|
|
--vip-btn-normal-text: #fff6;
|
|
--vip-btn-disabled-bg: #ffffff14;
|
|
--vip-close-hover-bg: #ffffff1a;
|
|
--vip-btn-cta-bg: linear-gradient(to right, #e9fbff, #9dcdda);
|
|
--vip-btn-cta-text: #0d0d0d;
|
|
--vip-btn-cta-premium-bg: linear-gradient(
|
|
to right,
|
|
#fffdf3 19%,
|
|
#d2bd80 100%
|
|
);
|
|
--vip-btn-cta-premium-text: #0d0d0d;
|
|
--vip-benefit-text: #f0f0f0;
|
|
--vip-benefit-child-text: #a8a8a8;
|
|
--vip-benefit-bg-base: #ffffff0a;
|
|
--vip-benefit-bg-pro: #ffffff0a;
|
|
--vip-benefit-bg-master: #ffffff0a;
|
|
--vip-benefit-bg-premium: #ffffff0a;
|
|
--vip-benefit-bg-ultimate: linear-gradient(
|
|
214deg,
|
|
#5a461e40 40.66%,
|
|
#322d1926 100%
|
|
);
|
|
--vip-benefit-tag-normal-bg: #ffffff0d;
|
|
--vip-benefit-tag-normal-text: #ffffffa6;
|
|
--vip-benefit-separator: #ffffff14;
|
|
--vip-benefit-sub-border: #ffffff14;
|
|
--vip-benefit-text-disabled: #fff6;
|
|
--vip-section-border: #ffffff1f;
|
|
--vip-tab-badge-active-bg: #ff6430;
|
|
--vip-tab-badge-active-text: #fff;
|
|
--vip-tab-badge-inactive-bg: #a8a8a8;
|
|
--vip-tab-badge-inactive-text: #fff;
|
|
--vip-modal-bg: #000;
|
|
--vip-modal-border: #ffffff14;
|
|
--vip-dropdown-bg: #1a1a1a;
|
|
--vip-footer-link: #5b8fff;
|
|
--vip-cheaper-tag-bg: #141414;
|
|
--vip-cheaper-tag-text: #f37a02;
|
|
--vip-corner-mark-bg: linear-gradient(0deg, #f6675c 0%, #f6675c 100%),
|
|
linear-gradient(246deg, #ffa1a1 9.42%, #ffcc6c 94.95%);
|
|
--vip-corner-mark-border: #4b392b;
|
|
--vip-corner-mark-text: #f7f7f7;
|
|
--vip-corner-bottom-bg: #fff7ec14;
|
|
--vip-corner-bottom-text: #ff5e61;
|
|
--vip-team-btn-border: #478eff;
|
|
--vip-team-btn-text: #478eff;
|
|
--vip-team-icon-filter: brightness(0) invert(1);
|
|
--team-vip-discount-bg: #5ddcff;
|
|
--team-vip-discount-text: #171717;
|
|
--vip-special-bg: #303030;
|
|
--vip-special-text: #ffeab5;
|
|
--vip-modal-top-bar: #0f1018;
|
|
--vip-modal-bottom-from: #0f1018;
|
|
--vip-modal-bottom-to: #0f10181a;
|
|
--vip-home-page-bg: #000;
|
|
--vip-home-tab-accent: #478eff;
|
|
--vip-home-line-mid: #ffffff1f;
|
|
--vip-home-scroll-btn-bg: #ffffff0f;
|
|
--vip-home-scroll-btn-border: #ffffff1f;
|
|
--vip-home-scroll-btn-icon: #f0f0f0;
|
|
--team-vip-modal-bg: #1c1d29;
|
|
--team-vip-text-primary: #fff;
|
|
--team-vip-text-secondary: #ffffffd9;
|
|
--team-vip-text-muted: #ffffff73;
|
|
--team-vip-text-label: #fffc;
|
|
--team-vip-border: #ffffff1a;
|
|
--team-vip-card-bg: #ffffff0d;
|
|
--team-vip-selected-bg: #1f6dff26;
|
|
--team-vip-selected-border: #1f6dff;
|
|
--team-vip-selected-text: #5b9aff;
|
|
--team-vip-input-bg: #ffffff14;
|
|
--team-vip-input-border: #ffffff1a;
|
|
--team-vip-shadow-border: #ffffff1a;
|
|
--team-vip-qr-bg: #ffffff0d;
|
|
--team-vip-qr-border: #ffffff1a;
|
|
--team-vip-qr-amount: #5b9aff;
|
|
--team-vip-qr-text: #fffc;
|
|
--team-vip-link: #5b8fff;
|
|
--team-vip-close-bg: #ffffff1a;
|
|
--team-vip-failure-bg: #1f6dff1a;
|
|
--team-vip-failure-border: #1f6dff33;
|
|
--team-vip-icon-filter: brightness(0) invert(1);
|
|
--team-vip-sku-card-bg: #1d1d1d;
|
|
--team-vip-sku-card-bg-pro: #1d1d1d;
|
|
--team-vip-sku-card-bg-master: #1d1d1d;
|
|
--team-vip-sku-card-bg-premium: #16171f;
|
|
--team-vip-sku-card-bg-ultimate: linear-gradient(
|
|
180deg,
|
|
#36270f 5%,
|
|
#130f08 30%
|
|
);
|
|
--team-vip-sku-card-border: #373737;
|
|
--team-vip-sku-card-border-pro: #373737;
|
|
--team-vip-sku-card-border-master: #373737;
|
|
--team-vip-sku-card-border-premium: #34385d;
|
|
--team-vip-sku-card-border-ultimate: #e68754;
|
|
--team-vip-sku-card-border-selected: #ffa501;
|
|
--team-vip-sku-text-primary: #fff;
|
|
--team-vip-sku-text-secondary: #ffffffa6;
|
|
--team-vip-sku-price-color: #fff;
|
|
--team-vip-sku-price-original: #919191;
|
|
--team-vip-sku-btn-cta-bg: linear-gradient(to right, #e9fbff, #9dcdda);
|
|
--team-vip-sku-btn-cta-text: #0d0d0d;
|
|
--team-vip-sku-btn-cta-premium-bg: linear-gradient(
|
|
to right,
|
|
#fffdf3 19%,
|
|
#d2bd80 100%
|
|
);
|
|
--team-vip-sku-btn-cta-premium-text: #0d0d0d;
|
|
--team-vip-sku-btn-disabled-bg: #ffffff14;
|
|
--team-vip-sku-corner-bottom-bg: #fff7ec14;
|
|
--team-vip-sku-corner-bottom-text: #ff5e61;
|
|
--charge-modal-bg: linear-gradient(to right, #544221, #1a150b);
|
|
--charge-left-bg: #171717;
|
|
--charge-content-bg: transparent;
|
|
--charge-content-border: transparent;
|
|
--charge-card-bg: #ffffff0d;
|
|
--charge-card-selected-bg: #2b2720;
|
|
--charge-card-selected-border: #ffcf76;
|
|
--charge-card-unselected-border: transparent;
|
|
--charge-text-title: #fff;
|
|
--charge-text-secondary: #ffffffa6;
|
|
--charge-text-muted: #525252;
|
|
--charge-price-color: #fff;
|
|
--charge-qr-bg: #171717;
|
|
--charge-qr-text: #ffffffd9;
|
|
--charge-qr-amount: #fff;
|
|
--charge-icon-filter: brightness(0) invert(1);
|
|
--charge-modal-bg-v2: #212121;
|
|
--power-charge-corner-mark: #ffbc57;
|
|
--power-charge-corner-mark-bg: #281f15;
|
|
--power-charge-modal-bg: #212121;
|
|
--power-charge-modal-border: #363636;
|
|
--power-charge-text: #f7f7f7;
|
|
--power-charge-muted: #a8a8a8;
|
|
--power-charge-brand: #5ddcff;
|
|
--power-charge-stroke-medium: #ffffff1f;
|
|
--power-charge-tab-bg: #141414;
|
|
--power-charge-tab-inactive: #919191;
|
|
--power-charge-tab-active-bg: #ffffff1a;
|
|
--power-charge-selected: #07b8dd;
|
|
--power-charge-cta: #5ddcff;
|
|
--power-charge-cta-text: #000;
|
|
--power-charge-close-hover: #ffffff14;
|
|
--power-charge-card-surface: #141414;
|
|
--power-charge-custom-input-bg: #ffffff14;
|
|
--power-charge-custom-input-fg: #f7f7f7;
|
|
--power-charge-custom-input-placeholder: #919191;
|
|
--power-charge-model-card-bg: #00000040;
|
|
--power-charge-team-tip-bg: #ffffff0d;
|
|
--power-charge-team-tip-border: #363636;
|
|
--power-charge-team-tip-text: #09caf5;
|
|
--power-charge-close-icon-filter: brightness(0) invert(1);
|
|
--power-charge-model-card-icon-filter: none;
|
|
--power-charge-switch-track-off: #ffffff2e;
|
|
--power-charge-switch-track-off-hover: #ffffff47;
|
|
--power-charge-switch-track-on: #f7f7f7;
|
|
--power-charge-switch-handle: #fff;
|
|
--power-charge-switch-handle-checked: #0d0d0d;
|
|
}
|
|
:root {
|
|
--color-text: #333;
|
|
--color-text-light: #666;
|
|
--color-text-lighter: #999;
|
|
--color-text-img-info: #222;
|
|
--color-caption: #222;
|
|
--color-caption-light: #666;
|
|
--color-background-normal: #fff;
|
|
--color-background-secondary: #f4f5f9;
|
|
--color-background-fourth: #f1f2f8;
|
|
--color-background-hover: #0000000a;
|
|
--color-background-img-info: #f8f9fa;
|
|
--section-bg-color: #f8f8f8;
|
|
--color-border1: #d8dae9;
|
|
--color-modal-background: #fff;
|
|
--color-modal-text: #333;
|
|
--color-background-popover: #fff;
|
|
--team-vip-modal-bg: #fff;
|
|
--team-vip-modal-width: min(996px, calc(100vw - 32px));
|
|
--team-vip-modal-content-border: 0.5px solid #525252;
|
|
--color-danger: #ff6a6f;
|
|
--bg-topbar-hover: #f0f0f0;
|
|
--bg-topbar-btn: #eceef5;
|
|
--bg-topbar-btn-hover: #f2f3f5;
|
|
--bg-topbar-msg-hover: #eceef5;
|
|
--color-background-select-dropdown: #fff;
|
|
--topnav-btn-bg: #f0f0f0;
|
|
--topnav-btn-border: #d8dae9;
|
|
--topnav-btn-text: #333;
|
|
--topnav-btn-hover-bg: #e0e0e0;
|
|
--topnav-btn-skills-border: #525252;
|
|
--vip-modal-group-tab-gap: 12px;
|
|
--vip-modal-group-tab-border: #0000000f;
|
|
--vip-modal-group-tab-min-width: 170px;
|
|
--vip-modal-group-tab-padding: 8px 40px;
|
|
--vip-modal-group-tab-radius: 0;
|
|
--vip-modal-group-tab-font-size: 18px;
|
|
--vip-modal-group-tab-font-weight: 500;
|
|
--vip-modal-group-tab-selected-text: #262626;
|
|
--vip-modal-group-tab-unselected-text: #525252;
|
|
--vip-modal-group-tab-disabled-text: #7a7a7a;
|
|
--vip-modal-group-tab-selected-border: #0690ae;
|
|
--vip-modal-group-tab-selected-border-width: 2px;
|
|
--vip-modal-group-tab-badge-gap: 8px;
|
|
--vip-modal-group-divider-display: none;
|
|
--vip-modal-team-tab-badge-display: inline-flex;
|
|
--vip-modal-team-tab-badge-height: 24px;
|
|
--vip-modal-team-tab-badge-padding: 0 8px;
|
|
--vip-modal-team-tab-badge-radius: 8px;
|
|
--vip-modal-team-tab-badge-bg: #5ddcff;
|
|
--vip-modal-team-tab-badge-text: #000;
|
|
--vip-modal-team-tab-badge-font-size: 12px;
|
|
--vip-modal-team-tab-badge-font-weight: 600;
|
|
}
|
|
:root.dark,
|
|
.dark {
|
|
--color-text: #fff;
|
|
--color-text-light: #ccc;
|
|
--color-text-lighter: #999;
|
|
--color-text-img-info: #fff;
|
|
--color-caption: #fff;
|
|
--color-caption-light: #999;
|
|
--color-background-normal: #262626;
|
|
--color-background-secondary: #1c1d29;
|
|
--color-background-fourth: #2a2c4b99;
|
|
--color-background-hover: #353639;
|
|
--color-background-img-info: #f8f9fa;
|
|
--section-bg-color: #262626;
|
|
--color-border1: #3e3b4b;
|
|
--color-modal-background: #2a2d3d;
|
|
--color-modal-text: #fffc;
|
|
--color-background-popover: #1c1d29;
|
|
--team-vip-modal-bg: #000;
|
|
--team-vip-modal-width: min(996px, calc(100vw - 32px));
|
|
--team-vip-modal-content-border: 0.5px solid #525252;
|
|
--color-danger: #ff6a6f;
|
|
--bg-topbar-hover: #303030;
|
|
--bg-topbar-btn: #2c2c2d;
|
|
--bg-topbar-btn-hover: #1b1b20;
|
|
--bg-topbar-msg-hover: #2a2d3d;
|
|
--color-background-select-dropdown: #1c1d29;
|
|
--topnav-btn-bg: #171717;
|
|
--topnav-btn-border: #363636;
|
|
--topnav-btn-text: #fff;
|
|
--topnav-btn-hover-bg: #363636;
|
|
--vip-modal-group-tab-gap: 12px;
|
|
--vip-modal-group-tab-border: #ffffff14;
|
|
--vip-modal-group-tab-min-width: 170px;
|
|
--vip-modal-group-tab-padding: 8px 40px;
|
|
--vip-modal-group-tab-radius: 0;
|
|
--vip-modal-group-tab-font-size: 18px;
|
|
--vip-modal-group-tab-font-weight: 500;
|
|
--vip-modal-group-tab-selected-text: #fff;
|
|
--vip-modal-group-tab-unselected-text: #a8a8a8;
|
|
--vip-modal-group-tab-disabled-text: #fff9;
|
|
--vip-modal-group-tab-selected-border: #0690ae;
|
|
--vip-modal-group-tab-selected-border-width: 2px;
|
|
--vip-modal-group-tab-badge-gap: 8px;
|
|
--vip-modal-group-divider-display: none;
|
|
--vip-modal-team-tab-badge-display: inline-flex;
|
|
--vip-modal-team-tab-badge-height: 24px;
|
|
--vip-modal-team-tab-badge-padding: 0 8px;
|
|
--vip-modal-team-tab-badge-radius: 8px;
|
|
--vip-modal-team-tab-badge-bg: #5ddcff;
|
|
--vip-modal-team-tab-badge-text: #000;
|
|
--vip-modal-team-tab-badge-font-size: 12px;
|
|
--vip-modal-team-tab-badge-font-weight: 600;
|
|
}
|
|
[lang="en"] .font-title,
|
|
[lang="pt"] .font-title,
|
|
[lang="fr"] .font-title,
|
|
[lang="de"] .font-title,
|
|
[lang="it"] .font-title,
|
|
[lang="ru"] .font-title,
|
|
[lang="es"] .font-title {
|
|
font-family: var(--font-title-latin);
|
|
}
|
|
[lang="zh"] .font-title,
|
|
[lang="zh-TW"] .font-title,
|
|
[lang="ja"] .font-title,
|
|
[lang="ko"] .font-title {
|
|
font-family: var(--font-title-cjk);
|
|
}
|
|
[lang="en"] .font-sub-title,
|
|
[lang="pt"] .font-sub-title,
|
|
[lang="fr"] .font-sub-title,
|
|
[lang="de"] .font-sub-title,
|
|
[lang="it"] .font-sub-title,
|
|
[lang="ru"] .font-sub-title,
|
|
[lang="es"] .font-sub-title {
|
|
font-family: var(--font-sub-title-latin);
|
|
}
|
|
[lang="zh"] .font-sub-title,
|
|
[lang="zh-TW"] .font-sub-title,
|
|
[lang="ja"] .font-sub-title,
|
|
[lang="ko"] .font-sub-title {
|
|
font-family: var(--font-sub-title-cjk);
|
|
}
|
|
.lang-en .font-title,
|
|
.lang-pt .font-title,
|
|
.lang-fr .font-title,
|
|
.lang-de .font-title,
|
|
.lang-it .font-title,
|
|
.lang-ru .font-title,
|
|
.lang-es .font-title {
|
|
font-family: var(--font-title-latin);
|
|
}
|
|
.lang-zh .font-title,
|
|
.lang-zh-tw .font-title,
|
|
.lang-ja .font-title,
|
|
.lang-ko .font-title {
|
|
font-family: var(--font-title-cjk);
|
|
}
|
|
.lang-en .font-sub-title,
|
|
.lang-pt .font-sub-title,
|
|
.lang-fr .font-sub-title,
|
|
.lang-de .font-sub-title,
|
|
.lang-it .font-sub-title,
|
|
.lang-ru .font-sub-title,
|
|
.lang-es .font-sub-title {
|
|
font-family: var(--font-sub-title-latin);
|
|
}
|
|
.lang-zh .font-sub-title,
|
|
.lang-zh-tw .font-sub-title,
|
|
.lang-ja .font-sub-title,
|
|
.lang-ko .font-sub-title {
|
|
font-family: var(--font-sub-title-cjk);
|
|
}
|
|
.font-title-latin {
|
|
font-family: var(--font-title-latin);
|
|
}
|
|
.font-title-cjk {
|
|
font-family: var(--font-title-cjk);
|
|
}
|
|
.font-sub-title-latin {
|
|
font-family: var(--font-sub-title-latin);
|
|
}
|
|
.font-sub-title-cjk {
|
|
font-family: var(--font-sub-title-cjk);
|
|
}
|
|
html[lang="en"] .font-title,
|
|
html[lang="pt"] .font-title,
|
|
html[lang="fr"] .font-title,
|
|
html[lang="de"] .font-title,
|
|
html[lang="it"] .font-title,
|
|
html[lang="ru"] .font-title,
|
|
html[lang="es"] .font-title {
|
|
font-family:
|
|
var(--font-Barlow-Condensed),
|
|
ui-sans-serif,
|
|
-apple-system,
|
|
system-ui,
|
|
"Segoe UI",
|
|
Helvetica,
|
|
"Apple Color Emoji",
|
|
Arial,
|
|
sans-serif,
|
|
"Segoe UI Emoji",
|
|
"Segoe UI Symbol";
|
|
}
|
|
html[lang="zh"] .font-title,
|
|
html[lang="zh-TW"] .font-title,
|
|
html[lang="ja"] .font-title,
|
|
html[lang="ko"] .font-title {
|
|
font-family:
|
|
var(--font-Inter),
|
|
ui-sans-serif,
|
|
-apple-system,
|
|
system-ui,
|
|
"Segoe UI",
|
|
Helvetica,
|
|
"Apple Color Emoji",
|
|
Arial,
|
|
sans-serif,
|
|
"Segoe UI Emoji",
|
|
"Segoe UI Symbol";
|
|
}
|
|
html[lang="en"] .font-sub-title,
|
|
html[lang="pt"] .font-sub-title,
|
|
html[lang="fr"] .font-sub-title,
|
|
html[lang="de"] .font-sub-title,
|
|
html[lang="it"] .font-sub-title,
|
|
html[lang="ru"] .font-sub-title,
|
|
html[lang="es"] .font-sub-title {
|
|
font-family:
|
|
var(--font-Poppins),
|
|
ui-sans-serif,
|
|
-apple-system,
|
|
system-ui,
|
|
"Segoe UI",
|
|
Helvetica,
|
|
"Apple Color Emoji",
|
|
Arial,
|
|
sans-serif,
|
|
"Segoe UI Emoji",
|
|
"Segoe UI Symbol";
|
|
}
|
|
html[lang="zh"] .font-sub-title,
|
|
html[lang="zh-TW"] .font-sub-title,
|
|
html[lang="ja"] .font-sub-title,
|
|
html[lang="ko"] .font-sub-title {
|
|
font-family:
|
|
var(--font-Inter),
|
|
ui-sans-serif,
|
|
-apple-system,
|
|
system-ui,
|
|
"Segoe UI",
|
|
Helvetica,
|
|
"Apple Color Emoji",
|
|
Arial,
|
|
sans-serif,
|
|
"Segoe UI Emoji",
|
|
"Segoe UI Symbol";
|
|
}
|
|
@view-transition {
|
|
navigation: auto;
|
|
}
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes slide-down-fade {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-100%);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes slide-up-fade {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(100%);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes slide-left-fade {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate(-100%);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
@keyframes slide-right-fade {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate(100%);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
@keyframes scale-in {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.9);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes scale-out {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
@keyframes spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes pulse {
|
|
50% {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
@keyframes bounce {
|
|
0%,
|
|
to {
|
|
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
|
|
transform: translateY(-25%);
|
|
}
|
|
50% {
|
|
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes shake {
|
|
0%,
|
|
to {
|
|
transform: translate(0);
|
|
}
|
|
20%,
|
|
60% {
|
|
transform: translate(-8px);
|
|
}
|
|
40%,
|
|
80% {
|
|
transform: translate(8px);
|
|
}
|
|
}
|
|
@keyframes rainbow {
|
|
0%,
|
|
to {
|
|
background-position: 0%;
|
|
}
|
|
50% {
|
|
background-position: 100%;
|
|
}
|
|
}
|
|
@keyframes scroll-up {
|
|
0% {
|
|
transform: translateY(0);
|
|
}
|
|
to {
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
@keyframes scroll-down {
|
|
0% {
|
|
transform: translateY(-50%);
|
|
}
|
|
to {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes content-move {
|
|
0% {
|
|
transform: translateY(100px) scale(0.5);
|
|
}
|
|
to {
|
|
transform: translateY(0) scale(1);
|
|
}
|
|
}
|
|
@keyframes mask-fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
z-index: 10;
|
|
}
|
|
99% {
|
|
opacity: 0;
|
|
z-index: 10;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
.animate-content-move {
|
|
animation: content-move var(--duration-slow) var(--ease-out) forwards;
|
|
}
|
|
.animate-mask-fade-out {
|
|
animation: mask-fade-out var(--duration-slow) var(--ease-out) forwards;
|
|
}
|
|
@keyframes chat-text-shine-sweep {
|
|
0% {
|
|
background-position: 180%, 0%;
|
|
}
|
|
to {
|
|
background-position: -180%, 0%;
|
|
}
|
|
}
|
|
.chat-thinking-shine-text,
|
|
.chat-analyze-pill-shine-text {
|
|
color: #0000;
|
|
-webkit-text-fill-color: transparent;
|
|
background-image: linear-gradient(
|
|
108deg,
|
|
#fff0 36%,
|
|
#ffffff73 46%,
|
|
#fffffff2 50%,
|
|
#ffffff73 54%,
|
|
#fff0 64%
|
|
),
|
|
linear-gradient(#d4d4d4, #d4d4d4);
|
|
background-repeat: no-repeat, no-repeat;
|
|
background-size:
|
|
260% 100%,
|
|
100% 100%;
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
animation: 4s linear infinite chat-text-shine-sweep;
|
|
}
|
|
.animate-rainbow {
|
|
animation: var(--animate-rainbow);
|
|
background-size: 200% 200%;
|
|
background-image: linear-gradient(
|
|
45deg,
|
|
var(--color-red-400),
|
|
var(--color-yellow-400),
|
|
var(--color-green-400),
|
|
var(--color-blue-400),
|
|
var(--color-brand-400)
|
|
);
|
|
}
|
|
@keyframes rise-up {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(40px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.animate-rise-up {
|
|
opacity: 1 !important;
|
|
animation: none !important;
|
|
transform: none !important;
|
|
}
|
|
}
|
|
.delay-75 {
|
|
animation-delay: 75ms;
|
|
}
|
|
.delay-100 {
|
|
animation-delay: 0.1s;
|
|
}
|
|
.delay-150 {
|
|
animation-delay: 0.15s;
|
|
}
|
|
.delay-200 {
|
|
animation-delay: 0.2s;
|
|
}
|
|
.delay-300 {
|
|
animation-delay: 0.3s;
|
|
}
|
|
.delay-500 {
|
|
animation-delay: 0.5s;
|
|
}
|
|
.delay-700 {
|
|
animation-delay: 0.7s;
|
|
}
|
|
.delay-1000 {
|
|
animation-delay: 1s;
|
|
}
|
|
:where([data-mantine-color-scheme="light"])
|
|
.mantine-ScrollArea-scrollbar
|
|
.mantine-ScrollArea-thumb {
|
|
background-color: #0003;
|
|
}
|
|
:where([data-mantine-color-scheme="dark"])
|
|
.mantine-ScrollArea-scrollbar
|
|
.mantine-ScrollArea-thumb {
|
|
background-color: #fff6;
|
|
}
|
|
html:not(.dark) .libtv-home-light {
|
|
--bg-page: #fff;
|
|
}
|
|
:root {
|
|
--libtv-header-height: 80px;
|
|
--libtv-activity-banner-height: 50px;
|
|
--mantine-z-index-app: 100;
|
|
--mantine-z-index-modal: 500;
|
|
--mantine-z-index-popover: 300;
|
|
--mantine-z-index-overlay: 600;
|
|
--mantine-z-index-max: 9999;
|
|
}
|
|
.create-btn-outer {
|
|
background: linear-gradient(135deg, #7b7fc4 0%, #5ba4c9 50%, #4dc9c3 100%);
|
|
}
|
|
.create-btn-inner {
|
|
background: #fff;
|
|
}
|
|
html:not(.dark) .create-btn-outer {
|
|
background: linear-gradient(116deg, #e1f7ff1f 2.13%, #09caf529 105.16%),
|
|
linear-gradient(#e1f7ff33 0%, #fff 100%);
|
|
border: 1.5px solid #09caf580;
|
|
padding: 0 !important;
|
|
}
|
|
html:not(.dark) .create-btn-inner {
|
|
color: #05a3c5 !important;
|
|
background: 0 0 !important;
|
|
}
|
|
html.dark .create-btn-outer {
|
|
background: conic-gradient(
|
|
#2dd4bf 0deg 70deg,
|
|
#818cf8 120deg,
|
|
#478eff 200deg,
|
|
#6d4199 270deg,
|
|
#2dd4bf 360deg
|
|
);
|
|
}
|
|
html.dark .create-btn-inner {
|
|
color: #fff;
|
|
background: radial-gradient(38.89% 221.53%, #23649e33 0%, #0e2b5333 100%),
|
|
linear-gradient(#000 0%, #171717 100%);
|
|
box-shadow:
|
|
inset 0 0 8px 1px #478eff26,
|
|
inset 0 0 12px 2px #2dd4bf14,
|
|
inset 0 0 8px #ffffff0f;
|
|
}
|
|
.create-new-project-card {
|
|
border-radius: 12px;
|
|
}
|
|
html:not(.dark) .create-new-project-card {
|
|
background: linear-gradient(123deg, #e1f7ff14 30.3%, #09caf529 99.41%),
|
|
linear-gradient(#e1f7ff33 0%, #fff 100%);
|
|
border: 1px solid #5ed4ff80;
|
|
}
|
|
html.dark .create-new-project-card {
|
|
background: linear-gradient(124deg, #acbcca33 30.75%, #0e2b5333 99.42%),
|
|
linear-gradient(180deg, var(--bg-page) 0%, var(--bg-surface) 100%);
|
|
border: 0.5px solid #525252;
|
|
}
|
|
html.dark .create-new-project-card:hover {
|
|
border-color: #ffffff5c;
|
|
}
|
|
.tiny-scrollbar {
|
|
scrollbar-gutter: stable;
|
|
scrollbar-width: thin;
|
|
overflow: overlay !important;
|
|
}
|
|
.tiny-scrollbar::-webkit-scrollbar {
|
|
width: 3px;
|
|
height: 3px;
|
|
}
|
|
.tiny-scrollbar::-webkit-scrollbar-track {
|
|
background: 0 0;
|
|
}
|
|
.tiny-scrollbar::-webkit-scrollbar-thumb {
|
|
background-color: #0000;
|
|
border-radius: 3px;
|
|
transition: background-color 0.3s;
|
|
}
|
|
.tiny-scrollbar:hover::-webkit-scrollbar-thumb {
|
|
background-color: var(--border-default);
|
|
}
|
|
.canvas-light .tiny-scrollbar {
|
|
scrollbar-color: transparent transparent;
|
|
}
|
|
.canvas-light .tiny-scrollbar::-webkit-scrollbar {
|
|
width: 3px;
|
|
height: 3px;
|
|
}
|
|
.canvas-light .tiny-scrollbar::-webkit-scrollbar-track {
|
|
background: 0 0;
|
|
}
|
|
.canvas-light .tiny-scrollbar::-webkit-scrollbar-thumb {
|
|
background-color: #0000;
|
|
}
|
|
.canvas-light .tiny-scrollbar:hover::-webkit-scrollbar-thumb {
|
|
background-color: #0000;
|
|
}
|
|
.scrollbar-transparent::-webkit-scrollbar {
|
|
width: 14px;
|
|
}
|
|
.scrollbar-transparent::-webkit-scrollbar-track {
|
|
background: 0 0;
|
|
}
|
|
.scrollbar-transparent::-webkit-scrollbar-thumb {
|
|
background: var(--color-black-alpha-50);
|
|
background-clip: content-box;
|
|
border: 4px solid #0000;
|
|
border-radius: 7px;
|
|
}
|
|
.scrollbar-transparent::-webkit-scrollbar-thumb:hover {
|
|
background: var(--color-black-alpha-70);
|
|
background-clip: content-box;
|
|
}
|
|
.scrollbar-hide {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
.scrollbar-hide::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.mail-content {
|
|
word-break: break-word;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
}
|
|
.mail-content img {
|
|
border-radius: 4px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
margin: 8px 0;
|
|
}
|
|
.mail-content table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
margin: 8px 0;
|
|
font-size: 12px;
|
|
}
|
|
.mail-content th,
|
|
.mail-content td {
|
|
text-align: left;
|
|
border: 1px solid #ffffff26;
|
|
padding: 6px 10px;
|
|
}
|
|
.mail-content th {
|
|
background: #ffffff14;
|
|
font-weight: 600;
|
|
}
|
|
.mail-content tr:nth-child(2n) td {
|
|
background: #ffffff08;
|
|
}
|
|
.mail-content a {
|
|
color: var(--color-brand-400);
|
|
}
|
|
.mail-content a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.mail-content p {
|
|
margin: 4px 0;
|
|
}
|
|
.mail-content ul,
|
|
.mail-content ol {
|
|
margin: 4px 0;
|
|
padding-left: 20px;
|
|
}
|
|
.mail-content li {
|
|
list-style: revert;
|
|
}
|
|
.mail-content blockquote {
|
|
color: #ffffff80;
|
|
border-left: 3px solid #fff3;
|
|
margin: 8px 0;
|
|
padding-left: 12px;
|
|
}
|
|
.canvas-light .mail-content th,
|
|
.canvas-light .mail-content td {
|
|
border-color: var(--border-default);
|
|
}
|
|
.canvas-light .mail-content th,
|
|
.canvas-light .mail-content tr:nth-child(2n) td {
|
|
background: var(--bg-surface-secondary);
|
|
}
|
|
.canvas-light .mail-content blockquote {
|
|
border-left-color: var(--border-emphasis);
|
|
color: var(--fg-muted);
|
|
}
|
|
@media (hover: hover) {
|
|
.canvas-light-notification-close:not(:disabled):hover {
|
|
background-color: #0000000f !important;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.canvas-light-notification-close:not(:disabled):active {
|
|
background-color: #00000014 !important;
|
|
}
|
|
}
|
|
.canvas-light .light-invert-icon {
|
|
filter: brightness(0) opacity(0.85);
|
|
}
|
|
.canvas-light .react-flow {
|
|
--xy-background-color: var(--canvas-bg);
|
|
--xy-background-pattern-color: var(--canvas-bg-dot);
|
|
--xy-node-background-color: var(--canvas-node-bg);
|
|
--xy-node-border-color: var(--canvas-node-border);
|
|
--xy-edge-stroke: var(--canvas-edge);
|
|
--xy-selection-background-color: var(--canvas-selection-bg);
|
|
}
|
|
::view-transition-old(root) {
|
|
animation-duration: 0.15s;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
::view-transition-new(root) {
|
|
animation-duration: 0.15s;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
.react-flow__node:focus,
|
|
.react-flow__node:focus-visible {
|
|
outline: none !important;
|
|
}
|
|
.react-flow__node-group {
|
|
border-radius: 20px !important;
|
|
}
|
|
.react-flow__node-group:not([style*="background"]) {
|
|
background: var(--canvas-group-bg);
|
|
border: 1px solid var(--canvas-group-border);
|
|
}
|
|
@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-space-y-reverse {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-space-x-reverse {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-divide-y-reverse {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-border-style {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}
|
|
@property --tw-gradient-position {
|
|
syntax: "*";
|
|
inherits: false;
|
|
}
|
|
@property --tw-gradient-from {
|
|
syntax: "<color>";
|
|
inherits: false;
|
|
initial-value: #0000;
|
|
}
|
|
@property --tw-gradient-via {
|
|
syntax: "<color>";
|
|
inherits: false;
|
|
initial-value: #0000;
|
|
}
|
|
@property --tw-gradient-to {
|
|
syntax: "<color>";
|
|
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: "<length-percentage>";
|
|
inherits: false;
|
|
initial-value: 0%;
|
|
}
|
|
@property --tw-gradient-via-position {
|
|
syntax: "<length-percentage>";
|
|
inherits: false;
|
|
initial-value: 50%;
|
|
}
|
|
@property --tw-gradient-to-position {
|
|
syntax: "<length-percentage>";
|
|
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: "<percentage>";
|
|
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: "<percentage>";
|
|
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: "<length>";
|
|
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: "<percentage>";
|
|
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-text-shadow-color {
|
|
syntax: "*";
|
|
inherits: false;
|
|
}
|
|
@property --tw-text-shadow-alpha {
|
|
syntax: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 100%;
|
|
}
|
|
@property --tw-content {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: "";
|
|
}
|
|
@keyframes enter {
|
|
0% {
|
|
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));
|
|
}
|
|
}
|