/* [project]/sd1.su/src/app/globals.css [app-client] (css) */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-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-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-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-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; } } } @layer theme { :root, :host { --color-red-50: #fef2f2; --color-red-100: #ffe2e2; --color-red-200: #ffcaca; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-red-800: #9f0712; --color-yellow-50: #fefce8; --color-yellow-100: #fef9c2; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-yellow-700: #a36100; --color-yellow-800: #874b00; --color-yellow-900: #733e0a; --color-green-50: #f0fdf4; --color-green-200: #b9f8cf; --color-green-400: #05df72; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-green-800: #016630; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-800: #193cb8; --color-purple-100: #f3e8ff; --color-purple-600: #9810fa; --color-purple-700: #8200da; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --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-zinc-50: #fafafa; --color-zinc-500: #71717b; --color-zinc-700: #3f3f46; --color-zinc-900: #18181b; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-2xl: 42rem; --container-4xl: 56rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .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-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-wider: .05em; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-family-sans); --default-mono-font-family: var(--font-family-mono); } @supports (color: lab(0% 0 0)) { :root, :host { --color-red-50: lab(96.5005% 4.18508 1.52328); --color-red-100: lab(92.243% 10.2865 3.83865); --color-red-200: lab(86.017% 19.8815 7.75869); --color-red-300: lab(76.5514% 36.422 15.5335); --color-red-400: lab(63.7053% 60.745 31.3109); --color-red-500: lab(55.4814% 75.0732 48.8528); --color-red-600: lab(48.4493% 77.4328 61.5452); --color-red-700: lab(40.4273% 67.2623 53.7441); --color-red-800: lab(33.7174% 55.8993 41.0293); --color-yellow-50: lab(98.6846% -1.79055 9.7766); --color-yellow-100: lab(97.3564% -4.51407 27.344); --color-yellow-400: lab(83.2664% 8.65132 106.895); --color-yellow-500: lab(76.3898% 14.5258 98.4589); --color-yellow-700: lab(47.8202% 25.2426 66.5015); --color-yellow-800: lab(38.7484% 23.5833 51.4916); --color-yellow-900: lab(32.3865% 21.1273 38.5959); --color-green-50: lab(98.1563% -5.60117 2.75915); --color-green-200: lab(92.4222% -26.4702 12.9427); --color-green-400: lab(78.503% -64.9265 39.7492); --color-green-500: lab(70.5521% -66.5147 45.8073); --color-green-600: lab(59.0978% -58.6621 41.2579); --color-green-700: lab(47.0329% -47.0239 31.4788); --color-green-800: lab(37.4616% -36.7971 22.9692); --color-blue-50: lab(96.492% -1.14644 -5.11479); --color-blue-100: lab(92.0301% -2.24757 -11.6453); --color-blue-200: lab(86.15% -4.04379 -21.0797); --color-blue-300: lab(77.5052% -6.4629 -36.42); --color-blue-400: lab(65.0361% -1.42065 -56.9802); --color-blue-500: lab(54.1736% 13.3369 -74.6839); --color-blue-600: lab(44.0605% 29.0279 -86.0352); --color-blue-700: lab(36.9089% 35.0961 -85.6872); --color-blue-800: lab(30.2514% 27.7853 -70.2699); --color-purple-100: lab(93.3333% 6.97437 -9.83434); --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% -.369519 -1.05966); --color-slate-100: lab(96.286% -.852436 -2.46847); --color-slate-200: lab(91.7353% -.998765 -4.76968); --color-slate-300: lab(84.7652% -1.94535 -7.93337); --color-slate-400: lab(65.5349% -2.25151 -14.5072); --color-slate-500: lab(48.0876% -2.03595 -16.5814); --color-slate-600: lab(35.5623% -1.74978 -15.4316); --color-slate-700: lab(26.9569% -1.47016 -15.6993); --color-slate-800: lab(16.132% -.318035 -14.6672); --color-slate-900: lab(7.78673% 1.82345 -15.0537); --color-gray-50: lab(98.2596% -.247031 -.706708); --color-gray-100: lab(96.1596% -.0823438 -1.13575); --color-gray-200: lab(91.6229% -.159115 -2.26791); --color-gray-300: lab(85.1236% -.612259 -3.7138); --color-gray-400: lab(65.9269% -.832707 -8.17473); --color-gray-500: lab(47.7841% -.393182 -10.0268); --color-gray-600: lab(35.6337% -1.58697 -10.8425); --color-gray-700: lab(27.1134% -.956401 -12.3224); --color-gray-800: lab(16.1051% -1.18239 -11.7533); --color-gray-900: lab(8.11897% .811279 -12.254); --color-zinc-50: lab(98.26% 0 0); --color-zinc-500: lab(47.8878% 1.65477 -5.77283); --color-zinc-700: lab(26.8019% 1.35387 -4.68303); --color-zinc-900: lab(8.30603% .618205 -2.16572); } } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring:where(:not(iframe)) { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer components; @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .inset-0 { inset: 0; } .inset-y-0 { inset-block: 0; } .-top-1 { top: calc(var(--spacing) * -1); } .-top-2 { top: calc(var(--spacing) * -2); } .top-0 { top: 0; } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-4 { top: calc(var(--spacing) * 4); } .top-7 { top: calc(var(--spacing) * 7); } .top-full { top: 100%; } .-right-1 { right: calc(var(--spacing) * -1); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-3 { right: calc(var(--spacing) * -3); } .right-0 { right: 0; } .right-2 { right: calc(var(--spacing) * 2); } .right-4 { right: calc(var(--spacing) * 4); } .bottom-0 { bottom: 0; } .bottom-4 { bottom: calc(var(--spacing) * 4); } .left-0 { left: 0; } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-8 { left: calc(var(--spacing) * 8); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .col-span-full { grid-column: 1 / -1; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .m-0 { margin: 0; } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .my-1 { margin-block: var(--spacing); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .mt-1 { margin-top: var(--spacing); } .mt-1\.25 { margin-top: calc(var(--spacing) * 1.25); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-auto { margin-top: auto; } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mb-1 { margin-bottom: var(--spacing); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .\!h-4 { height: calc(var(--spacing) * 4) !important; } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\! { height: calc(var(--spacing) * 3) !important; } .h-3\.5\! { height: calc(var(--spacing) * 3.5) !important; } .h-4 { height: calc(var(--spacing) * 4); } .h-4\! { height: calc(var(--spacing) * 4) !important; } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-5\! { height: calc(var(--spacing) * 5) !important; } .h-6 { height: calc(var(--spacing) * 6); } .h-8 { height: calc(var(--spacing) * 8); } .h-10 { height: calc(var(--spacing) * 10); } .h-11\.5 { height: calc(var(--spacing) * 11.5); } .h-12 { height: calc(var(--spacing) * 12); } .h-16 { height: calc(var(--spacing) * 16); } .h-16\.25 { height: calc(var(--spacing) * 16.25); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-32 { height: calc(var(--spacing) * 32); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-100 { height: calc(var(--spacing) * 100); } .h-\[calc\(100vh-40px\)\] { height: calc(100vh - 40px); } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-31 { max-height: calc(var(--spacing) * 31); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-100 { max-height: calc(var(--spacing) * 100); } .max-h-150 { max-height: calc(var(--spacing) * 150); } .max-h-162\.5 { max-height: calc(var(--spacing) * 162.5); } .max-h-192 { max-height: calc(var(--spacing) * 192); } .max-h-\[90vh\] { max-height: 90vh; } .max-h-full { max-height: 100%; } .min-h-0 { min-height: 0; } .min-h-25 { min-height: calc(var(--spacing) * 25); } .min-h-50 { min-height: calc(var(--spacing) * 50); } .min-h-\[70vh\] { min-height: 70vh; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .\!w-4 { width: calc(var(--spacing) * 4) !important; } .w-1 { width: var(--spacing); } .w-1\/3 { width: 33.3333%; } .w-2 { width: calc(var(--spacing) * 2); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\! { width: calc(var(--spacing) * 3) !important; } .w-3\.5\! { width: calc(var(--spacing) * 3.5) !important; } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\! { width: calc(var(--spacing) * 4) !important; } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\! { width: calc(var(--spacing) * 5) !important; } .w-5\/6 { width: 83.3333%; } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-10 { width: calc(var(--spacing) * 10); } .w-16 { width: calc(var(--spacing) * 16); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-40 { width: calc(var(--spacing) * 40); } .w-48 { width: calc(var(--spacing) * 48); } .w-64 { width: calc(var(--spacing) * 64); } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-37\.5 { max-width: calc(var(--spacing) * 37.5); } .max-w-50 { max-width: calc(var(--spacing) * 50); } .max-w-\[80\%\] { max-width: 80%; } .max-w-full { max-width: 100%; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: 0; } .min-w-62\.5 { min-width: calc(var(--spacing) * 62.5); } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .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-bounce { animation: var(--animate-bounce); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-col-resize { cursor: col-resize; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-row-resize { cursor: row-resize; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(250px\,300px\)\)\] { grid-template-columns: repeat(auto-fill, minmax(250px, 300px)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-1 { gap: var(--spacing); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse)); margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .self-start { align-self: flex-start; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-tl-none { border-top-left-radius: 0; } .rounded-tr-none { border-top-right-radius: 0; } .rounded-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-500 { border-color: var(--color-blue-500); } .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-gray-400 { border-color: var(--color-gray-400); } .border-gray-700 { border-color: var(--color-gray-700); } .border-green-200 { border-color: var(--color-green-200); } .border-red-100 { border-color: var(--color-red-100); } .border-red-200 { border-color: var(--color-red-200); } .border-red-400 { border-color: var(--color-red-400); } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-700 { border-color: var(--color-slate-700); } .border-white { border-color: var(--color-white); } .border-white\/20 { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-yellow-500 { border-color: var(--color-yellow-500); } .border-t-blue-500 { border-top-color: var(--color-blue-500); } .border-t-blue-600 { border-top-color: var(--color-blue-600); } .border-t-red-500 { border-top-color: var(--color-red-500); } .bg-black { background-color: var(--color-black); } .bg-black\/50 { background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-50\/50 { background-color: #eff6ff80; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/50 { background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .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-400 { background-color: var(--color-gray-400); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-600 { background-color: var(--color-green-600); } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-800 { background-color: var(--color-slate-800); } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-slate-900\/20 { background-color: #0f172b33; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/20 { background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent); } } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\/80 { background-color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/90 { background-color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-zinc-50 { background-color: var(--color-zinc-50); } .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)); } .from-gray-900 { --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)); } .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)); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-0 { padding: 0; } .p-1 { padding: var(--spacing); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .px-1 { padding-inline: var(--spacing); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: var(--spacing); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pb-1 { padding-bottom: var(--spacing); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .font-mono { font-family: var(--font-family-mono); } .font-sans { font-family: var(--font-family-sans); } .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-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-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-\[16px\] { font-size: 16px !important; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[16px\]\! { font-size: 16px !important; } .text-\[20px\]\! { font-size: 20px !important; } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-none { --tw-leading: 1; line-height: 1; } .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-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .wrap-break-word { overflow-wrap: break-word; } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-blue-100 { color: var(--color-blue-100); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-gray-100 { color: var(--color-gray-100); } .text-gray-200 { color: var(--color-gray-200); } .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: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-800 { color: var(--color-green-800); } .text-purple-700 { color: var(--color-purple-700); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-slate-200 { color: var(--color-slate-200); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-800 { color: var(--color-slate-800); } .text-slate-900 { color: var(--color-slate-900); } .text-white { color: var(--color-white); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .text-zinc-500 { color: var(--color-zinc-500); } .text-zinc-700 { color: var(--color-zinc-700); } .text-zinc-900 { color: var(--color-zinc-900); } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-25 { opacity: .25; } .opacity-50 { opacity: .5; } .opacity-75 { opacity: .75; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .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-inner { --tw-shadow: inset 0 2px 4px 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-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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), 0 2px 4px -2px 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-sm { --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-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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); } .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-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, ); } .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-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-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-none { transition-property: none; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } @media (hover: hover) { .group-hover\:bg-blue-500:is(:where(.group):hover *) { background-color: var(--color-blue-500); } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .file\:mr-4::file-selector-button { margin-right: calc(var(--spacing) * 4); } .file\:rounded-md::file-selector-button { border-radius: var(--radius-md); } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-blue-50::file-selector-button { background-color: var(--color-blue-50); } .file\:px-4::file-selector-button { padding-inline: calc(var(--spacing) * 4); } .file\:py-2::file-selector-button { padding-block: calc(var(--spacing) * 2); } .file\:font-semibold::file-selector-button { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .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; } @media (hover: hover) { .hover\:w-1:hover { width: var(--spacing); } .hover\:border-blue-500:hover { border-color: var(--color-blue-500); } .hover\:border-red-300:hover { border-color: var(--color-red-300); } .hover\:bg-black\/10:hover { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/10:hover { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .hover\:bg-blue-100:hover { background-color: var(--color-blue-100); } .hover\:bg-blue-500:hover { background-color: var(--color-blue-500); } .hover\:bg-blue-600:hover { background-color: var(--color-blue-600); } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } .hover\:bg-green-700:hover { background-color: var(--color-green-700); } .hover\:bg-purple-700:hover { background-color: var(--color-purple-700); } .hover\:bg-red-50:hover { background-color: var(--color-red-50); } .hover\:bg-red-600:hover { background-color: var(--color-red-600); } .hover\:bg-red-700:hover { background-color: var(--color-red-700); } .hover\:bg-slate-50:hover { background-color: var(--color-slate-50); } .hover\:bg-slate-100:hover { background-color: var(--color-slate-100); } .hover\:bg-white:hover { background-color: var(--color-white); } .hover\:text-blue-300:hover { color: var(--color-blue-300); } .hover\:text-blue-500:hover { color: var(--color-blue-500); } .hover\:text-blue-600:hover { color: var(--color-blue-600); } .hover\:text-blue-800:hover { color: var(--color-blue-800); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-700:hover { color: var(--color-gray-700); } .hover\:text-green-600:hover { color: var(--color-green-600); } .hover\:text-red-500:hover { color: var(--color-red-500); } .hover\:text-slate-600:hover { color: var(--color-slate-600); } .hover\:text-slate-700:hover { color: var(--color-slate-700); } .hover\:text-white:hover { color: var(--color-white); } .hover\:text-yellow-900:hover { color: var(--color-yellow-900); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-90:hover { opacity: .9; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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\:file\:bg-blue-100:hover::file-selector-button { background-color: var(--color-blue-100); } } .focus\:border-blue-500:focus { border-color: var(--color-blue-500); } .focus\:border-transparent:focus { border-color: #0000; } .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-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-slate-100:disabled { background-color: var(--color-slate-100); } .disabled\:text-slate-500:disabled { color: var(--color-slate-500); } .disabled\:opacity-50:disabled { opacity: .5; } @media (min-width: 40rem) { .sm\:flex { display: flex; } .sm\:min-w-100 { min-width: calc(var(--spacing) * 100); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } } @media (min-width: 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:justify-between { justify-content: space-between; } } @media (min-width: 64rem) { .lg\:w-96 { width: calc(var(--spacing) * 96); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-\[7fr_3fr\] { grid-template-columns: 7fr 3fr; } .lg\:grid-cols-\[70\%_30\%\] { grid-template-columns: 70% 30%; } .lg\:flex-row { flex-direction: row; } .lg\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .lg\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .lg\:p-8 { padding: calc(var(--spacing) * 8); } .lg\:pt-0 { padding-top: 0; } .lg\:pl-6 { padding-left: calc(var(--spacing) * 6); } } @media (hover: hover) { .dark\:hover\:border-blue-500:is(.dark *):hover { border-color: var(--color-blue-500); } .dark\:hover\:text-blue-400:is(.dark *):hover { color: var(--color-blue-400); } .dark\:hover\:text-green-400:is(.dark *):hover { color: var(--color-green-400); } .dark\:hover\:text-slate-200:is(.dark *):hover { color: var(--color-slate-200); } .dark\:hover\:text-slate-300:is(.dark *):hover { color: var(--color-slate-300); } } } :root { --color-white: #fff; --color-black: #000; --color-primary: #3b82f6; --color-primary-hover: #2563eb; --color-primary-dark: #1e40af; --color-secondary: #6b7280; --color-secondary-hover: #4b5563; --color-success: #10b981; --color-success-hover: #059669; --color-warning: #f59e0b; --color-warning-hover: #d97706; --color-danger: #ef4444; --color-danger-hover: #dc2626; --color-info: #06b6d4; --color-info-hover: #0891b2; --color-bg-body: #f2f3f7; --color-bg-primary: #fff; --color-bg-secondary: #f8fafc; --color-bg-tertiary: #f1f5f9; --color-bg-accent: #e2e8f0; --color-text-primary: #1e293b; --color-text-secondary: #475569; --color-text-muted: #64748b; --color-text-inverse: #fff; --color-text-link: #3b82f6; --color-border: #e2e8f0; --color-border-hover: #cbd5e1; --header-footer-bg-color: var(--color-bg-secondary); --header-footer-bg-image: none; --header-footer-border-color: var(--color-border); --header-footer-text-color: var(--color-border); --color-footer-bg-color: var(--color-border); --color-footer-bg-image: none; --color-footer-border-color: none; --color-footer-text-color: #64748b; --color-shadow-standard: #0000001a; --breadcrumb-bg-start: #f8fafc; --breadcrumb-bg-end: #e2e8f0; --breadcrumb-border: #cbd5e1; --breadcrumb-shadow: 0 1px 3px #0000001a; --breadcrumb-color: #475569; --breadcrumb-link-color: #3b82f6; --breadcrumb-link-hover-color: #1e40af; --breadcrumb-link-hover-bg: #3b82f61a; --breadcrumb-divider: "›"; --breadcrumb-divider-color: #64748b; --table-border: #e2e8f0; --table-header-bg: #f1f5f9; --table-row-hover: #f8fafc; --table-stripe: #f8fafc; --color-supply-bg: var(--color-bg-secondary); --color-supply-border-color: var(--color-border); --color-supply-header-text-color: var(--color-text-primary); --color-supply-indicator-color: var(--color-primary); --color-supply-link-color: var(--color-text-secondary); --color-supply-link-hover-color: var(--color-primary); --color-supply-link-hover-bg: var(--color-bg-accent); --color-supply-number-color: var(--color-primary); --color-supply-sub-number-color: var(--color-text-muted); --border-radius: .5rem; --border-radius-sm: .25rem; --border-radius-lg: .75rem; --border-radius-xl: 1rem; --spacing-xs: .25rem; --spacing-sm: .5rem; --spacing-md: 1rem; --spacing-lg: 1.5rem; --spacing-xl: 2rem; --spacing-2xl: 3rem; --spacing-3xl: 4rem; --font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace; --font-size-xs: .75rem; --font-size-sm: .875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --transition-fast: .15s ease-in-out; --transition-normal: .2s ease-in-out; --transition-slow: .3s ease-in-out; --shadow-sm: 0 1px 2px 0 var(--color-shadow-standard); --shadow: 0 1px 3px 0 var(--color-shadow-standard); --shadow-md: 0 4px 6px -1px var(--color-shadow-standard); --shadow-lg: 0 10px 15px -3px var(--color-shadow-standard); --shadow-xl: 0 20px 25px -5px var(--color-shadow-standard); --header-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23eeeeee'/%3E%3Ctext x='50' y='50' font-family='sans-serif' font-size='30' fill='%23999999' text-anchor='middle' dy='.3em'%3ELOGO%3C/text%3E%3C/svg%3E"); } .btn { vertical-align: middle; padding: var(--spacing-md) var(--spacing-xl); border-radius: var(--border-radius); font-size: var(--font-size-base); color: var(--color-text-inverse); text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; transition: all var(--transition-fast); background-color: #0000; border: 1px solid #0000; justify-content: center; align-items: center; font-weight: 500; line-height: 1; text-decoration: none; display: inline-flex; } .btn:hover { text-decoration: none; } .btn:focus { outline: 0; box-shadow: 0 0 0 2px #3b82f640; } .btn:disabled { opacity: .65; cursor: not-allowed; pointer-events: none; } .btn-primary { color: var(--color-text-inverse); background-color: var(--color-primary); border-color: var(--color-primary); } .btn-primary:hover:not(:disabled) { background-color: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-secondary { color: var(--color-text-inverse); background-color: var(--color-secondary); border-color: var(--color-secondary); } .btn-secondary:hover:not(:disabled) { background-color: var(--color-secondary-hover); border-color: var(--color-secondary-hover); } .btn-success { color: var(--color-text-inverse); background-color: var(--color-success); border-color: var(--color-success); } .btn-success:hover:not(:disabled) { background-color: var(--color-success-hover); border-color: var(--color-success-hover); } .btn-warning { color: var(--color-text-inverse); background-color: var(--color-warning); border-color: var(--color-warning); } .btn-warning:hover:not(:disabled) { background-color: var(--color-warning-hover); border-color: var(--color-warning-hover); } .btn-danger { color: var(--color-text-inverse); background-color: var(--color-danger); border-color: var(--color-danger); } .btn-danger:hover:not(:disabled) { background-color: var(--color-danger-hover); border-color: var(--color-danger-hover); } .btn-info { color: var(--color-text-inverse); background-color: var(--color-info); border-color: var(--color-info); } .btn-info:hover:not(:disabled) { background-color: var(--color-info-hover); border-color: var(--color-info-hover); } .btn-outline { color: var(--color-primary); border-color: var(--color-primary); background-color: #0000; } .btn-outline:hover:not(:disabled) { color: var(--color-text-inverse); background-color: var(--color-primary); border-color: var(--color-primary); } .btn-ghost { color: var(--color-primary); background-color: #0000; border-color: #0000; } .btn-ghost:hover:not(:disabled) { background-color: var(--color-bg-tertiary); } .button-refresh { vertical-align: middle; padding: var(--spacing-sm) var(--spacing-md); border: 1px solid var(--color-primary); border-radius: var(--border-radius); font-size: var(--font-size-sm); color: var(--color-text-inverse); text-align: center; background-color: var(--color-primary); cursor: pointer; -webkit-user-select: none; user-select: none; transition: all var(--transition-fast); justify-content: center; align-items: center; font-weight: 500; line-height: 1; text-decoration: none; display: inline-flex; height: 2rem !important; padding-left: .625rem !important; padding-right: .625rem !important; } .button-refresh:hover:not(:disabled) { background-color: var(--color-primary-hover); border-color: var(--color-primary-hover); text-decoration: none; } .button-refresh:focus { outline: 0; box-shadow: 0 0 0 2px #3b82f640; } .button-refresh:disabled { opacity: .65; cursor: not-allowed; pointer-events: none; } .toggle-switch { background-color: var(--color-bg-accent); width: 32px; height: 18px; transition: background-color var(--transition-fast); border-radius: 9999px; flex-shrink: 0; position: relative; } .toggle-switch:after { content: ""; background-color: var(--color-bg-primary); border: 1px solid var(--color-border); width: 14px; height: 14px; transition: left var(--transition-fast), border-color var(--transition-fast); border-radius: 50%; position: absolute; top: 2px; left: 2px; } .peer:focus-visible ~ .toggle-switch { outline-offset: 2px; outline: 4px solid #bfdbfe; } .peer:checked ~ .toggle-switch { background-color: var(--color-primary-hover); } .peer:checked ~ .toggle-switch:after { border-color: var(--color-bg-primary); left: 16px; } .btn-sm { padding: var(--spacing-sm) var(--spacing-md); font-size: var(--font-size-sm); } .btn-lg { padding: var(--spacing-lg) var(--spacing-2xl); font-size: var(--font-size-lg); } .btn-xl { padding: var(--spacing-xl) var(--spacing-3xl); font-size: var(--font-size-xl); } .form-group { margin-bottom: var(--spacing-xl); } .form-label { margin-bottom: var(--spacing-sm); font-size: var(--font-size-sm); color: var(--color-text-primary); font-weight: 500; display: block; } .form-input, .form-textarea, .form-select { width: 100%; padding: var(--spacing-md) var(--spacing-lg); border: 1px solid var(--color-border); border-radius: var(--border-radius); font-size: var(--font-size-base); color: var(--color-text-primary); background-color: var(--color-bg-primary); transition: border-color var(--transition-fast), box-shadow var(--transition-fast); background-clip: padding-box; font-weight: 400; line-height: 1.5; display: block; } .form-input:focus, .form-textarea:focus, .form-select:focus { border-color: var(--color-primary); outline: 0; box-shadow: 0 0 0 2px #3b82f640; } .form-input.focus { border-color: var(--color-primary); box-shadow: 0 0 0 2px #3b82f640; } .form-input:disabled, .form-textarea:disabled, .form-select:disabled { opacity: .65; cursor: not-allowed; background-color: var(--color-bg-accent); } .form-textarea { resize: vertical; min-height: 100px; } .form-select { appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right var(--spacing-md) center; background-size: 16px 12px; padding-right: 2.5rem; } h1, h2, h3, h4, h5, h6 { color: var(--color-text-primary); } h1 { font-size: var(--font-size-2xl); margin-top: 0; font-weight: 700; line-height: 1.2; } code, kbd, samp { border-radius: var(--border-radius-sm); font-family: var(--font-family-mono), monospace; color: inherit; white-space: pre-wrap; word-break: break-word; background-color: #80808026; padding: .2em .4em; font-size: .875em; } pre { padding: var(--spacing-md); margin: var(--spacing-sm) 0; border-radius: var(--border-radius); color: var(--color-text-inverse); background-color: var(--color-text-primary); display: block; overflow-x: auto; } pre code { color: inherit; white-space: pre; background-color: #0000; padding: 0; } .code { border: 1px solid var(--color-border); font-family: var(--font-family-mono), monospace; color: #333; vertical-align: middle; white-space: pre-wrap; word-break: break-word; tab-size: 4; cursor: pointer; transition: background-color var(--transition-fast); background-color: #fcfcfc; border-radius: 8px; padding: 3px 8px; font-size: .875em; display: inline; } .code-copied { background-color: #10b98133 !important; } .page-body { flex-direction: column; gap: 0; display: flex; } #logs.page-body, #errors.page-body { flex: auto; min-height: 0; overflow-y: auto; } .description { margin-bottom: calc(var(--spacing) * 6); color: var(--color-slate-500); } .panel-control { margin-bottom: calc(var(--spacing) * 6); justify-content: flex-end; gap: calc(var(--spacing) * 2); display: flex; } .chart-container { width: 100%; height: 400px; position: relative; } .container { width: 100%; padding-right: var(--spacing-lg); padding-left: var(--spacing-lg); margin-left: auto; margin-right: auto; position: relative; } @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; } } .header-logo { background-image: var(--header-logo); background-position: center; background-repeat: no-repeat; background-size: contain; width: 48px; height: 48px; margin-right: 10px; } .header { background-color: var(--color-bg-secondary); border-bottom: 1px solid var(--color-border); padding: var(--spacing-md) 0; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); z-index: 100 !important; width: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } .header-container { justify-content: space-between; align-items: center; gap: var(--spacing-xs); width: 100%; padding: var(--spacing-xs) var(--spacing-xs); display: flex; } .header-left { align-items: center; gap: var(--spacing-xs); display: flex; } .header-title { flex-direction: column; line-height: 1.2; text-decoration: none; display: flex; } .header-title:hover { opacity: .8; } .header-title-main { color: var(--color-text-primary); margin: 0; font-size: 20px; font-weight: 700; text-decoration: none; } .header-subtitle { color: var(--color-text-secondary); margin: 1px 0 0; font-size: .75rem; font-weight: 400; } .header-actions { align-items: center; gap: var(--spacing-sm); flex-wrap: nowrap; flex-shrink: 0; max-width: 50vw; display: flex; } .header-btn { border: 1px solid var(--color-border); border-radius: var(--border-radius); background-color: var(--color-bg-primary); width: 40px; height: 40px; color: var(--color-text-secondary); cursor: pointer; transition: all var(--transition-fast); justify-content: center; align-items: center; padding: 0; font-size: 18px; display: flex; } .header-btn:hover { background-color: var(--color-bg-tertiary); border-color: var(--color-primary); color: var(--color-primary); } .header-menu-container { display: inline-block; position: relative; } .header-menu-toggle { display: none; } .header-menu-dropdown { z-index: 1000; min-width: 300px; margin-top: var(--spacing-sm); border: 1px solid var(--color-border); border-radius: var(--border-radius-lg); background-color: var(--color-bg-primary); box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transition: all var(--transition-fast); padding: 20px; position: absolute; top: 100%; right: 0; transform: translateY(-10px); } .header-menu-header { padding: var(--spacing-sm) var(--spacing-md); border-bottom: 1px solid var(--color-border); margin-bottom: var(--spacing-xs); justify-content: space-between; align-items: baseline; display: flex; } .header-menu-title { font-size: var(--font-size-base); color: var(--color-text-primary); text-align: left; text-transform: uppercase; background-color: var(--header-footer-border-color); border-radius: 7px; margin: 0 0 10px; padding: 7px 15px; font-weight: 600; display: inline-block; } .header-menu-close { color: var(--color-text-secondary); cursor: pointer; transition: color var(--transition-fast); background-color: #f0f0f0; border-radius: 5px; justify-content: center; align-items: center; padding: 5px; display: flex; } .header-menu-close:hover { color: var(--color-danger); } .header-menu-toggle:checked ~ .header-menu-dropdown, .header-menu-dropdown.is-open { opacity: 1; visibility: visible; transform: translateY(0); } .header-menu-item { padding: var(--spacing-sm) var(--spacing-md); font-size: var(--font-size-sm); color: var(--color-text-primary); transition: background-color var(--transition-fast); text-decoration: none; display: block; } .header-menu-item:hover { color: var(--color-primary); background-color: var(--color-bg-tertiary); } .header-menu-divider { height: 1px; margin: var(--spacing-xs) 0; background-color: var(--color-border); } :root { --header-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23eeeeee'/%3E%3Ctext x='50' y='50' font-family='sans-serif' font-size='30' fill='%23999999' text-anchor='middle' dy='.3em'%3ELOGO%3C/text%3E%3C/svg%3E"); --icon-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M120 100c-11 0-20 9-20 20l0 400c0 11 9 20 20 20l400 0c11 0 20-9 20-20l0-400c0-11-9-20-20-20L120 100zM40 120C40 75.9 75.9 40 120 40l400 0c44.1 0 80 35.9 80 80l0 400c0 44.1-35.9 80-80 80L120 600c-44.1 0-80-35.9-80-80L40 120zM290 430l0-80-80 0c-16.6 0-30-13.4-30-30s13.4-30 30-30l80 0 0-80c0-16.6 13.4-30 30-30s30 13.4 30 30l0 80 80 0c16.6 0 30 13.4 30 30s-13.4 30-30 30l-80 0 0 80c0 16.6-13.4 30-30 30s-30-13.4-30-30z'/%3E%3C/svg%3E"); --icon-arrow-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 571 107 L 533 69 L 373 229 V 107 H 320 V 320 H 533 V 267 H 411 L 571 107 Z M 69 533 L 107 571 L 267 411 V 533 H 320 V 320 H 107 V 373 H 229 L 69 533 Z'/%3E%3C/svg%3E"); --icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M297.4 566.6C309.9 579.1 330.2 579.1 342.7 566.6L502.7 406.6C515.2 394.1 515.2 373.8 502.7 361.3C490.2 348.8 469.9 348.8 457.4 361.3L352 466.7L352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 466.7L182.6 361.3C170.1 348.8 149.8 348.8 137.3 361.3C124.8 373.8 124.8 394.1 137.3 406.6L297.3 566.6z'/%3E%3C/svg%3E"); --icon-arrow-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 373 304 L 336 267 L 496 107 H 400 V 53 H 587 V 240 H 533 V 144 L 373 304 Z M 267 336 L 304 373 L 144 533 H 240 V 587 H 53 V 400 H 107 V 496 L 267 336 Z'/%3E%3C/svg%3E"); --icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M73.4 297.4C60.9 309.9 60.9 330.2 73.4 342.7L233.4 502.7C245.9 515.2 266.2 515.2 278.7 502.7C291.2 490.2 291.2 469.9 278.7 457.4L173.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L173.3 288L278.7 182.6C291.2 170.1 291.2 149.8 278.7 137.3C266.2 124.8 245.9 124.8 233.4 137.3L73.4 297.3z'/%3E%3C/svg%3E"); --icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E"); --icon-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M342.6 73.4C330.1 60.9 309.8 60.9 297.3 73.4L137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7C149.8 291.2 170.1 291.2 182.6 278.7L288 173.3L288 544C288 561.7 302.3 576 320 576C337.7 576 352 561.7 352 544L352 173.3L457.4 278.7C469.9 291.2 490.2 291.2 502.7 278.7C515.2 266.2 515.2 245.9 502.7 233.4L342.7 73.4z'/%3E%3C/svg%3E"); --icon-calculator: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM224 128L416 128C433.7 128 448 142.3 448 160L448 192C448 209.7 433.7 224 416 224L224 224C206.3 224 192 209.7 192 192L192 160C192 142.3 206.3 128 224 128zM240 296C240 309.3 229.3 320 216 320C202.7 320 192 309.3 192 296C192 282.7 202.7 272 216 272C229.3 272 240 282.7 240 296zM320 320C306.7 320 296 309.3 296 296C296 282.7 306.7 272 320 272C333.3 272 344 282.7 344 296C344 309.3 333.3 320 320 320zM448 296C448 309.3 437.3 320 424 320C410.7 320 400 309.3 400 296C400 282.7 410.7 272 424 272C437.3 272 448 282.7 448 296zM216 416C202.7 416 192 405.3 192 392C192 378.7 202.7 368 216 368C229.3 368 240 378.7 240 392C240 405.3 229.3 416 216 416zM344 392C344 405.3 333.3 416 320 416C306.7 416 296 405.3 296 392C296 378.7 306.7 368 320 368C333.3 368 344 378.7 344 392zM424 416C410.7 416 400 405.3 400 392C400 378.7 410.7 368 424 368C437.3 368 448 378.7 448 392C448 405.3 437.3 416 424 416zM192 488C192 474.7 202.7 464 216 464L328 464C341.3 464 352 474.7 352 488C352 501.3 341.3 512 328 512L216 512C202.7 512 192 501.3 192 488zM424 464C437.3 464 448 474.7 448 488C448 501.3 437.3 512 424 512C410.7 512 400 501.3 400 488C400 474.7 410.7 464 424 464z'/%3E%3C/svg%3E"); --icon-calendar: url("data:image/svg+xml,"); --icon-caret-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'/%3E%3C/svg%3E"); --icon-caret-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M199.7 299.8C189.4 312.4 190.2 330.9 201.9 342.6L329.9 470.6C339.1 479.8 352.8 482.5 364.8 477.5C376.8 472.5 384.6 460.9 384.6 447.9L384.6 191.9C384.6 179 376.8 167.3 364.8 162.3C352.8 157.3 339.1 160.1 329.9 169.2L201.9 297.2L199.7 299.6z'/%3E%3C/svg%3E"); --icon-caret-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M441.3 299.8C451.5 312.4 450.8 330.9 439.1 342.6L311.1 470.6C301.9 479.8 288.2 482.5 276.2 477.5C264.2 472.5 256.5 460.9 256.5 448L256.5 192C256.5 179.1 264.3 167.4 276.3 162.4C288.3 157.4 302 160.2 311.2 169.3L439.2 297.3L441.4 299.7z'/%3E%3C/svg%3E"); --icon-caret-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z'/%3E%3C/svg%3E"); --icon-checkbox-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M240 431.2L128.8 320l-37.87 37.6L240 506.67 560 186.67l-37.6-37.6z'/%3E%3C/svg%3E"); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M291.75 628.25c15.625 15.625 41 15.625 56.625 0l200-200c15.625-15.625 15.625-41 0-56.625s-41-15.625-56.625 0L360 503.375 360 40c0-22.125-17.875-40-40-40s-40 17.875-40 40l0 463.375-131.75-131.75c-15.625-15.625-41-15.625-56.625 0s-15.625 41 0 56.625l200 200z'/%3E%3C/svg%3E"); --icon-chevron-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M348.25 21.75c-15.625-15.625-41-15.625-56.625 0l-200 200c-15.625 15.625-15.625 41 0 56.625s41 15.625 56.625 0L280 146.625 280 610c0 22.125 17.875 40 40 40s40-17.875 40-40l0-463.375 131.75 131.75c15.625 15.625 41 15.625 56.625 0s15.625-41 0-56.625l-200-200z'/%3E%3C/svg%3E"); --icon-circle-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 320 576 C 178.6 576 64 461.4 64 320 C 64 178.6 178.6 64 320 64 C 461.4 64 576 178.6 576 320 C 576 461.4 461.4 576 320 576 z M 438 209.7 C 427.3 201.9 412.3 204.3 404.5 215 L 285.1 379.2 L 233 327.1 C 223.6 317.7 208.4 317.7 199.1 327.1 C 189.8 336.5 189.7 351.7 199.1 361 L 271.1 433 C 276.1 438 282.9 440.5 289.9 440 C 296.9 439.5 303.3 435.9 307.4 430.2 L 443.3 243.2 C 451.1 232.5 448.7 217.5 438 209.7 z'/%3E%3C/svg%3E"); --icon-clear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M210.5 480L333.5 480L398.8 414.7L225.3 241.2L98.6 367.9L210.6 479.9zM256 544L210.5 544C193.5 544 177.2 537.3 165.2 525.3L49 409C38.1 398.1 32 383.4 32 368C32 352.6 38.1 337.9 49 327L295 81C305.9 70.1 320.6 64 336 64C351.4 64 366.1 70.1 377 81L559 263C569.9 273.9 576 288.6 576 304C576 319.4 569.9 334.1 559 345L424 480L544 480C561.7 480 576 494.3 576 512C576 529.7 561.7 544 544 544L256 544z'/%3E%3C/svg%3E"); --icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 320 64 C 461.4 64 576 178.6 576 320 C 576 461.4 461.4 576 320 576 C 178.6 576 64 461.4 64 320 C 64 178.6 178.6 64 320 64 z M 296 184 L 296 320 C 296 328 300 335.5 306.7 340 L 402.7 404 C 413.7 411.4 428.6 408.4 436 397.3 C 443.4 386.2 440.4 371.4 429.3 364 L 344 307.2 L 344 184 C 344 170.7 333.3 160 320 160 C 306.7 160 296 170.7 296 184 z'/%3E%3C/svg%3E"); --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M148.9 91.8c-15.6-15.6-41-15.6-56.6 0s-15.6 41 0 56.6L264 320 92.4 491.8c-15.6 15.6-15.6 41 0 56.6s41 15.6 56.6 0L320.6 376.6 492.4 548.3c15.6 15.6 41 15.6 56.6 0s15.6-41 0-56.6L377.3 320 548.9 148.3c15.6-15.6 15.6-41 0-56.6s-41-15.6-56.6 0L320.6 263.4 148.9 91.8z'/%3E%3C/svg%3E"); --icon-cloud-services: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cg transform='matrix(5.2,0,0,5.2,70.7,0.5)'%3E%3Cpath d='M20.96,75.56h53.96c0.85,0,1.55,0.7,1.55,1.55v35.75c0,0.85-0.7,1.55-1.55,1.55H20.96c-0.85,0-1.55-0.7-1.55-1.55V77.11C19.41,76.26,20.11,75.56,20.96,75.56L20.96,75.56L20.96,75.56z M46.58,47.98h2.73v2.73h-2.73V47.98L46.58,47.98z M46.58,42.53h2.73v2.73h-2.73V42.53L46.58,42.53z M5.72,90.52v-2.73h2.73v2.73H5.72L5.72,90.52z M49.99,56.72v-2.73h2.73v2.73H49.99L49.99,56.72z M55.44,56.72v-2.73h2.73v2.73H55.44L55.44,56.72z M60.89,56.72v-2.73h2.73v2.73H60.89L60.89,56.72z M66.35,56.72v-2.73h2.73v2.73H66.35L66.35,56.72z M71.8,56.72v-2.73h2.73v2.73H71.8L71.8,56.72z M77.26,56.72v-2.73h2.73v2.73H77.26L77.26,56.72z M82.71,56.72v-2.73h2.73v2.73H82.71L82.71,56.72z M88.17,56.72v-2.73h2.73v2.73H88.17L88.17,56.72z M93.62,54.89v-0.9h0.9h1.36v1.36v1.83h-2.73v-1.83L93.62,54.89L93.62,54.89z M93.16,59.91h2.73v2.73h-2.73V59.91L93.16,59.91z M93.16,65.36h2.73v2.73h-2.73V65.36L93.16,65.36z M93.16,70.82h2.73v2.73h-2.73V70.82L93.16,70.82z M93.16,76.27h2.73V79h-2.73V76.27L93.16,76.27z M93.16,81.73h2.73v2.73h-2.73V81.73L93.16,81.73z M94.58,87.18h1.3v1.3v1.36h-1.36H93.1v-2.73h1.42L94.58,87.18L94.58,87.18z M90.37,87.12v2.73h-2.73v-2.73H90.37L90.37,87.12z M45.02,53.99v2.73H42.3v-2.73H45.02L45.02,53.99z M39.57,53.99v2.73h-2.73v-2.73H39.57L39.57,53.99z M34.12,53.99v2.73h-2.73v-2.73H34.12L34.12,53.99z M28.66,53.99v2.73h-2.73v-2.73H28.66L28.66,53.99z M23.21,53.99v2.73h-2.73v-2.73H23.21L23.21,53.99z M17.75,53.99v2.73h-2.73v-2.73H17.75L17.75,53.99z M12.3,53.99v2.73H9.57v-2.73H12.3L12.3,53.99z M6.84,53.99v2.73H4.12v-2.73H6.84L6.84,53.99z M1.39,53.99v0.03l1.34,1.34v2.7H0v-2.7v-1.36h1.36H1.39L1.39,53.99z M0,60.78h2.73v2.73H0V60.78L0,60.78z M0,66.24h2.73v2.73H0V66.24L0,66.24z M0,71.69h2.73v2.73H0V71.69L0,71.69z M0,77.15h2.73v2.73H0V77.15L0,77.15z M0,82.6h2.73v2.73H0V82.6L0,82.6z M0,88.06h1.1l0.27-0.27h1.63v2.73H1.36H0v-1.36V88.06L0,88.06z M59.75,14.2c-0.36,0.18-0.71,0.37-1.07,0.58c-1.07,0.62-2.12,1.39-3.19,2.27l-2.29-2.63c0.79-0.73,1.65-1.4,2.56-2c0.73-0.47,1.49-0.89,2.27-1.26c0.31-0.16,0.63-0.3,0.95-0.44c-1.51-2.68-3.69-4.6-6.16-5.79c-2.47-1.18-5.23-1.64-7.91-1.38c-2.67,0.26-5.26,1.23-7.41,2.89c-2.48,1.92-4.36,4.8-5.09,8.6l-0.23,1.19l-1.19,0.21c-1.16,0.2-2.2,0.48-3.11,0.84c-0.88,0.34-1.67,0.76-2.36,1.26c-0.55,0.4-1.03,0.84-1.43,1.33c-1.25,1.5-1.83,3.37-1.81,5.26c0.01,1.93,0.64,3.87,1.8,5.47c0.43,0.59,0.93,1.14,1.5,1.61c0.58,0.48,1.23,0.87,1.96,1.18c0.72,0.3,1.53,0.51,2.42,0.64h34.41c1.68-0.4,3.15-0.95,4.41-1.65c1.25-0.7,2.27-1.55,3.03-2.57c1.19-1.58,1.77-3.81,1.79-6.1c0.03-2.4-0.56-4.82-1.7-6.57c-0.33-0.51-0.69-0.96-1.07-1.37c-1.71-1.84-3.89-2.65-6.14-2.66C63.05,13.09,61.36,13.49,59.75,14.2L59.75,14.2L59.75,14.2z M62.43,9.79c0.76-0.12,1.52-0.18,2.27-0.17c3.18,0.02,6.26,1.16,8.68,3.77c0.51,0.55,0.99,1.16,1.43,1.85c1.52,2.33,2.29,5.45,2.26,8.5c-0.03,2.99-0.84,5.97-2.49,8.16c-1.07,1.43-2.46,2.59-4.11,3.52c-1.6,0.89-3.45,1.57-5.54,2.05l-0.39,0.05H29.89l-0.22-0.02c-1.27-0.16-2.42-0.46-3.46-0.89c-1.08-0.44-2.03-1.02-2.87-1.72c-0.8-0.66-1.49-1.42-2.09-2.24c-1.58-2.18-2.43-4.85-2.45-7.5c-0.02-2.68,0.82-5.36,2.62-7.52c0.58-0.7,1.27-1.34,2.06-1.91c0.92-0.66,1.97-1.22,3.15-1.68c0.82-0.32,1.69-0.58,2.61-0.8c1.04-4.14,3.27-7.34,6.13-9.55c2.67-2.07,5.89-3.28,9.21-3.6c3.3-0.32,6.7,0.24,9.74,1.71C57.65,3.39,60.55,6.05,62.43,9.79L62.43,9.79L62.43,9.79z M40.91,116.55h14.07c0.04,2.44,1.04,4.61,3.76,6.33H37.15C39.32,121.3,40.92,119.39,40.91,116.55L40.91,116.55L40.91,116.55z M47.94,109.18c1.1,0,1.99,0.89,1.99,1.99c0,1.1-0.89,1.99-1.99,1.99c-1.1,0-1.99-0.89-1.99-1.99C45.95,110.07,46.84,109.18,47.94,109.18L47.94,109.18z M24.08,78.48h47.73c0.75,0,1.37,0.62,1.37,1.37v26.71c0,0.75-0.62,1.37-1.37,1.37H24.08c-0.75,0-1.37-0.62-1.37-1.37V79.85C22.71,79.09,23.32,78.48,24.08,78.48L24.08,78.48L24.08,78.48z'/%3E%3C/g%3E%3C/svg%3E"); --icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M293.33 213.33C249.15 213.33 213.33 249.15 213.33 293.33V533.33C213.33 577.51 249.15 613.33 293.33 613.33H533.33C577.51 613.33 613.33 577.51 613.33 533.33V293.33C613.33 249.15 577.51 213.33 533.33 213.33H293.33ZM266.67 293.33C266.67 278.6 278.6 266.67 293.33 266.67H533.33C548.06 266.67 560 278.6 560 293.33V533.33C560 548.06 548.06 560 533.33 560H293.33C278.6 560 266.67 548.06 266.67 533.33V293.33Z' /%3E%3Cpath d='M133.33 426.67C148.06 426.67 160 414.73 160 400C160 385.27 148.06 373.33 133.33 373.33H106.67C91.94 373.33 80 361.39 80 346.67V106.67C80 91.94 91.94 80 106.67 80H346.67C361.39 80 373.33 91.94 373.33 106.67V133.33C373.33 148.06 385.27 160 400 160C414.73 160 426.67 148.06 426.67 133.33V106.67C426.67 62.49 390.85 26.67 346.67 26.67H106.67C62.49 26.67 26.67 62.49 26.67 106.67V346.67C26.67 390.85 62.49 426.67 106.67 426.67H133.33Z' /%3E%3C/svg%3E"); --icon-copy-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M498.86 178.86L205.53 472.19A26.67 26.67 0 0 1 167.81 472.19L34.47 338.86A26.67 26.67 0 0 1 72.19 301.14L186.67 426.67L461.14 141.14A26.67 26.67 0 0 1 498.86 178.86Z' /%3E%3Cpath d='M605.53 285.53L405.53 485.53A26.67 26.67 0 0 1 367.81 485.53L327.81 445.53A26.67 26.67 0 0 1 365.53 407.81L386.67 440L567.81 247.81A26.67 26.67 0 0 1 605.53 285.53Z' /%3E%3C/svg%3E"); --icon-delete: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M232.7 77.9C237.1 64.8 249.3 56 263.1 56L377 56C390.8 56 403 64.8 407.4 77.9L416 104L512 104C529.7 104 544 118.3 544 136C544 153.7 529.7 168 512 168L128 168C110.3 168 96 153.7 96 136C96 118.3 110.3 104 128 104L224 104L232.7 77.9zM128 216L512 216L512 520C512 555.3 483.3 584 448 584L192 584C156.7 584 128 555.3 128 520L128 216zM216 280C202.7 280 192 290.7 192 304L192 496C192 509.3 202.7 520 216 520C229.3 520 240 509.3 240 496L240 304C240 290.7 229.3 280 216 280zM320 280C306.7 280 296 290.7 296 304L296 496C296 509.3 306.7 520 320 520C333.3 520 344 509.3 344 496L344 304C344 290.7 333.3 280 320 280zM424 280C410.7 280 400 290.7 400 304L400 496C400 509.3 410.7 520 424 520C437.3 520 448 509.3 448 496L448 304C448 290.7 437.3 280 424 280z'/%3E%3C/svg%3E"); --icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 360 40 c 0 -22.125 -17.875 -40 -40 -40 s -40 17.875 -40 40 l 0 263.375 -51.75 -51.75 c -15.625 -15.625 -41 -15.625 -56.625 0 s -15.625 41 0 56.625 l 120 120 c 15.625 15.625 41 15.625 56.625 0 l 120 -120 c 15.625 -15.625 15.625 -41 0 -56.625 s -41 -15.625 -56.625 0 L 360 303.375 360 40 z M 120 400 c -44.125 0 -80 35.875 -80 80 l 0 40 c 0 44.125 35.875 80 80 80 l 400 0 c 44.125 0 80 -35.875 80 -80 l 0 -40 c 0 -44.125 -35.875 -80 -80 -80 l -58.625 0 -70.75 70.75 c -39 39 -102.375 39 -141.375 0 L 178.625 400 120 400 z m 380 70 a 30 30 0 1 1 0 60 30 30 0 1 1 0 -60 z'/%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M535.6 85.7C513.7 63.8 478.3 63.8 456.4 85.7L432 110.1L529.9 208L554.3 183.6C576.2 161.7 576.2 126.3 554.3 104.4L535.6 85.7zM236.4 305.7C230.3 311.8 225.6 319.3 222.9 327.6L193.3 416.4C190.4 425 192.7 434.5 199.1 441C205.5 447.5 215 449.7 223.7 446.8L312.5 417.2C320.7 414.5 328.2 409.8 334.4 403.7L496 241.9L398.1 144L236.4 305.7zM160 128C107 128 64 171 64 224L64 480C64 533 107 576 160 576L416 576C469 576 512 533 512 480L512 384C512 366.3 497.7 352 480 352C462.3 352 448 366.3 448 384L448 480C448 497.7 433.7 512 416 512L160 512C142.3 512 128 497.7 128 480L128 224C128 206.3 142.3 192 160 192L256 192C273.7 192 288 177.7 288 160C288 142.3 273.7 128 256 128L160 128z'/%3E%3C/svg%3E"); --icon-ellipsis-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M40 320a70 70 0 1 1 140 0 70 70 0 1 1 -140 0zm210 0a70 70 0 1 1 140 0 70 70 0 1 1 -140 0zm210 0a70 70 0 1 1 140 0 70 70 0 1 1 -140 0z'/%3E%3C/svg%3E"); --icon-ellipsis-vertical: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 250 110 a 70 70 0 1 1 140 0 70 70 0 1 1 -140 0 M 250 320 a 70 70 0 1 1 140 0 70 70 0 1 1 -140 0 M 250 530 a 70 70 0 1 1 140 0 70 70 0 1 1 -140 0'/%3E%3C/svg%3E"); --icon-exit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 200 120 c 22.13 0 40 -17.88 40 -40 s -17.88 -40 -40 -40 L 120 40 C 53.75 40 0 93.75 0 160 L 0 480 c 0 66.25 53.75 120 120 120 l 80 0 c 22.13 0 40 -17.88 40 -40 s -17.88 -40 -40 -40 l -80 0 c -22.13 0 -40 -17.88 -40 -40 l 0 -320 c 0 -22.13 17.88 -40 40 -40 l 80 0 z M 628.25 348.25 c 15.63 -15.63 15.63 -41 0 -56.63 l -160 -160 c -15.63 -15.63 -41 -15.63 -56.63 0 s -15.63 41 0 56.63 L 503.38 280 L 240 280 c -22.13 0 -40 17.88 -40 40 s 17.88 40 40 40 l 263.38 0 l -91.75 91.75 c -15.63 15.63 -15.63 41 0 56.63 s 41 15.63 56.63 0 l 160 -160 z'/%3E%3C/svg%3E"); --icon-eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath opacity='0.7' fill-rule='evenodd' clip-rule='evenodd' d='M1.3 311.78A335 335 0 0 1 638.7 311.78A26.67 26.67 0 0 1 638.7 328.22A335 335 0 0 1 1.3 328.22A26.67 26.67 0 0 1 1.3 311.78ZM54.84 320A281.67 281.67 0 0 1 585.16 320A281.67 281.67 0 0 1 54.84 320Z' /%3E%3Cpath opacity='0.7' fill-rule='evenodd' clip-rule='evenodd' d='M320 213.33A106.67 106.67 0 1 0 320 426.67A106.67 106.67 0 1 0 320 213.33ZM320 266.67A53.33 53.33 0 1 1 320 373.33A53.33 53.33 0 1 1 320 266.67Z' /%3E%3Cpath d='M17.83 78.17A42.67 42.67 0 0 1 78.17 17.83L622.17 561.83A42.67 42.67 0 0 1 561.83 622.17Z' /%3E%3C/svg%3E"); --icon-eye-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3 311.78A335 335 0 0 1 638.7 311.78A26.67 26.67 0 0 1 638.7 328.22A335 335 0 0 1 1.3 328.22A26.67 26.67 0 0 1 1.3 311.78ZM54.84 320A281.67 281.67 0 0 1 585.16 320A281.67 281.67 0 0 1 54.84 320Z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M320 213.33A106.67 106.67 0 1 0 320 426.67A106.67 106.67 0 1 0 320 213.33ZM320 266.67A53.33 53.33 0 1 1 320 373.33A53.33 53.33 0 1 1 320 266.67Z' /%3E%3C/svg%3E"); --icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 80 500 l 480 0 c 11 0 20 -9 20 -20 l 0 -300 c 0 -11 -9 -20 -20 -20 l -187 0 c -22 0 -43 -7 -60 -20 L 265 104 c -3.5 -2.6 -7.6 -4 -12 -4 L 80 100 c -11 0 -20 9 -20 20 l 0 360 c 0 11 9 20 20 20 z m 480 60 L 80 560 c -44 0 -80 -36 -80 -80 L 0 120 c 0 -44 36 -80 80 -80 l 173 0 c 17 0 34 6 48 16 l 48 36 c 7 5 15 8 24 8 L 560 100 c 44 0 80 36 80 80 l 0 300 c 0 44 -36 80 -80 80 z'/%3E%3C/svg%3E"); --icon-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 528 320 C 528 205 435 112 320 112 C 205 112 112 205 112 320 C 112 435 205 528 320 528 C 435 528 528 435 528 320 z M 64 320 C 64 179 179 64 320 64 C 461 64 576 179 576 320 C 576 461 461 576 320 576 C 179 576 64 461 64 320 z M 320 240 C 302 240 288 254 288 272 C 288 285 277 296 264 296 C 251 296 240 285 240 272 C 240 228 276 192 320 192 C 364 192 400 228 400 272 C 400 319 364 339 344 346 L 344 350 C 344 364 333 374 320 374 C 307 374 296 364 296 350 L 296 342 C 296 322 311 307 326 302 C 332 300 339 296 344 292 C 349 288 352 282 352 272 C 352 254 338 240 320 240 z M 288 432 C 288 414 302 400 320 400 C 338 400 352 414 352 432 C 352 450 338 464 320 464 C 302 464 288 450 288 432 z'/%3E%3C/svg%3E"); --icon-images: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M128 160c0-35.3 28.7-64 64-64l320 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64l-320 0c-35.3 0-64-28.7-64-64L128 160zM56 192c13.3 0 24 10.7 24 24l0 296c0 8.8 7.2 16 16 16l360 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L96 576c-35.3 0-64-28.7-64-64L32 216c0-13.3 10.7-24 24-24zm168 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm196.5 11.5c-4.4-7.1-12.1-11.5-20.5-11.5s-16.1 4.4-20.5 11.5l-56.3 92.1-24.5-30.6c-4.6-5.7-11.4-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4S206.8 416 216 416l272 0c8.7 0 16.7-4.7 20.9-12.3s4.1-16.8-.5-24.3l-88-144z'/%3E%3C/svg%3E"); --icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M320 10C148.8 10 10 148.9 10 320c0 171.2 138.8 310 310 310s310-138.8 310-310C630 148.9 491.2 10 320 10zm0 137.5c29 0 52.5 23.5 52.5 52.5s-23.5 52.5-52.5 52.5s-52.5-23.5-52.5-52.5s23.5-52.5 52.5-52.5zm70 317.5c0 8.3-6.7 15-15 15h-110c-8.3 0-15-6.7-15-15v-30c0-8.3 6.7-15 15-15h15v-80h-15c-8.3 0-15-6.7-15-15v-30c0-8.3 6.7-15 15-15h80c8.3 0 15 6.7 15 15v125h15c8.3 0 15 6.7 15 15v30z'/%3E%3C/svg%3E"); --icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M96 160C96 142.3 110.3 128 128 128l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L128 192C110.3 192 96 177.7 96 160zM96 320c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L128 352c-17.7 0-32-14.3-32-32zM544 480c0 17.7-14.3 32-32 32L128 512c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"); --icon-notifications: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M60 80c-33.125 0-60 26.875-60 60 0 18.875 8.875 36.625 24 48l260 195c21.375 16 50.625 16 72 0l260-195c15.125-11.375 24-29.125 24-48 0-33.125-26.875-60-60-60L60 80zM0 245L0 480c0 44.125 35.875 80 80 80l480 0c44.125 0 80-35.875 80-80l0-235-248 186c-42.625 32-101.375 32-144 0L0 245z'/%3E%3C/svg%3E"); --icon-profile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M320 310a150 150 0 1 0 0-300 150 150 0 1 0 0 300zm-37.125 70C159.75 380 60 479.75 60 602.875 60 623.375 76.625 640 97.125 640l445.75 0c20.5 0 37.125-16.625 37.125-37.125 0-123.125-99.75-222.875-222.875-222.875l-74.25 0z'/%3E%3C/svg%3E"); --icon-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M463.4 166.6C424.322 130.01 373.61 109.953 319.81 110c-96.822.085-180.41 66.473-203.489 158.563-1.68 6.704-7.653 11.438-14.564 11.438H30.129c-9.373 0-16.493-8.509-14.759-17.72C42.416 118.655 168.516 10 320 10c83.06 0 158.489 32.67 214.144 85.856L578.788 51.213C597.686 32.314 630 45.699 630 72.426V240c0 16.569-13.431 30-30 30H432.426c-26.728 0-40.113-32.314-21.214-51.214l52.188-52.186zM40 370h167.574c26.728 0 40.113 32.314 21.214 51.214l-52.188 52.188c39.078 36.591 89.794 56.649 143.595 56.6 96.772-.088 180.394-66.43 203.484-158.561 1.68-6.704 7.653-11.438 14.564-11.438h71.63c9.373 0 16.493 8.509 14.759 17.72C597.584 521.345 471.484 630 320 630c-83.06 0-158.489-32.67-214.144-85.856L61.213 588.788C42.314 607.686 10 594.301 10 567.574V400c0-16.569 13.431-30 30-30z'/%3E%3C/svg%3E"); --icon-reports: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M360 170V0H110C93.375 0 80 13.375 80 30v580c0 16.625 13.375 30 30 30h420c16.625 0 30-13.375 30-30V200H390c-16.5 0-30-13.5-30-30zm200-17.625v7.625H400V0h7.625c8 0 15.625 3.125 21.25 8.75l122.375 122.5c5.625 5.625 8.75 13.25 8.75 21.25zM160 280h320v60H160v-60zm0 100h320v60H160v-60zm0 100h320v60H160v-60z'/%3E%3C/svg%3E"); --icon-robot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M352 64C352 46.3 337.7 32 320 32C302.3 32 288 46.3 288 64L288 128L192 128C139 128 96 171 96 224L96 448C96 501 139 544 192 544L448 544C501 544 544 501 544 448L544 224C544 171 501 128 448 128L352 128L352 64zM160 432C160 418.7 170.7 408 184 408L216 408C229.3 408 240 418.7 240 432C240 445.3 229.3 456 216 456L184 456C170.7 456 160 445.3 160 432zM280 432C280 418.7 290.7 408 304 408L336 408C349.3 408 360 418.7 360 432C360 445.3 349.3 456 336 456L304 456C290.7 456 280 445.3 280 432zM400 432C400 418.7 410.7 408 424 408L456 408C469.3 408 480 418.7 480 432C480 445.3 469.3 456 456 456L424 456C410.7 456 400 445.3 400 432zM224 240C250.5 240 272 261.5 272 288C272 314.5 250.5 336 224 336C197.5 336 176 314.5 176 288C176 261.5 197.5 240 224 240zM368 288C368 261.5 389.5 240 416 240C442.5 240 464 261.5 464 288C464 314.5 442.5 336 416 336C389.5 336 368 314.5 368 288zM64 288C64 270.3 49.7 256 32 256C14.3 256 0 270.3 0 288L0 384C0 401.7 14.3 416 32 416C49.7 416 64 401.7 64 384L64 288zM608 256C590.3 256 576 270.3 576 288L576 384C576 401.7 590.3 416 608 416C625.7 416 640 401.7 640 384L640 288C640 270.3 625.7 256 608 256z'/%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z'/%3E%3C/svg%3E"); --icon-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 104 184 L 320 400 L 536 184 L 592 240 L 320 512 L 48 240 Z'/%3E%3C/svg%3E"); --icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M415.9 274.5C428.1 271.2 440.9 277 446.4 288.3L465 325.9C475.3 327.3 485.4 330.1 494.9 334L529.9 310.7C540.4 303.7 554.3 305.1 563.2 314L582.4 333.2C591.3 342.1 592.7 356.1 585.7 366.5L562.4 401.4C564.3 406.1 566 411 567.4 416.1C568.8 421.2 569.7 426.2 570.4 431.3L608.1 449.9C619.4 455.5 625.2 468.3 621.9 480.4L614.9 506.6C611.6 518.7 600.3 526.9 587.7 526.1L545.7 523.4C539.4 531.5 532.1 539 523.8 545.4L526.5 587.3C527.3 599.9 519.1 611.3 507 614.5L480.8 621.5C468.6 624.8 455.9 619 450.3 607.7L431.7 570.1C421.4 568.7 411.3 565.9 401.8 562L366.8 585.3C356.3 592.3 342.4 590.9 333.5 582L314.3 562.8C305.4 553.9 304 540 311 529.5L334.3 494.5C332.4 489.8 330.7 484.9 329.3 479.8C327.9 474.7 327 469.6 326.3 464.6L288.6 446C277.3 440.4 271.6 427.6 274.8 415.5L281.8 389.3C285.1 377.2 296.4 369 309 369.8L350.9 372.5C357.2 364.4 364.5 356.9 372.8 350.5L370.1 308.7C369.3 296.1 377.5 284.7 389.6 281.5L415.8 274.5zM448.4 404C424.1 404 404.4 423.7 404.5 448.1C404.5 472.4 424.2 492 492.5 492C472.8 492 492.5 472.3 492.5 448C492.4 423.6 472.7 404 448.4 404zM224.9 18.5L251.1 25.5C263.2 28.8 271.4 40.2 270.6 52.7L267.9 94.5C276.2 100.9 283.5 108.3 289.8 116.5L331.8 113.8C344.3 113 355.7 121.2 359 133.3L366 159.5C369.2 171.6 363.5 184.4 352.2 190L314.5 208.6C313.8 213.7 312.8 218.8 311.5 223.8C310.2 228.8 308.4 233.8 306.5 238.5L329.8 273.5C336.8 284 335.4 297.9 326.5 306.8L307.3 326C298.4 334.9 284.5 336.3 274 329.3L239 306C229.5 309.9 219.4 312.7 209.1 314.1L190.5 351.7C184.9 363 172.1 368.7 160 365.5L133.8 358.5C121.6 355.2 113.5 343.8 114.3 331.3L117 289.4C108.7 283 101.4 275.6 95.1 267.4L53.1 270.1C40.6 270.9 29.2 262.7 25.9 250.6L18.9 224.4C15.7 212.3 21.4 199.5 32.7 193.9L70.4 175.3C71.1 170.2 72.1 165.2 73.4 160.1C74.8 155 76.4 150.1 78.4 145.4L55.1 110.5C48.1 100 49.5 86.1 58.4 77.2L77.6 58C86.5 49.1 100.4 47.7 110.9 54.7L145.9 78C155.4 74.1 165.5 71.3 175.8 69.9L194.4 32.3C200 21 212.7 15.3 224.9 18.5zM192.4 148C168.1 148 148.4 167.7 148.4 192C148.4 216.3 168.1 236 192.4 236C216.7 236 236.4 216.3 236.4 192C236.4 167.7 216.7 148 192.4 148z'/%3E%3C/svg%3E"); --icon-support: url("data:image/svg+xml,%3Csvg viewBox='0 0 640 640' xmlns='http://www.w3.org/2000/svg' fill='none'%3E %3Crect /%3E %3Cpath fill='currentColor' d='M 320 53 a 213 213 0 0 0 -213 213 v 51 A 78 80 0 0 0 80 373 a 77 80 0 0 0 53 70 C 166 533 240 587 320 587 h 80 V 533 H 320 c -60 0 -115 -45 -142 -117 l -6 -15 L 156 400 A 27 27 0 0 1 133 373 a 27 27 0 0 1 13 -23 l 13 -8 V 293 a 27 27 0 0 1 27 -27 H 453 a 27 27 0 0 1 27 27 v 133 H 371 a 40 53 0 1 0 -41 53 H 533 a 53 53 0 0 0 53 -53 V 373 a 53 53 0 0 0 -53 -53 V 267 A 213 213 0 0 0 320 53 Z'/%3E %3C/svg%3E"); --icon-telegram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M 587.68 87.68 L 552.32 52.32 L 277.32 327.32 L 312.68 362.68 Z M 593.59 78.26 L 546.41 61.74 L 371.41 561.74 L 418.59 578.26 Z M 372.16 580.15 L 417.84 559.85 L 317.84 334.85 L 272.16 355.15 Z M 284.85 367.84 L 305.15 322.16 L 80.15 222.16 L 59.85 267.84 Z M 61.74 221.41 L 78.26 268.59 L 578.26 93.59 L 561.74 46.41 Z M 545 70 A 25 25 0 1 0 595 70 A 25 25 0 1 0 545 70 Z M 370 570 A 25 25 0 1 0 420 570 A 25 25 0 1 0 370 570 Z M 270 345 A 25 25 0 1 0 320 345 A 25 25 0 1 0 270 345 Z M 45 245 A 25 25 0 1 0 95 245 A 25 25 0 1 0 45 245 Z'/%3E%3C/svg%3E"); --icon-upload-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath d='M537.6 290.6 c4.1 -10.7 6.4 -22.4 6.4 -34.6 0 -53 -43 -96 -96 -96 -19.7 0 -38.1 6 -53.3 16.2 C367 128.2 315.3 96 256 96 c-88.4 0 -160 71.6 -160 160 0 2.7 0.1 5.4 0.2 8.1 C40.2 265.5 0 313 0 368 c0 61.9 50.1 112 112 112 h297.7 c1.3 0 2.5 -0.1 3.8 -0.1 l1.5 0.1 H512 c70.7 0 128 -57.3 128 -128 0 -61.9 -44 -113.6 -102.4 -125.4 z M393.4 352 H328 v112 c0 8.8 -7.2 16 -16 16 h-48 c-8.8 0 -16 -7.2 -16 -16 V352 h-65.4 c-14.3 0 -21.4 -17.2 -11.3 -27.3 l105.4 -105.4 c6.2 -6.2 16.4 -6.2 22.6 0 l105.4 105.4 c10.1 10.1 2.9 27.3 -11.3 27.3 z'/%3E%3C/svg%3E"); --icon-wrap: url("data:image/svg+xml,%3Csvg viewBox='0 0 640 640' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='200' height='40' x='20' y='290' fill='currentColor'/%3E %3Crect width='490' height='40' x='20' y='490' fill='currentColor'/%3E %3Cpath fill='currentColor' d='M 510 90 H 20 v 40 H 510 c 39 0 70 36 70 80 s -31 80 -70 80 H 431 V 203 L 263 311 l 169 105 V 330 H 510 c 61 0 110 -54 110 -120 S 571 90 510 90 Z M 391 344 338 311 391 277 Z' /%3E %3C/svg%3E"); --form-check-input: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='currentColor'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='96' d='M 192 320 l 96 96 l 192 -192'/%3E%3C/svg%3E"); } .icon-i, .icon { vertical-align: middle; background-color: currentColor; width: 24px; height: 24px; display: inline-block; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .drop-zone-icon .icon { width: 48px; height: 48px; } .icon-add { -webkit-mask-image: var(--icon-add); mask-image: var(--icon-add); } .icon-arrow-collapse { -webkit-mask-image: var(--icon-arrow-collapse); mask-image: var(--icon-arrow-collapse); } .icon-arrow-down { -webkit-mask-image: var(--icon-arrow-down); mask-image: var(--icon-arrow-down); } .icon-arrow-expand { -webkit-mask-image: var(--icon-arrow-expand); mask-image: var(--icon-arrow-expand); } .icon-arrow-left { -webkit-mask-image: var(--icon-arrow-left); mask-image: var(--icon-arrow-left); } .icon-arrow-right { -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); } .icon-arrow-up { -webkit-mask-image: var(--icon-arrow-up); mask-image: var(--icon-arrow-up); } .icon-calculator { -webkit-mask-image: var(--icon-calculator); mask-image: var(--icon-calculator); } .icon-caret-down { -webkit-mask-image: var(--icon-caret-down); mask-image: var(--icon-caret-down); } .icon-caret-left { -webkit-mask-image: var(--icon-caret-left); mask-image: var(--icon-caret-left); } .icon-caret-right { -webkit-mask-image: var(--icon-caret-right); mask-image: var(--icon-caret-right); } .icon-caret-up { -webkit-mask-image: var(--icon-caret-up); mask-image: var(--icon-caret-up); } .icon-checkbox-checked { -webkit-mask-image: var(--icon-checkbox-checked); mask-image: var(--icon-checkbox-checked); } .icon-chevron-down { -webkit-mask-image: var(--icon-chevron-down); mask-image: var(--icon-chevron-down); } .icon-chevron-up { -webkit-mask-image: var(--icon-chevron-up); mask-image: var(--icon-chevron-up); } .icon-circle-check { -webkit-mask-image: var(--icon-circle-check); mask-image: var(--icon-circle-check); } .icon-clear { -webkit-mask-image: var(--icon-clear); mask-image: var(--icon-clear); } .icon-clock { -webkit-mask-image: var(--icon-clock); mask-image: var(--icon-clock); } .icon-close { -webkit-mask-image: var(--icon-close); mask-image: var(--icon-close); } .icon-cloud-services { -webkit-mask-image: var(--icon-cloud-services); mask-image: var(--icon-cloud-services); } .icon-copy { -webkit-mask-image: var(--icon-copy); mask-image: var(--icon-copy); } .icon-copy-check { -webkit-mask-image: var(--icon-copy-check); mask-image: var(--icon-copy-check); } .icon-delete { -webkit-mask-image: var(--icon-delete); mask-image: var(--icon-delete); } .icon-download { -webkit-mask-image: var(--icon-download); mask-image: var(--icon-download); } .icon-edit { -webkit-mask-image: var(--icon-edit); mask-image: var(--icon-edit); } .icon-ellipsis-horizontal { -webkit-mask-image: var(--icon-ellipsis-horizontal); mask-image: var(--icon-ellipsis-horizontal); } .icon-ellipsis-vertical { -webkit-mask-image: var(--icon-ellipsis-vertical); mask-image: var(--icon-ellipsis-vertical); } .icon-exit { -webkit-mask-image: var(--icon-exit); mask-image: var(--icon-exit); } .icon-eye-off { -webkit-mask-image: var(--icon-eye-off); mask-image: var(--icon-eye-off); } .icon-eye-on { -webkit-mask-image: var(--icon-eye-on); mask-image: var(--icon-eye-on); } .icon-folder { -webkit-mask-image: var(--icon-folder); mask-image: var(--icon-folder); } .icon-help { -webkit-mask-image: var(--icon-help); mask-image: var(--icon-help); } .icon-images { -webkit-mask-image: var(--icon-images); mask-image: var(--icon-images); } .icon-info { -webkit-mask-image: var(--icon-info); mask-image: var(--icon-info); } .icon-menu { -webkit-mask-image: var(--icon-menu); mask-image: var(--icon-menu); } .icon-notifications { -webkit-mask-image: var(--icon-notifications); mask-image: var(--icon-notifications); } .icon-profile { -webkit-mask-image: var(--icon-profile); mask-image: var(--icon-profile); } .icon-refresh { -webkit-mask-image: var(--icon-refresh); mask-image: var(--icon-refresh); } .icon-reports { -webkit-mask-image: var(--icon-reports); mask-image: var(--icon-reports); } .icon-robot { -webkit-mask-image: var(--icon-robot); mask-image: var(--icon-robot); } .icon-search { -webkit-mask-image: var(--icon-search); mask-image: var(--icon-search); } .icon-select-arrow { -webkit-mask-image: var(--icon-select-arrow); mask-image: var(--icon-select-arrow); } .icon-settings { -webkit-mask-image: var(--icon-settings); mask-image: var(--icon-settings); } .icon-support { -webkit-mask-image: var(--icon-support); mask-image: var(--icon-support); } .icon-telegram { -webkit-mask-image: var(--icon-telegram); mask-image: var(--icon-telegram); } .icon-upload-cloud { -webkit-mask-image: var(--icon-upload-cloud); mask-image: var(--icon-upload-cloud); } .icon-wrap { -webkit-mask-image: var(--icon-wrap); mask-image: var(--icon-wrap); } .header-logo { background-image: var(--header-logo); } .form-check-input:checked { background-image: var(--form-check-input); } .param-table { width: 100%; margin-bottom: var(--spacing-xl); border-collapse: collapse; border-spacing: 0; font-size: var(--font-size-base); color: var(--color-text-primary); background-color: var(--color-bg-primary); } .param-table th, .param-table td { padding: var(--spacing-md) var(--spacing-lg); border: 1px solid var(--color-border); vertical-align: top; } .param-table th { color: var(--color-text-primary); background-color: var(--color-bg-tertiary); font-weight: 600; } .param-table tbody tr:nth-child(2n) { background-color: var(--color-bg-secondary); } .param-table tbody tr:hover { background-color: var(--color-bg-accent); } .param-table code { padding: var(--spacing-xs) var(--spacing-sm); font-family: var(--font-family-mono), monospace; color: var(--color-primary); background-color: #3b82f61a; border-radius: .25rem; font-size: .875em; } .table-responsive { border-radius: var(--border-radius); overflow-x: auto; } .table-responsive .param-table { min-width: 600px; } .param-table.table-compact th, .param-table.table-compact td { padding: var(--spacing-sm) var(--spacing-md); font-size: var(--font-size-sm); } .tokens-cell { color: var(--color-text-primary); font-size: var(--font-size-xs) !important; } :root { --color-alert-blue-bg: #e0f2fe; --color-alert-blue-border: #7dd3fc; --color-alert-blue-text: #0c4a6e; --color-alert-green-bg: #dcfce7; --color-alert-green-border: #86efac; --color-alert-green-text: #166534; --color-alert-yellow-bg: #fef9c3; --color-alert-yellow-border: #fde047; --color-alert-yellow-text: #854d0e; --color-alert-red-bg: #fee2e2; --color-alert-red-border: #fca5a5; --color-alert-red-text: #991b1b; --color-alert-purple-bg: #f4ebfe; --color-alert-purple-border: #8250df; --color-alert-purple-text: #8250df; --color-alert-indigo-bg: #e0e7ff; --color-alert-indigo-border: #a5b4fc; --color-alert-indigo-text: #3730a3; --color-alert-gray-bg: #f3f4f6; --color-alert-gray-border: #d1d5db; --color-alert-gray-text: #374151; } #dom_info_system { z-index: 9999; width: 100%; max-width: 600px; padding: 0 var(--spacing-md); margin: 0 auto; display: none; position: fixed; top: 1rem; left: 0; right: 0; } .alert { border-radius: var(--border-radius); border-style: solid; border-width: 1px 1px 1px 7px; margin: .75rem 0; padding: .75rem 2.75rem .75rem .75rem; position: relative; } .alert p { margin: 0; } .alert-actions { align-items: center; gap: .5rem; display: flex; position: absolute; top: .75rem; right: .75rem; } .alert--has-copy { padding-right: 4.5rem; } .alert-message-text { overflow-wrap: anywhere; word-break: break-word; } .alert-message-clamp { overflow: hidden; } .alert .notification-close { color: inherit; opacity: .7; cursor: pointer; appearance: none; background-color: #0000; border: 0; justify-content: center; align-items: center; padding: 0; display: inline-flex; } .alert .notification-close:hover { opacity: 1; color: inherit; } .alert .notification-copy { color: inherit; opacity: .7; cursor: pointer; appearance: none; background-color: #0000; border: 0; justify-content: center; align-items: center; padding: 0; display: inline-flex; } .alert .notification-copy:hover { opacity: 1; color: inherit; } .alert-title { margin-bottom: .5rem; font-size: 1rem; font-weight: 600; } .alert-list { padding-left: 1rem; } .alert-blue, .alert-info, .alert-note { background-color: var(--color-alert-blue-bg); border-color: var(--color-alert-blue-border); color: var(--color-alert-blue-text); } .alert-green, .alert-success, .alert-tip { background-color: var(--color-alert-green-bg); border-color: var(--color-alert-green-border); color: var(--color-alert-green-text); } .alert-purple, .alert-important { background-color: var(--color-alert-purple-bg); border-color: var(--color-alert-purple-border); color: var(--color-alert-purple-text); } .alert-yellow, .alert-processing, .alert-warning { background-color: var(--color-alert-yellow-bg); border-color: var(--color-alert-yellow-border); color: var(--color-alert-yellow-text); } .alert-red, .alert-danger, .alert-error, .alert-caution { background-color: var(--color-alert-red-bg); border-color: var(--color-alert-red-border); color: var(--color-alert-red-text); } .alert-indigo { background-color: var(--color-alert-indigo-bg); border-color: var(--color-alert-indigo-border); color: var(--color-alert-indigo-text); } .alert-gray { background-color: var(--color-alert-gray-bg); border-color: var(--color-alert-gray-border); color: var(--color-alert-gray-text); } .period-filter { width: fit-content; padding: var(--spacing-xs); border-radius: var(--border-radius); display: flex; } .period-filter__button { cursor: pointer; font-size: var(--font-size-sm); transition: all var(--transition-fast); border-radius: .375rem; padding: .375rem .75rem; line-height: 1.25rem; } .period-filter--light { background-color: var(--color-bg-tertiary); } .period-filter--light .period-filter__button--active { color: var(--color-text-primary); background-color: var(--color-bg-primary); box-shadow: var(--shadow-sm); } .period-filter--light .period-filter__button--inactive { color: var(--color-text-secondary); } .period-filter--light .period-filter__button--inactive:hover { color: var(--color-text-primary); } .period-filter--blue { background-color: var(--color-bg-accent); } .period-filter--blue .period-filter__button--active { color: var(--color-text-inverse); background-color: var(--color-primary); box-shadow: var(--shadow-sm); font-weight: 500; } .period-filter--blue .period-filter__button--inactive { color: var(--color-text-secondary); font-weight: 500; } .period-filter--blue .period-filter__button--inactive:hover { color: var(--color-text-primary); background-color: var(--color-border-hover); } :root { --header-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 214.99989 214.9996'%3E%3Cpath d='m 215,107.5 c 0,-29.7002 -10.4998,-55.1001 -31.5,-76.1 -20.8998,-20.8998 -46.2997,-31.3999 -75.9999,-31.3999 -29.7,0 -54.9998,10.5001 -76,31.3999 -20.9999,20.9999 -31.5,46.3998 -31.5,76.1 0,29.7003 10.5001,54.9998 31.5,75.9997 21.0002,21.0002 46.3,31.5 76,31.5 29.7002,0 55.1001,-10.4998 75.9999,-31.5 21.0002,-20.9999 31.5,-46.2994 31.5,-75.9997 z' fill='%23b02626' fill-rule='evenodd'/%3E%3Cpath d='m 143.5,54.4 -23.2002,-23.1999 -23.1996,23.1999 0.1001,0.2001 h 23.4 22.6995 z' fill='%23ffffff' fill-rule='evenodd'/%3E%3Cpath d='m 120.5,69.8 c 0,-5.9998 0,-11.0996 0.1004,-15.1997' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 50.5,149.5 c 3.7,0 7.3998,0 11.2997,0 0.2001,0 0.5,0 0.7002,0 12.2998,0.2001 21.0002,-2.2997 26.1002,-7.3995 3.2999,-3.3004 4.8997,-7.4002 4.8997,-12.3004 0,-13.1998 -10.2997,-19.7997 -30.9999,-20.0001 -12.5,0 -21.5,-2.4999 -26.9,-7.5 -3.6,-3.3998 -5.3002,-7.3998 -5.1001,-11.9999 -0.2996,-4.2998 1.1002,-8.0997 4.2004,-11.5001 5.1996,-5.7997 14.5001,-8.7999 27.7997,-9 0.2999,0 0.5,0 0.7999,0' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 63.3,69.8 h 57.2' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 45.8,149.4 c 0.2002,-0.1001 0.5001,-0.1001 0.7002,0 0.4,-0.1001 0.7001,-0.1001 1.0001,0 0.9997,0 1.9998,0 2.9999,0.1' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 30.5,149.3 c 4.4,0 9.1004,0 14.0001,0 0.3999,0 0.7001,0 1,0.1001 0.1001,-0.1001 0.2002,-0.1001 0.2999,0' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 45.8,149.4 c 1.4998,0 3.1,0 4.7002,0.1' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 120.5,69.8 c -0.1,13.9005 -0.1,29.8003 0,47.5001 0,0.8003 0,1.5999 0,2.4004' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 120.5,119.7 v 29.5994 h 39.0002' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m 159.5,149.3 c 9.7002,0 17.3999,-5.2997 23.2002,-15.8998 4.5,-8.3999 6.7997,-16.6998 6.7997,-25.1 0,-9 -2.3998,-17.2998 -7.2998,-25.0001 -5.8002,-9 -13.1,-13.5 -22.2,-13.5' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M 160,69.8 H 120.5' fill='none' stroke='%23ffffff' stroke-width='20.0001' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } body { font-family: var(--font-family-sans), serif; color: var(--color-text-primary); background-color: var(--color-bg-body); } .service-container { background-color: var(--color-bg-body); flex-direction: column; height: calc(100vh - 40px); margin-top: 40px; display: flex; } :is(.dark .service-container) { background-color: #0f172a; } .header-balance-btn { border: 1px solid var(--color-border); border-radius: var(--border-radius-sm); background-color: var(--color-bg-primary); width: 14px; height: 14px; color: var(--color-text-secondary); cursor: pointer; transition: all var(--transition-fast); justify-content: center; align-items: center; padding: 1px; font-size: 14px; display: flex; } .header-balance-btn:hover { background-color: var(--color-bg-tertiary); border-color: var(--color-primary); color: var(--color-primary); } .profile-sidebar { background-color: var(--color-bg-primary); border-right: 1px solid var(--color-border); flex-direction: column; flex-shrink: 0; width: 4.0625rem; transition: width .3s ease-in-out; display: flex; position: relative; overflow: visible; } :is(.dark .profile-sidebar) { background-color: #1e293b; border-right-color: #334155; } .profile-sidebar .icon-arrow-collapse, .profile-sidebar .profile-sidebar-brand, .profile-sidebar .profile-sidebar-link-text, .profile-sidebar .profile-sidebar-section-header { display: none; } .profile-sidebar .icon-arrow-expand { display: block; } .profile-sidebar .profile-sidebar-toggle { padding: .25rem; } .peer:checked ~ .profile-sidebar { width: 16.0625rem; } .peer:checked ~ .profile-sidebar .icon-arrow-collapse, .peer:checked ~ .profile-sidebar .profile-sidebar-brand, .peer:checked ~ .profile-sidebar .profile-sidebar-link-text, .peer:checked ~ .profile-sidebar .profile-sidebar-section-header { display: block; } .peer:checked ~ .profile-sidebar .icon-arrow-expand { display: none; } .peer:checked ~ .profile-sidebar .profile-sidebar-toggle { padding: .375rem; } .profile-sidebar-toggle { z-index: 10; color: #64748b; background-color: var(--color-bg-primary); border: 1px solid var(--color-border); width: 1.5rem; height: 1.5rem; box-shadow: var(--shadow-sm); cursor: pointer; transition: background-color var(--transition-fast), color var(--transition-fast); border-radius: 9999px; flex-shrink: 0; justify-content: center; align-items: center; display: flex; position: absolute; top: 1.25rem; right: -.75rem; } .profile-sidebar-toggle:hover { color: #334155; background-color: #f1f5f9; } :is(.dark .profile-sidebar-toggle) { color: #94a3b8; background-color: #1e293b; border-color: #334155; } :is(.dark .profile-sidebar-toggle):hover { color: #fff; background-color: #334155; } .profile-sidebar-brand { color: #1e293b; white-space: nowrap; margin-left: 20px; font-size: 1.25rem; font-weight: 700; } :is(.dark .profile-sidebar-brand) { color: #fff; } .profile-sidebar-link-text { white-space: nowrap; margin-left: .75rem; font-weight: 500; } .profile-sidebar-section-header { color: #64748b; text-transform: uppercase; letter-spacing: .05em; margin-left: .75rem; font-size: .625rem; font-weight: 600; } :is(.dark .profile-sidebar-section-header) { color: #94a3b8; } .card { border: 1px solid var(--color-border); border-radius: var(--border-radius-lg); word-wrap: break-word; background-color: var(--color-bg-primary); min-width: 0; box-shadow: var(--shadow); transition: box-shadow var(--transition-normal), border-color var(--transition-normal); margin-bottom: var(--spacing-md); background-clip: border-box; flex-direction: column; display: flex; position: relative; } .card:hover { border-color: var(--color-border-hover); box-shadow: var(--shadow-md); } .card-header { padding: var(--spacing-lg) var(--spacing-xl); border-bottom: 1px solid var(--color-border); border-top-left-radius: var(--border-radius-lg); border-top-right-radius: var(--border-radius-lg); background-color: var(--color-bg-tertiary); margin-bottom: 0; } .card-body { padding: var(--spacing-xl); flex: auto; } .card-footer { padding: var(--spacing-lg) var(--spacing-xl); border-top: 1px solid var(--color-border); border-bottom-right-radius: var(--border-radius-lg); border-bottom-left-radius: var(--border-radius-lg); background-color: var(--color-bg-tertiary); } .card-title { margin-bottom: var(--spacing-sm); font-size: var(--font-size-lg); color: var(--color-text-primary); font-weight: 600; } .card-subtitle { margin-bottom: var(--spacing-md); color: var(--color-text-muted); } .card-text:last-child { margin-bottom: 0; } .drop-zone { padding: var(--spacing-xl); border: 2px dashed var(--color-border); border-radius: var(--border-radius-lg); text-align: center; background-color: var(--color-bg-primary); cursor: pointer; transition: border-color var(--transition-fast), background-color var(--transition-fast); flex-direction: column; justify-content: center; align-items: center; display: flex; } .drop-zone:hover { border-color: var(--color-primary); background-color: var(--color-bg-tertiary); } .drop-zone-icon { margin-bottom: var(--spacing-sm); font-size: var(--font-size-3xl); color: var(--color-text-muted); } .drop-zone-text { color: var(--color-text-primary); font-weight: 500; } .drop-zone-hint { margin-top: var(--spacing-xs); font-size: var(--font-size-sm); color: var(--color-text-muted); } .image-zoomable { border-radius: var(--border-radius); cursor: zoom-in; display: block; position: relative; overflow: hidden; } .image-zoomable img { width: 100%; height: auto; transition: transform var(--transition-slow); display: block; } .image-zoomable:hover img { transform: scale(1.05); } .image-preview-container { border: 1px solid var(--color-border); border-radius: var(--border-radius); width: 100%; min-height: 12rem; color: var(--color-text-muted); background-color: var(--color-bg-secondary); justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .image-preview-container img { object-fit: contain; max-width: 100%; max-height: 100%; } @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-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-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%); } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } } /*# sourceMappingURL=sd1_su_src_app_globals_03ilsxzunb8cn.css.map*/