/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */ @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-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } } @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-orange-500: oklch(70.5% .213 47.604); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-900: oklch(42.1% .095 57.708); --color-lime-500: oklch(76.8% .233 130.85); --color-green-100: oklch(96.2% .044 156.743); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-cyan-500: oklch(71.5% .143 215.221); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-800: oklch(27.4% .006 286.033); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .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-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --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-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --drop-shadow-xs: 0 1px 1px #0000000d; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-xs: 4px; --blur-md: 12px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-primary: var(--color-blue-800); --color-secondary: var(--color-slate-200); --color-success: var(--color-lime-500); --color-warning: var(--color-yellow-400); --color-pending: var(--color-orange-500); --color-danger: var(--color-red-600); --color-dark: var(--color-slate-800); --color-muted: var(--color-slate-300); --color-muted-foreground: var(--color-slate-500); --color-darkmode-100: #4a5a79; --color-darkmode-200: #415172; --color-darkmode-300: #354567; --color-darkmode-400: #303d5d; --color-darkmode-500: #293552; --color-darkmode-600: #28334e; --color-darkmode-700: #232d45; --color-darkmode-800: #1b253b; --color-darkmode-900: #0f172a; --sidebar-accent: #f0f0f0; --sidebar-border: #e8e8e8; --font-roboto: Roboto, sans-serif; --text-2xs: .625rem; --animate-pulse-shimmer: pulse-shimmer 2s cubic-bezier(.4, 0, .6, 1) infinite; } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; 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 { 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 { 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; } *, :after, :before, ::backdrop { border-color: var(--color-gray-200, currentcolor); } ::file-selector-button { border-color: var(--color-gray-200, currentcolor); } input, select, textarea { outline: unset !important; } input:where([type="text"]), input:where(:not([type])), input:where([type="email"]), input:where([type="url"]), input:where([type="password"]), input:where([type="number"]), input:where([type="date"]), input:where([type="datetime-local"]), input:where([type="month"]), input:where([type="search"]), input:where([type="tel"]), input:where([type="time"]), input:where([type="week"]), select:where([multiple]), textarea, select { appearance: none; --tw-shadow: 0 0 #0000; background-color: #fff; border-width: 1px; border-color: oklch(55.1% .027 264.364); border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; } :is(input:where([type="text"]), input:where(:not([type])), input:where([type="email"]), input:where([type="url"]), input:where([type="password"]), input:where([type="number"]), input:where([type="date"]), input:where([type="datetime-local"]), input:where([type="month"]), input:where([type="search"]), input:where([type="tel"]), input:where([type="time"]), input:where([type="week"]), select:where([multiple]), textarea, select):focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% .245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% .245 262.881); outline: 2px solid #0000; } input::placeholder, textarea::placeholder { color: oklch(55.1% .027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-date-and-time-value { text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { -webkit-print-color-adjust: exact; print-color-adjust: exact; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; } select:where([multiple]), select:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; print-color-adjust: unset; padding-right: .75rem; } input:where([type="checkbox"]), input:where([type="radio"]) { appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; vertical-align: middle; -webkit-user-select: none; user-select: none; color: oklch(54.6% .245 262.881); --tw-shadow: 0 0 #0000; background-color: #fff; background-origin: border-box; border-width: 1px; border-color: oklch(55.1% .027 264.364); flex-shrink: 0; width: 1rem; height: 1rem; padding: 0; display: inline-block; } input:where([type="checkbox"]) { border-radius: 0; } input:where([type="radio"]) { border-radius: 100%; } input:where([type="checkbox"]):focus, input:where([type="radio"]):focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% .245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); outline: 2px solid #0000; } input:where([type="checkbox"]):checked, input:where([type="radio"]):checked { background-color: currentColor; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; border-color: #0000; } input:where([type="checkbox"]):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { input:where([type="checkbox"]):checked { appearance: auto; } } input:where([type="radio"]):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { input:where([type="radio"]):checked { appearance: auto; } } input:where([type="checkbox"]):checked:hover, input:where([type="checkbox"]):checked:focus, input:where([type="radio"]):checked:hover, input:where([type="radio"]):checked:focus { background-color: currentColor; border-color: #0000; } input:where([type="checkbox"]):indeterminate { background-color: currentColor; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; border-color: #0000; } @media (forced-colors: active) { input:where([type="checkbox"]):indeterminate { appearance: auto; } } input:where([type="checkbox"]):indeterminate:hover, input:where([type="checkbox"]):indeterminate:focus { background-color: currentColor; border-color: #0000; } input:where([type="file"]) { background: unset; border-color: inherit; font-size: unset; line-height: inherit; border-width: 0; border-radius: 0; padding: 0; } input:where([type="file"]):focus { outline: 1px solid buttontext; outline: 1px auto -webkit-focus-ring-color; } } @layer components { @keyframes type-animation { 50% { opacity: 1; } } } @layer utilities { .\@container\/card-header { container: card-header / inline-size; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .image-fit { position: relative; } .image-fit > img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .box { background-color: var(--color-white); border-radius: var(--radius-md); border-color: #0000; position: relative; box-shadow: 0 3px 20px #0000000b; } .dark .box { background-color: var(--color-darkmode-600); } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .sticky\! { position: sticky !important; } .inset-0 { inset: 0; } .inset-x-0 { inset-inline: 0; } .inset-y-0 { inset-block: 0; } .-top-1 { top: calc(var(--spacing) * -1); } .-top-4 { top: calc(var(--spacing) * -4); } .top-0 { top: 0; } .top-1 { top: var(--spacing); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-6 { top: calc(var(--spacing) * 6); } .top-10 { top: calc(var(--spacing) * 10); } .top-17\.5 { top: calc(var(--spacing) * 17.5); } .top-34\.25 { top: calc(var(--spacing) * 34.25); } .top-43\.25 { top: calc(var(--spacing) * 43.25); } .top-\[30vh\] { top: 30vh; } .top-\[50\%\] { top: 50%; } .top-\[50vh\] { top: 50vh; } .top-full { top: 100%; } .-right-1 { right: calc(var(--spacing) * -1); } .right-0 { right: 0; } .right-1 { right: var(--spacing); } .right-1\/2 { right: 50%; } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-10 { right: calc(var(--spacing) * 10); } .right-auto { right: auto; } .right-full { right: 100%; } .-bottom-14 { bottom: calc(var(--spacing) * -14); } .bottom-0 { bottom: 0; } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-full { bottom: 100%; } .-left-6 { left: calc(var(--spacing) * -6); } .left-0 { left: 0; } .left-1 { left: var(--spacing); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-21\.25 { left: calc(var(--spacing) * 21.25); } .left-\[50\%\] { left: 50%; } .left-full { left: 100%; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .z-5 { z-index: 5; } .z-6 { z-index: 6; } .z-7 { z-index: 7; } .z-9 { z-index: 9; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-50\! { z-index: 50 !important; } .z-51 { z-index: 51; } .z-52 { z-index: 52; } .z-59 { z-index: 59; } .z-60 { z-index: 60; } .z-90\! { z-index: 90 !important; } .z-100 { z-index: 100; } .z-auto\! { z-index: auto !important; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .col-span-0 { grid-column: span 0 / span 0; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-8 { grid-column: span 8 / span 8; } .col-span-9 { grid-column: span 9 / span 9; } .col-span-10 { grid-column: span 10 / span 10; } .col-span-11 { grid-column: span 11 / span 11; } .col-span-12 { grid-column: span 12 / span 12; } .col-start-2 { grid-column-start: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 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-3 { margin: calc(var(--spacing) * -3); } .m-0 { margin: 0; } .m-0\.5 { margin: calc(var(--spacing) * .5); } .m-1 { margin: var(--spacing); } .m-2 { margin: calc(var(--spacing) * 2); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .-mx-8 { margin-inline: calc(var(--spacing) * -8); } .mx-1 { margin-inline: var(--spacing); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .-my-2 { margin-block: calc(var(--spacing) * -2); } .-my-4 { margin-block: calc(var(--spacing) * -4); } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .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); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-auto { margin-block: auto; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-5 { margin-top: calc(var(--spacing) * -5); } .-mt-10 { margin-top: calc(var(--spacing) * -10); } .-mt-12 { margin-top: calc(var(--spacing) * -12); } .-mt-16 { margin-top: calc(var(--spacing) * -16); } .-mt-17\.5 { margin-top: calc(var(--spacing) * -17.5); } .-mt-50\! { margin-top: calc(var(--spacing) * -50) !important; } .mt-0 { margin-top: 0; } .mt-0\! { margin-top: 0 !important; } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: var(--spacing); } .mt-1\! { margin-top: var(--spacing) !important; } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-3\.5 { margin-top: calc(var(--spacing) * 3.5); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .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-\[0\.4rem\] { margin-top: .4rem; } .mt-\[3px\] { margin-top: 3px; } .mt-\[4\.7rem\] { margin-top: 4.7rem; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .container { margin-left: auto; margin-right: auto; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .-mr-10 { margin-right: calc(var(--spacing) * -10); } .-mr-\[100\%\] { margin-right: -100%; } .mr-0 { margin-right: 0; } .mr-0\.5 { margin-right: calc(var(--spacing) * .5); } .mr-1 { margin-right: var(--spacing); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-\[-5\] { margin-right: -5px; } .mr-auto { margin-right: auto; } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-2 { margin-bottom: calc(var(--spacing) * -2); } .-mb-2\.5 { margin-bottom: calc(var(--spacing) * -2.5); } .-mb-3\.5 { margin-bottom: calc(var(--spacing) * -3.5); } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-5\! { margin-bottom: calc(var(--spacing) * -5) !important; } .-mb-10 { margin-bottom: calc(var(--spacing) * -10); } .-mb-16 { margin-bottom: calc(var(--spacing) * -16); } .-mb-\[1\.5px\] { margin-bottom: -1.5px; } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: 0; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-0\.75 { margin-bottom: calc(var(--spacing) * .75); } .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-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-5\! { margin-bottom: calc(var(--spacing) * 5) !important; } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-px { margin-bottom: 1px; } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-2\! { margin-left: calc(var(--spacing) * -2) !important; } .-ml-3 { margin-left: calc(var(--spacing) * -3); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .-ml-5 { margin-left: calc(var(--spacing) * -5); } .-ml-5\! { margin-left: calc(var(--spacing) * -5) !important; } .-ml-15 { margin-left: calc(var(--spacing) * -15); } .-ml-\[100\%\] { margin-left: -100%; } .-ml-px { margin-left: -1px; } .ml-0 { margin-left: 0; } .ml-0\! { margin-left: 0 !important; } .ml-0\.5 { margin-left: calc(var(--spacing) * .5); } .ml-1 { margin-left: var(--spacing); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .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-5 { margin-left: calc(var(--spacing) * 5); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-7 { margin-left: calc(var(--spacing) * 7); } .ml-12\! { margin-left: calc(var(--spacing) * 12) !important; } .ml-24 { margin-left: calc(var(--spacing) * 24); } .ml-\[2px\] { margin-left: 2px; } .ml-auto { margin-left: auto; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .flex { display: flex; } .flex\! { display: flex !important; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-square { aspect-ratio: 1; } .aspect-square\! { aspect-ratio: 1 !important; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-full { width: 100%; height: 100%; } .h-0 { height: 0; } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-7\.5 { height: calc(var(--spacing) * 7.5); } .h-7\.75 { height: calc(var(--spacing) * 7.75); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-9\.5 { height: calc(var(--spacing) * 9.5); } .h-10 { height: calc(var(--spacing) * 10); } .h-10\.5 { height: calc(var(--spacing) * 10.5); } .h-12 { height: calc(var(--spacing) * 12); } .h-12\.5 { height: calc(var(--spacing) * 12.5); } .h-12\.5\! { height: calc(var(--spacing) * 12.5) !important; } .h-13\.75 { height: calc(var(--spacing) * 13.75); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-16\.75 { height: calc(var(--spacing) * 16.75); } .h-17\.5 { height: calc(var(--spacing) * 17.5); } .h-20 { height: calc(var(--spacing) * 20); } .h-25 { height: calc(var(--spacing) * 25); } .h-30 { height: calc(var(--spacing) * 30); } .h-32 { height: calc(var(--spacing) * 32); } .h-40 { height: calc(var(--spacing) * 40); } .h-60 { height: calc(var(--spacing) * 60); } .h-64 { height: calc(var(--spacing) * 64); } .h-80 { height: calc(var(--spacing) * 80); } .h-81\.5 { height: calc(var(--spacing) * 81.5); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[10\.7rem\] { height: 10.7rem; } .h-\[14px\] { height: 14px; } .h-\[18\.75px\] { height: 18.75px; } .h-\[26\.50px\] { height: 26.5px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[38px\] { height: 38px; } .h-\[38px\]\! { height: 38px !important; } .h-\[50vh\] { height: 50vh; } .h-\[60px\] { height: 60px; } .h-\[75vh\] { height: 75vh; } .h-\[100px\] { height: 100px; } .h-\[calc\(100\%\+1rem\)\] { height: calc(100% + 1rem); } .h-\[calc\(100\%-3\.75rem\)\] { height: calc(100% - 3.75rem); } .h-\[calc\(100\%-46px-5rem\)\] { height: calc(100% - 46px - 5rem); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-full\! { height: 100% !important; } .h-max { height: max-content; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-0 { max-height: 0; } .max-h-5 { max-height: calc(var(--spacing) * 5); } .max-h-\[67vh\] { max-height: 67vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[95vw\] { max-height: 95vw; } .max-h-\[2000px\] { max-height: 2000px; } .max-h-\[calc\(100vh-3rem-var\(--description-max-height\)-env\(safe-area-inset-bottom\)\)\] { max-height: calc(100vh - 3rem - var(--description-max-height) - env(safe-area-inset-bottom)); } .max-h-\[calc\(100vh-76px\+21px\)\] { max-height: calc(100vh - 55px); } .max-h-full { max-height: 100%; } .max-h-none { max-height: none; } .min-h-0 { min-height: 0; } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-71\.5 { min-height: calc(var(--spacing) * 71.5); } .min-h-96 { min-height: calc(var(--spacing) * 96); } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-0 { width: 0; } .w-1\/4 { width: 25%; } .w-2 { width: calc(var(--spacing) * 2); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/6 { width: 66.6667%; } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-9\.5 { width: calc(var(--spacing) * 9.5); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-15 { width: calc(var(--spacing) * 15); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-21\.25 { width: calc(var(--spacing) * 21.25); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-41 { width: calc(var(--spacing) * 41); } .w-48 { width: calc(var(--spacing) * 48); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-67\.5 { width: calc(var(--spacing) * 67.5); } .w-70 { width: calc(var(--spacing) * 70); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-\[14px\] { width: 14px; } .w-\[32px\] { width: 32px; } .w-\[38px\] { width: 38px; } .w-\[38px\]\! { width: 38px !important; } .w-\[60px\] { width: 60px; } .w-\[90\%\] { width: 90%; } .w-\[90vw\]\! { width: 90vw !important; } .w-\[285px\] { width: 285px; } .w-\[300px\] { width: 300px; } .w-\[450px\] { width: 450px; } .w-\[calc\(100\%\+2rem\)\] { width: calc(100% + 2rem); } .w-\[calc\(100\%\+20px\)\] { width: calc(100% + 20px); } .w-\[calc\(100\%\+48px\)\] { width: calc(100% + 48px); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-full\! { width: 100% !important; } .w-max { width: max-content; } .w-px { width: 1px; } .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-44 { max-width: calc(var(--spacing) * 44); } .max-w-\[calc\(100vw-72px\)\] { max-width: calc(100vw - 72px); } .max-w-full { max-width: 100%; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .min-w-0 { min-width: 0; } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-25 { min-width: calc(var(--spacing) * 25); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-55 { min-width: calc(var(--spacing) * 55); } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-initial { flex: 0 auto; } .flex-none { flex: none; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .basis-0 { flex-basis: 0; } .border-separate { border-collapse: separate; } .border-spacing-y-2\.5 { --tw-border-spacing-y: calc(var(--spacing) * 2.5); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .origin-left\! { transform-origin: 0 !important; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1 { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } .-rotate-90 { rotate: -90deg; } .rotate-45 { rotate: 45deg; } .rotate-180 { rotate: 180deg; } .zoom-in { cursor: pointer; transition-property: transform, box-shadow; transition-duration: .3s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .zoom-in:hover { box-shadow: var(--shadow-xl, 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a); transform: scale(1.05); } .zoom-in\! { cursor: pointer !important; transition-property: transform, box-shadow !important; transition-duration: .3s !important; transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; } .zoom-in\!:hover { box-shadow: var(--shadow-xl, 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a) !important; transform: scale(1.05) !important; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-\[0\.4s_ease-in-out_0\.1s_intro-divider\] { animation: .4s ease-in-out .1s intro-divider; } .animate-caret-blink { animation: 1.25s ease-out infinite caret-blink; } .animate-in { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-pulse-shimmer { animation: var(--animate-pulse-shimmer); animation: var(--animate-pulse-shimmer); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-pointer\! { cursor: pointer !important; } .cursor-progress { cursor: progress; } .cursor-text { cursor: text; } .cursor-text\! { cursor: text !important; } .cursor-wait { cursor: wait; } .cursor-wait\! { cursor: wait !important; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .appearance-none { appearance: none; } .columns-1 { columns: 1; } .break-inside-avoid { break-inside: avoid; } .auto-rows-min { grid-auto-rows: min-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-1\! { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[0_1fr\] { grid-template-columns: 0 1fr; } .grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-center\! { align-items: center !important; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-center\! { justify-content: center !important; } .justify-end { justify-content: flex-end; } .justify-end\! { justify-content: flex-end !important; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .justify-items-start { justify-items: start; } .gap-1 { gap: var(--spacing); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-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-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-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))); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } :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-5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5); } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-hidden\! { overflow: hidden !important; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overscroll-contain { overscroll-behavior: contain; } .rounded { border-radius: .25rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-lg\! { border-radius: var(--radius-lg) !important; } .rounded-md { border-radius: var(--radius-md); } .rounded-md\! { border-radius: var(--radius-md) !important; } .rounded-none { border-radius: 0; } .rounded-none\! { border-radius: 0 !important; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-sm\! { border-radius: var(--radius-sm) !important; } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-t-lg\! { border-top-left-radius: var(--radius-lg) !important; border-top-right-radius: var(--radius-lg) !important; } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-l-full { border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px; } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-l-none\! { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-tl-none { border-top-left-radius: 0; } .rounded-r-full { border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-r-none\! { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-b-lg\! { border-bottom-right-radius: var(--radius-lg) !important; border-bottom-left-radius: var(--radius-lg) !important; } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-br-none\! { border-bottom-right-radius: 0 !important; } .rounded-bl-none { border-bottom-left-radius: 0; } .rounded-bl-none\! { border-bottom-left-radius: 0 !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border\! { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-2\! { border-style: var(--tw-border-style) !important; border-width: 2px !important; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-t-0\! { border-top-style: var(--tw-border-style) !important; border-top-width: 0 !important; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-\[0\.9px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: .9px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0\! { border-left-style: var(--tw-border-style) !important; border-left-width: 0 !important; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dashed\! { --tw-border-style: dashed !important; border-style: dashed !important; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .border-none\! { --tw-border-style: none !important; border-style: none !important; } .border-\[\#3b5998\] { border-color: #3b5998; } .border-\[\#4ab3f4\] { border-color: #4ab3f4; } .border-\[\#0077b5\] { border-color: #0077b5; } .border-\[\#517fa4\] { border-color: #517fa4; } .border-blue-300 { border-color: var(--color-blue-300); } .border-danger { border-color: var(--color-danger); } .border-danger\! { border-color: var(--color-danger) !important; } .border-danger\/5 { border-color: #e400140d; } @supports (color: color-mix(in lab, red, red)) { .border-danger\/5 { border-color: color-mix(in oklab, var(--color-danger) 5%, transparent); } } .border-dark { border-color: var(--color-dark); } .border-dark\/5 { border-color: #1d293d0d; } @supports (color: color-mix(in lab, red, red)) { .border-dark\/5 { border-color: color-mix(in oklab, var(--color-dark) 5%, transparent); } } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-green-300 { border-color: var(--color-green-300); } .border-indigo-300 { border-color: var(--color-indigo-300); } .border-neutral-400 { border-color: var(--color-neutral-400); } .border-neutral-400\! { border-color: var(--color-neutral-400) !important; } .border-neutral-500 { border-color: var(--color-neutral-500); } .border-neutral-500\/25 { border-color: #73737340; } @supports (color: color-mix(in lab, red, red)) { .border-neutral-500\/25 { border-color: color-mix(in oklab, var(--color-neutral-500) 25%, transparent); } } .border-pending { border-color: var(--color-pending); } .border-pending\/5 { border-color: #fe6e000d; } @supports (color: color-mix(in lab, red, red)) { .border-pending\/5 { border-color: color-mix(in oklab, var(--color-pending) 5%, transparent); } } .border-primary { border-color: var(--color-primary); } .border-primary\! { border-color: var(--color-primary) !important; } .border-primary\/5 { border-color: #193cb80d; } @supports (color: color-mix(in lab, red, red)) { .border-primary\/5 { border-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } .border-primary\/20 { border-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .border-primary\/25 { border-color: #193cb840; } @supports (color: color-mix(in lab, red, red)) { .border-primary\/25 { border-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } .border-primary\/50 { border-color: #193cb880; } @supports (color: color-mix(in lab, red, red)) { .border-primary\/50 { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .border-purple-300 { border-color: var(--color-purple-300); } .border-red-100 { border-color: var(--color-red-100); } .border-red-300 { border-color: var(--color-red-300); } .border-secondary { border-color: var(--color-secondary); } .border-secondary\! { border-color: var(--color-secondary) !important; } .border-secondary\/70 { border-color: #e2e8f0b3; } @supports (color: color-mix(in lab, red, red)) { .border-secondary\/70 { border-color: color-mix(in oklab, var(--color-secondary) 70%, transparent); } } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-200\! { border-color: var(--color-slate-200) !important; } .border-slate-200\/50 { border-color: #e2e8f080; } @supports (color: color-mix(in lab, red, red)) { .border-slate-200\/50 { border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .border-slate-200\/60 { border-color: #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .border-slate-200\/60 { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .border-slate-200\/75\! { border-color: #e2e8f0bf !important; } @supports (color: color-mix(in lab, red, red)) { .border-slate-200\/75\! { border-color: color-mix(in oklab, var(--color-slate-200) 75%, transparent) !important; } } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-300\/60 { border-color: #cad5e299; } @supports (color: color-mix(in lab, red, red)) { .border-slate-300\/60 { border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent); } } .border-slate-400 { border-color: var(--color-slate-400); } .border-success { border-color: var(--color-success); } .border-success\/5 { border-color: #80cd000d; } @supports (color: color-mix(in lab, red, red)) { .border-success\/5 { border-color: color-mix(in oklab, var(--color-success) 5%, transparent); } } .border-transparent { border-color: #0000; } .border-transparent\! { border-color: #0000 !important; } .border-warning { border-color: var(--color-warning); } .border-warning\/5 { border-color: #fac8000d; } @supports (color: color-mix(in lab, red, red)) { .border-warning\/5 { border-color: color-mix(in oklab, var(--color-warning) 5%, transparent); } } .border-white { border-color: var(--color-white); } .border-white\/8 { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .border-white\/8 { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-500 { border-color: var(--color-yellow-500); } .border-r-slate-200 { border-right-color: var(--color-slate-200); } .border-b-primary { border-bottom-color: var(--color-primary); } .border-b-primary\/25 { border-bottom-color: #193cb840; } @supports (color: color-mix(in lab, red, red)) { .border-b-primary\/25 { border-bottom-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } .border-b-transparent { border-bottom-color: #0000; } .border-l-primary\/25 { border-left-color: #193cb840; } @supports (color: color-mix(in lab, red, red)) { .border-l-primary\/25 { border-left-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } .bg-\[\#3b5998\] { background-color: #3b5998; } .bg-\[\#4ab3f4\] { background-color: #4ab3f4; } .bg-\[\#44a4fc\] { background-color: #44a4fc; } .bg-\[\#68cd86\] { background-color: #68cd86; } .bg-\[\#0077b5\] { background-color: #0077b5; } .bg-\[\#517fa4\] { background-color: #517fa4; } .bg-\[\#575757\] { background-color: #575757; } .bg-\[\#e54d42\] { background-color: #e54d42; } .bg-\[\#ffb648\] { background-color: #ffb648; } .bg-black\/10 { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/10 { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .bg-black\/60 { background-color: #0009; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/75 { background-color: #000000bf; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/75 { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .bg-black\/80 { background-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-200\! { background-color: var(--color-blue-200) !important; } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-danger { background-color: var(--color-danger); } .bg-danger\! { background-color: var(--color-danger) !important; } .bg-danger\/20 { background-color: #e4001433; } @supports (color: color-mix(in lab, red, red)) { .bg-danger\/20 { background-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } .bg-danger\/75 { background-color: #e40014bf; } @supports (color: color-mix(in lab, red, red)) { .bg-danger\/75 { background-color: color-mix(in oklab, var(--color-danger) 75%, transparent); } } .bg-danger\/90 { background-color: #e40014e6; } @supports (color: color-mix(in lab, red, red)) { .bg-danger\/90 { background-color: color-mix(in oklab, var(--color-danger) 90%, transparent); } } .bg-dark { background-color: var(--color-dark); } .bg-dark\/20 { background-color: #1d293d33; } @supports (color: color-mix(in lab, red, red)) { .bg-dark\/20 { background-color: color-mix(in oklab, var(--color-dark) 20%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-400\/75 { background-color: #05df72bf; } @supports (color: color-mix(in lab, red, red)) { .bg-green-400\/75 { background-color: color-mix(in oklab, var(--color-green-400) 75%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-indigo-800\/75 { background-color: #372aacbf; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-800\/75 { background-color: color-mix(in oklab, var(--color-indigo-800) 75%, transparent); } } .bg-indigo-900 { background-color: var(--color-indigo-900); } .bg-muted { background-color: var(--color-muted); } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-pending { background-color: var(--color-pending); } .bg-pending\/20 { background-color: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .bg-pending\/20 { background-color: color-mix(in oklab, var(--color-pending) 20%, transparent); } } .bg-primary { background-color: var(--color-primary); } .bg-primary\! { background-color: var(--color-primary) !important; } .bg-primary\/5 { background-color: #193cb80d; } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/5 { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } .bg-primary\/8 { background-color: #193cb814; } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/8 { background-color: color-mix(in oklab, var(--color-primary) 8%, transparent); } } .bg-primary\/10 { background-color: #193cb81a; } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .bg-primary\/20 { background-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .bg-primary\/90 { background-color: #193cb8e6; } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/90 { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } .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-secondary { background-color: var(--color-secondary); } .bg-secondary\! { background-color: var(--color-secondary) !important; } .bg-secondary\/70 { background-color: #e2e8f0b3; } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/70 { background-color: color-mix(in oklab, var(--color-secondary) 70%, transparent); } } .bg-secondary\/75 { background-color: #e2e8f0bf; } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/75 { background-color: color-mix(in oklab, var(--color-secondary) 75%, transparent); } } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-100\/50 { background-color: #f1f5f980; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-100\/50 { background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent); } } .bg-slate-100\/60\! { background-color: #f1f5f999 !important; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-100\/60\! { background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent) !important; } } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-200\/60 { background-color: #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-200\/60 { background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .bg-slate-300\/10 { background-color: #cad5e21a; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-300\/10 { background-color: color-mix(in oklab, var(--color-slate-300) 10%, transparent); } } .bg-slate-300\/20 { background-color: #cad5e233; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-300\/20 { background-color: color-mix(in oklab, var(--color-slate-300) 20%, transparent); } } .bg-slate-300\/30 { background-color: #cad5e24d; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-300\/30 { background-color: color-mix(in oklab, var(--color-slate-300) 30%, transparent); } } .bg-slate-300\/50 { background-color: #cad5e280; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-300\/50 { background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent); } } .bg-slate-400\/20 { background-color: #90a1b933; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-400\/20 { background-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent); } } .bg-slate-500 { background-color: var(--color-slate-500); } .bg-success { background-color: var(--color-success); } .bg-success\/20 { background-color: #80cd0033; } @supports (color: color-mix(in lab, red, red)) { .bg-success\/20 { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } .bg-success\/75 { background-color: #80cd00bf; } @supports (color: color-mix(in lab, red, red)) { .bg-success\/75 { background-color: color-mix(in oklab, var(--color-success) 75%, transparent); } } .bg-transparent { background-color: #0000; } .bg-transparent\! { background-color: #0000 !important; } .bg-warning { background-color: var(--color-warning); } .bg-warning\/20 { background-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/20 { background-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } .bg-warning\/75 { background-color: #fac800bf; } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/75 { background-color: color-mix(in oklab, var(--color-warning) 75%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\! { background-color: var(--color-white) !important; } .bg-white\/8 { background-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/8 { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/20 { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/50 { background-color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/75 { background-color: #ffffffbf; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/75 { background-color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .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-yellow-100 { background-color: var(--color-yellow-100); } .bg-none\! { background-image: none !important; } .from-gray-700\/50 { --tw-gradient-from: #36415380; } @supports (color: color-mix(in lab, red, red)) { .from-gray-700\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } .from-gray-700\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .bg-center { background-position: center; } .fill-black { fill: var(--color-black); } .fill-danger { fill: var(--color-danger); } .fill-primary { fill: var(--color-primary); } .fill-slate-500 { fill: var(--color-slate-500); } .fill-white { fill: var(--color-white); } .stroke-neutral-900\/20 { stroke: #17171733; } @supports (color: color-mix(in lab, red, red)) { .stroke-neutral-900\/20 { stroke: color-mix(in oklab, var(--color-neutral-900) 20%, transparent); } } .stroke-white { stroke: var(--color-white); } .stroke-1 { stroke-width: 1px; } .stroke-2 { stroke-width: 2px; } .stroke-3 { stroke-width: 3px; } .object-cover { object-fit: cover; } .object-center { object-position: center; } .p-0 { padding: 0; } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: var(--spacing); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .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-\[0\.9\%\] { padding: .9%; } .p-px { padding: 1px; } .px-0 { padding-inline: 0; } .px-1 { padding-inline: var(--spacing); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\! { padding-inline: calc(var(--spacing) * 2) !important; } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-\[7px\] { padding-inline: 7px; } .py-0 { padding-block: 0; } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-0\.75 { padding-block: calc(var(--spacing) * .75); } .py-1 { padding-block: var(--spacing); } .py-1\! { padding-block: var(--spacing) !important; } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-1\.5\! { padding-block: calc(var(--spacing) * 1.5) !important; } .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-3\! { padding-block: calc(var(--spacing) * 3) !important; } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[1\.01px\] { padding-block: 1.01px; } .pt-0 { padding-top: 0; } .pt-1 { padding-top: var(--spacing); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pr-0 { padding-right: 0; } .pr-1 { padding-right: var(--spacing); } .pr-1\.5 { padding-right: calc(var(--spacing) * 1.5); } .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-8 { padding-right: calc(var(--spacing) * 8); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .pr-30 { padding-right: calc(var(--spacing) * 30); } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: var(--spacing); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-0 { padding-left: 0; } .pl-0\.5 { padding-left: calc(var(--spacing) * .5); } .pl-1 { padding-left: var(--spacing); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .text-center { text-align: center; } .text-end { text-align: end; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .text-right\! { text-align: right !important; } .text-start { text-align: start; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-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-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--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-lg\! { font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important; } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\! { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-xs\! { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .text-2xs { font-size: var(--text-2xs); } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[12px\] { font-size: 12px; } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-\[120\%\] { --tw-leading: 120%; line-height: 120%; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-medium\! { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } .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); } .font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } .tracking-\[0\.5rem\] { --tw-tracking: .5rem; letter-spacing: .5rem; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-normal\! { white-space: normal !important; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-black { color: var(--color-black); } .text-black\/50 { color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .text-black\/50 { color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .text-black\/75 { color: #000000bf; } @supports (color: color-mix(in lab, red, red)) { .text-black\/75 { color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .text-blue-700 { color: var(--color-blue-700); } .text-danger { color: var(--color-danger); } .text-dark { color: var(--color-dark); } .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-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-indigo-700 { color: var(--color-indigo-700); } .text-muted { color: var(--color-muted); } .text-muted-foreground { color: var(--color-muted-foreground); } .text-neutral-500 { color: var(--color-neutral-500); } .text-neutral-600 { color: var(--color-neutral-600); } .text-pending { color: var(--color-pending); } .text-primary { color: var(--color-primary); } .text-primary\! { color: var(--color-primary) !important; } .text-primary\/10 { color: #193cb81a; } @supports (color: color-mix(in lab, red, red)) { .text-primary\/10 { color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .text-primary\/75 { color: #193cb8bf; } @supports (color: color-mix(in lab, red, red)) { .text-primary\/75 { color: color-mix(in oklab, var(--color-primary) 75%, transparent); } } .text-primary\/95 { color: #193cb8f2; } @supports (color: color-mix(in lab, red, red)) { .text-primary\/95 { color: color-mix(in oklab, var(--color-primary) 95%, transparent); } } .text-purple-700 { color: var(--color-purple-700); } .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-secondary { color: var(--color-secondary); } .text-slate-200 { color: var(--color-slate-200); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-400\/70 { color: #90a1b9b3; } @supports (color: color-mix(in lab, red, red)) { .text-slate-400\/70 { color: color-mix(in oklab, var(--color-slate-400) 70%, transparent); } } .text-slate-500 { color: var(--color-slate-500); } .text-slate-500\! { color: var(--color-slate-500) !important; } .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-success { color: var(--color-success); } .text-warning { color: var(--color-warning); } .text-white { color: var(--color-white); } .text-white\! { color: var(--color-white) !important; } .text-white\/70 { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: #ffffffbf; } @supports (color: color-mix(in lab, red, red)) { .text-white\/75 { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .text-white\/90 { color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-zinc-600 { color: var(--color-zinc-600); } .text-zinc-800 { color: var(--color-zinc-800); } .text-zinc-800\/75 { color: #27272abf; } @supports (color: color-mix(in lab, red, red)) { .text-zinc-800\/75 { color: color-mix(in oklab, var(--color-zinc-800) 75%, transparent); } } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .underline { text-decoration-line: underline; } .decoration-neutral-300 { -webkit-text-decoration-color: var(--color-neutral-300); -webkit-text-decoration-color: var(--color-neutral-300); text-decoration-color: var(--color-neutral-300); } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-25 { opacity: .25; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0px_0px_1px_\#fff\,1px_1px_2px_rgba\(0\,0\,0\,0\.32\)\] { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff), 1px 1px 2px var(--tw-shadow-color, #00000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0px_0px_2px_\#fff\,1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\] { --tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, #fff), 1px 1px 5px var(--tw-shadow-color, #00000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_3px_10px_\#00000017\] { --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000017); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_3px_20px_\#0000000b\] { --tw-shadow: 0px 3px 20px var(--tw-shadow-color, #0000000b); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_15px_0_rgb\(0\,0\,0\)\] { --tw-shadow: inset 0 0 15px 0 var(--tw-shadow-color, #000); 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-lg\! { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-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-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none\! { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-sm { --tw-shadow: 0 1px 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-sm\! { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-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); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs\! { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-gray-500\/20 { --tw-shadow-color: #6a728233; } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary { --tw-shadow-color: oklch(42.4% .199 265.638); } @supports (color: color-mix(in lab, red, red)) { .shadow-primary { --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent); } } .shadow-purple-600 { --tw-shadow-color: oklch(55.8% .288 302.321); } @supports (color: color-mix(in lab, red, red)) { .shadow-purple-600 { --tw-shadow-color: color-mix(in oklab, var(--color-purple-600) var(--tw-shadow-alpha), transparent); } } .shadow-success { --tw-shadow-color: oklch(76.8% .233 130.85); } @supports (color: color-mix(in lab, red, red)) { .shadow-success { --tw-shadow-color: color-mix(in oklab, var(--color-success) var(--tw-shadow-alpha), transparent); } } .shadow-warning { --tw-shadow-color: oklch(85.2% .199 91.936); } @supports (color: color-mix(in lab, red, red)) { .shadow-warning { --tw-shadow-color: color-mix(in oklab, var(--color-warning) var(--tw-shadow-alpha), transparent); } } .shadow-white { --tw-shadow-color: #fff; } @supports (color: color-mix(in lab, red, red)) { .shadow-white { --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent); } } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-primary\/20 { --tw-ring-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/20 { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-danger { outline-color: var(--color-danger); } .outline-dark { outline-color: var(--color-dark); } .outline-pending { outline-color: var(--color-pending); } .outline-primary { outline-color: var(--color-primary); } .outline-secondary { outline-color: var(--color-secondary); } .outline-success { outline-color: var(--color-success); } .outline-warning { outline-color: var(--color-warning); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-xs { --tw-blur: blur(var(--blur-xs)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-xs { --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000d)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .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-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-xs { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .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\! { 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 !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } .transition-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[filter\] { transition-property: filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,min-width\] { transition-property: width, min-width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all\! { transition-property: all !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } .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)); } .delay-100 { transition-delay: .1s; } .duration-100 { --tw-duration: .1s; transition-duration: .1s; } .duration-150 { --tw-duration: .15s; transition-duration: .15s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-300\! { --tw-duration: .3s !important; transition-duration: .3s !important; } .duration-400 { --tw-duration: .4s; transition-duration: .4s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-700 { --tw-duration: .7s; transition-duration: .7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-in-out\! { --tw-ease: var(--ease-in-out) !important; transition-timing-function: var(--ease-in-out) !important; } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .delay-100 { --tw-animation-delay: .1s; animation-delay: .1s; } .fade-in-0 { --tw-enter-opacity: 0; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .text-shadow-md\/25 { --tw-text-shadow-alpha: 25%; text-shadow: 0px 1px 1px var(--tw-text-shadow-color, oklab(0% 0 0 / .25)), 0px 1px 2px var(--tw-text-shadow-color, oklab(0% 0 0 / .25)), 0px 2px 4px var(--tw-text-shadow-color, oklab(0% 0 0 / .25)); } .zoom-in-95 { --tw-enter-scale: .95; } .animate-fill-mode-forwards { animation-fill-mode: forwards; } .running { animation-play-state: running; } .text-shadow-primary { --tw-text-shadow-color: oklch(42.4% .199 265.638); } @supports (color: color-mix(in lab, red, red)) { .text-shadow-primary { --tw-text-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-text-shadow-alpha), transparent); } } .zoom-in { --tw-enter-scale: 0; } .zoom-in\! { --tw-enter-scale: 0 !important; } .zoom-out { --tw-exit-scale: 0; } .not-first\:border-l-transparent:not(:first-child) { border-left-color: #0000; } .not-last\:border-b:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .not-last\:border-slate-200\/60:not(:last-child) { border-color: #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .not-last\:border-slate-200\/60:not(:last-child) { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .group-first\:mt-0:is(:where(.group):first-child *) { margin-top: 0; } .group-first\:rounded-md:is(:where(.group):first-child *) { border-radius: var(--radius-md); } .group-first\:rounded-l:is(:where(.group):first-child *) { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .group-first\:rounded-l-lg\!:is(:where(.group):first-child *) { border-top-left-radius: var(--radius-lg) !important; border-bottom-left-radius: var(--radius-lg) !important; } .group-first\:rounded-r-none:is(:where(.group):first-child *) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .group-last\:rounded-md:is(:where(.group):last-child *) { border-radius: var(--radius-md); } .group-last\:rounded-l-none:is(:where(.group):last-child *) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .group-last\:rounded-r:is(:where(.group):last-child *) { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .group-last\:rounded-r-lg\!:is(:where(.group):last-child *) { border-top-right-radius: var(--radius-lg) !important; border-bottom-right-radius: var(--radius-lg) !important; } .group-last\:border-l-transparent:is(:where(.group):last-child *) { border-left-color: #0000; } .group-last\:border-l-transparent\!:is(:where(.group):last-child *) { border-left-color: #0000 !important; } .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; } @media (hover: hover) { .group-hover\:-ml-1:is(:where(.group):hover *) { margin-left: calc(var(--spacing) * -1); } .group-hover\:ml-1:is(:where(.group):hover *) { margin-left: var(--spacing); } .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:h-7:is(:where(.group):hover *) { height: calc(var(--spacing) * 7); } .group-hover\:w-7:is(:where(.group):hover *) { width: calc(var(--spacing) * 7); } .group-hover\:w-auto:is(:where(.group):hover *) { width: auto; } .group-hover\:scale-102:is(:where(.group):hover *) { --tw-scale-x: 102%; --tw-scale-y: 102%; --tw-scale-z: 102%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-125:is(:where(.group):hover *) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:zoom-in:is(:where(.group):hover *) { cursor: pointer; transition-property: transform, box-shadow; transition-duration: .3s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .group-hover\:zoom-in:is(:where(.group):hover *):hover { box-shadow: var(--shadow-xl, 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a); transform: scale(1.05); } .group-hover\:cursor-pointer:is(:where(.group):hover *) { cursor: pointer; } .group-hover\:overflow-visible:is(:where(.group):hover *) { overflow: visible; } .group-hover\:border:is(:where(.group):hover *) { border-style: var(--tw-border-style); border-width: 1px; } .group-hover\:bg-slate-200\/50:is(:where(.group):hover *) { background-color: #e2e8f080; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-slate-200\/50:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .group-hover\:stroke-2:is(:where(.group):hover *) { stroke-width: 2px; } .group-hover\:stroke-3:is(:where(.group):hover *) { stroke-width: 3px; } .group-hover\:font-semibold:is(:where(.group):hover *) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .group-hover\:whitespace-normal:is(:where(.group):hover *) { white-space: normal; } .group-hover\:text-primary:is(:where(.group):hover *) { color: var(--color-primary); } .group-hover\:underline:is(:where(.group):hover *) { text-decoration-line: underline; } .group-hover\:shadow-xl:is(:where(.group):hover *) { --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); } .group-hover\:text-shadow-primary\/20:is(:where(.group):hover *) { --tw-text-shadow-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:text-shadow-primary\/20:is(:where(.group):hover *) { --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-text-shadow-alpha), transparent); } } .group-hover\:text-shadow-xs:is(:where(.group):hover *) { text-shadow: 0px 1px 1px var(--tw-text-shadow-color, #0003); } .group-hover\:zoom-in:is(:where(.group):hover *) { --tw-enter-scale: 0; } .group-hover\/close\:border:is(:where(.group\/close):hover *) { border-style: var(--tw-border-style); border-width: 1px; } .group-hover\/close\:stroke-2:is(:where(.group\/close):hover *) { stroke-width: 2px; } .group-hover\/dark-mode-switcher\:mr-2:is(:where(.group\/dark-mode-switcher):hover *) { margin-right: calc(var(--spacing) * 2); } .group-hover\/dark-mode-switcher\:w-40:is(:where(.group\/dark-mode-switcher):hover *) { width: calc(var(--spacing) * 40); } .group-hover\/dark-mode-switcher\:min-w-17\.5:is(:where(.group\/dark-mode-switcher):hover *) { min-width: calc(var(--spacing) * 17.5); } .group-hover\/dark-mode-switcher\:opacity-100:is(:where(.group\/dark-mode-switcher):hover *), .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity: 1; } .group-hover\/sidebar\:scale-100:is(:where(.group\/sidebar):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\/sidebar\:opacity-100:is(:where(.group\/sidebar):hover *) { opacity: 1; } } .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); } .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); } .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; } .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); } .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; } .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) { padding: 0 !important; } .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; } .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; } .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: 0; } .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); } .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) { left: 0; } .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; } .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:mb-7:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { margin-bottom: calc(var(--spacing) * 7); } .group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:h-0:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { height: 0; } .group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:opacity-0:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { opacity: 0; } .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius-lg); } .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; } .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) { --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); } .group-\[\.status-down\]\:bg-red-600:is(:where(.group).status-down *) { background-color: var(--color-red-600); } .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); } .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); } .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: var(--spacing); } .first-letter\:uppercase:first-letter { text-transform: uppercase; } .selection\:bg-primary ::selection { background-color: var(--color-primary); } .selection\:bg-primary::selection { background-color: var(--color-primary); } .selection\:bg-red-500 ::selection { background-color: var(--color-red-500); } .selection\:bg-red-500::selection { background-color: var(--color-red-500); } .selection\:text-white ::selection { color: var(--color-white); } .selection\:text-white::selection { color: var(--color-white); } .file\:inline-flex::file-selector-button { display: inline-flex; } .file\:h-7::file-selector-button { height: calc(var(--spacing) * 7); } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .placeholder\:pl-3::placeholder { padding-left: calc(var(--spacing) * 3); } .placeholder\:tracking-normal::placeholder { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .placeholder\:text-muted-foreground::placeholder { color: var(--color-muted-foreground); } .placeholder\:text-slate-400\/90::placeholder { color: #90a1b9e6; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-slate-400\/90::placeholder { color: color-mix(in oklab, var(--color-slate-400) 90%, transparent); } } .placeholder\:text-slate-400\/90\!::placeholder { color: #90a1b9e6 !important; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-slate-400\/90\!::placeholder { color: color-mix(in oklab, var(--color-slate-400) 90%, transparent) !important; } } .backdrop\:bg-black\/75::backdrop { background-color: #000000bf; } @supports (color: color-mix(in lab, red, red)) { .backdrop\:bg-black\/75::backdrop { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .backdrop\:bg-transparent::backdrop { background-color: #0000; } .backdrop\:opacity-0::backdrop { opacity: 0; } .backdrop\:opacity-100::backdrop { opacity: 1; } .backdrop\:transition-opacity::backdrop { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .backdrop\:duration-300::backdrop { --tw-duration: .3s; transition-duration: .3s; } .before\:invisible:before { content: var(--tw-content); visibility: hidden; } .before\:visible:before { content: var(--tw-content); visibility: visible; } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:fixed:before { content: var(--tw-content); position: fixed; } .before\:inset-x-0:before { content: var(--tw-content); inset-inline: 0; } .before\:inset-y-0:before { content: var(--tw-content); inset-block: 0; } .before\:-top-0\.5:before { content: var(--tw-content); top: calc(var(--spacing) * -.5); } .before\:top-0:before { content: var(--tw-content); top: 0; } .before\:top-\[5px\]:before { content: var(--tw-content); top: 5px; } .before\:right-0:before { content: var(--tw-content); right: 0; } .before\:-bottom-6:before { content: var(--tw-content); bottom: calc(var(--spacing) * -6); } .before\:-left-6:before { content: var(--tw-content); left: calc(var(--spacing) * -6); } .before\:left-0:before { content: var(--tw-content); left: 0; } .before\:left-\[8px\]:before { content: var(--tw-content); left: 8px; } .before\:z-50:before { content: var(--tw-content); z-index: 50; } .before\:z-58:before { content: var(--tw-content); z-index: 58; } .before\:z-\[-1\]:before { content: var(--tw-content); z-index: -1; } .before\:my-auto:before { content: var(--tw-content); margin-block: auto; } .before\:-mt-7\.5:before { content: var(--tw-content); margin-top: calc(var(--spacing) * -7.5); } .before\:-mt-\[28\%\]:before { content: var(--tw-content); margin-top: -28%; } .before\:-mr-5:before { content: var(--tw-content); margin-right: calc(var(--spacing) * -5); } .before\:-mb-\[16\%\]:before { content: var(--tw-content); margin-bottom: -16%; } .before\:-ml-4\.5:before { content: var(--tw-content); margin-left: calc(var(--spacing) * -4.5); } .before\:-ml-\[13\%\]:before { content: var(--tw-content); margin-left: -13%; } .before\:ml-3\.25:before { content: var(--tw-content); margin-left: calc(var(--spacing) * 3.25); } .before\:block:before { content: var(--tw-content); display: block; } .before\:hidden:before { content: var(--tw-content); display: none; } .before\:hidden\!:before { content: var(--tw-content); display: none !important; } .before\:h-1\/4:before { content: var(--tw-content); height: 25%; } .before\:h-2:before { content: var(--tw-content); height: calc(var(--spacing) * 2); } .before\:h-5:before { content: var(--tw-content); height: calc(var(--spacing) * 5); } .before\:h-5\.5:before { content: var(--tw-content); height: calc(var(--spacing) * 5.5); } .before\:h-7\.5:before { content: var(--tw-content); height: calc(var(--spacing) * 7.5); } .before\:h-\[8px\]:before { content: var(--tw-content); height: 8px; } .before\:h-\[14px\]:before { content: var(--tw-content); height: 14px; } .before\:h-full:before { content: var(--tw-content); height: 100%; } .before\:h-px:before { content: var(--tw-content); height: 1px; } .before\:w-0\.5:before { content: var(--tw-content); width: calc(var(--spacing) * .5); } .before\:w-2:before { content: var(--tw-content); width: calc(var(--spacing) * 2); } .before\:w-5:before { content: var(--tw-content); width: calc(var(--spacing) * 5); } .before\:w-5\.5:before { content: var(--tw-content); width: calc(var(--spacing) * 5.5); } .before\:w-7\.5:before { content: var(--tw-content); width: calc(var(--spacing) * 7.5); } .before\:w-12:before { content: var(--tw-content); width: calc(var(--spacing) * 12); } .before\:w-\[8px\]:before { content: var(--tw-content); width: 8px; } .before\:w-\[14px\]:before { content: var(--tw-content); width: 14px; } .before\:w-\[47\%\]\!:before { content: var(--tw-content); width: 47% !important; } .before\:w-\[57\%\]:before { content: var(--tw-content); width: 57%; } .before\:w-\[320px\]:before { content: var(--tw-content); width: 320px; } .before\:w-\[calc\(100\%\+48px\)\]:before { content: var(--tw-content); width: calc(100% + 48px); } .before\:w-full:before { content: var(--tw-content); width: 100%; } .before\:scale-\[1\.04\]:before { content: var(--tw-content); scale: 1.04; } .before\:rotate-90:before { content: var(--tw-content); rotate: 90deg; } .before\:rotate-\[-4\.5deg\]:before { content: var(--tw-content); rotate: -4.5deg; } .before\:transform:before { content: var(--tw-content); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .before\:rounded-\[100\%\]:before { content: var(--tw-content); border-radius: 100%; } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:rounded-l-full:before { content: var(--tw-content); border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px; } .before\:bg-black\/90:before { content: var(--tw-content); background-color: #000000e6; } @supports (color: color-mix(in lab, red, red)) { .before\:bg-black\/90:before { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .before\:bg-danger:before { content: var(--tw-content); background-color: var(--color-danger); } .before\:bg-primary\/20:before { content: var(--tw-content); background-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .before\:bg-primary\/20:before { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .before\:bg-slate-100:before { content: var(--tw-content); background-color: var(--color-slate-100); } .before\:bg-slate-200:before { content: var(--tw-content); background-color: var(--color-slate-200); } .before\:bg-white:before { content: var(--tw-content); background-color: var(--color-white); } .before\:bg-linear-to-t:before { content: var(--tw-content); --tw-gradient-position: to top; } @supports (background-image: linear-gradient(in lab, red, red)) { .before\:bg-linear-to-t:before { --tw-gradient-position: to top in oklab; } } .before\:bg-linear-to-t:before { background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:bg-breadcrumb-chevron-dark:before { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right breadcrumb__icon'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); } .before\:bg-menu-corner:before { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A"); } .before\:from-white:before { content: var(--tw-content); --tw-gradient-from: var(--color-white); --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)); } .before\:via-white:before { content: var(--tw-content); --tw-gradient-via: var(--color-white); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .before\:to-white\/75:before { content: var(--tw-content); --tw-gradient-to: #ffffffbf; } @supports (color: color-mix(in lab, red, red)) { .before\:to-white\/75:before { --tw-gradient-to: color-mix(in oklab, var(--color-white) 75%, transparent); } } .before\:to-white\/75:before { --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)); } .before\:bg-size-\[100\%\]:before { content: var(--tw-content); background-size: 100%; } .before\:opacity-0:before { content: var(--tw-content); opacity: 0; } .before\:opacity-100:before { content: var(--tw-content); opacity: 1; } .before\:shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.25\)\]:before { content: var(--tw-content); --tw-shadow: 1px 1px 3px 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); } .before\:blur-md:before { content: var(--tw-content); --tw-blur: blur(var(--blur-md)); 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, ); } .before\:transition:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, 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)); } .before\:transition-\[margin-left\]:before { content: var(--tw-content); transition-property: margin-left; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:transition-all\!:before { content: var(--tw-content); transition-property: all !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } .before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:duration-100:before { content: var(--tw-content); --tw-duration: .1s; transition-duration: .1s; } .before\:duration-200:before { content: var(--tw-content); --tw-duration: .2s; transition-duration: .2s; } .before\:duration-350\!:before { content: var(--tw-content); --tw-duration: .35s !important; transition-duration: .35s !important; } .before\:ease-in:before { content: var(--tw-content); --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .before\:ease-in-out:before { content: var(--tw-content); --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } .before\:content-\[\\\'\\\'\]:before { --tw-content: \'\'; content: var(--tw-content); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:-inset-2:after { content: var(--tw-content); inset: calc(var(--spacing) * -2); } .after\:inset-y-0:after { content: var(--tw-content); inset-block: 0; } .after\:top-0:after { content: var(--tw-content); top: 0; } .after\:top-\[5px\]:after { content: var(--tw-content); top: 5px; } .after\:right-0:after { content: var(--tw-content); right: 0; } .after\:left-0:after { content: var(--tw-content); left: 0; } .after\:left-1\/2:after { content: var(--tw-content); left: 50%; } .after\:left-\[8px\]:after { content: var(--tw-content); left: 8px; } .after\:-mt-\[20\%\]:after { content: var(--tw-content); margin-top: -20%; } .after\:mt-12\.5:after { content: var(--tw-content); margin-top: calc(var(--spacing) * 12.5); } .after\:-mr-5:after { content: var(--tw-content); margin-right: calc(var(--spacing) * -5); } .after\:-mb-\[13\%\]:after { content: var(--tw-content); margin-bottom: -13%; } .after\:-ml-\[13\%\]:after { content: var(--tw-content); margin-left: -13%; } .after\:hidden:after { content: var(--tw-content); display: none; } .after\:hidden\!:after { content: var(--tw-content); display: none !important; } .after\:h-7\.5:after { content: var(--tw-content); height: calc(var(--spacing) * 7.5); } .after\:h-\[8px\]:after { content: var(--tw-content); height: 8px; } .after\:w-7\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 7.5); } .after\:w-\[2px\]:after { content: var(--tw-content); width: 2px; } .after\:w-\[8px\]:after { content: var(--tw-content); width: 8px; } .after\:w-\[47\%\]\!:after { content: var(--tw-content); width: 47% !important; } .after\:w-\[57\%\]:after { content: var(--tw-content); width: 57%; } .after\:scale-\[1\.04\]:after { content: var(--tw-content); scale: 1.04; } .after\:rotate-\[-4\.5deg\]:after { content: var(--tw-content); rotate: -4.5deg; } .after\:transform:after { content: var(--tw-content); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .after\:animate-ping:after { content: var(--tw-content); animation: var(--animate-ping); } .after\:rounded-\[100\%\]:after { content: var(--tw-content); border-radius: 100%; } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:bg-danger:after { content: var(--tw-content); background-color: var(--color-danger); } .after\:bg-primary:after { content: var(--tw-content); background-color: var(--color-primary); } .after\:bg-menu-corner:after { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A"); } .after\:bg-size-\[100\%\]:after { content: var(--tw-content); background-size: 100%; } .after\:opacity-75:after { content: var(--tw-content); opacity: .75; } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } .after\:content-\[\\\'\\\'\]:after { --tw-content: \'\'; content: var(--tw-content); } .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after { content: var(--tw-content); left: 100%; } .first\:-mt-2:first-child { margin-top: calc(var(--spacing) * -2); } .first\:-mt-4:first-child { margin-top: calc(var(--spacing) * -4); } .first\:mt-0:first-child { margin-top: 0; } .first\:rounded-md:first-child { border-radius: var(--radius-md); } .first\:rounded-l-md:first-child { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .first\:rounded-r-none:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .first\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } .first\:pt-0:first-child { padding-top: 0; } .last\:-mb-4:last-child { margin-bottom: calc(var(--spacing) * -4); } .last\:mb-0:last-child { margin-bottom: 0; } .last\:hidden:last-child { display: none; } .last\:rounded-md:last-child { border-radius: var(--radius-md); } .last\:rounded-l-none:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .last\:rounded-r-md:last-child { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .last\:border-r-0:last-child { border-right-style: var(--tw-border-style); border-right-width: 0; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .checked\:border-primary:checked { border-color: var(--color-primary); } .checked\:bg-primary:checked { background-color: var(--color-primary); } .checked\:bg-none:checked { background-image: none; } .checked\:before\:ml-3\.5\!:checked:before { content: var(--tw-content); margin-left: calc(var(--spacing) * 3.5) !important; } .checked\:before\:bg-white:checked:before { content: var(--tw-content); background-color: var(--color-white); } @media (hover: hover) { .hover\:box:hover { background-color: var(--color-white); border-radius: var(--radius-md); border-color: #0000; position: relative; box-shadow: 0 3px 20px #0000000b; } .dark .hover\:box:hover { background-color: var(--color-darkmode-600); } .hover\:z-20:hover { z-index: 20; } .hover\:-ml-5:hover { margin-left: calc(var(--spacing) * -5); } .hover\:w-40:hover { width: calc(var(--spacing) * 40); } .hover\:w-44:hover { width: calc(var(--spacing) * 44); } .hover\:scale-95:hover { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-101:hover { --tw-scale-x: 101%; --tw-scale-y: 101%; --tw-scale-z: 101%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-102:hover { --tw-scale-x: 102%; --tw-scale-y: 102%; --tw-scale-z: 102%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[101\%\]:hover { scale: 1.01; } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:rounded-md:hover { border-radius: var(--radius-md); } .hover\:border-primary\/75:hover { border-color: #193cb8bf; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/75:hover { border-color: color-mix(in oklab, var(--color-primary) 75%, transparent); } } .hover\:border-slate-300\!:hover { border-color: var(--color-slate-300) !important; } .hover\:border-b-primary\!:hover { border-bottom-color: var(--color-primary) !important; } .hover\:border-b-primary\/25:hover { border-bottom-color: #193cb840; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-b-primary\/25:hover { border-bottom-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-neutral-200\/60:hover { background-color: #e5e5e599; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-neutral-200\/60:hover { background-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent); } } .hover\:bg-primary\!:hover { background-color: var(--color-primary) !important; } .hover\:bg-primary\/5:hover { background-color: #193cb80d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/5:hover { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } .hover\:bg-primary\/90:hover { background-color: #193cb8e6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } .hover\:bg-secondary\/80:hover { background-color: #e2e8f0cc; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent); } } .hover\:bg-slate-100:hover { background-color: var(--color-slate-100); } .hover\:bg-slate-100\!:hover { background-color: var(--color-slate-100) !important; } .hover\:bg-slate-200\/60:hover { background-color: #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-slate-200\/60:hover { background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .hover\:bg-transparent\!:hover { background-color: #0000 !important; } .hover\:bg-white\/75\!:hover { background-color: #ffffffbf !important; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/75\!:hover { background-color: color-mix(in oklab, var(--color-white) 75%, transparent) !important; } } .hover\:bg-yellow-50:hover { background-color: var(--color-yellow-50); } .hover\:pl-4:hover { padding-left: calc(var(--spacing) * 4); } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-gray-400:hover { color: var(--color-gray-400); } .hover\:text-gray-500:hover { color: var(--color-gray-500); } .hover\:text-gray-700:hover { color: var(--color-gray-700); } .hover\:text-primary:hover { color: var(--color-primary); } .hover\:text-primary\/75:hover { color: #193cb8bf; } @supports (color: color-mix(in lab, red, red)) { .hover\:text-primary\/75:hover { color: color-mix(in oklab, var(--color-primary) 75%, transparent); } } .hover\:underline:hover { text-decoration-line: underline; } .hover\:decoration-current\!:hover { text-decoration-color: currentColor !important; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-none:hover { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-none\!:hover { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } .focus\:relative:focus { position: relative; } .focus\:z-10:focus { z-index: 10; } .focus\:w-72:focus { width: calc(var(--spacing) * 72); } .focus\:border-blue-300:focus { border-color: var(--color-blue-300); } .focus\:border-primary\/40:focus { border-color: #193cb866; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-primary\/40:focus { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } .focus\:border-primary\/40\!:focus { border-color: #193cb866 !important; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-primary\/40\!:focus { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important; } } .focus\:border-transparent:focus { border-color: #0000; } .focus\:border-transparent\!:focus { border-color: #0000 !important; } .focus\:ring:focus, .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-1\!:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .focus\: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-2\!:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .focus\:ring-4:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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-4\!:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .focus\:ring-danger\/20:focus { --tw-ring-color: #e4001433; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-danger\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } .focus\:ring-primary\/20:focus { --tw-ring-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-primary\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .focus\:ring-primary\/20\!:focus { --tw-ring-color: #193cb833 !important; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-primary\/20\!:focus { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } .focus\:ring-secondary\/20:focus { --tw-ring-color: #e2e8f033; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-secondary\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline:focus { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus\:outline-2:focus { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus\:outline-red-500:focus { outline-color: var(--color-red-500); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-danger\/20:focus-visible { --tw-ring-color: #e4001433; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-danger\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .focus-visible\:outline-hidden\!:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } @media (forced-colors: active) { .focus-visible\:outline-hidden\!:focus-visible { outline-offset: 2px !important; outline: 2px solid #0000 !important; } } .active\:bg-gray-100:active { background-color: var(--color-gray-100); } .active\:text-gray-500:active { color: var(--color-gray-500); } .active\:text-gray-700:active { color: var(--color-gray-700); } .active\:text-gray-800:active { color: var(--color-gray-800); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:cursor-not-allowed\!:disabled { cursor: not-allowed !important; } .disabled\:bg-slate-100:disabled { background-color: var(--color-slate-100); } .disabled\:opacity-50:disabled { opacity: .5; } .disabled\:opacity-70:disabled { opacity: .7; } .disabled\:opacity-70\!:disabled { opacity: .7 !important; } .disabled\:ring-4:disabled { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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); } .disabled\:ring-primary\/20:disabled { --tw-ring-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .disabled\:ring-primary\/20:disabled { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize { cursor: w-resize; } :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize { cursor: e-resize; } .has-disabled\:opacity-50:has(:disabled) { opacity: .5; } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; } .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; } .has-\[\>svg\]\:gap-x-3:has( > svg) { column-gap: calc(var(--spacing) * 3); } .has-\[\>svg\]\:px-2\.5:has( > svg) { padding-inline: calc(var(--spacing) * 2.5); } .has-\[\>svg\]\:px-3:has( > svg) { padding-inline: calc(var(--spacing) * 3); } .has-\[\>svg\]\:px-4:has( > svg) { padding-inline: calc(var(--spacing) * 4); } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: .5; } .data-simplebar\:fixed[data-simplebar] { position: fixed; } .data-\[active\=true\]\:z-10[data-active="true"] { z-index: 10; } .data-\[active\=true\]\:border-primary\/40[data-active="true"] { border-color: #193cb866; } @supports (color: color-mix(in lab, red, red)) { .data-\[active\=true\]\:border-primary\/40[data-active="true"] { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } .data-\[active\=true\]\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .data-\[active\=true\]\:ring-2[data-active="true"] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[active\=true\]\:ring-\[3px\][data-active="true"] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[active\=true\]\:ring-primary\/20[data-active="true"] { --tw-ring-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .data-\[active\=true\]\:ring-primary\/20[data-active="true"] { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] { height: 1px; } .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; } .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; } .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] { width: 1px; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: .3s; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: var(--color-secondary); } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: .5s; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .nth-last-2\:mb-0:nth-last-child(2) { margin-bottom: 0; } @media not all and (min-width: 80rem) { .max-xl\:mb-7 { margin-bottom: calc(var(--spacing) * 7); } .max-xl\:h-0 { height: 0; } .max-xl\:overflow-hidden { overflow: hidden; } .max-xl\:border-none\! { --tw-border-style: none !important; border-style: none !important; } } @media not all and (min-width: 64rem) { .max-lg\:mt-3 { margin-top: calc(var(--spacing) * 3); } .max-lg\:text-left { text-align: left; } } @media not all and (min-width: 48rem) { .max-md\:mt-2 { margin-top: calc(var(--spacing) * 2); } .max-md\:mr-auto { margin-right: auto; } .max-md\:ml-4 { margin-left: calc(var(--spacing) * 4); } .max-md\:w-44 { width: calc(var(--spacing) * 44); } } @media not all and (min-width: 40rem) { .max-sm\:ml-auto { margin-left: auto; } } @media (min-width: 40rem) { .sm\:right-0 { right: 0; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:-mx-8 { margin-inline: calc(var(--spacing) * -8); } .sm\:-mt-16 { margin-top: calc(var(--spacing) * -16); } .sm\:mt-0 { margin-top: 0; } .sm\:mt-2 { margin-top: calc(var(--spacing) * 2); } .sm\:mt-6 { margin-top: calc(var(--spacing) * 6); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mr-2 { margin-right: calc(var(--spacing) * 2); } .sm\:mr-5 { margin-right: calc(var(--spacing) * 5); } .sm\:mr-6 { margin-right: calc(var(--spacing) * 6); } .sm\:mb-0 { margin-bottom: 0; } .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .sm\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .sm\:mb-32 { margin-bottom: calc(var(--spacing) * 32); } .sm\:ml-auto { margin-left: auto; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:h-20 { height: calc(var(--spacing) * 20); } .sm\:h-24 { height: calc(var(--spacing) * 24); } .sm\:max-h-\[calc\(100vh-3rem-var\(--description-max-height\)-env\(safe-area-inset-bottom\)\)\] { max-height: calc(100vh - 3rem - var(--description-max-height) - env(safe-area-inset-bottom)); } .sm\:max-h-\[calc\(100vh-8rem-var\(--description-max-height\)-env\(safe-area-inset-bottom\)\)\] { max-height: calc(100vh - 8rem - var(--description-max-height) - env(safe-area-inset-bottom)); } .sm\:w-3\/4 { width: 75%; } .sm\:w-20 { width: calc(var(--spacing) * 20); } .sm\:w-24 { width: calc(var(--spacing) * 24); } .sm\:w-28 { width: calc(var(--spacing) * 28); } .sm\:w-40 { width: calc(var(--spacing) * 40); } .sm\:w-87\.5 { width: calc(var(--spacing) * 87.5); } .sm\:w-\[300px\] { width: 300px; } .sm\:w-\[460px\] { width: 460px; } .sm\:w-\[600px\] { width: 600px; } .sm\:w-\[616px\] { width: 616px; } .sm\:w-\[calc\(100vw-48px\)\] { width: calc(100vw - 48px); } .sm\:w-auto { width: auto; } .sm\:max-w-md { max-width: var(--container-md); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:flex-1 { flex: 1; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:items-center { align-items: center; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-start { justify-content: flex-start; } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10); } .sm\:text-left { text-align: left; } .sm\:text-right { text-align: right; } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:whitespace-normal { white-space: normal; } } @media (min-width: 48rem) { .md\:absolute { position: absolute; } .md\:top-0 { top: 0; } .md\:top-16\.75 { top: calc(var(--spacing) * 16.75); } .md\:top-26 { top: calc(var(--spacing) * 26); } .md\:left-0 { left: 0; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:mt-0 { margin-top: 0; } .md\:mt-3 { margin-top: calc(var(--spacing) * 3); } .md\:ml-0 { margin-left: 0; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:aspect-square { aspect-ratio: 1; } .md\:min-h-min { min-height: min-content; } .md\:w-\[720px\] { width: 720px; } .md\:max-w-lg { max-width: var(--container-lg); } .md\:max-w-xl { max-width: var(--container-xl); } .md\:columns-2 { columns: 2; } .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\:justify-center { justify-content: center; } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:px-5\.5 { padding-inline: calc(var(--spacing) * 5.5); } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .md\:opacity-0 { opacity: 0; } .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); } .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: 0; } .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: var(--radius-xl); } .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) { --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); } .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing) * 2); } .md\:after\:hidden:after { content: var(--tw-content); display: none; } } @media (min-width: 64rem) { .lg\:top-16\.5 { top: calc(var(--spacing) * 16.5); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-span-12 { grid-column: span 12 / span 12; } .lg\:mt-0 { margin-top: 0; } .lg\:mt-1 { margin-top: var(--spacing); } .lg\:mt-3 { margin-top: calc(var(--spacing) * 3); } .lg\:mr-3 { margin-right: calc(var(--spacing) * 3); } .lg\:ml-4 { margin-left: calc(var(--spacing) * 4); } .lg\:flex { display: flex; } .lg\:h-32 { height: calc(var(--spacing) * 32); } .lg\:w-2\/4 { width: 50%; } .lg\:w-32 { width: calc(var(--spacing) * 32); } .lg\:w-40 { width: calc(var(--spacing) * 40); } .lg\:w-\[900px\] { width: 900px; } .lg\:w-\[976px\] { width: 976px; } .lg\:max-w-2xl { max-width: var(--container-2xl); } .lg\:max-w-3xl { max-width: var(--container-3xl); } .lg\:columns-3 { columns: 3; } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:items-start { align-items: flex-start; } .lg\:justify-start { justify-content: flex-start; } .lg\:overflow-hidden { overflow: hidden; } .lg\:overflow-visible { overflow: visible; } .lg\:overflow-y-visible { overflow-y: visible; } .lg\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .lg\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:pt-0 { padding-top: 0; } .lg\:text-left { text-align: left; } .lg\:text-right { text-align: right; } } @media (min-width: 80rem) { .xl\:left-57\.5 { left: calc(var(--spacing) * 57.5); } .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-9 { grid-column: span 9 / span 9; } .xl\:my-6 { margin-block: calc(var(--spacing) * 6); } .xl\:my-40 { margin-block: calc(var(--spacing) * 40); } .xl\:-mt-20 { margin-top: calc(var(--spacing) * -20); } .xl\:mt-0 { margin-top: 0; } .xl\:mr-10\! { margin-right: calc(var(--spacing) * 10) !important; } .xl\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } .xl\:ml-0\! { margin-left: 0 !important; } .xl\:ml-5 { margin-left: calc(var(--spacing) * 5); } .xl\:ml-20 { margin-left: calc(var(--spacing) * 20); } .xl\:ml-64 { margin-left: calc(var(--spacing) * 64); } .xl\:ml-auto { margin-left: auto; } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:grid { display: grid; } .xl\:hidden { display: none; } .xl\:h-34\.75 { height: calc(var(--spacing) * 34.75); } .xl\:h-36 { height: calc(var(--spacing) * 36); } .xl\:h-40 { height: calc(var(--spacing) * 40); } .xl\:h-auto { height: auto; } .xl\:w-1\/2 { width: 50%; } .xl\:w-29\.5 { width: calc(var(--spacing) * 29.5); } .xl\:w-32 { width: calc(var(--spacing) * 32); } .xl\:w-36 { width: calc(var(--spacing) * 36); } .xl\:w-48 { width: calc(var(--spacing) * 48); } .xl\:w-57\.5 { width: calc(var(--spacing) * 57.5); } .xl\:w-64 { width: calc(var(--spacing) * 64); } .xl\:w-auto { width: auto; } .xl\:max-w-4xl { max-width: var(--container-4xl); } .xl\:max-w-5xl { max-width: var(--container-5xl); } .xl\:max-w-112\.5\! { max-width: calc(var(--spacing) * 112.5) !important; } .xl\:min-w-87\.5 { min-width: calc(var(--spacing) * 87.5); } .xl\:min-w-\[350px\] { min-width: 350px; } .xl\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:flex-row { flex-direction: row; } .xl\:justify-center\! { justify-content: center !important; } .xl\:justify-start { justify-content: flex-start; } .xl\:bg-gray-100 { background-color: var(--color-gray-100); } .xl\:bg-transparent { background-color: #0000; } .xl\:p-0 { padding: 0; } .xl\:py-0 { padding-block: 0; } .xl\:pr-10 { padding-right: calc(var(--spacing) * 10); } .xl\:pr-20 { padding-right: calc(var(--spacing) * 20); } .xl\:pl-5 { padding-left: calc(var(--spacing) * 5); } .xl\:pl-10 { padding-left: calc(var(--spacing) * 10); } .xl\:text-left { text-align: left; } .xl\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .xl\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .xl\:opacity-100 { opacity: 1; } .xl\:shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .xl\: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); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:left-23:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { left: calc(var(--spacing) * 23); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:my-3:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { margin-block: calc(var(--spacing) * 3); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:-ml-3:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { margin-left: calc(var(--spacing) * -3); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:hidden:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { display: none; } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:h-0:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { height: 0; } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:h-16:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { height: calc(var(--spacing) * 16); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:w-0:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { width: 0; } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:w-16:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { width: calc(var(--spacing) * 16); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:w-21\.25:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { width: calc(var(--spacing) * 21.25); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:scale-75:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:overflow-hidden:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { overflow: hidden; } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:border-none\!:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { --tw-border-style: none !important; border-style: none !important; } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:pl-0:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { padding-left: 0; } .xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:opacity-100:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { opacity: 1; } } .before\:xl\:block:before { content: var(--tw-content); } @media (min-width: 80rem) { .before\:xl\:block:before { display: block; } } .after\:xl\:block:after { content: var(--tw-content); } @media (min-width: 80rem) { .after\:xl\:block:after { display: block; } } @media (min-width: 96rem) { .\32 xl\:right-32 { right: calc(var(--spacing) * 32); } .\32 xl\:left-80 { left: calc(var(--spacing) * 80); } .\32 xl\:-mt-20\! { margin-top: calc(var(--spacing) * -20) !important; } .\32 xl\:mt-8\! { margin-top: calc(var(--spacing) * 8) !important; } .\32 xl\:mr-32 { margin-right: calc(var(--spacing) * 32); } .\32 xl\:-ml-10 { margin-left: calc(var(--spacing) * -10); } .\32 xl\:-ml-10\! { margin-left: calc(var(--spacing) * -10) !important; } .\32 xl\:-ml-30 { margin-left: calc(var(--spacing) * -30); } .\32 xl\:h-48 { height: calc(var(--spacing) * 48); } .\32 xl\:w-48 { width: calc(var(--spacing) * 48); } .\32 xl\:w-52 { width: calc(var(--spacing) * 52); } .\32 xl\:w-80 { width: calc(var(--spacing) * 80); } .\32 xl\:max-w-6xl { max-width: var(--container-6xl); } .\32 xl\:max-w-7xl { max-width: var(--container-7xl); } .\32 xl\:pl-10 { padding-left: calc(var(--spacing) * 10); } .\32 xl\:group-data-\[sidebar-state\=collapsed\]\/sidebar-wrapper\:-ml-4:is(:where(.group\/sidebar-wrapper)[data-sidebar-state="collapsed"] *) { margin-left: calc(var(--spacing) * -4); } } .rtl\:flex-row-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { flex-direction: row-reverse; } .rtl\:justify-end:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { justify-content: flex-end; } .rtl\:justify-start:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { justify-content: flex-start; } .dark\:border:is(.dark *) { border-style: var(--tw-border-style); border-width: 1px; } .dark\:border-\[\#3b5998\]:is(.dark *) { border-color: #3b5998; } .dark\:border-\[\#4ab3f4\]:is(.dark *) { border-color: #4ab3f4; } .dark\:border-\[\#0077b5\]:is(.dark *) { border-color: #0077b5; } .dark\:border-\[\#517fa4\]:is(.dark *) { border-color: #517fa4; } .dark\:border-danger:is(.dark *) { border-color: var(--color-danger); } .dark\:border-danger\!:is(.dark *) { border-color: var(--color-danger) !important; } .dark\:border-danger\/20:is(.dark *) { border-color: #e4001433; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-danger\/20:is(.dark *) { border-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } .dark\:border-darkmode-100\/30:is(.dark *) { border-color: #4a5a794d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-darkmode-100\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-100) 30%, transparent); } } .dark\:border-darkmode-100\/40:is(.dark *) { border-color: #4a5a7966; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-darkmode-100\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-100) 40%, transparent); } } .dark\:border-darkmode-100\/40\!:is(.dark *) { border-color: #4a5a7966 !important; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-darkmode-100\/40\!:is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-100) 40%, transparent) !important; } } .dark\:border-darkmode-300:is(.dark *) { border-color: var(--color-darkmode-300); } .dark\:border-darkmode-400:is(.dark *) { border-color: var(--color-darkmode-400); } .dark\:border-darkmode-400\/50:is(.dark *) { border-color: #303d5d80; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-darkmode-400\/50:is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-400) 50%, transparent); } } .dark\:border-darkmode-600:is(.dark *) { border-color: var(--color-darkmode-600); } .dark\:border-darkmode-800:is(.dark *) { border-color: var(--color-darkmode-800); } .dark\:border-darkmode-800\/60:is(.dark *) { border-color: #1b253b99; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-darkmode-800\/60:is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-800) 60%, transparent); } } .dark\:border-darkmode-900\/20:is(.dark *) { border-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-darkmode-900\/20:is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark\:border-gray-600:is(.dark *) { border-color: var(--color-gray-600); } .dark\:border-pending:is(.dark *) { border-color: var(--color-pending); } .dark\:border-pending\/20:is(.dark *) { border-color: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-pending\/20:is(.dark *) { border-color: color-mix(in oklab, var(--color-pending) 20%, transparent); } } .dark\:border-primary:is(.dark *) { border-color: var(--color-primary); } .dark\:border-primary\!:is(.dark *) { border-color: var(--color-primary) !important; } .dark\:border-primary\/75:is(.dark *) { border-color: #193cb8bf; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-primary\/75:is(.dark *) { border-color: color-mix(in oklab, var(--color-primary) 75%, transparent); } } .dark\:border-primary\/100:is(.dark *) { border-color: var(--color-primary); } .dark\:border-red-200\/10:is(.dark *) { border-color: #ffcaca1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-red-200\/10:is(.dark *) { border-color: color-mix(in oklab, var(--color-red-200) 10%, transparent); } } .dark\:border-secondary\!:is(.dark *) { border-color: var(--color-secondary) !important; } .dark\:border-slate-500:is(.dark *) { border-color: var(--color-slate-500); } .dark\:border-slate-500\/50:is(.dark *) { border-color: #62748e80; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-slate-500\/50:is(.dark *) { border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent); } } .dark\:border-success:is(.dark *) { border-color: var(--color-success); } .dark\:border-success\/20:is(.dark *) { border-color: #80cd0033; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-success\/20:is(.dark *) { border-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } .dark\:border-transparent:is(.dark *) { border-color: #0000; } .dark\:border-transparent\!:is(.dark *) { border-color: #0000 !important; } .dark\:border-warning:is(.dark *) { border-color: var(--color-warning); } .dark\:border-warning\/20:is(.dark *) { border-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-warning\/20:is(.dark *) { border-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } .dark\:border-white\/20:is(.dark *) { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-white\/20:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .dark\:border-white\/\[0\.07\]:is(.dark *) { border-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.07\]:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .dark\:border-yellow-600:is(.dark *) { border-color: var(--color-yellow-600); } .dark\:border-x-darkmode-400:is(.dark *) { border-inline-color: var(--color-darkmode-400); } .dark\:border-t-darkmode-400:is(.dark *) { border-top-color: var(--color-darkmode-400); } .dark\:border-r-darkmode-400:is(.dark *) { border-right-color: var(--color-darkmode-400); } .dark\:border-b-darkmode-600:is(.dark *) { border-bottom-color: var(--color-darkmode-600); } .dark\:border-b-primary\!:is(.dark *) { border-bottom-color: var(--color-primary) !important; } .dark\:border-b-slate-500\/50:is(.dark *) { border-bottom-color: #62748e80; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-b-slate-500\/50:is(.dark *) { border-bottom-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent); } } .dark\:border-l-slate-500\/50:is(.dark *) { border-left-color: #62748e80; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-l-slate-500\/50:is(.dark *) { border-left-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent); } } .dark\:bg-black\/20:is(.dark *) { background-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-black\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .dark\:bg-danger\/60:is(.dark *) { background-color: #e4001499; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-danger\/60:is(.dark *) { background-color: color-mix(in oklab, var(--color-danger) 60%, transparent); } } .dark\:bg-dark:is(.dark *) { background-color: var(--color-dark); } .dark\:bg-darkmode-100\!:is(.dark *) { background-color: var(--color-darkmode-100) !important; } .dark\:bg-darkmode-100\/10:is(.dark *) { background-color: #4a5a791a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-100\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-100) 10%, transparent); } } .dark\:bg-darkmode-100\/20:is(.dark *) { background-color: #4a5a7933; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-100\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-100) 20%, transparent); } } .dark\:bg-darkmode-300:is(.dark *) { background-color: var(--color-darkmode-300); } .dark\:bg-darkmode-400:is(.dark *) { background-color: var(--color-darkmode-400); } .dark\:bg-darkmode-400\/70:is(.dark *) { background-color: #303d5db3; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-400\/70:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-400) 70%, transparent); } } .dark\:bg-darkmode-500:is(.dark *) { background-color: var(--color-darkmode-500); } .dark\:bg-darkmode-600:is(.dark *) { background-color: var(--color-darkmode-600); } .dark\:bg-darkmode-600\!:is(.dark *) { background-color: var(--color-darkmode-600) !important; } .dark\:bg-darkmode-600\/20:is(.dark *) { background-color: #28334e33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-600\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-600) 20%, transparent); } } .dark\:bg-darkmode-600\/50:is(.dark *) { background-color: #28334e80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-600\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-600) 50%, transparent); } } .dark\:bg-darkmode-600\/90:is(.dark *) { background-color: #28334ee6; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-600\/90:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-600) 90%, transparent); } } .dark\:bg-darkmode-700:is(.dark *) { background-color: var(--color-darkmode-700); } .dark\:bg-darkmode-800:is(.dark *) { background-color: var(--color-darkmode-800); } .dark\:bg-darkmode-800\!:is(.dark *) { background-color: var(--color-darkmode-800) !important; } .dark\:bg-darkmode-800\/30:is(.dark *) { background-color: #1b253b4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-800\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 30%, transparent); } } .dark\:bg-darkmode-800\/40\!:is(.dark *) { background-color: #1b253b66 !important; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-800\/40\!:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 40%, transparent) !important; } } .dark\:bg-darkmode-900\/20:is(.dark *) { background-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-900\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark\:bg-darkmode-900\/30:is(.dark *) { background-color: #0f172a4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-darkmode-900\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-900) 30%, transparent); } } .dark\:bg-gray-700:is(.dark *) { background-color: var(--color-gray-700); } .dark\:bg-gray-800:is(.dark *) { background-color: var(--color-gray-800); } .dark\:bg-primary:is(.dark *) { background-color: var(--color-primary); } .dark\:bg-primary\/20:is(.dark *) { background-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-primary\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .dark\:bg-red-700\/10:is(.dark *) { background-color: #bf000f1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-700\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-700) 10%, transparent); } } .dark\:bg-slate-400\/10:is(.dark *) { background-color: #90a1b91a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-slate-400\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent); } } .dark\:bg-slate-500\/20:is(.dark *) { background-color: #62748e33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-slate-500\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .dark\:bg-slate-800\/20:is(.dark *) { background-color: #1d293d33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-slate-800\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-slate-800) 20%, transparent); } } .dark\:bg-success\/10:is(.dark *) { background-color: #80cd001a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-success\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } .dark\:bg-transparent:is(.dark *) { background-color: #0000; } .dark\:bg-white\/2:is(.dark *) { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-white\/2:is(.dark *) { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .dark\:bg-white\/\[0\.07\]:is(.dark *) { background-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-white\/\[0\.07\]:is(.dark *) { background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .dark\:fill-slate-400:is(.dark *) { fill: var(--color-slate-400); } .dark\:fill-white:is(.dark *) { fill: var(--color-white); } .dark\:stroke-neutral-100\/20:is(.dark *) { stroke: #f5f5f533; } @supports (color: color-mix(in lab, red, red)) { .dark\:stroke-neutral-100\/20:is(.dark *) { stroke: color-mix(in oklab, var(--color-neutral-100) 20%, transparent); } } .dark\:text-danger:is(.dark *) { color: var(--color-danger); } .dark\:text-danger\/75:is(.dark *) { color: #e40014bf; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-danger\/75:is(.dark *) { color: color-mix(in oklab, var(--color-danger) 75%, transparent); } } .dark\:text-dark:is(.dark *) { color: var(--color-dark); } .dark\:text-gray-200:is(.dark *) { color: var(--color-gray-200); } .dark\:text-gray-300:is(.dark *) { color: var(--color-gray-300); } .dark\:text-gray-400:is(.dark *) { color: var(--color-gray-400); } .dark\:text-gray-600:is(.dark *) { color: var(--color-gray-600); } .dark\:text-neutral-100:is(.dark *) { color: var(--color-neutral-100); } .dark\:text-neutral-400:is(.dark *) { color: var(--color-neutral-400); } .dark\:text-neutral-500:is(.dark *) { color: var(--color-neutral-500); } .dark\:text-red-100:is(.dark *) { color: var(--color-red-100); } .dark\:text-red-500:is(.dark *) { color: var(--color-red-500); } .dark\:text-secondary:is(.dark *) { color: var(--color-secondary); } .dark\:text-secondary\/40:is(.dark *) { color: #e2e8f066; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-secondary\/40:is(.dark *) { color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .dark\:text-slate-200:is(.dark *) { color: var(--color-slate-200); } .dark\:text-slate-300:is(.dark *) { color: var(--color-slate-300); } .dark\:text-slate-300\!:is(.dark *) { color: var(--color-slate-300) !important; } .dark\:text-slate-400:is(.dark *) { color: var(--color-slate-400); } .dark\:text-slate-400\!:is(.dark *) { color: var(--color-slate-400) !important; } .dark\:text-slate-400\/70:is(.dark *) { color: #90a1b9b3; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-slate-400\/70:is(.dark *) { color: color-mix(in oklab, var(--color-slate-400) 70%, transparent); } } .dark\:text-slate-400\/90:is(.dark *) { color: #90a1b9e6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-slate-400\/90:is(.dark *) { color: color-mix(in oklab, var(--color-slate-400) 90%, transparent); } } .dark\:text-slate-500:is(.dark *) { color: var(--color-slate-500); } .dark\:text-white:is(.dark *) { color: var(--color-white); } .dark\:text-white\/60:is(.dark *) { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/60:is(.dark *) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .dark\:text-white\/75:is(.dark *) { color: #ffffffbf; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/75:is(.dark *) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .dark\:text-white\/80:is(.dark *) { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/80:is(.dark *) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .dark\:text-yellow-500:is(.dark *) { color: var(--color-yellow-500); } .dark\:text-zinc-300:is(.dark *) { color: var(--color-zinc-300); } .dark\:decoration-neutral-500:is(.dark *) { -webkit-text-decoration-color: var(--color-neutral-500); -webkit-text-decoration-color: var(--color-neutral-500); text-decoration-color: var(--color-neutral-500); } .dark\:opacity-20:is(.dark *) { opacity: .2; } .dark\:opacity-50:is(.dark *) { opacity: .5; } .dark\:opacity-80:is(.dark *) { opacity: .8; } .dark\:shadow-\[0px_0px_0px_1px_\#3f4865\,1px_1px_2px_rgba\(0\,0\,0\,0\.32\)\]:is(.dark *) { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #3f4865), 1px 1px 2px var(--tw-shadow-color, #00000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0px_0px_0px_2px_\#3f4865\,1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\]:is(.dark *) { --tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, #3f4865), 1px 1px 5px var(--tw-shadow-color, #00000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-gray-400:is(.dark *) { --tw-shadow-color: oklch(70.7% .022 261.325); } @supports (color: color-mix(in lab, red, red)) { .dark\:shadow-gray-400:is(.dark *) { --tw-shadow-color: color-mix(in oklab, var(--color-gray-400) var(--tw-shadow-alpha), transparent); } } .dark\:shadow-gray-500:is(.dark *) { --tw-shadow-color: oklch(55.1% .027 264.364); } @supports (color: color-mix(in lab, red, red)) { .dark\:shadow-gray-500:is(.dark *) { --tw-shadow-color: color-mix(in oklab, var(--color-gray-500) var(--tw-shadow-alpha), transparent); } } .dark\:ring-slate-700\/50:is(.dark *) { --tw-ring-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .dark\:ring-slate-700\/50:is(.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .not-last\:dark\:border-darkmode-400:not(:last-child):is(.dark *) { border-color: var(--color-darkmode-400); } @media (hover: hover) { .dark\:group-hover\:bg-darkmode-800:is(.dark *):is(:where(.group):hover *) { background-color: var(--color-darkmode-800); } .dark\:group-hover\:text-shadow-white\/75:is(.dark *):is(:where(.group):hover *) { --tw-text-shadow-color: #ffffffbf; } @supports (color: color-mix(in lab, red, red)) { .dark\:group-hover\:text-shadow-white\/75:is(.dark *):is(:where(.group):hover *) { --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 75%, transparent) var(--tw-text-shadow-alpha), transparent); } } } .dark\:placeholder\:text-slate-500\/80:is(.dark *)::placeholder { color: #62748ecc; } @supports (color: color-mix(in lab, red, red)) { .dark\:placeholder\:text-slate-500\/80:is(.dark *)::placeholder { color: color-mix(in oklab, var(--color-slate-500) 80%, transparent); } } .dark\:before\:bg-darkmode-400:is(.dark *):before { content: var(--tw-content); background-color: var(--color-darkmode-400); } .dark\:before\:bg-darkmode-600:is(.dark *):before { content: var(--tw-content); background-color: var(--color-darkmode-600); } .dark\:before\:bg-darkmode-700:is(.dark *):before { content: var(--tw-content); background-color: var(--color-darkmode-700); } .dark\:before\:bg-breadcrumb-chevron-darkmode:is(.dark *):before { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right breadcrumb__icon'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); } .dark\:before\:bg-menu-corner-dark:is(.dark *):before { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23232e45'/%3E%3C/svg%3E%0A"); } .dark\:after\:bg-darkmode-700:is(.dark *):after { content: var(--tw-content); background-color: var(--color-darkmode-700); } .dark\:after\:bg-menu-corner-dark:is(.dark *):after { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23232e45'/%3E%3C/svg%3E%0A"); } @media (hover: hover) { .dark\:hover\:border-primary\/50:is(.dark *):hover { border-color: #193cb880; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:border-primary\/50:is(.dark *):hover { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .dark\:hover\:border-slate-600\!:is(.dark *):hover { border-color: var(--color-slate-600) !important; } .dark\:hover\:border-transparent:is(.dark *):hover { border-color: #0000; } .hover\:dark\:border-b-primary\!:hover:is(.dark *) { border-bottom-color: var(--color-primary) !important; } .hover\:dark\:border-b-primary\/25\!:hover:is(.dark *) { border-bottom-color: #193cb840 !important; } @supports (color: color-mix(in lab, red, red)) { .hover\:dark\:border-b-primary\/25\!:hover:is(.dark *) { border-bottom-color: color-mix(in oklab, var(--color-primary) 25%, transparent) !important; } } .dark\:hover\:bg-darkmode-400:is(.dark *):hover { background-color: var(--color-darkmode-400); } .dark\:hover\:bg-darkmode-600\/50\!:is(.dark *):hover { background-color: #28334e80 !important; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-darkmode-600\/50\!:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-darkmode-600) 50%, transparent) !important; } } .dark\:hover\:bg-darkmode-800\!:is(.dark *):hover { background-color: var(--color-darkmode-800) !important; } .dark\:hover\:bg-gray-900:is(.dark *):hover { background-color: var(--color-gray-900); } .dark\:hover\:bg-neutral-700\/60:is(.dark *):hover { background-color: #40404099; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-neutral-700\/60:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-neutral-700) 60%, transparent); } } .dark\:hover\:bg-yellow-900:is(.dark *):hover { background-color: var(--color-yellow-900); } .hover\:dark\:bg-darkmode-900\/20:hover:is(.dark *) { background-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .hover\:dark\:bg-darkmode-900\/20:hover:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark\:hover\:text-gray-200:is(.dark *):hover { color: var(--color-gray-200); } .dark\:hover\:text-gray-300:is(.dark *):hover { color: var(--color-gray-300); } } .dark\:focus\:border-blue-700:is(.dark *):focus { border-color: var(--color-blue-700); } .dark\:focus\:border-blue-800:is(.dark *):focus { border-color: var(--color-blue-800); } .dark\:focus\:ring-slate-700\/50:is(.dark *):focus { --tw-ring-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .dark\:focus\:ring-slate-700\/50:is(.dark *):focus { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .dark\:focus\:ring-slate-700\/50\!:is(.dark *):focus { --tw-ring-color: #31415880 !important; } @supports (color: color-mix(in lab, red, red)) { .dark\:focus\:ring-slate-700\/50\!:is(.dark *):focus { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent) !important; } } .dark\:focus-visible\:ring-danger\/40:is(.dark *):focus-visible { --tw-ring-color: #e4001466; } @supports (color: color-mix(in lab, red, red)) { .dark\:focus-visible\:ring-danger\/40:is(.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-danger) 40%, transparent); } } .dark\:active\:bg-gray-700:is(.dark *):active { background-color: var(--color-gray-700); } .dark\:active\:text-gray-300:is(.dark *):active { color: var(--color-gray-300); } .dark\:disabled\:border-transparent:is(.dark *):disabled { border-color: #0000; } .dark\:disabled\:border-transparent\!:is(.dark *):disabled { border-color: #0000 !important; } .dark\:disabled\:bg-darkmode-800\/50:is(.dark *):disabled { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .dark\:disabled\:bg-darkmode-800\/50:is(.dark *):disabled { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .disabled\:dark\:bg-darkmode-800\/50:disabled:is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .disabled\:dark\:bg-darkmode-800\/50:disabled:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .dark\:disabled\:ring-slate-700\/50:is(.dark *):disabled { --tw-ring-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .dark\:disabled\:ring-slate-700\/50:is(.dark *):disabled { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .dark\:data-\[active\=true\]\:ring-slate-700\/50:is(.dark *)[data-active="true"] { --tw-ring-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .dark\:data-\[active\=true\]\:ring-slate-700\/50:is(.dark *)[data-active="true"] { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } @media (min-width: 80rem) { .xl\:dark\:bg-darkmode-600:is(.dark *) { background-color: var(--color-darkmode-600); } } .\[\&_\.simplebar-scrollbar\]\:before\:bg-black\/50 .simplebar-scrollbar:before { content: var(--tw-content); background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .\[\&_\.simplebar-scrollbar\]\:before\:bg-black\/50 .simplebar-scrollbar:before { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .\[\&_p\]\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\:disabled\:checked\]\:cursor-not-allowed:disabled:checked { cursor: not-allowed; } .\[\&\:disabled\:checked\]\:opacity-70:disabled:checked { opacity: .7; } .\[\&\:disabled\:checked\]\:dark\:bg-darkmode-800\/50:disabled:checked:is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:disabled\:checked\]\:dark\:bg-darkmode-800\/50:disabled:checked:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .\[\&\:disabled\:not\(\:checked\)\]\:cursor-not-allowed:disabled:not(:checked) { cursor: not-allowed; } .\[\&\:disabled\:not\(\:checked\)\]\:bg-slate-100:disabled:not(:checked) { background-color: var(--color-slate-100); } .\[\&\:disabled\:not\(\:checked\)\]\:dark\:bg-darkmode-800\/50:disabled:not(:checked):is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:disabled\:not\(\:checked\)\]\:dark\:bg-darkmode-800\/50:disabled:not(:checked):is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-danger\/10:hover:not(:disabled) { border-color: #e400141a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-danger\/10:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-danger\/90:hover:not(:disabled) { border-color: #e40014e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-danger\/90:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-danger) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-danger\/90\!:hover:not(:disabled) { border-color: #e40014e6 !important; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-danger\/90\!:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-danger) 90%, transparent) !important; } } .\[\&\:hover\:not\(\:disabled\)\]\:border-darkmode-800\/10:hover:not(:disabled) { border-color: #1b253b1a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-darkmode-800\/10:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-darkmode-800) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-pending\/10:hover:not(:disabled) { border-color: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-pending\/10:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-pending) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-pending\/90:hover:not(:disabled) { border-color: #fe6e00e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-pending\/90:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-pending) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-primary\/10:hover:not(:disabled) { border-color: #193cb81a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-primary\/10:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-primary\/90:hover:not(:disabled) { border-color: #193cb8e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-primary\/90:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-primary\/90\!:hover:not(:disabled) { border-color: #193cb8e6 !important; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-primary\/90\!:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-primary) 90%, transparent) !important; } } .\[\&\:hover\:not\(\:disabled\)\]\:border-secondary\/90\!:hover:not(:disabled) { border-color: #e2e8f0e6 !important; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-secondary\/90\!:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-secondary) 90%, transparent) !important; } } .\[\&\:hover\:not\(\:disabled\)\]\:border-slate-100\/90:hover:not(:disabled) { border-color: #f1f5f9e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-slate-100\/90:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-slate-100) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-success\/10:hover:not(:disabled) { border-color: #80cd001a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-success\/10:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-success\/90:hover:not(:disabled) { border-color: #80cd00e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-success\/90:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-success) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-warning\/10:hover:not(:disabled) { border-color: #fac8001a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-warning\/10:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:border-warning\/90:hover:not(:disabled) { border-color: #fac800e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:border-warning\/90:hover:not(:disabled) { border-color: color-mix(in oklab, var(--color-warning) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\!:hover:not(:disabled) { background-color: var(--color-danger) !important; } .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\/10:hover:not(:disabled) { background-color: #e400141a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\/10:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\/90:hover:not(:disabled) { background-color: #e40014e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\/90:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-danger) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\/90\!:hover:not(:disabled) { background-color: #e40014e6 !important; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\/90\!:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-danger) 90%, transparent) !important; } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-dark\/10:hover:not(:disabled) { background-color: #1d293d1a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-dark\/10:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-dark) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-darkmode-800\/30:hover:not(:disabled) { background-color: #1b253b4d; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-darkmode-800\/30:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-darkmode-800) 30%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-pending\/10:hover:not(:disabled) { background-color: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-pending\/10:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-pending) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-pending\/90:hover:not(:disabled) { background-color: #fe6e00e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-pending\/90:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-pending) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\!:hover:not(:disabled) { background-color: var(--color-primary) !important; } .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\/10:hover:not(:disabled) { background-color: #193cb81a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\/10:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\/90:hover:not(:disabled) { background-color: #193cb8e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\/90:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\/90\!:hover:not(:disabled) { background-color: #193cb8e6 !important; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\/90\!:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent) !important; } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-secondary\/20:hover:not(:disabled) { background-color: #e2e8f033; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-secondary\/20:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-secondary\/90\!:hover:not(:disabled) { background-color: #e2e8f0e6 !important; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-secondary\/90\!:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent) !important; } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-slate-100\/90:hover:not(:disabled) { background-color: #f1f5f9e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-slate-100\/90:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-slate-100) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-slate-200\!:hover:not(:disabled) { background-color: var(--color-slate-200) !important; } .\[\&\:hover\:not\(\:disabled\)\]\:bg-slate-300\/10:hover:not(:disabled) { background-color: #cad5e21a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-slate-300\/10:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-slate-300) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-success\/10:hover:not(:disabled) { background-color: #80cd001a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-success\/10:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-success\/90:hover:not(:disabled) { background-color: #80cd00e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-success\/90:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-success) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-transparent:hover:not(:disabled) { background-color: #0000; } .\[\&\:hover\:not\(\:disabled\)\]\:bg-warning\/10:hover:not(:disabled) { background-color: #fac8001a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-warning\/10:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:bg-warning\/90:hover:not(:disabled) { background-color: #fac800e6; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:bg-warning\/90:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-warning) 90%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-100\/20:hover:not(:disabled):is(.dark *) { border-color: #4a5a7933; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-100\/20:hover:not(:disabled):is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-100) 20%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-300\/80:hover:not(:disabled):is(.dark *) { border-color: #354567cc; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-300\/80:hover:not(:disabled):is(.dark *) { border-color: color-mix(in oklab, var(--color-darkmode-300) 80%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-800:hover:not(:disabled):is(.dark *) { border-color: var(--color-darkmode-800); } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-primary\/60:hover:not(:disabled):is(.dark *) { border-color: #193cb899; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-primary\/60:hover:not(:disabled):is(.dark *) { border-color: color-mix(in oklab, var(--color-primary) 60%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-100\/10:hover:not(:disabled):is(.dark *) { background-color: #4a5a791a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-100\/10:hover:not(:disabled):is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-100) 10%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-300\/80:hover:not(:disabled):is(.dark *) { background-color: #354567cc; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-300\/80:hover:not(:disabled):is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-300) 80%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-800\/30:hover:not(:disabled):is(.dark *) { background-color: #1b253b4d; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-800\/30:hover:not(:disabled):is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 30%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-800\/50:hover:not(:disabled):is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-800\/50:hover:not(:disabled):is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:dark\:bg-darkmode-800\/70:hover:not(:disabled):is(.dark *):is(.dark *) { background-color: #1b253bb3; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:hover\:not\(\:disabled\)\]\:dark\:dark\:bg-darkmode-800\/70:hover:not(:disabled):is(.dark *):is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 70%, transparent); } } .\[\.border-b\]\:pb-6.border-b { padding-bottom: calc(var(--spacing) * 6); } .\[\.border-t\]\:pt-6.border-t { padding-top: calc(var(--spacing) * 6); } .\[\[readonly\]\]\:cursor-not-allowed[readonly] { cursor: not-allowed; } .\[\[readonly\]\]\:bg-slate-100[readonly] { background-color: var(--color-slate-100); } .\[\[readonly\]\]\:dark\:border-transparent[readonly]:is(.dark *) { border-color: #0000; } .\[\[readonly\]\]\:dark\:border-transparent\![readonly]:is(.dark *) { border-color: #0000 !important; } .\[\[readonly\]\]\:dark\:bg-darkmode-800\/50[readonly]:is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .\[\[readonly\]\]\:dark\:bg-darkmode-800\/50[readonly]:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .\[\&\:not\(button\)\]\:text-center:not(button) { text-align: center; } .\[\&\>button\]\:hidden > button { display: none; } @media (hover: hover) { .\[\&\>div\:nth-child\(1\)\]\:group-hover\:before\:bg-white\/5 > div:first-child:is(:where(.group):hover *):before { content: var(--tw-content); background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .\[\&\>div\:nth-child\(1\)\]\:group-hover\:before\:bg-white\/5 > div:first-child:is(:where(.group):hover *):before { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .\[\&\>div\:nth-child\(1\)\]\:group-hover\:dark\:before\:bg-darkmode-500\/70 > div:first-child:is(:where(.group):hover *):is(.dark *):before { content: var(--tw-content); background-color: #293552b3; } @supports (color: color-mix(in lab, red, red)) { .\[\&\>div\:nth-child\(1\)\]\:group-hover\:dark\:before\:bg-darkmode-500\/70 > div:first-child:is(:where(.group):hover *):is(.dark *):before { background-color: color-mix(in oklab, var(--color-darkmode-500) 70%, transparent); } } } .\[\&\>span\:last-child\]\:truncate > span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; } .\[\&\>svg\]\:size-3 > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; } .\[\&\>svg\]\:translate-y-0\.5 > svg { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>svg\]\:text-current > svg { color: currentColor; } .\[\&\[readonly\]\]\:cursor-not-allowed[readonly] { cursor: not-allowed; } .\[\&\[readonly\]\]\:bg-slate-100[readonly] { background-color: var(--color-slate-100); } .\[\&\[readonly\]\]\:dark\:border-transparent[readonly]:is(.dark *) { border-color: #0000; } .\[\&\[readonly\]\]\:dark\:bg-darkmode-800\/50[readonly]:is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .\[\&\[readonly\]\]\:dark\:bg-darkmode-800\/50[readonly]:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .\[\&\[type\=\'checkbox\'\]\]\:checked\:border-primary\/10[type="checkbox"]:checked { border-color: #193cb81a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\[type\=\'checkbox\'\]\]\:checked\:border-primary\/10[type="checkbox"]:checked { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .\[\&\[type\=\'checkbox\'\]\]\:checked\:bg-primary[type="checkbox"]:checked { background-color: var(--color-primary); } .\[\&\[type\=\'radio\'\]\]\:checked\:border-primary\/10[type="radio"]:checked { border-color: #193cb81a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\[type\=\'radio\'\]\]\:checked\:border-primary\/10[type="radio"]:checked { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .\[\&\[type\=\'radio\'\]\]\:checked\:bg-primary[type="radio"]:checked { background-color: var(--color-primary); } [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: calc(var(--spacing) * -2); } [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; } [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: calc(var(--spacing) * -2); } [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; } @media (hover: hover) { a.\[a\&\]\:hover\:bg-danger\/90:hover { background-color: #e40014e6; } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-danger\/90:hover { background-color: color-mix(in oklab, var(--color-danger) 90%, transparent); } } a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: #193cb8e6; } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: #e2e8f0e6; } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent); } } } .dark :scope { color-scheme: dark; } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } .dark { --color-primary: var(--color-blue-700); --sidebar-background: #121212; --sidebar-foreground: #f5f5f5; --sidebar-primary: #fff; --sidebar-primary-foreground: #fff; --sidebar-accent: #292929; --sidebar-accent-foreground: #f4f4f5; --sidebar-border: #292929; --sidebar-ring: #3b82f6; --sidebar: #18181b; } .dark *, .dark :after, .dark :before, .dark ::backdrop { border-color: var(--color-gray-400, currentcolor); } .dark ::file-selector-button { border-color: var(--color-gray-400, currentcolor); } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local(Roboto Thin Italic), local(Roboto-ThinItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local(Roboto Thin Italic), local(Roboto-ThinItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local(Roboto Thin Italic), local(Roboto-ThinItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local(Roboto Thin Italic), local(Roboto-ThinItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local(Roboto Thin Italic), local(Roboto-ThinItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local(Roboto Thin Italic), local(Roboto-ThinItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local(Roboto Thin Italic), local(Roboto-ThinItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local(Roboto Light Italic), local(Roboto-LightItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local(Roboto Light Italic), local(Roboto-LightItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local(Roboto Light Italic), local(Roboto-LightItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local(Roboto Light Italic), local(Roboto-LightItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local(Roboto Light Italic), local(Roboto-LightItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local(Roboto Light Italic), local(Roboto-LightItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local(Roboto Light Italic), local(Roboto-LightItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local(Roboto Italic), local(Roboto-Italic), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local(Roboto Italic), local(Roboto-Italic), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local(Roboto Italic), local(Roboto-Italic), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local(Roboto Italic), local(Roboto-Italic), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local(Roboto Italic), local(Roboto-Italic), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local(Roboto Italic), local(Roboto-Italic), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local(Roboto Italic), local(Roboto-Italic), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local(Roboto Medium Italic), local(Roboto-MediumItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local(Roboto Medium Italic), local(Roboto-MediumItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local(Roboto Medium Italic), local(Roboto-MediumItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local(Roboto Medium Italic), local(Roboto-MediumItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local(Roboto Medium Italic), local(Roboto-MediumItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local(Roboto Medium Italic), local(Roboto-MediumItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local(Roboto Medium Italic), local(Roboto-MediumItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local(Roboto Bold Italic), local(Roboto-BoldItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local(Roboto Bold Italic), local(Roboto-BoldItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local(Roboto Bold Italic), local(Roboto-BoldItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local(Roboto Bold Italic), local(Roboto-BoldItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local(Roboto Bold Italic), local(Roboto-BoldItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local(Roboto Bold Italic), local(Roboto-BoldItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local(Roboto Bold Italic), local(Roboto-BoldItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local(Roboto Black Italic), local(Roboto-BlackItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local(Roboto Black Italic), local(Roboto-BlackItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local(Roboto Black Italic), local(Roboto-BlackItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local(Roboto Black Italic), local(Roboto-BlackItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local(Roboto Black Italic), local(Roboto-BlackItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local(Roboto Black Italic), local(Roboto-BlackItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local(Roboto Black Italic), local(Roboto-BlackItalic), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local(Roboto Thin), local(Roboto-Thin), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local(Roboto Thin), local(Roboto-Thin), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local(Roboto Thin), local(Roboto-Thin), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local(Roboto Thin), local(Roboto-Thin), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local(Roboto Thin), local(Roboto-Thin), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local(Roboto Thin), local(Roboto-Thin), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local(Roboto Thin), local(Roboto-Thin), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local(Roboto Light), local(Roboto-Light), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local(Roboto Light), local(Roboto-Light), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local(Roboto Light), local(Roboto-Light), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local(Roboto Light), local(Roboto-Light), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local(Roboto Light), local(Roboto-Light), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local(Roboto Light), local(Roboto-Light), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local(Roboto Light), local(Roboto-Light), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local(Roboto), local(Roboto-Regular), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local(Roboto), local(Roboto-Regular), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local(Roboto), local(Roboto-Regular), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local(Roboto), local(Roboto-Regular), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local(Roboto), local(Roboto-Regular), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local(Roboto), local(Roboto-Regular), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local(Roboto), local(Roboto-Regular), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local(Roboto Medium), local(Roboto-Medium), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local(Roboto Medium), local(Roboto-Medium), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local(Roboto Medium), local(Roboto-Medium), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local(Roboto Medium), local(Roboto-Medium), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local(Roboto Medium), local(Roboto-Medium), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local(Roboto Medium), local(Roboto-Medium), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local(Roboto Medium), local(Roboto-Medium), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local(Roboto Bold), local(Roboto-Bold), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local(Roboto Bold), local(Roboto-Bold), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local(Roboto Bold), local(Roboto-Bold), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local(Roboto Bold), local(Roboto-Bold), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local(Roboto Bold), local(Roboto-Bold), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local(Roboto Bold), local(Roboto-Bold), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local(Roboto Bold), local(Roboto-Bold), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local(Roboto Black), local(Roboto-Black), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local(Roboto Black), local(Roboto-Black), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local(Roboto Black), local(Roboto-Black), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local(Roboto Black), local(Roboto-Black), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local(Roboto Black), local(Roboto-Black), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local(Roboto Black), local(Roboto-Black), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local(Roboto Black), local(Roboto-Black), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } [data-simplebar] { flex-flow: column wrap; place-content: flex-start; align-items: flex-start; position: relative; } .simplebar-wrapper { width: inherit; height: inherit; max-width: inherit; max-height: inherit; overflow: hidden; } .simplebar-mask { direction: inherit; z-index: 0; margin: 0; padding: 0; position: absolute; inset: 0; overflow: hidden; width: auto !important; height: auto !important; } .simplebar-offset { -webkit-overflow-scrolling: touch; margin: 0; padding: 0; position: absolute; inset: 0; direction: inherit !important; box-sizing: inherit !important; resize: none !important; } .simplebar-content-wrapper { direction: inherit; scrollbar-width: none; -ms-overflow-style: none; width: auto; max-width: 100%; height: 100%; max-height: 100%; display: block; position: relative; box-sizing: border-box !important; } .simplebar-content-wrapper::-webkit-scrollbar { width: 0; height: 0; display: none; } .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; display: none; } .simplebar-content:before, .simplebar-content:after { content: " "; display: table; } .simplebar-placeholder { pointer-events: none; width: 100%; max-width: 100%; max-height: 100%; } .simplebar-height-auto-observer-wrapper { float: left; z-index: -1; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; width: 100%; max-width: 1px; height: 100%; max-height: 1px; margin: 0; padding: 0; position: relative; overflow: hidden; box-sizing: inherit !important; } .simplebar-height-auto-observer { box-sizing: inherit; opacity: 0; pointer-events: none; z-index: -1; width: 1000%; min-width: 1px; height: 1000%; min-height: 1px; display: block; position: absolute; top: 0; left: 0; overflow: hidden; } .simplebar-track { z-index: 1; pointer-events: none; position: absolute; bottom: 0; right: 0; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { min-height: 10px; position: absolute; left: 0; right: 0; } .simplebar-scrollbar:before { content: ""; opacity: 0; background: #000; border-radius: 7px; transition: opacity .2s linear; position: absolute; left: 2px; right: 2px; } .simplebar-scrollbar.simplebar-visible:before { opacity: .5; transition: opacity linear; } .simplebar-track.simplebar-vertical { width: 11px; top: 0; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { height: 11px; left: 0; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { width: auto; min-width: 10px; height: 7px; min-height: 0; top: 2px; left: 0; right: auto; } [data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { left: 0; right: auto; } .hs-dummy-scrollbar-size { opacity: 0; visibility: hidden; direction: rtl; width: 500px; height: 500px; position: fixed; overflow: scroll hidden; } .simplebar-hide-scrollbar { visibility: hidden; scrollbar-width: none; -ms-overflow-style: none; position: fixed; left: 0; overflow-y: scroll; } .tabulator { text-align: left; background-color: #888; border: 1px solid #999; font-size: 14px; position: relative; overflow: hidden; transform: translateZ(0); } .tabulator[tabulator-layout="fitDataFill"] .tabulator-tableholder .tabulator-table { min-width: 100%; } .tabulator[tabulator-layout="fitDataTable"] { display: inline-block; } .tabulator.tabulator-block-select, .tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing) { -webkit-user-select: none; user-select: none; } .tabulator .tabulator-header { box-sizing: border-box; color: #555; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -o-user-select: none; background-color: #e6e6e6; border-bottom: 1px solid #999; outline: none; width: 100%; font-weight: bold; position: relative; overflow: hidden; } .tabulator .tabulator-header.tabulator-header-hidden { display: none; } .tabulator .tabulator-header .tabulator-header-contents { position: relative; overflow: hidden; } .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers { display: inline-block; } .tabulator .tabulator-header .tabulator-col { box-sizing: border-box; text-align: left; vertical-align: bottom; background: #e6e6e6; border-right: 1px solid #aaa; flex-direction: column; justify-content: flex-start; display: inline-flex; position: relative; overflow: hidden; } .tabulator .tabulator-header .tabulator-col.tabulator-moving { pointer-events: none; background: #cdcdcd; border: 1px solid #999; position: absolute; } .tabulator .tabulator-header .tabulator-col.tabulator-range-highlight { color: #000; background-color: #d6d6d6; } .tabulator .tabulator-header .tabulator-col.tabulator-range-selected { color: #fff; background-color: #3876ca; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content { box-sizing: border-box; padding: 4px; position: relative; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button { padding: 0 8px; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover { cursor: pointer; opacity: .6; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder { position: relative; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title { box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; width: 100%; overflow: hidden; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap { white-space: normal; text-overflow: initial; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor { box-sizing: border-box; background: #fff; border: 1px solid #999; width: 100%; padding: 1px; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor { width: calc(100% - 22px); } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter { align-items: center; display: flex; position: absolute; top: 0; bottom: 0; right: 4px; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow { border-bottom: 6px solid #bbb; border-left: 6px solid #0000; border-right: 6px solid #0000; width: 0; height: 0; } .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols { border-top: 1px solid #aaa; margin-right: -1px; display: flex; position: relative; overflow: hidden; } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter { box-sizing: border-box; text-align: center; width: 100%; margin-top: 2px; position: relative; } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea { height: auto !important; } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg { margin-top: 3px; } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear { width: 0; height: 0; } .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title { padding-right: 25px; } @media (hover: hover) and (pointer: fine) { .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover { cursor: pointer; background-color: #cdcdcd; } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter { color: #bbb; } @media (hover: hover) and (pointer: fine) { .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover { cursor: pointer; border-bottom: 6px solid #555; } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow { border-top: none; border-bottom: 6px solid #bbb; } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter { color: #666; } @media (hover: hover) and (pointer: fine) { .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover { cursor: pointer; border-bottom: 6px solid #555; } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow { border-top: none; border-bottom: 6px solid #666; } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter { color: #666; } @media (hover: hover) and (pointer: fine) { .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover { cursor: pointer; border-top: 6px solid #555; } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow { color: #666; border-top: 6px solid #666; border-bottom: none; } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title { writing-mode: vertical-rl; text-orientation: mixed; justify-content: center; align-items: center; display: flex; } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title { transform: rotate(180deg); } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title { padding-top: 20px; padding-right: 0; } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title { padding-bottom: 20px; padding-right: 0; } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter { justify-content: center; inset: 4px 0 auto; } .tabulator .tabulator-header .tabulator-frozen { z-index: 11; position: sticky; left: 0; } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left { border-right: 2px solid #aaa; } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right { border-left: 2px solid #aaa; } .tabulator .tabulator-header .tabulator-calcs-holder { box-sizing: border-box; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; display: inline-block; background: #f3f3f3 !important; } .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row { background: #f3f3f3 !important; } .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle { display: none; } .tabulator .tabulator-header .tabulator-frozen-rows-holder { display: inline-block; } .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty { display: none; } .tabulator .tabulator-tableholder { white-space: nowrap; -webkit-overflow-scrolling: touch; width: 100%; position: relative; overflow: auto; } .tabulator .tabulator-tableholder:focus { outline: none; } .tabulator .tabulator-tableholder .tabulator-placeholder { box-sizing: border-box; justify-content: center; align-items: center; width: 100%; min-width: 100%; display: flex; } .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode="virtual"] { min-height: 100%; } .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents { text-align: center; color: #ccc; white-space: normal; padding: 10px; font-size: 20px; font-weight: bold; display: inline-block; } .tabulator .tabulator-tableholder .tabulator-table { white-space: nowrap; color: #333; background-color: #fff; display: inline-block; position: relative; overflow: visible; } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs { font-weight: bold; background: #e2e2e2 !important; } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top { border-bottom: 2px solid #aaa; } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom { border-top: 2px solid #aaa; } .tabulator .tabulator-tableholder .tabulator-range-overlay { z-index: 10; pointer-events: none; position: absolute; inset: 0; } .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range { box-sizing: border-box; border: 1px solid #2975dd; position: absolute; } .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after { content: ""; background-color: #2975dd; border-radius: 999px; width: 6px; height: 6px; position: absolute; bottom: -3px; right: -3px; } .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active { box-sizing: border-box; border: 2px solid #2975dd; position: absolute; } .tabulator .tabulator-footer { color: #555; white-space: nowrap; -webkit-user-select: none; user-select: none; -khtml-user-select: none; -o-user-select: none; background-color: #e6e6e6; border-top: 1px solid #999; font-weight: bold; } .tabulator .tabulator-footer .tabulator-footer-contents { flex-direction: row; justify-content: space-between; align-items: center; padding: 5px 10px; display: flex; } .tabulator .tabulator-footer .tabulator-footer-contents:empty { display: none; } .tabulator .tabulator-footer .tabulator-spreadsheet-tabs { margin-top: -5px; overflow-x: auto; } .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab { border: 1px solid #999; border-top: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 5px; font-size: .9em; display: inline-block; } .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover { cursor: pointer; opacity: .7; } .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active { background: #fff; } .tabulator .tabulator-footer .tabulator-calcs-holder { box-sizing: border-box; text-align: left; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; width: 100%; overflow: hidden; background: #f3f3f3 !important; } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row { display: inline-block; background: #f3f3f3 !important; } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle { display: none; } .tabulator .tabulator-footer .tabulator-calcs-holder:only-child { border-bottom: none; margin-bottom: -5px; } .tabulator .tabulator-footer > * + .tabulator-page-counter { margin-left: 10px; } .tabulator .tabulator-footer .tabulator-page-counter { font-weight: normal; } .tabulator .tabulator-footer .tabulator-paginator { text-align: right; color: #555; font-family: inherit; font-weight: inherit; font-size: inherit; flex: 1; } .tabulator .tabulator-footer .tabulator-page-size { border: 1px solid #aaa; border-radius: 3px; margin: 0 5px; padding: 2px 5px; display: inline-block; } .tabulator .tabulator-footer .tabulator-pages { margin: 0 7px; } .tabulator .tabulator-footer .tabulator-page { background: #fff3; border: 1px solid #aaa; border-radius: 3px; margin: 0 2px; padding: 2px 5px; display: inline-block; } .tabulator .tabulator-footer .tabulator-page.active { color: #d00; } .tabulator .tabulator-footer .tabulator-page:disabled { opacity: .5; } @media (hover: hover) and (pointer: fine) { .tabulator .tabulator-footer .tabulator-page:not(disabled):hover { cursor: pointer; color: #fff; background: #0003; } } .tabulator .tabulator-col-resize-handle { z-index: 11; vertical-align: middle; width: 6px; margin-left: -3px; margin-right: -3px; display: inline-block; position: relative; } @media (hover: hover) and (pointer: fine) { .tabulator .tabulator-col-resize-handle:hover { cursor: ew-resize; } } .tabulator .tabulator-col-resize-handle:last-of-type { width: 3px; margin-right: 0; } .tabulator .tabulator-col-resize-guide { opacity: .5; background-color: #999; width: 4px; height: 100%; margin-left: -.5px; position: absolute; top: 0; } .tabulator .tabulator-row-resize-guide { opacity: .5; background-color: #999; width: 100%; height: 4px; margin-top: -.5px; position: absolute; left: 0; } .tabulator .tabulator-alert { z-index: 100; text-align: center; background: #0006; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; } .tabulator .tabulator-alert .tabulator-alert-msg { background: #fff; border-radius: 10px; margin: 0 auto; padding: 10px 20px; font-size: 16px; font-weight: bold; display: inline-block; } .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg { color: #000; border: 4px solid #333; } .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error { color: #590000; border: 4px solid #d00; } .tabulator-row { box-sizing: border-box; background-color: #fff; min-height: 22px; position: relative; } .tabulator-row.tabulator-row-even { background-color: #efefef; } @media (hover: hover) and (pointer: fine) { .tabulator-row.tabulator-selectable:hover { cursor: pointer; background-color: #bbb; } } .tabulator-row.tabulator-selected { background-color: #9abcea; } @media (hover: hover) and (pointer: fine) { .tabulator-row.tabulator-selected:hover { cursor: pointer; background-color: #769bcc; } } .tabulator-row.tabulator-row-moving { background: #fff; border: 1px solid #000; } .tabulator-row.tabulator-moving { pointer-events: none; z-index: 15; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; position: absolute; } .tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header { color: #000; background-color: #d6d6d6; } .tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header, .tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header { color: #fff; background-color: #3876ca; } .tabulator-row .tabulator-row-resize-handle { height: 5px; position: absolute; bottom: 0; left: 0; right: 0; } .tabulator-row .tabulator-row-resize-handle.prev { top: 0; bottom: auto; } @media (hover: hover) and (pointer: fine) { .tabulator-row .tabulator-row-resize-handle:hover { cursor: ns-resize; } } .tabulator-row .tabulator-responsive-collapse { box-sizing: border-box; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 5px; } .tabulator-row .tabulator-responsive-collapse:empty { display: none; } .tabulator-row .tabulator-responsive-collapse table { font-size: 14px; } .tabulator-row .tabulator-responsive-collapse table tr td { position: relative; } .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type { padding-right: 10px; } .tabulator-row .tabulator-cell { box-sizing: border-box; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; border-right: 1px solid #aaa; outline: none; padding: 4px; display: inline-block; position: relative; overflow: hidden; } .tabulator-row .tabulator-cell.tabulator-row-header { background: #e6e6e6; border-bottom: 1px solid #aaa; border-right: 1px solid #999; } .tabulator-row .tabulator-cell.tabulator-frozen { background-color: inherit; z-index: 11; display: inline-block; position: sticky; left: 0; } .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left { border-right: 2px solid #aaa; } .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right { border-left: 2px solid #aaa; } .tabulator-row .tabulator-cell.tabulator-editing { border: 1px solid #1d68cd; outline: none; padding: 0; } .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select { background: none; border: 1px; outline: none; } .tabulator-row .tabulator-cell.tabulator-validation-fail { border: 1px solid #d00; } .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select { color: #d00; background: none; border: 1px; } .tabulator-row .tabulator-cell.tabulator-row-handle { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -o-user-select: none; justify-content: center; align-items: center; display: inline-flex; } .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box { width: 80%; } .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar { background: #666; width: 100%; height: 3px; margin-top: 2px; } .tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) { background-color: #9abcea; } .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty { width: 7px; display: inline-block; } .tabulator-row .tabulator-cell .tabulator-data-tree-branch { vertical-align: middle; border-bottom: 2px solid #aaa; border-left: 2px solid #aaa; border-bottom-left-radius: 1px; width: 7px; height: 9px; margin-top: -9px; margin-right: 5px; display: inline-block; } .tabulator-row .tabulator-cell .tabulator-data-tree-control { vertical-align: middle; background: #0000001a; border: 1px solid #333; border-radius: 2px; justify-content: center; align-items: center; width: 11px; height: 11px; margin-right: 5px; display: inline-flex; overflow: hidden; } @media (hover: hover) and (pointer: fine) { .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover { cursor: pointer; background: #0003; } } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse { background: none; width: 1px; height: 7px; display: inline-block; position: relative; } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after { content: ""; background: #333; width: 7px; height: 1px; position: absolute; top: 3px; left: -3px; } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand { background: #333; width: 1px; height: 7px; display: inline-block; position: relative; } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after { content: ""; background: #333; width: 7px; height: 1px; position: absolute; top: 3px; left: -3px; } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -o-user-select: none; color: #fff; background: #666; border-radius: 20px; justify-content: center; align-items: center; width: 15px; height: 15px; font-size: 1.1em; font-weight: bold; display: inline-flex; } @media (hover: hover) and (pointer: fine) { .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover { opacity: .7; cursor: pointer; } } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close { display: initial; } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open { display: none; } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg { stroke: #fff; } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close { display: none; } .tabulator-row .tabulator-cell .tabulator-traffic-light { border-radius: 14px; width: 14px; height: 14px; display: inline-block; } .tabulator-row.tabulator-group { box-sizing: border-box; background: #ccc; border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #aaa; min-width: 100%; padding: 5px 5px 5px 10px; font-weight: bold; } @media (hover: hover) and (pointer: fine) { .tabulator-row.tabulator-group:hover { cursor: pointer; background-color: #0000001a; } } .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow { border: 6px solid #0000; border-top-color: #666; border-bottom: 0; margin-right: 10px; } .tabulator-row.tabulator-group.tabulator-group-level-1 { padding-left: 30px; } .tabulator-row.tabulator-group.tabulator-group-level-2 { padding-left: 50px; } .tabulator-row.tabulator-group.tabulator-group-level-3 { padding-left: 70px; } .tabulator-row.tabulator-group.tabulator-group-level-4 { padding-left: 90px; } .tabulator-row.tabulator-group.tabulator-group-level-5 { padding-left: 110px; } .tabulator-row.tabulator-group .tabulator-group-toggle { display: inline-block; } .tabulator-row.tabulator-group .tabulator-arrow { vertical-align: middle; border: 6px solid #0000; border-left-color: #666; border-right: 0; width: 0; height: 0; margin-right: 16px; display: inline-block; } .tabulator-row.tabulator-group span { color: #d00; margin-left: 10px; } .tabulator-toggle { box-sizing: border-box; background: #dcdcdc; border: 1px solid #ccc; flex-direction: row; display: flex; } .tabulator-toggle.tabulator-toggle-on { background: #1c6cc2; } .tabulator-toggle .tabulator-toggle-switch { box-sizing: border-box; background: #fff; border: 1px solid #ccc; } .tabulator-popup-container { box-sizing: border-box; -webkit-overflow-scrolling: touch; z-index: 10000; background: #fff; border: 1px solid #aaa; font-size: 14px; display: inline-block; position: absolute; overflow-y: auto; box-shadow: 0 0 5px #0003; } .tabulator-popup { border-radius: 3px; padding: 5px; } .tabulator-tooltip { max-width: min(500px, 100%); box-shadow: none; pointer-events: none; border-radius: 2px; padding: 3px 5px; font-size: 12px; } .tabulator-menu .tabulator-menu-item { box-sizing: border-box; -webkit-user-select: none; user-select: none; padding: 5px 10px; position: relative; } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled { opacity: .5; } @media (hover: hover) and (pointer: fine) { .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover { cursor: pointer; background: #efefef; } } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu { padding-right: 25px; } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after { content: ""; vertical-align: top; border: 1px solid #aaa; border-width: 1px 1px 0 0; width: 7px; height: 7px; display: inline-block; position: absolute; top: calc(5px + .4em); right: 10px; transform: rotate(45deg); } .tabulator-menu .tabulator-menu-separator { border-top: 1px solid #aaa; } .tabulator-edit-list { -webkit-overflow-scrolling: touch; max-height: 200px; font-size: 14px; overflow-y: auto; } .tabulator-edit-list .tabulator-edit-list-item { color: #333; outline: none; padding: 4px; } .tabulator-edit-list .tabulator-edit-list-item.active { color: #fff; background: #1d68cd; } .tabulator-edit-list .tabulator-edit-list-item.active.focused { outline: 1px solid #ffffff80; } .tabulator-edit-list .tabulator-edit-list-item.focused { outline: 1px solid #1d68cd; } @media (hover: hover) and (pointer: fine) { .tabulator-edit-list .tabulator-edit-list-item:hover { cursor: pointer; color: #fff; background: #1d68cd; } } .tabulator-edit-list .tabulator-edit-list-placeholder { color: #333; text-align: center; padding: 4px; } .tabulator-edit-list .tabulator-edit-list-group { color: #333; border-bottom: 1px solid #aaa; padding: 6px 4px 4px; font-weight: bold; } .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 { padding-left: 12px; } .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 { padding-left: 20px; } .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 { padding-left: 28px; } .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 { padding-left: 36px; } .tabulator.tabulator-ltr { direction: ltr; } .tabulator.tabulator-rtl { text-align: initial; direction: rtl; } .tabulator.tabulator-rtl .tabulator-header .tabulator-col { text-align: initial; border-left: 1px solid #aaa; border-right: initial; } .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols { margin-right: initial; margin-left: -1px; } .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title { padding-left: 25px; padding-right: 0; } .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter { left: 8px; right: initial; } .tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after { content: ""; left: -3px; right: initial; background-color: #2975dd; border-radius: 999px; width: 6px; height: 6px; position: absolute; bottom: -3px; } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell { border-right: initial; border-left: 1px solid #aaa; } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch { margin-right: initial; border-bottom-left-radius: initial; border-left: initial; border-right: 2px solid #aaa; border-bottom-right-radius: 1px; margin-left: 5px; } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control { margin-right: initial; margin-left: 5px; } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left { border-left: 2px solid #aaa; } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right { border-right: 2px solid #aaa; } .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type { width: 3px; margin-left: 0; margin-right: -3px; } .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder { text-align: initial; } .tabulator-print-fullscreen { z-index: 10000; position: absolute; inset: 0; } body.tabulator-print-fullscreen-hide > :not(.tabulator-print-fullscreen) { display: none !important; } .tabulator-print-table { border-collapse: collapse; } .tabulator-print-table .tabulator-data-tree-branch { vertical-align: middle; border-bottom: 2px solid #aaa; border-left: 2px solid #aaa; border-bottom-left-radius: 1px; width: 7px; height: 9px; margin-top: -9px; margin-right: 5px; display: inline-block; } .tabulator-print-table .tabulator-print-table-group { box-sizing: border-box; background: #ccc; border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #aaa; min-width: 100%; padding: 5px 5px 5px 10px; font-weight: bold; } @media (hover: hover) and (pointer: fine) { .tabulator-print-table .tabulator-print-table-group:hover { cursor: pointer; background-color: #0000001a; } } .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow { border: 6px solid #0000; border-top-color: #666; border-bottom: 0; margin-right: 10px; } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td { padding-left: 30px !important; } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td { padding-left: 50px !important; } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td { padding-left: 70px !important; } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td { padding-left: 90px !important; } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td { padding-left: 110px !important; } .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle { display: inline-block; } .tabulator-print-table .tabulator-print-table-group .tabulator-arrow { vertical-align: middle; border: 6px solid #0000; border-left-color: #666; border-right: 0; width: 0; height: 0; margin-right: 16px; display: inline-block; } .tabulator-print-table .tabulator-print-table-group span { color: #d00; margin-left: 10px; } .tabulator-print-table .tabulator-data-tree-control { vertical-align: middle; background: #0000001a; border: 1px solid #333; border-radius: 2px; justify-content: center; align-items: center; width: 11px; height: 11px; margin-right: 5px; display: inline-flex; overflow: hidden; } @media (hover: hover) and (pointer: fine) { .tabulator-print-table .tabulator-data-tree-control:hover { cursor: pointer; background: #0003; } } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse { background: none; width: 1px; height: 7px; display: inline-block; position: relative; } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after { content: ""; background: #333; width: 7px; height: 1px; position: absolute; top: 3px; left: -3px; } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand { background: #333; width: 1px; height: 7px; display: inline-block; position: relative; } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after { content: ""; background: #333; width: 7px; height: 1px; position: absolute; top: 3px; left: -3px; } .ts-control { z-index: 1; box-sizing: border-box; width: 100%; box-shadow: none; border: 1px solid #d0d0d0; border-radius: 3px; flex-wrap: wrap; padding: 8px; display: flex; position: relative; overflow: hidden; } .ts-wrapper.multi.has-items .ts-control { padding: 6px 8px 3px; } .full .ts-control { background-color: #fff; } .disabled .ts-control, .disabled .ts-control * { cursor: default !important; } .focus .ts-control { box-shadow: none; } .ts-control > * { vertical-align: baseline; display: inline-block; } .ts-wrapper.multi .ts-control > div { cursor: pointer; color: #303030; background: #f2f2f2; border: 0 solid #d0d0d0; margin: 0 3px 3px 0; padding: 2px 6px; overflow: auto; } .ts-wrapper.multi .ts-control > div.active { color: #303030; background: #e8e8e8; border: 0 solid #cacaca; } .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active { color: #7d7d7d; background: #fff; border: 0 solid #fff; } .ts-control > input { flex: auto; min-width: 7rem; text-indent: 0 !important; max-width: 100% !important; min-height: 0 !important; max-height: none !important; line-height: inherit !important; -webkit-user-select: auto !important; user-select: auto !important; box-shadow: none !important; background: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; display: inline-block !important; } .ts-control > input::-ms-clear { display: none; } .ts-control > input:focus { outline: none !important; } .has-items .ts-control > input { margin: 0 4px !important; } .ts-control.rtl { text-align: right; } .ts-control.rtl.single .ts-control:after { left: 15px; right: auto; } .ts-control.rtl .ts-control > input { margin: 0 4px 0 -2px !important; } .disabled .ts-control { opacity: .5; background-color: #fafafa; } .input-hidden .ts-control > input { opacity: 0; position: absolute; left: -10000px; } .ts-dropdown { z-index: 10; box-sizing: border-box; background: #fff; border: 1px solid #d0d0d0; border-top: 0; border-radius: 0 0 3px 3px; width: 100%; margin: .25rem 0 0; position: absolute; top: 100%; left: 0; box-shadow: 0 1px 3px #0000001a; } .ts-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .ts-dropdown [data-selectable] .highlight { background: #7da8d033; border-radius: 1px; } .ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create { padding: 5px 8px; } .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: .5; } .ts-dropdown [data-selectable].option { opacity: 1; cursor: pointer; } .ts-dropdown .optgroup:first-child .optgroup-header { border-top: 0; } .ts-dropdown .optgroup-header { color: #303030; cursor: default; background: #fff; } .ts-dropdown .active { color: #495c68; background-color: #f5fafd; } .ts-dropdown .active.create { color: #495c68; } .ts-dropdown .create { color: #30303080; } .ts-dropdown .spinner { width: 30px; height: 30px; margin: 5px 8px; display: inline-block; } .ts-dropdown .spinner:after { content: " "; border: 5px solid #d0d0d0; border-color: #d0d0d0 #0000; border-radius: 50%; width: 24px; height: 24px; margin: 3px; animation: 1.2s linear infinite lds-dual-ring; display: block; } @keyframes lds-dual-ring { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .ts-dropdown-content { scroll-behavior: smooth; max-height: 200px; overflow: hidden auto; } .ts-wrapper.plugin-drag_drop .ts-dragging { color: #0000 !important; } .ts-wrapper.plugin-drag_drop .ts-dragging > * { visibility: hidden !important; } .plugin-checkbox_options:not(.rtl) .option input { margin-right: .5rem; } .plugin-checkbox_options.rtl .option input { margin-left: .5rem; } .plugin-clear_button { --ts-pr-clear-button: 1em; } .plugin-clear_button .clear-button { opacity: 0; cursor: pointer; transition: opacity .5s; position: absolute; top: 50%; right: 2px; transform: translateY(-50%); background: none !important; margin-right: 0 !important; } .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button { right: max(var(--ts-pr-caret), 8px); } .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button { opacity: 1; } .ts-wrapper .dropdown-header { background: color-mix(#fff, #d0d0d0, 85%); border-bottom: 1px solid #d0d0d0; border-radius: 3px 3px 0 0; padding: 10px 8px; position: relative; } .ts-wrapper .dropdown-header-close { color: #303030; opacity: .4; margin-top: -12px; line-height: 20px; position: absolute; top: 50%; right: 8px; font-size: 20px !important; } .ts-wrapper .dropdown-header-close:hover { color: #000; } .plugin-dropdown_input.focus.dropdown-active .ts-control { box-shadow: none; border: 1px solid #d0d0d0; } .plugin-dropdown_input .dropdown-input { box-shadow: none; background: none; border: 0 solid #d0d0d0; border-bottom-width: 1px; width: 100%; padding: 8px; display: block; } .plugin-dropdown_input .items-placeholder { width: 100%; box-shadow: none !important; border: 0 !important; } .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder { display: none !important; } .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input { min-width: 0; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input { flex: none; min-width: 4px; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder { color: #0000; } .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content { display: flex; } .ts-dropdown.plugin-optgroup_columns .optgroup { border-top: 0; border-right: 1px solid #f2f2f2; flex-grow: 1; flex-basis: 0; min-width: 0; } .ts-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0; } .ts-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .ts-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0; } .ts-wrapper.plugin-remove_button .item { align-items: center; display: inline-flex; } .ts-wrapper.plugin-remove_button .item .remove { color: inherit; vertical-align: middle; box-sizing: border-box; border-radius: 0 2px 2px 0; padding: 0 6px; text-decoration: none; display: inline-block; } .ts-wrapper.plugin-remove_button .item .remove:hover { background: #0000000d; } .ts-wrapper.plugin-remove_button.disabled .item .remove:hover { background: none; } .ts-wrapper.plugin-remove_button .remove-single { font-size: 23px; position: absolute; top: 0; right: 0; } .ts-wrapper.plugin-remove_button:not(.rtl) .item { padding-right: 0 !important; } .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { border-left: 1px solid #d0d0d0; margin-left: 6px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove { border-left-color: #cacaca; } .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove { border-left-color: #fff; } .ts-wrapper.plugin-remove_button.rtl .item { padding-left: 0 !important; } .ts-wrapper.plugin-remove_button.rtl .item .remove { border-right: 1px solid #d0d0d0; margin-right: 6px; } .ts-wrapper.plugin-remove_button.rtl .item.active .remove { border-right-color: #cacaca; } .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove { border-right-color: #fff; } :root { --ts-pr-clear-button: 0px; --ts-pr-caret: 0px; --ts-pr-min: .75rem; } .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input { cursor: pointer; } .ts-control:not(.rtl) { padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important; } .ts-control.rtl { padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important; } .ts-wrapper { position: relative; } .ts-dropdown, .ts-control, .ts-control input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; } .ts-control, .ts-wrapper.single.input-active .ts-control { cursor: text; background: #fff; } .ts-hidden-accessible { clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; width: 1px !important; padding: 0 !important; position: absolute !important; overflow: hidden !important; } img[data-action="zoom"] { cursor: zoom-in; } .zoom-img, .zoom-img-wrap { z-index: 666; transition: all .3s; position: relative; } img.zoom-img { cursor: zoom-out; } .zoom-overlay { cursor: zoom-out; z-index: 420; filter: "alpha(opacity=0)"; opacity: 0; background: #fff; transition: opacity .3s; position: fixed; inset: 0; } .zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=100)"; opacity: 1; } .toastify { color: #fff; opacity: 0; cursor: pointer; z-index: 2147483647; background: linear-gradient(135deg, #73a5ff, #5477f5); border-radius: 2px; max-width: calc(50% - 20px); padding: 12px 20px; text-decoration: none; transition: all .4s cubic-bezier(.215, .61, .355, 1); display: inline-block; position: fixed; box-shadow: 0 3px 6px -1px #0000001f, 0 10px 36px -4px #4d60e84d; } .toastify.on { opacity: 1; } .toast-close { color: #fff; cursor: pointer; opacity: .4; background: none; border: 0; padding: 0 5px; font-family: inherit; font-size: 1em; } .toastify-right { right: 15px; } .toastify-left { left: 15px; } .toastify-top { top: -150px; } .toastify-bottom { bottom: -150px; } .toastify-rounded { border-radius: 25px; } .toastify-avatar { border-radius: 2px; width: 1.5em; height: 1.5em; margin: -7px 5px; } .toastify-center { max-width: -moz-fit-content; margin-left: auto; margin-right: auto; left: 0; right: 0; } @media only screen and (max-width: 360px) { .toastify-right, .toastify-left { max-width: fit-content; margin-left: auto; margin-right: auto; left: 0; right: 0; } } .tippy-box[data-animation="fade"][data-state="hidden"] { opacity: 0; } [data-tippy-root] { max-width: calc(100vw - 10px); } .tippy-box { color: #fff; white-space: normal; background-color: #333; border-radius: 4px; outline: 0; font-size: 14px; line-height: 1.4; transition-property: transform, visibility, opacity; position: relative; } .tippy-box[data-placement^="top"] > .tippy-arrow { bottom: 0; } .tippy-box[data-placement^="top"] > .tippy-arrow:before { border-width: 8px 8px 0; border-top-color: initial; transform-origin: top; bottom: -7px; left: 0; } .tippy-box[data-placement^="bottom"] > .tippy-arrow { top: 0; } .tippy-box[data-placement^="bottom"] > .tippy-arrow:before { border-width: 0 8px 8px; border-bottom-color: initial; transform-origin: bottom; top: -7px; left: 0; } .tippy-box[data-placement^="left"] > .tippy-arrow { right: 0; } .tippy-box[data-placement^="left"] > .tippy-arrow:before { border-width: 8px 0 8px 8px; border-left-color: initial; transform-origin: 0; right: -7px; } .tippy-box[data-placement^="right"] > .tippy-arrow { left: 0; } .tippy-box[data-placement^="right"] > .tippy-arrow:before { border-width: 8px 8px 8px 0; border-right-color: initial; transform-origin: 100%; left: -7px; } .tippy-box[data-inertia][data-state="visible"] { transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11); } .tippy-arrow { color: #333; width: 16px; height: 16px; } .tippy-arrow:before { content: ""; border-style: solid; border-color: #0000; position: absolute; } .tippy-content { z-index: 1; padding: 5px 9px; position: relative; } .tippy-box[data-theme~="light"] { color: #26323d; background-color: #fff; box-shadow: 0 0 20px 4px #9aa1b126, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926; } .tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before { border-top-color: #fff; } .tippy-box[data-theme~="light"][data-placement^="bottom"] > .tippy-arrow:before { border-bottom-color: #fff; } .tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before { border-left-color: #fff; } .tippy-box[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before { border-right-color: #fff; } .tippy-box[data-theme~="light"] > .tippy-backdrop { background-color: #fff; } .tippy-box[data-theme~="light"] > .tippy-svg-arrow { fill: #fff; } .tippy-box[data-placement^="top"] > .tippy-svg-arrow { bottom: 0; } .tippy-box[data-placement^="top"] > .tippy-svg-arrow:after, .tippy-box[data-placement^="top"] > .tippy-svg-arrow > svg { top: 16px; transform: rotate(180deg); } .tippy-box[data-placement^="bottom"] > .tippy-svg-arrow { top: 0; } .tippy-box[data-placement^="bottom"] > .tippy-svg-arrow > svg { bottom: 16px; } .tippy-box[data-placement^="left"] > .tippy-svg-arrow { right: 0; } .tippy-box[data-placement^="left"] > .tippy-svg-arrow:after, .tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg { top: calc(50% - 3px); left: 11px; transform: rotate(90deg); } .tippy-box[data-placement^="right"] > .tippy-svg-arrow { left: 0; } .tippy-box[data-placement^="right"] > .tippy-svg-arrow:after, .tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg { top: calc(50% - 3px); right: 11px; transform: rotate(-90deg); } .tippy-svg-arrow { fill: #333; width: 16px; height: 16px; text-align: initial; } .tippy-svg-arrow, .tippy-svg-arrow > svg { position: absolute; } .tippy-box[data-animation="shift-away"][data-state="hidden"] { opacity: 0; } .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="top"] { transform: translateY(10px); } .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="bottom"] { transform: translateY(-10px); } .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="left"] { transform: translateX(10px); } .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="right"] { transform: translateX(-10px); } .tns-outer { padding: 0 !important; } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-slider { transition: all; } .tns-slider > .tns-item { box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item { vertical-align: top; white-space: normal; display: inline-block; } .tns-horizontal.tns-no-subpixel:after { content: ""; clear: both; display: table; } .tns-horizontal.tns-no-subpixel > .tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; } .tns-no-calc { position: relative; left: 0; } .tns-gallery { min-height: 1px; position: relative; left: 0; } .tns-gallery > .tns-item { transition: transform, opacity; position: absolute; left: -100%; } .tns-gallery > .tns-slide-active { position: relative; left: auto !important; } .tns-gallery > .tns-moving { transition: all .25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { opacity: .6; transition: opacity .6s; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { transition: height; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix > div, .tns-vpfix > li { display: inline-block; } .tns-t-subp2 { width: 310px; height: 10px; margin: 0 auto; position: relative; overflow: hidden; } .tns-t-ct { width: 2333.33%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: 2333.33%; position: absolute; right: 0; } .tns-t-ct:after { content: ""; clear: both; display: table; } .tns-t-ct > div { width: 1.42857%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); float: left; width: 1.42857%; height: 10px; } .easy-checkbox[data-v-e0a0b7f0] { width: 1.3em; height: 1.3em; font-size: var(--easy-table-body-row-font-size); margin: 0 auto; position: relative; } .easy-checkbox label[data-v-e0a0b7f0] { cursor: pointer; vertical-align: top; clear: both; line-height: 1.3em; display: inline; } .easy-checkbox label[data-v-e0a0b7f0]:before, .easy-checkbox label[data-v-e0a0b7f0]:after { content: ""; position: absolute; top: 0; left: 0; } .easy-checkbox label[data-v-e0a0b7f0]:before { cursor: pointer; background: #fff; border: 1px solid #0000008a; border-radius: .125em; width: 1.3em; height: 1.3em; transition: background .3s; } .easy-checkbox input[type="checkbox"][data-v-e0a0b7f0] { visibility: hidden; float: left; width: 1.3em; font-size: inherit; outline: 0; margin: 0; display: block; } .easy-checkbox input[type="checkbox"]:checked + label[data-v-e0a0b7f0]:before { border: none; } .easy-checkbox input[type="checkbox"]:checked + label[data-v-e0a0b7f0]:after { border: .13em #fff; border-style: none none solid solid; width: .9em; height: .45em; transform: translate(.2em, .303846em) rotate(-45deg); } .easy-checkbox input[type="checkbox"].allSelected + label[data-v-e0a0b7f0]:before { border: none; } .easy-checkbox input[type="checkbox"].allSelected + label[data-v-e0a0b7f0]:after { border: .13em #fff; border-style: none none solid solid; width: .9em; height: .45em; transform: translate(.2em, .303846em) rotate(-45deg); } .easy-checkbox input[type="checkbox"].partSelected + label[data-v-e0a0b7f0]:before { border: none; } .easy-checkbox input[type="checkbox"].partSelected + label[data-v-e0a0b7f0]:after { border: .125em #fff; border-top-style: solid; width: .9em; height: .45em; transform: translate(.2em, .5875em); } [data-v-e0a0b7f0], [data-v-e0a0b7f0]:before, [data-v-e0a0b7f0]:after { box-sizing: border-box; } .easy-checkbox input[type="checkbox"].allSelected + label[data-v-e0a0b7f0]:before, .easy-checkbox input[type="checkbox"].partSelected + label[data-v-e0a0b7f0]:before { background: var(--51ab8a49); } .easy-checkbox[data-v-7e69a276] { width: 1.3em; height: 1.3em; font-size: var(--easy-table-body-row-font-size); margin: 0 auto; position: relative; } .easy-checkbox label[data-v-7e69a276] { cursor: pointer; vertical-align: top; clear: both; line-height: 1.3em; display: inline; } .easy-checkbox label[data-v-7e69a276]:before, .easy-checkbox label[data-v-7e69a276]:after { content: ""; position: absolute; top: 0; left: 0; } .easy-checkbox label[data-v-7e69a276]:before { cursor: pointer; background: #fff; border: 1px solid #0000008a; border-radius: .125em; width: 1.3em; height: 1.3em; transition: background .3s; } .easy-checkbox input[type="checkbox"][data-v-7e69a276] { visibility: hidden; float: left; width: 1.3em; font-size: inherit; outline: 0; margin: 0; display: block; } .easy-checkbox input[type="checkbox"]:checked + label[data-v-7e69a276]:before { border: none; } .easy-checkbox input[type="checkbox"]:checked + label[data-v-7e69a276]:after { border: .13em #fff; border-style: none none solid solid; width: .9em; height: .45em; transform: translate(.2em, .303846em) rotate(-45deg); } .easy-checkbox input[type="checkbox"].allSelected + label[data-v-7e69a276]:before { border: none; } .easy-checkbox input[type="checkbox"].allSelected + label[data-v-7e69a276]:after { border: .13em #fff; border-style: none none solid solid; width: .9em; height: .45em; transform: translate(.2em, .303846em) rotate(-45deg); } .easy-checkbox input[type="checkbox"].partSelected + label[data-v-7e69a276]:before { border: none; } .easy-checkbox input[type="checkbox"].partSelected + label[data-v-7e69a276]:after { border: .125em #fff; border-top-style: solid; width: .9em; height: .45em; transform: translate(.2em, .5875em); } [data-v-7e69a276], [data-v-7e69a276]:before, [data-v-7e69a276]:after { box-sizing: border-box; } .easy-checkbox input[type="checkbox"]:checked + label[data-v-7e69a276]:before { background: var(--fdaf7e9e); } .easy-data-table__rows-selector[data-v-4ca5de3a] { min-width: 45px; width: var(--easy-table-rows-per-page-selector-width); margin: 0 10px; display: inline-block; position: relative; } .easy-data-table__rows-selector .rows-input__wrapper[data-v-4ca5de3a] { border-bottom: 1px solid var(--easy-table-footer-font-color); cursor: pointer; justify-content: space-between; align-items: center; height: 20px; padding: 0 5px; display: flex; } .easy-data-table__rows-selector .rows-input__wrapper .triangle[data-v-4ca5de3a] { vertical-align: middle; border-top: solid 6px var(--easy-table-footer-font-color); border-left: 6px solid #0000; border-right: 6px solid #0000; width: 0; height: 0; display: inline-block; } .easy-data-table__rows-selector ul.select-items[data-v-4ca5de3a] { text-align: left; width: 100%; z-index: var(--easy-table-rows-per-page-selector-z-index); margin: 0; padding: 0; list-style-type: none; display: none; position: absolute; top: 20px; left: 0; box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f; } .easy-data-table__rows-selector ul.select-items.show[data-v-4ca5de3a] { display: block; } .easy-data-table__rows-selector ul.select-items.inside[data-v-4ca5de3a] { top: auto; bottom: 0; } .easy-data-table__rows-selector ul.select-items li[data-v-4ca5de3a] { cursor: pointer; padding: var(--easy-table-rows-per-page-selector-option-padding); background-color: var(--easy-table-footer-background-color); } .easy-data-table__rows-selector ul.select-items li.selected[data-v-4ca5de3a] { color: #fff; background-color: var(--1b889342); } .lds-ring[data-v-1fa3a520] { width: 60px; height: 60px; display: inline-block; position: relative; } .lds-ring div[data-v-1fa3a520] { box-sizing: border-box; border: 8px solid #fff; border-color: var(--26774109) transparent transparent transparent; border-radius: 50%; width: 80%; height: 80%; margin: 8px; animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring-1fa3a520; display: block; position: absolute; } .lds-ring div[data-v-1fa3a520]:first-child { animation-delay: -.45s; } .lds-ring div[data-v-1fa3a520]:nth-child(2) { animation-delay: -.3s; } .lds-ring div[data-v-1fa3a520]:nth-child(3) { animation-delay: -.15s; } @keyframes lds-ring-1fa3a520 { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .loader-line[data-v-7d281cac] { width: 100%; height: 3px; margin: 0x auto; background-color: #ddd; position: relative; overflow: hidden; } .loader-line[data-v-7d281cac]:before { content: ""; background-color: var(--0d327f57); width: 40%; height: 3px; animation: 1s linear infinite lineAnim-7d281cac; position: absolute; left: -50%; } @keyframes lineAnim-7d281cac { 0% { left: -40%; } 50% { width: 80%; left: 20%; } to { width: 100%; left: 100%; } } .buttons-pagination[data-v-4c681fa2] { box-sizing: border-box; border-radius: 4px; padding: 0; display: flex; } .buttons-pagination .item[data-v-4c681fa2] { box-sizing: border-box; cursor: pointer; min-width: calc(var(--easy-table-footer-font-size) * 1.8); line-height: calc(var(--easy-table-footer-font-size) * 1.8); border-top: var(--easy-table-buttons-pagination-border); border-bottom: var(--easy-table-buttons-pagination-border); border-right: var(--easy-table-buttons-pagination-border); text-align: center; } .buttons-pagination .item[data-v-4c681fa2]:first-of-type { border-left: var(--easy-table-buttons-pagination-border); border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .buttons-pagination .item[data-v-4c681fa2]:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .buttons-pagination .item.button.active[data-v-4c681fa2] { background-color: var(--40dd4f07); border-left: var(--easy-table-buttons-pagination-border); color: #fff; border-color: var(--40dd4f07) !important; } .buttons-pagination .item.button.active-prev[data-v-4c681fa2] { border-right: none; } .previous-page__click-button[data-v-c9da5286], .next-page__click-button[data-v-c9da5286] { cursor: pointer; margin: 0 5px; } .previous-page__click-button .arrow[data-v-c9da5286], .next-page__click-button .arrow[data-v-c9da5286] { border-top: 2px solid #000; border-left: 2px solid #000; width: 8px; height: 8px; display: inline-block; } .previous-page__click-button .arrow.arrow-left[data-v-c9da5286], .next-page__click-button .arrow.arrow-left[data-v-c9da5286] { transform: rotate(135deg); } .previous-page__click-button .arrow.arrow-right[data-v-c9da5286], .next-page__click-button .arrow.arrow-right[data-v-c9da5286] { transform: rotate(-45deg); } .previous-page__click-button.first-page[data-v-c9da5286], .next-page__click-button.last-page[data-v-c9da5286] { cursor: not-allowed; } .previous-page__click-button.first-page .arrow[data-v-c9da5286], .next-page__click-button.last-page .arrow[data-v-c9da5286] { border-color: #e0e0e0; } :root { --easy-table-border: 1px solid #e0e0e0; --easy-table-row-border: 1px solid #e0e0e0; --easy-table-header-font-size: 12px; --easy-table-header-height: 36px; --easy-table-header-font-color: #373737; --easy-table-header-background-color: #fff; --easy-table-header-item-padding: 0px 10px; --easy-table-body-row-height: 36px; --easy-table-body-row-font-size: 12px; --easy-table-body-row-font-color: #212121; --easy-table-body-row-background-color: #fff; --easy-table-body-row-hover-font-color: #212121; --easy-table-body-row-hover-background-color: #eee; --easy-table-body-even-row-font-color: #212121; --easy-table-body-even-row-background-color: #fafafa; --easy-table-body-item-padding: 0px 10px; --easy-table-footer-background-color: #fff; --easy-table-footer-font-color: #212121; --easy-table-footer-font-size: 12px; --easy-table-footer-padding: 0px 5px; --easy-table-footer-height: 36px; --easy-table-rows-per-page-selector-width: auto; --easy-table-rows-per-page-selector-option-padding: 5px; --easy-table-rows-per-page-selector-z-index: auto; --easy-table-message-font-color: #212121; --easy-table-message-font-size: 12px; --easy-table-message-padding: 20px; --easy-table-loading-mask-background-color: #fff; --easy-table-loading-mask-opacity: .5; --easy-table-scrollbar-track-color: #fff; --easy-table-scrollbar-color: #fff; --easy-table-scrollbar-thumb-color: #c1c1c1; --easy-table-scrollbar-corner-color: #fff; --easy-table-buttons-pagination-border: 1px solid #e0e0e0; } .vue3-easy-data-table[data-v-32683533] { border: var(--easy-table-border); box-sizing: border-box; position: relative; } .vue3-easy-data-table__main[data-v-32683533] { background-color: var(--easy-table-body-row-background-color); border: none; width: 100%; overflow: auto; } .vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-track { background-color: var(--easy-table-scrollbar-track-color); border-radius: 10px; } .vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar { background-color: var(--easy-table-scrollbar-color); width: 7px; height: 7px; } .vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-thumb { background-color: var(--easy-table-scrollbar-thumb-color); border-radius: 10px; } .vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-corner { background-color: var(--easy-table-scrollbar-corner-color); } .vue3-easy-data-table__main.table-fixed table[data-v-32683533] { table-layout: fixed; } .vue3-easy-data-table__main.show-shadow th.shadow[data-v-32683533]:after, .vue3-easy-data-table__main.show-shadow td.shadow[data-v-32683533]:after { box-shadow: inset 6px 0 5px -3px #0003; } .vue3-easy-data-table__main.fixed-header th[data-v-32683533] { z-index: 2; position: sticky; top: 0; } .vue3-easy-data-table__main.hoverable tr:hover td[data-v-32683533] { background-color: var(--easy-table-body-row-hover-background-color); color: var(--easy-table-body-row-hover-font-color); } .vue3-easy-data-table__main.hoverable .vue3-easy-data-table__body.row-alternation .even-row:hover td[data-v-32683533] { color: var(--easy-table-body-row-hover-font-color); background-color: var(--easy-table-body-row-hover-background-color); } .vue3-easy-data-table__main.border-cell .vue3-easy-data-table__header th[data-v-32683533] { border-right: var(--easy-table-row-border); } .vue3-easy-data-table__main.border-cell .vue3-easy-data-table__header th[data-v-32683533]:last-of-type { border-right: none; } .vue3-easy-data-table__main.border-cell .vue3-easy-data-table__body td[data-v-32683533] { border-right: var(--easy-table-row-border); } .vue3-easy-data-table__main.border-cell .vue3-easy-data-table__body td[data-v-32683533]:last-of-type { border-right: none; } .vue3-easy-data-table__body.row-alternation tr.even-row td[data-v-32683533] { color: var(--easy-table-body-even-row-font-color); background-color: var(--easy-table-body-even-row-background-color); } table[data-v-32683533] { border-collapse: initial; border-spacing: 0; width: 100%; margin: 0; display: table; } .vue3-easy-data-table__header[data-v-32683533], vue3-easy-data-table__body[data-v-32683533] { position: relative; } .vue3-easy-data-table__header tr[data-v-32683533] { font-size: var(--easy-table-header-font-size); height: var(--easy-table-header-height); border: none; } .vue3-easy-data-table__header th[data-v-32683533] { background-color: var(--easy-table-header-background-color); color: var(--easy-table-header-font-color); border: none; border-bottom: var(--easy-table-row-border); padding: var(--easy-table-header-item-padding); position: relative; } .vue3-easy-data-table__header th .header[data-v-32683533] { align-items: center; display: flex; } .vue3-easy-data-table__header th .header.direction-left[data-v-32683533] { justify-content: flex-start; } .vue3-easy-data-table__header th .header.direction-center[data-v-32683533] { justify-content: center; } .vue3-easy-data-table__header th .header.direction-right[data-v-32683533] { justify-content: flex-end; } .vue3-easy-data-table__header th.sortable[data-v-32683533] { cursor: pointer; } .vue3-easy-data-table__header th.sortable .sortType-icon[data-v-32683533] { border: 5px solid #0000; border-bottom-color: var(--easy-table-header-font-color); width: 0; height: 0; margin-top: -3px; margin-left: 4px; display: inline-block; position: relative; } .vue3-easy-data-table__header th.sortable .multi-sort__number[data-v-32683533] { background-color: var(--easy-table-header-font-color); width: 1.5em; height: 1.5em; color: var(--easy-table-header-background-color); border-radius: 50%; margin-left: 4px; line-height: 1.5em; } .vue3-easy-data-table__header th.sortable.none:hover .sortType-icon[data-v-32683533] { opacity: 1; } .vue3-easy-data-table__header th.sortable.none .sortType-icon[data-v-32683533] { opacity: 0; transition: all .5s; } .vue3-easy-data-table__header th.sortable.desc .sortType-icon[data-v-32683533] { margin-top: 5px; transform: rotate(180deg); } .vue3-easy-data-table__header th.shadow[data-v-32683533]:after, .vue3-easy-data-table__body td.shadow[data-v-32683533]:after { pointer-events: none; content: ""; width: 36px; height: 100%; box-shadow: none; display: inline-block; position: absolute; top: 0; right: -36px; } .vue3-easy-data-table__body tr[data-v-32683533] { height: var(--easy-table-body-row-height); color: var(--easy-table-body-row-font-color); font-size: var(--easy-table-body-row-font-size); } .vue3-easy-data-table__body tr:last-child td[data-v-32683533] { border-bottom: none; } .vue3-easy-data-table__body tr:first-child td[data-v-32683533] { border-bottom: var(--easy-table-row-border); } .vue3-easy-data-table__body td[data-v-32683533] { padding: var(--easy-table-body-item-padding); background-color: var(--easy-table-body-row-background-color); border: none; border-bottom: var(--easy-table-row-border); position: relative; } .vue3-easy-data-table__body td.direction-left[data-v-32683533] { text-align: left; } .vue3-easy-data-table__body td.direction-center[data-v-32683533] { text-align: center; } .vue3-easy-data-table__body td.direction-right[data-v-32683533] { text-align: right; } .vue3-easy-data-table__body td .expand-icon[data-v-32683533] { border-width: 0 2px 2px 0; padding: 3px; transition: all .2s; display: inline-block; transform: rotate(-45deg); } .vue3-easy-data-table__body td .expand-icon.expanding[data-v-32683533] { transform: rotate(45deg); } .vue3-easy-data-table__body td.expand[data-v-32683533] { position: relative; } .vue3-easy-data-table__body td.expand .expand-loading[data-v-32683533] { position: absolute; top: 0; left: 0; } .vue3-easy-data-table__body td.can-expand[data-v-32683533] { cursor: pointer; } .vue3-easy-data-table__footer[data-v-32683533] { background-color: var(--easy-table-footer-background-color); color: var(--easy-table-footer-font-color); border-top: var(--easy-table-row-border); font-size: var(--easy-table-footer-font-size); height: var(--easy-table-footer-height); padding: var(--easy-table-footer-padding); box-sizing: border-box; justify-content: flex-end; align-items: center; width: 100%; display: flex; } .vue3-easy-data-table__footer .pagination__rows-per-page[data-v-32683533] { align-items: center; display: flex; } .vue3-easy-data-table__footer .pagination__items-index[data-v-32683533] { margin: 0 20px 0 10px; } .vue3-easy-data-table__message[data-v-32683533] { color: var(--easy-table-message-font-color); font-size: var(--easy-table-message-font-size); padding: var(--easy-table-message-padding); text-align: center; } .vue3-easy-data-table__loading[data-v-32683533] { z-index: 3; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; overflow: hidden; } .vue3-easy-data-table__loading .loading-entity[data-v-32683533] { z-index: 1; } .vue3-easy-data-table__loading-mask[data-v-32683533] { background-color: var(--easy-table-loading-mask-background-color); opacity: var(--easy-table-loading-mask-opacity); z-index: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .vue3-easy-data-table__main[data-v-32683533] { min-height: var(--da0d4328); } .vue3-easy-data-table__main.fixed-height[data-v-32683533] { height: var(--3037e504); } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; top: 0; left: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-tile::selection { background: none; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { -webkit-transform-origin: 0 0; width: 1600px; height: 1600px; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { width: auto; padding: 0; max-width: none !important; max-height: none !important; } .leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: #33b5e566; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { box-sizing: border-box; z-index: 800; width: 0; height: 0; } .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url("#default#VML"); display: inline-block; position: absolute; } .leaflet-control { z-index: 800; pointer-events: visiblePainted; pointer-events: auto; position: relative; } .leaflet-top, .leaflet-bottom { z-index: 1000; pointer-events: none; position: absolute; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity .2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1); -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1); transition: transform .25s cubic-bezier(0, 0, .25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container { outline-offset: 1px; background: #ddd; } .leaflet-container a { color: #0078a8; } .leaflet-zoom-box { background: #ffffff80; border: 2px dotted #38f; } .leaflet-container { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: .75rem; line-height: 1.5; } .leaflet-bar { border-radius: 4px; box-shadow: 0 1px 5px #000000a6; } .leaflet-bar a { text-align: center; color: #000; background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; text-decoration: none; display: block; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .leaflet-bar a.leaflet-disabled { cursor: default; color: #bbb; background-color: #f4f4f4; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { text-indent: 1px; font: bold 18px Lucida Console, Monaco, monospace; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } .leaflet-control-layers { background: #fff; border-radius: 5px; box-shadow: 0 1px 5px #0006; } .leaflet-control-layers-toggle { background-image: url("https://comfort.jaggersolutions.com/build/assets/layers-BWBAp2CZ.png"); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url("https://comfort.jaggersolutions.com/build/assets/layers-2x-Bpkbi35X.png"); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { color: #333; background: #fff; padding: 6px 10px 6px 6px; } .leaflet-control-layers-scrollbar { padding-right: 5px; overflow: hidden scroll; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { font-size: 1.08333em; display: block; } .leaflet-control-layers-separator { border-top: 1px solid #ddd; height: 0; margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url("https://comfort.jaggersolutions.com/build/assets/marker-icon-hN30_KVU.png"); } .leaflet-container .leaflet-control-attribution { background: #fffc; margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { color: #333; padding: 0 5px; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { width: 1em; height: .6669em; vertical-align: baseline !important; display: inline !important; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { white-space: nowrap; box-sizing: border-box; text-shadow: 1px 1px #fff; background: #fffc; border: 2px solid #777; border-top: none; padding: 2px 5px 1px; line-height: 1.1; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { background-clip: padding-box; border: 2px solid #0003; } .leaflet-popup { text-align: center; margin-bottom: 20px; position: absolute; } .leaflet-popup-content-wrapper { text-align: left; border-radius: 12px; padding: 1px; } .leaflet-popup-content { min-height: 1px; margin: 13px 24px 13px 20px; font-size: 1.08333em; line-height: 1.3; } .leaflet-popup-content p { margin: 1.3em 0; } .leaflet-popup-tip-container { pointer-events: none; width: 40px; height: 20px; margin-top: -1px; margin-left: -20px; position: absolute; left: 50%; overflow: hidden; } .leaflet-popup-tip { pointer-events: auto; width: 17px; height: 17px; margin: -10px auto 0; padding: 1px; transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { color: #333; background: #fff; box-shadow: 0 3px 14px #0006; } .leaflet-container a.leaflet-popup-close-button { text-align: center; color: #757575; background: none; border: none; width: 24px; height: 24px; font: 16px / 24px Tahoma, Verdana, sans-serif; text-decoration: none; position: absolute; top: 0; right: 0; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; width: 24px; filter: progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107); margin: 0 auto; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } .leaflet-div-icon { background: #fff; border: 1px solid #666; } .leaflet-tooltip { color: #222; white-space: nowrap; -webkit-user-select: none; user-select: none; pointer-events: none; background-color: #fff; border: 1px solid #fff; border-radius: 3px; padding: 6px; position: absolute; box-shadow: 0 1px 3px #0006; } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { pointer-events: none; content: ""; background: none; border: 6px solid #0000; position: absolute; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { margin-left: -6px; left: 50%; } .leaflet-tooltip-top:before { border-top-color: #fff; margin-bottom: -12px; bottom: 0; } .leaflet-tooltip-bottom:before { border-bottom-color: #fff; margin-top: -12px; margin-left: -6px; top: 0; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { margin-top: -6px; top: 50%; } .leaflet-tooltip-left:before { border-left-color: #fff; margin-right: -12px; right: 0; } .leaflet-tooltip-right:before { border-right-color: #fff; margin-left: -12px; left: 0; } @media print { .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .dp__input_wrap { width: 100%; box-sizing: unset; position: relative; } .dp__input_wrap:focus { border-color: var(--dp-border-color-hover); outline: none; } .dp__input_valid { box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color); border-color: var(--dp-success-color); } .dp__input_valid:hover { border-color: var(--dp-success-color); } .dp__input_invalid { box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color); border-color: var(--dp-danger-color); } .dp__input_invalid:hover { border-color: var(--dp-danger-color); } .dp__input { background-color: var(--dp-background-color); border-radius: var(--dp-border-radius); font-family: var(--dp-font-family); border: 1px solid var(--dp-border-color); width: 100%; font-size: var(--dp-font-size); line-height: calc(var(--dp-font-size)*1.5); padding: var(--dp-input-padding); color: var(--dp-text-color); box-sizing: border-box; outline: none; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); } .dp__input::placeholder { opacity: .7; } .dp__input:hover:not(.dp__input_focus) { border-color: var(--dp-border-color-hover); } .dp__input_not_clearable { padding-inline-end: var(--dp-input-not-clearable-padding) !important; } .dp__input_reg { caret-color: #0000; } .dp__input_focus { border-color: var(--dp-border-color-focus); } .dp__disabled { background: var(--dp-disabled-color); } .dp__disabled::placeholder { color: var(--dp-disabled-color-text); } .dp__input_icons { width: var(--dp-font-size); height: var(--dp-font-size); stroke-width: 0; font-size: var(--dp-font-size); line-height: calc(var(--dp-font-size)*1.5); color: var(--dp-icon-color); box-sizing: content-box; padding: 6px 12px; display: inline-block; } .dp__input_icon { cursor: pointer; color: var(--dp-icon-color); top: 50%; position: absolute; inset-inline-start: 0; transform: translateY(-50%); } .dp--clear-btn { cursor: pointer; color: var(--dp-icon-color); top: 50%; background: none; border: none; align-items: center; margin: 0; padding: 0; display: inline-flex; position: absolute; inset-inline-end: 0; transform: translateY(-50%); } .dp__input_icon_pad { padding-inline-start: var(--dp-input-icon-padding); } .dp__menu { background: var(--dp-background-color); border-radius: var(--dp-border-radius); min-width: var(--dp-menu-min-width); font-family: var(--dp-font-family); font-size: var(--dp-font-size); -webkit-user-select: none; user-select: none; border: 1px solid var(--dp-menu-border-color); box-sizing: border-box; } .dp__menu:after, .dp__menu:before { box-sizing: border-box; } .dp__menu:focus { border: 1px solid var(--dp-menu-border-color); outline: none; } .dp--menu-wrapper { z-index: 99999; position: absolute; } .dp__menu_inner { padding: var(--dp-menu-padding); } .dp--menu--inner-stretched { padding: 6px 0; } .dp__menu_index { z-index: 99999; } .dp-menu-loading, .dp__menu_readonly, .dp__menu_disabled { z-index: 999999; position: absolute; inset: 0; } .dp__menu_disabled { cursor: not-allowed; background: #ffffff80; } .dp__menu_readonly { cursor: default; background: none; } .dp-menu-loading { cursor: default; background: #ffffff80; } .dp--menu-load-container { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .dp--menu-loader { border: var(--dp-loader); box-sizing: border-box; border-bottom-color: #0000; border-radius: 50%; width: 48px; height: 48px; animation: 1s linear infinite dp-load-rotation; display: inline-block; position: absolute; } @keyframes dp-load-rotation { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .dp__arrow_top { left: var(--dp-arrow-left); background-color: var(--dp-background-color); border-inline-end: 1px solid var(--dp-menu-border-color); border-top: 1px solid var(--dp-menu-border-color); width: 12px; height: 12px; position: absolute; top: 0; transform: translate(-50%, -50%) rotate(-45deg); } .dp__arrow_bottom { left: var(--dp-arrow-left); background-color: var(--dp-background-color); border-inline-end: 1px solid var(--dp-menu-border-color); border-bottom: 1px solid var(--dp-menu-border-color); width: 12px; height: 12px; position: absolute; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); } .dp__action_extra { text-align: center; padding: 2px 0; } .dp--preset-dates { border-inline-end: 1px solid var(--dp-border-color); padding: 5px; } .dp--preset-dates[data-dp-mobile], .dp--preset-dates-collapsed { max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2); border: none; align-self: center; display: flex; overflow-x: auto; } .dp__sidebar_left { border-inline-end: 1px solid var(--dp-border-color); padding: 5px; } .dp__sidebar_right { margin-inline-end: 1px solid var(--dp-border-color); padding: 5px; } .dp--preset-range { text-align: left; white-space: nowrap; width: 100%; color: var(--dp-text-color); border-radius: var(--dp-border-radius); transition: var(--dp-common-transition); padding: 5px; display: block; } .dp--preset-range:hover { background-color: var(--dp-hover-color); color: var(--dp-hover-text-color); cursor: pointer; } .dp--preset-range[data-dp-mobile] { border: 1px solid var(--dp-border-color); margin: 0 3px; } .dp--preset-range[data-dp-mobile]:first-child { margin-left: 0; } .dp--preset-range[data-dp-mobile]:last-child { margin-right: 0; } .dp--preset-range-collapsed { border: 1px solid var(--dp-border-color); margin: 0 3px; } .dp--preset-range-collapsed:first-child { margin-left: 0; } .dp--preset-range-collapsed:last-child { margin-right: 0; } .dp__menu_content_wrapper { display: flex; } .dp__menu_content_wrapper[data-dp-mobile], .dp--menu-content-wrapper-collapsed { flex-direction: column-reverse; } .dp__calendar_header { color: var(--dp-text-color); white-space: nowrap; justify-content: center; align-items: center; font-weight: bold; display: flex; position: relative; } .dp__calendar_header_item { text-align: center; height: var(--dp-cell-size); padding: var(--dp-cell-padding); width: var(--dp-cell-size); box-sizing: border-box; flex-grow: 1; } .dp__calendar_row { margin: var(--dp-row-margin); justify-content: center; align-items: center; display: flex; } .dp__calendar_item { text-align: center; box-sizing: border-box; color: var(--dp-text-color); flex-grow: 1; } .dp__calendar { position: relative; } .dp__calendar_header_cell { border-bottom: thin solid var(--dp-border-color); padding: var(--dp-calendar-header-cell-padding); } .dp__cell_inner { text-align: center; border-radius: var(--dp-cell-border-radius); height: var(--dp-cell-size); padding: var(--dp-cell-padding); width: var(--dp-cell-size); box-sizing: border-box; border: 1px solid #0000; justify-content: center; align-items: center; display: flex; position: relative; } .dp__cell_inner:hover { transition: all .2s; } .dp__cell_auto_range_start, .dp__date_hover_start:hover, .dp__range_start { border-start-end-radius: 0; border-end-end-radius: 0; } .dp__cell_auto_range_end, .dp__date_hover_end:hover, .dp__range_end { border-start-start-radius: 0; border-end-start-radius: 0; } .dp__range_end, .dp__range_start, .dp__active_date { background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .dp__date_hover_end:hover, .dp__date_hover_start:hover, .dp__date_hover:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } .dp__cell_offset { color: var(--dp-secondary-color); } .dp__cell_disabled { color: var(--dp-secondary-color); cursor: not-allowed; } .dp__range_between { background: var(--dp-range-between-dates-background-color); color: var(--dp-range-between-dates-text-color); border: 1px solid var(--dp-range-between-border-color); border-radius: 0; } .dp__range_between_week { background: var(--dp-primary-color); color: var(--dp-primary-text-color); border-top: 1px solid var(--dp-primary-color); border-bottom: 1px solid var(--dp-primary-color); border-radius: 0; } .dp__today { border: 1px solid var(--dp-primary-color); } .dp__week_num { color: var(--dp-secondary-color); text-align: center; } .dp__cell_auto_range { border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); border-radius: 0; } .dp__cell_auto_range_start { border-inline-start: 1px dashed var(--dp-primary-color); border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); border-start-start-radius: var(--dp-cell-border-radius); border-end-start-radius: var(--dp-cell-border-radius); } .dp__cell_auto_range_end { border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); border-inline-end: 1px dashed var(--dp-primary-color); border-start-end-radius: var(--dp-cell-border-radius); border-end-end-radius: var(--dp-cell-border-radius); } .dp__calendar_header_separator { background: var(--dp-border-color); width: 100%; height: 1px; } .dp__calendar_next { margin-inline-start: var(--dp-multi-calendars-spacing); } .dp__marker_line, .dp__marker_dot { background-color: var(--dp-marker-color); height: 5px; position: absolute; bottom: 0; } .dp__marker_dot { border-radius: 50%; width: 5px; left: 50%; transform: translateX(-50%); } .dp__marker_line { width: 100%; left: 0; } .dp__marker_tooltip { border-radius: var(--dp-border-radius); background-color: var(--dp-tooltip-color); border: 1px solid var(--dp-border-color); z-index: 99999; box-sizing: border-box; cursor: default; padding: 5px; position: absolute; } .dp__tooltip_content { white-space: nowrap; } .dp__tooltip_text { color: var(--dp-text-color); flex-flow: row; align-items: center; display: flex; } .dp__tooltip_mark { background-color: var(--dp-text-color); width: 5px; height: 5px; color: var(--dp-text-color); border-radius: 50%; margin-inline-end: 5px; } .dp__arrow_bottom_tp { background-color: var(--dp-tooltip-color); border-inline-end: 1px solid var(--dp-border-color); border-bottom: 1px solid var(--dp-border-color); width: 8px; height: 8px; position: absolute; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); } .dp__instance_calendar { width: 100%; position: relative; } .dp__flex_display[data-dp-mobile], .dp--flex-display-collapsed { flex-direction: column; } .dp__cell_highlight { background-color: var(--dp-highlight-color); } .dp__month_year_row { height: var(--dp-month-year-row-height); color: var(--dp-text-color); box-sizing: border-box; align-items: center; display: flex; } .dp__inner_nav { cursor: pointer; height: var(--dp-month-year-row-button-size); width: var(--dp-month-year-row-button-size); color: var(--dp-icon-color); text-align: center; border-radius: 50%; justify-content: center; align-items: center; display: flex; } .dp__inner_nav svg { height: var(--dp-button-icon-height); width: var(--dp-button-icon-height); } .dp__inner_nav:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); } [dir="rtl"] .dp__inner_nav { transform: rotate(180deg); } .dp__inner_nav_disabled:hover, .dp__inner_nav_disabled { background: var(--dp-disabled-color); color: var(--dp-disabled-color-text); cursor: not-allowed; } .dp--year-select, .dp__month_year_select { text-align: center; cursor: pointer; height: var(--dp-month-year-row-height); border-radius: var(--dp-border-radius); box-sizing: border-box; color: var(--dp-text-color); justify-content: center; align-items: center; display: flex; } .dp--year-select:hover, .dp__month_year_select:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); } .dp__month_year_select { width: 50%; } .dp--year-select { width: 100%; } .dp__month_year_wrap { flex-direction: row; width: 100%; display: flex; } .dp__year_disable_select { justify-content: space-around; } .dp--header-wrap { flex-direction: column; width: 100%; display: flex; } .dp__overlay { background: var(--dp-background-color); z-index: 99999; width: 100%; font-family: var(--dp-font-family); color: var(--dp-text-color); box-sizing: border-box; transition: opacity 1s ease-out; } .dp--overlay-absolute { height: 100%; position: absolute; top: 0; left: 0; } .dp--overlay-relative { position: relative; } .dp__overlay_container::-webkit-scrollbar-track { box-shadow: var(--dp-scroll-bar-background); background-color: var(--dp-scroll-bar-background); } .dp__overlay_container::-webkit-scrollbar { background-color: var(--dp-scroll-bar-background); width: 5px; } .dp__overlay_container::-webkit-scrollbar-thumb { background-color: var(--dp-scroll-bar-color); border-radius: 10px; } .dp__overlay:focus { border: none; outline: none; } .dp__container_flex { display: flex; } .dp__container_block { display: block; } .dp__overlay_container { height: var(--dp-overlay-height); flex-direction: column; overflow-y: auto; } .dp__time_picker_overlay_container { height: 100%; } .dp__overlay_row { box-sizing: border-box; flex-wrap: wrap; align-items: center; width: 100%; max-width: 100%; margin-inline: auto; padding: 0; display: flex; } .dp__flex_row { flex: 1; } .dp__overlay_col { box-sizing: border-box; width: 33%; padding: var(--dp-overlay-col-padding); white-space: nowrap; } .dp__overlay_cell_pad { padding: var(--dp-common-padding) 0; } .dp__overlay_cell_active { cursor: pointer; border-radius: var(--dp-border-radius); text-align: center; background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .dp__overlay_cell { cursor: pointer; border-radius: var(--dp-border-radius); text-align: center; } .dp__overlay_cell:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); } .dp__cell_in_between { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } .dp__over_action_scroll { box-sizing: border-box; right: 5px; } .dp__overlay_cell_disabled { cursor: not-allowed; background: var(--dp-disabled-color); } .dp__overlay_cell_disabled:hover { background: var(--dp-disabled-color); } .dp__overlay_cell_active_disabled { cursor: not-allowed; background: var(--dp-primary-disabled-color); } .dp__overlay_cell_active_disabled:hover { background: var(--dp-primary-disabled-color); } .dp__btn, .dp--qr-btn, .dp--time-overlay-btn, .dp--time-invalid { font: inherit; transition: var(--dp-common-transition); border: none; line-height: normal; } .dp--year-mode-picker { width: 100%; height: var(--dp-cell-size); justify-content: space-between; align-items: center; display: flex; } .dp--tp-wrap { max-width: var(--dp-menu-min-width); } .dp--tp-wrap[data-dp-mobile] { max-width: 100%; } .dp__time_input { -webkit-user-select: none; user-select: none; width: 100%; font-family: var(--dp-font-family); color: var(--dp-text-color); justify-content: center; align-items: center; display: flex; } .dp__time_col_reg_block { padding: 0 20px; } .dp__time_col_reg_inline { padding: 0 10px; } .dp__time_col_reg_with_button { padding: 0 15px; } .dp__time_col_reg_with_button[data-compact~="true"] { padding: 0 5px; } .dp__time_col_sec { padding: 0 10px; } .dp__time_col_sec_with_button { padding: 0 5px; } .dp__time_col_sec_with_button[data-collapsed~="true"] { padding: 0; } .dp__time_col { text-align: center; flex-direction: column; justify-content: center; align-items: center; display: flex; } .dp__time_col_block { font-size: var(--dp-time-font-size); } .dp__time_display_block { padding: 0 3px; } .dp__time_display_inline { padding: 5px; } .dp__time_picker_inline_container { justify-content: center; width: 100%; display: flex; } .dp__inc_dec_button { height: var(--dp-time-inc-dec-button-size); width: var(--dp-time-inc-dec-button-size); cursor: pointer; color: var(--dp-icon-color); box-sizing: border-box; border-radius: 50%; justify-content: center; align-items: center; margin: 0; padding: 5px; display: flex; } .dp__inc_dec_button svg { height: var(--dp-time-inc-dec-button-size); width: var(--dp-time-inc-dec-button-size); } .dp__inc_dec_button:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); } .dp__time_display { cursor: pointer; color: var(--dp-text-color); border-radius: var(--dp-border-radius); justify-content: center; align-items: center; display: flex; } .dp__time_display:hover:enabled { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } .dp__inc_dec_button_inline { cursor: pointer; align-items: center; width: 100%; height: 8px; padding: 0; display: flex; } .dp__inc_dec_button_disabled, .dp__inc_dec_button_disabled:hover { background: var(--dp-disabled-color); color: var(--dp-disabled-color-text); cursor: not-allowed; } .dp__pm_am_button { background: var(--dp-primary-color); color: var(--dp-primary-text-color); padding: var(--dp-common-padding); border-radius: var(--dp-border-radius); cursor: pointer; border: none; } .dp__pm_am_button[data-compact~="true"] { padding: 7px; } .dp__tp_inline_btn_bar { background-color: var(--dp-secondary-color); width: 100%; height: 4px; transition: var(--dp-common-transition); border-collapse: collapse; } .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r { background-color: var(--dp-primary-color); transform: rotate(12deg) scale(1.15) translateY(-2px); } .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l, .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r { background-color: var(--dp-primary-color); transform: rotate(-12deg) scale(1.15) translateY(-2px); } .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l { background-color: var(--dp-primary-color); transform: rotate(12deg) scale(1.15) translateY(-2px); } .dp--time-overlay-btn { background: none; } .dp--time-invalid { background-color: var(--dp-disabled-color); } .dp__action_row { width: 100%; padding: var(--dp-action-row-padding); box-sizing: border-box; color: var(--dp-text-color); flex-flow: row; align-items: center; display: flex; } .dp__action_row svg { height: var(--dp-button-icon-height); width: auto; } .dp__selection_preview { color: var(--dp-text-color); font-size: var(--dp-preview-font-size); white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } .dp__action_buttons { white-space: nowrap; flex: 0; justify-content: flex-end; align-items: center; margin-inline-start: auto; display: flex; } .dp__action_button { padding: var(--dp-action-buttons-padding); line-height: var(--dp-action-button-height); height: var(--dp-action-button-height); cursor: pointer; border-radius: var(--dp-border-radius); font-size: var(--dp-preview-font-size); font-family: var(--dp-font-family); background: none; border: 1px solid #0000; align-items: center; margin-inline-start: 3px; display: inline-flex; } .dp__action_cancel { color: var(--dp-text-color); border: 1px solid var(--dp-border-color); } .dp__action_cancel:hover { border-color: var(--dp-primary-color); transition: var(--dp-action-row-transition); } .dp__action_buttons .dp__action_select { background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .dp__action_buttons .dp__action_select:hover { background: var(--dp-primary-color); transition: var(--dp-action-row-transition); } .dp__action_buttons .dp__action_select:disabled { background: var(--dp-primary-disabled-color); cursor: not-allowed; } .dp-quarter-picker-wrap { height: 100%; min-width: var(--dp-menu-min-width); flex-direction: column; display: flex; } .dp--qr-btn-disabled { cursor: not-allowed; background: var(--dp-disabled-color); } .dp--qr-btn-disabled:hover { background: var(--dp-disabled-color); } .dp--qr-btn { width: 100%; padding: var(--dp-common-padding); } .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) { background: none; } .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); } .dp--quarter-items { flex-direction: column; flex: 1; justify-content: space-evenly; width: 100%; height: 100%; display: flex; } .dp--qr-btn-active { background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .dp--qr-btn-between { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } :root { --dp-common-transition: all .1s ease-in; --dp-menu-padding: 6px 8px; --dp-animation-duration: .1s; --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); --dp-transition-timing: ease-out; --dp-action-row-transition: all .2s ease-in; --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; --dp-border-radius: 4px; --dp-cell-border-radius: 4px; --dp-transition-length: 22px; --dp-transition-timing-general: .1s; --dp-button-height: 35px; --dp-month-year-row-height: 35px; --dp-month-year-row-button-size: 25px; --dp-button-icon-height: 20px; --dp-calendar-wrap-padding: 0 5px; --dp-cell-size: 35px; --dp-cell-padding: 5px; --dp-common-padding: 10px; --dp-input-icon-padding: 35px; --dp-input-padding: 6px 30px 6px 12px; --dp-input-not-clearable-padding: 12px; --dp-menu-min-width: 260px; --dp-action-buttons-padding: 1px 6px; --dp-row-margin: 5px 0; --dp-calendar-header-cell-padding: .5rem; --dp-multi-calendars-spacing: 10px; --dp-overlay-col-padding: 3px; --dp-time-inc-dec-button-size: 32px; --dp-font-size: 1rem; --dp-preview-font-size: .8rem; --dp-time-font-size: 2rem; --dp-action-button-height: 22px; --dp-action-row-padding: 8px; --dp-direction: ltr; } .dp__theme_dark { --dp-background-color: #212121; --dp-text-color: #fff; --dp-hover-color: #484848; --dp-hover-text-color: #fff; --dp-hover-icon-color: #959595; --dp-primary-color: #005cb2; --dp-primary-disabled-color: #61a8ea; --dp-primary-text-color: #fff; --dp-secondary-color: #a9a9a9; --dp-border-color: #2d2d2d; --dp-menu-border-color: #2d2d2d; --dp-border-color-hover: #aaaeb7; --dp-border-color-focus: #aaaeb7; --dp-disabled-color: #737373; --dp-disabled-color-text: #d0d0d0; --dp-scroll-bar-background: #212121; --dp-scroll-bar-color: #484848; --dp-success-color: #00701a; --dp-success-color-disabled: #428f59; --dp-icon-color: #959595; --dp-danger-color: #e53935; --dp-marker-color: #e53935; --dp-tooltip-color: #3e3e3e; --dp-highlight-color: #005cb233; --dp-range-between-dates-background-color: var(--dp-hover-color, #484848); --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff); --dp-range-between-border-color: var(--dp-hover-color, #fff); --dp-loader: 5px solid #005cb2; } .dp__theme_light { --dp-background-color: #fff; --dp-text-color: #212121; --dp-hover-color: #f3f3f3; --dp-hover-text-color: #212121; --dp-hover-icon-color: #959595; --dp-primary-color: #1976d2; --dp-primary-disabled-color: #6bacea; --dp-primary-text-color: #fff; --dp-secondary-color: #c0c4cc; --dp-border-color: #ddd; --dp-menu-border-color: #ddd; --dp-border-color-hover: #aaaeb7; --dp-border-color-focus: #aaaeb7; --dp-disabled-color: #f6f6f6; --dp-scroll-bar-background: #f3f3f3; --dp-scroll-bar-color: #959595; --dp-success-color: #76d275; --dp-success-color-disabled: #a3d9b1; --dp-icon-color: #959595; --dp-danger-color: #ff6f60; --dp-marker-color: #ff6f60; --dp-tooltip-color: #fafafa; --dp-disabled-color-text: #8e8e8e; --dp-highlight-color: #1976d21a; --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3); --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121); --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3); --dp-loader: 5px solid #1976d2; } .dp__flex { align-items: center; display: flex; } .dp__btn { background: none; } .dp__main { font-family: var(--dp-font-family); -webkit-user-select: none; user-select: none; box-sizing: border-box; width: 100%; position: relative; } .dp__main * { direction: var(--dp-direction, ltr); } .dp__pointer { cursor: pointer; } .dp__icon { stroke: currentColor; fill: currentColor; } .dp__button { text-align: center; width: 100%; color: var(--dp-icon-color); cursor: pointer; padding: var(--dp-common-padding); box-sizing: border-box; height: var(--dp-button-height); place-content: center; align-items: center; display: flex; } .dp__button.dp__overlay_action { position: absolute; bottom: 0; } .dp__button:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); } .dp__button svg { height: var(--dp-button-icon-height); width: auto; } .dp__button_bottom { border-bottom-left-radius: var(--dp-border-radius); border-bottom-right-radius: var(--dp-border-radius); } .dp__flex_display { display: flex; } .dp__flex_display_with_input { flex-direction: column; align-items: flex-start; } .dp__relative { position: relative; } .calendar-next-enter-active, .calendar-next-leave-active, .calendar-prev-enter-active, .calendar-prev-leave-active { transition: all var(--dp-transition-timing-general) ease-out; } .calendar-next-enter-from { opacity: 0; transform: translateX(var(--dp-transition-length)); } .calendar-next-leave-to, .calendar-prev-enter-from { opacity: 0; transform: translateX(calc(var(--dp-transition-length) * -1)); } .calendar-prev-leave-to { opacity: 0; transform: translateX(var(--dp-transition-length)); } .dp-menu-appear-bottom-enter-active, .dp-menu-appear-bottom-leave-active, .dp-menu-appear-top-enter-active, .dp-menu-appear-top-leave-active, .dp-slide-up-enter-active, .dp-slide-up-leave-active, .dp-slide-down-enter-active, .dp-slide-down-leave-active { transition: all var(--dp-animation-duration) var(--dp-transition-timing); } .dp-menu-appear-top-enter-from, .dp-menu-appear-top-leave-to, .dp-slide-down-leave-to, .dp-slide-up-enter-from { opacity: 0; transform: translateY(var(--dp-transition-length)); } .dp-menu-appear-bottom-enter-from, .dp-menu-appear-bottom-leave-to, .dp-slide-down-enter-from, .dp-slide-up-leave-to { opacity: 0; transform: translateY(calc(var(--dp-transition-length) * -1)); } .dp--arrow-btn-nav { transition: var(--dp-common-transition); } .dp--highlighted { background-color: var(--dp-highlight-color); } .dp--hidden-el { visibility: hidden; } html { scrollbar-color: var(--color-slate-100) transparent; scroll-behavior: smooth; background-color: var(--color-primary); } html.dark { scrollbar-color: var(--color-primary) transparent; background-color: var(--color-darkmode-800); } html.dark body { color: var(--color-slate-300); } html.dark body *, html.dark body :before, html.dark body :after { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { html.dark body *, html.dark body :before, html.dark body :after { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } html.disable-transitions *, html.disable-transitions :before, html.disable-transitions :after { transition: none !important; } html body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: calc(var(--spacing) * 3); font-family: var(--font-roboto), serif; font-size: var(--text-sm); color: var(--color-slate-800); line-height: 1.25rem; overflow-x: hidden; } @media screen and (min-width: var(--breakpoint-sm)) { html body { padding-left: calc(var(--spacing) * 8); padding-right: calc(var(--spacing) * 8); } } .im-modal-dialog { overflow: hidden; } .im-modal-dialog::backdrop { background-color: #0009 !important; } @supports (color: color-mix(in lab, red, red)) { .im-modal-dialog::backdrop { background-color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } } .im-modal-dialog::backdrop { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); -webkit-user-select: none; user-select: none; transition-property: all !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } .im-dialog { position: relative; z-index: 60 !important; } .im-modal-content { border-radius: var(--radius-md); background-color: var(--color-white); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); height: fit-content; max-height: 100%; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 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)); margin-inline: auto; padding: 0; position: relative; overflow: hidden; } @media (min-width: 40rem) { .im-modal-content { padding: 0; } } .im-modal-content:is(.dark *) { background-color: var(--color-darkmode-600); } .im-backdrop { background-color: #0009 !important; } @supports (color: color-mix(in lab, red, red)) { .im-backdrop { background-color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } } .im-backdrop { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); -webkit-user-select: none; user-select: none; } #global-loader { opacity: 0; transition: opacity .5s; } #global-loader.visible { opacity: 1; transition: opacity .5s; } #global-loader.hiding { opacity: 0; transition: opacity .4s; } .tns-outer { position: relative; } .tns-outer .tns-controls button { background-color: var(--color-slate-200); color: #0000; z-index: 10; border-radius: 9999px; outline: none; width: 1.25rem; height: 1.25rem; margin-top: auto; margin-bottom: auto; position: absolute; top: 0; bottom: 0; } .tns-outer .tns-controls button:hover { background-color: var(--color-slate-300); } .tns-outer .tns-controls button[data-controls="prev"] { margin-left: calc(calc(var(--spacing) * 6) * -1); left: 0; } .tns-outer .tns-controls button[data-controls="prev"]:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: center; background-size: 80%; width: 100%; height: 100%; margin: auto; position: absolute; inset: 0; transform: rotate(90deg); } .tns-outer .tns-controls button[data-controls="next"] { margin-right: calc(calc(var(--spacing) * 6) * -1); right: 0; } .tns-outer .tns-controls button[data-controls="next"]:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: center; background-size: 80%; width: 100%; height: 100%; margin: auto; position: absolute; inset: 0; transform: rotate(-90deg); } .tns-outer .tns-nav { z-index: 10; justify-content: center; width: 100%; margin-bottom: -1.8rem; display: flex; position: absolute; bottom: 0; } .tns-outer .tns-nav button { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); background-color: var(--color-slate-300); margin-left: var(--spacing); margin-right: var(--spacing); border-radius: 9999px; outline: none; } .tns-outer .tns-nav button.tns-nav-active { background-color: var(--color-slate-500); } .tns-outer button[data-action], .tns-outer .tns-visually-hidden { display: none; } .dark .tns-outer .tns-controls button { background-color: var(--color-darkmode-300); } .dark .tns-outer .tns-controls button:hover { background-color: var(--color-darkmode-200); } .dark .tns-outer .tns-nav button { background-color: var(--color-darkmode-300); } .dark .tns-outer .tns-nav button.tns-nav-active { background-color: var(--color-darkmode-200); } .dark .tns-outer button[data-action], .dark .tns-outer .tns-visually-hidden { display: none; } .tooltip-content { position: fixed; left: 10000px; } .tippy-box { border-radius: var(--radius-md); } .tippy-box .tippy-content { padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 3); } :is(.tippy-popper[x-placement="left"], .tippy-popper[x-placement="right"], .tippy-popper[x-placement="left-start"], .tippy-popper[x-placement="left-end"], .tippy-popper[x-placement="right-start"], .tippy-popper[x-placement="right-end"]) .tippy-roundarrow, :is(.tippy-popper[x-placement="left"], .tippy-popper[x-placement="right"], .tippy-popper[x-placement="left-start"], .tippy-popper[x-placement="left-end"], .tippy-popper[x-placement="right-start"], .tippy-popper[x-placement="right-end"]) .tippy-arrow { margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; } :is(.tippy-popper[x-placement="top"], .tippy-popper[x-placement="bottom"], .tippy-popper[x-placement="top-start"], .tippy-popper[x-placement="top-end"], .tippy-popper[x-placement="bottom-start"], .tippy-popper[x-placement="bottom-end"]) .tippy-roundarrow, :is(.tippy-popper[x-placement="top"], .tippy-popper[x-placement="bottom"], .tippy-popper[x-placement="top-start"], .tippy-popper[x-placement="top-end"], .tippy-popper[x-placement="bottom-start"], .tippy-popper[x-placement="bottom-end"]) .tippy-arrow { margin-left: auto; margin-right: auto; left: 0; right: 0; } .dark .tippy-box { color: var(--color-slate-300); background-color: var(--color-darkmode-300); box-shadow: 0 0 20px 4px #00000026, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926; } .dark .tippy-box > .tippy-svg-arrow { fill: var(--color-darkmode-300); } .toastify { box-shadow: none; color: var(--color-slate-700); background: none; max-width: calc(100% - 30px); padding: 0; } @media screen and (min-width: var(--screen-md)) { .toastify { max-width: none; } } .toastify .toast-close { color: #0000; opacity: 1; padding-right: calc(var(--spacing) * 3); align-items: center; display: flex; position: absolute; top: 0; bottom: 0; right: 0; } .toastify .toast-close:before { content: "×"; color: var(--color-slate-500); font-size: var(--text-3xl); margin-top: calc(calc(var(--spacing) * 1.5) * -1); font-weight: var(--font-weight-light); display: block; } .dark .toastify, .dark .toastify .toast-close:before { color: var(--color-slate-300); } .zoom-overlay { background-color: #000000bf; } @supports (color: color-mix(in lab, red, red)) { .zoom-overlay { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .zoom-overlay { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .dark .zoom-overlay { background-color: #1d293d66; } @supports (color: color-mix(in lab, red, red)) { .dark .zoom-overlay { background-color: color-mix(in oklab, var(--color-dark) 40%, transparent); } } .zoom-img-wrap { overflow: unset !important; background: none !important; border: none !important; } .zoom-img-wrap img { cursor: zoom-out; } .zoom-img-wrap::backdrop { cursor: zoom-out; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: opacity .3s; } :global(.zoom-overlay-open) .zoom-img-wrap::backdrop { opacity: 1; } :global(.zoom-overlay-transitioning) .zoom-img-wrap::backdrop { opacity: 0; } .tom-select { --ts-pr-min: 12px; --ts-pr-clear-button: 0px; --ts-pr-caret: 12px; } .tom-select.ts-wrapper { border-color: var(--color-slate-200); } .tom-select.ts-wrapper:is(.dark *) { border-color: #0000; } .tom-select.ts-wrapper .ts-control { min-height: 20px; line-height: 20px; } .tom-select.ts-wrapper.text-xs\! .ts-control { min-height: 16px !important; line-height: 16px !important; } .tom-select.ts-wrapper.text-lg\! .ts-control { min-height: 28px !important; line-height: 28px !important; } .tom-select.focus { border-color: #193cb866 !important; } @supports (color: color-mix(in lab, red, red)) { .tom-select.focus { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important; } } .tom-select.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); --tw-ring-color: #193cb833; } @supports (color: color-mix(in lab, red, red)) { .tom-select.focus { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .tom-select.focus:is(.dark *) { --tw-ring-color: #31415880; border-color: #0000 !important; } @supports (color: color-mix(in lab, red, red)) { .tom-select.focus:is(.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .tom-select.ts-wrapper, .tom-select.focus.dropdown-active { border-radius: var(--radius-md); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: right .6rem center; background-repeat: no-repeat; background-size: 18px; border-style: solid; border-width: 1px; padding-right: 0 !important; } :is(.tom-select.ts-wrapper, .tom-select.focus.dropdown-active) .ts-control { min-height: 36px; font-size: inherit; padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3); background-color: #0000; border: 0; outline: none; align-items: center; display: flex; } :is(.tom-select.ts-wrapper, .tom-select.focus.dropdown-active) .ts-control input { font-size: inherit; width: 1px; min-width: 0; } :is(.tom-select.ts-wrapper, .tom-select.focus.dropdown-active) .ts-control .item { text-overflow: ellipsis; max-width: calc(100% - (max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret))) + 1px); overflow: hidden; } .tom-select.ts-wrapper.disabled { background-color: var(--color-slate-100); } .tom-select.ts-wrapper.single.input-active .ts-control { background-color: #0000; } .tom-select.ts-wrapper.multi.has-items .ts-control { column-gap: calc(var(--spacing) * 2.5); row-gap: var(--spacing); padding: var(--spacing) calc(var(--spacing) * 2.5); } .tom-select.ts-wrapper.multi .ts-control > div { padding: 0 calc(var(--spacing) * 2); margin: 0 0 0 calc(calc(var(--spacing) * 1.5) * -1); border-radius: var(--radius-md); background-color: var(--color-slate-200); } .tom-select.ts-wrapper.plugin-remove_button .item .remove { border-color: var(--color-slate-300); padding: var(--spacing) calc(var(--spacing) * 2); justify-content: center; align-items: center; display: flex; } .tom-select.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { margin-left: calc(var(--spacing) * 2); } .tom-select.ts-wrapper .dropdown-header { border-color: var(--color-slate-200); background-color: var(--color-slate-100); padding: calc(var(--spacing) * 2.5); font-weight: var(--font-weight-medium); } .tom-select.focus.dropdown-active { border-color: var(--color-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' transform='rotate(180)' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } .tom-select.plugin-dropdown_input .dropdown-input-wrap .dropdown-input { outline: none; } @keyframes tom-select-show { 0% { opacity: 0; margin-top: 1.25rem; transform: translateY(.25rem); } 100% { opacity: 1; margin-top: .25rem; transform: translateY(0); } } .ts-dropdown { --ts-max-height: 206px; z-index: 50; width: auto; font-size: inherit; box-shadow: var(--shadow-sm); border-radius: var(--radius-md); border: 1px solid var(--color-slate-200); will-change: margin-top, trasform, opacity; margin-top: 1px; transition-timing-function: linear; animation-name: tom-select-show; animation-delay: 50ms; animation-fill-mode: both; left: -1px; right: -1px; cursor: pointer !important; animation-duration: .25s !important; } .ts-dropdown .active { background-color: var(--color-white); } .ts-dropdown .active:is(.dark *) { background-color: var(--color-darkmode-600); } .ts-dropdown .dropdown-input-wrap { padding: calc(var(--spacing) * 2); } .ts-dropdown .dropdown-input-wrap .dropdown-input { border-radius: var(--radius-md); border: 1px solid var(--color-slate-200); font-size: var(--text-sm); } .ts-dropdown .optgroup-header { padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 3); font-weight: var(--font-weight-medium); background-color: var(--color-slate-100); } .ts-dropdown .ts-dropdown-content { z-index: 50; max-height: var(--ts-max-height, 200px); position: relative; } .ts-dropdown .option[data-selectable] { text-overflow: ellipsis; } .ts-dropdown .option { padding-block: 0; padding-inline: 0; } .ts-dropdown .selected button { border-radius: var(--radius-md); background-color: var(--color-primary); color: var(--color-white); } @media (hover: hover) { .ts-dropdown .selected button:hover { background-color: #193cb8bf; } @supports (color: color-mix(in lab, red, red)) { .ts-dropdown .selected button:hover { background-color: color-mix(in oklab, var(--color-primary) 75%, transparent); } } } .ts-dropdown .selected button:is(.dark *) { background-color: var(--color-darkmode-400); } .ts-dropdown [data-selectable] .highlight { color: #fff; background-color: var(--color-danger); } .ts-dropdown > input.items-placeholder { cursor: pointer !important; } .ts-dropdown > input.items-placeholder::placeholder, .ts-dropdown > input.items-placeholder:placeholder-shown { color: #94a3b8e6; } .ts-dropdown > input.items-placeholder:-ms-placeholder-shown { color: #94a3b8e6; } .ts-dropdown div.item[data-ts-item]:nth-last-child(2) { margin-right: 32px; } .tom-select.dropdown-force-dark.ts-wrapper, .tom-select.dropdown-force-dark.focus.dropdown-active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); color: #cbd5e1 !important; } :is(.tom-select.dropdown-force-dark.ts-wrapper, .tom-select.dropdown-force-dark.focus.dropdown-active) .ts-control input::placeholder { color: #cbd5e1f2 !important; } :is(.tom-select.dropdown-force-dark.ts-wrapper, .tom-select.dropdown-force-dark.focus.dropdown-active) .ts-control input { color: #cbd5e1 !important; } .tom-select.dropdown-force-dark.focus.dropdown-active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' transform='rotate(180)' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } .ts-dropdown.dropdown-force-dark { border-style: var(--tw-border-style) !important; --tw-border-style: dashed !important; border: 2px dashed #90a1b9bf !important; } @supports (color: color-mix(in lab, red, red)) { .ts-dropdown.dropdown-force-dark { border-color: color-mix(in oklab, var(--color-slate-400) 75%, transparent) !important; } } .ts-dropdown.dropdown-force-dark { background-color: #1b399d !important; } .ts-dropdown.dropdown-force-dark:is(.dark *) { background-color: #182136 !important; } .ts-dropdown.dropdown-force-dark { scrollbar-color: #94a3b8 #fff0; } .ts-dropdown.dropdown-force-dark::-webkit-scrollbar { background-color: #0000; } .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"].selected button { border-radius: var(--radius-md) !important; background-color: #ffffff4d !important; } @supports (color: color-mix(in lab, red, red)) { .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"].selected button { background-color: color-mix(in oklab, var(--color-white) 30%, transparent) !important; } } .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"].selected button:is(.dark *) { background-color: #0000004d !important; } @supports (color: color-mix(in lab, red, red)) { .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"].selected button:is(.dark *) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important; } } .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"] { background-color: #1b399d; } .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"]:is(.dark *) { background-color: #182136; } .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"] button { border-radius: var(--radius-md) !important; color: var(--color-white) !important; transition-property: all !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; --tw-duration: .2s !important; background-color: #1b399d !important; transition-duration: .2s !important; } @media (hover: hover) { .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"] button:hover { background-color: #ffffff1a !important; } @supports (color: color-mix(in lab, red, red)) { .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"] button:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important; } } } .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"] button:is(.dark *) { color: var(--color-slate-400) !important; background-color: #182136 !important; } @media (hover: hover) { .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"] button:is(.dark *):hover { background-color: #0000001a !important; } @supports (color: color-mix(in lab, red, red)) { .ts-dropdown.dropdown-force-dark .ts-dropdown-content .option[role="option"] button:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } } .dark .tom-select.ts-wrapper, .dark .tom-select.focus.dropdown-active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } :is(.dark .tom-select.ts-wrapper, .dark .tom-select.focus.dropdown-active) .ts-control { color: var(--color-slate-300); } .dark .tom-select.ts-wrapper.disabled { background-color: #1d293d80; border-color: #0000; } @supports (color: color-mix(in lab, red, red)) { .dark .tom-select.ts-wrapper.disabled { background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } } .dark .tom-select.ts-wrapper.multi .ts-control > div { color: var(--color-slate-300); background-color: var(--color-darkmode-600); } .dark .tom-select.ts-wrapper.plugin-remove_button .item .remove { border-color: var(--color-darkmode-400); } .dark .tom-select.ts-wrapper .dropdown-header { border-color: var(--color-darkmode-800); background-color: var(--color-darkmode-800); } .dark .tom-select.focus.dropdown-active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' transform='rotate(180)' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } .dark .tom-select .ts-control > input.items-placeholder::placeholder, .dark .tom-select .ts-control > input.items-placeholder:placeholder-shown { color: #64748bcc; } .dark .tom-select .ts-control > input.items-placeholder:-ms-placeholder-shown { color: #64748bcc; } .dark .ts-dropdown { color: var(--color-slate-300); border-color: var(--color-darkmode-800); background-color: var(--color-darkmode-700); } .dark .ts-dropdown .dropdown-input-wrap .dropdown-input { border-color: var(--color-darkmode-800); background-color: var(--color-darkmode-600); } .dark .ts-dropdown .optgroup-header { color: var(--color-slate-300); background-color: var(--color-darkmode-800); } .dark .ts-wrapper { border-color: var(--color-darkmode-800); background-color: var(--color-darkmode-800); } .dark .ts-wrapper.tom-select > .ts-control > input.items-placeholder::placeholder, .dark .ts-wrapper.tom-select > .ts-control > input.items-placeholder:placeholder-shown { color: #64748bcc; } .dark .ts-wrapper.tom-select > .ts-control > input.items-placeholder:-ms-placeholder-shown { color: #64748bcc; } .tom-select-wrapper { all: unset !important; width: 100% !important; position: relative !important; } .select-rounded-lg { border-radius: .375rem !important; } .ts-wrapper.tom-select { padding-left: 2px; } .ts-wrapper.tom-select > .ts-control { cursor: pointer !important; height: 100% !important; } .ts-wrapper.tom-select > .ts-control > input.items-placeholder { cursor: pointer !important; } .ts-wrapper.tom-select > .ts-control > input.items-placeholder::placeholder, .ts-wrapper.tom-select > .ts-control > input.items-placeholder:placeholder-shown { color: #94a3b8e6; } .ts-wrapper.tom-select > .ts-control > input.items-placeholder:-ms-placeholder-shown { color: #94a3b8e6; } .plugin-clear_button.single .clear-button { border-style: var(--tw-border-style) !important; background-color: var(--color-white) !important; padding-inline: var(--spacing) !important; border-width: 1px !important; border-radius: 3.40282e38px !important; } @media (hover: hover) { .plugin-clear_button.single .clear-button:hover { cursor: pointer !important; background-color: var(--color-slate-100) !important; } } .plugin-clear_button.single .clear-button:is(.dark *) { background-color: var(--color-darkmode-800) !important; } .plugin-clear_button.single .clear-button { z-index: 49; transform: translateY(-50%) scale(.9); right: 32px !important; } .ck-editor, .document-editor, .ck-editor__editable { box-shadow: var(--shadow-md); } .document-editor { border-radius: var(--ck-border-radius); border: 1px solid var(--color-slate-200); flex-flow: column; max-height: 700px; display: flex; } .document-editor .document-editor__toolbar { z-index: 1; border-bottom: 1px solid var(--color-slate-200); } .document-editor .document-editor__toolbar .ck-toolbar { background-color: var(--color-slate-100); border: 0; border-radius: 0; } .document-editor .document-editor__toolbar .ck-toolbar .ck-icon { width: 16px; } .document-editor .document-editor__editable-container { padding: calc(2 * var(--ck-spacing-large)); background-color: var(--color-slate-100); overflow-y: scroll; } .document-editor .document-editor__editable-container .ck-editor__editable { border-radius: var(--ck-border-radius); border: 1px solid var(--color-slate-200); width: 15.8cm; min-height: 21cm; box-shadow: var(--shadow-md); background: #fff; margin: 0 auto; padding: 1cm 2cm 2cm; } .document-editor .ck-heading-dropdown .ck-list .ck-button__label { line-height: calc(1.7 * var(--ck-line-height-base) * var(--ck-font-size-base)); min-width: 6em; } .document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label { transform-origin: 0; transform: scale(.8); } .document-editor .ck-content h2, .document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label { font-size: 2.18em; font-weight: normal; } .document-editor .ck-content h2 { margin-bottom: .142em; padding-top: .342em; line-height: 1.37em; } .document-editor .ck-content h3, .document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label { color: #009dff; font-size: 1.75em; font-weight: normal; } .document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label { color: var(--ck-color-list-button-on-text); } .document-editor .ck-content h3 { margin-bottom: .357em; padding-top: .171em; line-height: 1.86em; } .document-editor .ck-content h4, .document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label { font-size: 1.31em; font-weight: bold; } .document-editor .ck-content h4 { margin-bottom: .952em; padding-top: .286em; line-height: 1.24em; } .document-editor .ck-content p { margin-bottom: 1.13em; padding-top: .5em; font-size: 1em; line-height: 1.63em; } .document-editor .ck-content blockquote { margin-left: calc(2 * var(--ck-spacing-large)); margin-right: calc(2 * var(--ck-spacing-large)); font-family: Georgia, serif; } .ck.ck-content { min-height: 250px; } .ck.ck-content.ck-editor__editable_inline { border: 1px solid var(--color-slate-200); } .ck .ck .ck-content { min-height: 250px; } .ck .ck .ck-content.ck-editor__editable_inline { border: 1px solid var(--color-slate-200); } .ck .ck .ck-content blockquote, .ck .ck .ck-content dl, .ck .ck .ck-content dd, .ck .ck .ck-content h1, .ck .ck .ck-content h2, .ck .ck .ck-content h3, .ck .ck .ck-content h4, .ck .ck .ck-content h5, .ck .ck .ck-content h6, .ck .ck .ck-content hr, .ck .ck .ck-content figure, .ck .ck .ck-content p, .ck .ck .ck-content pre { margin: revert; } .ck .ck .ck-content ol, .ck .ck .ck-content ul { list-style: revert; margin: revert; padding: revert; } .ck .ck .ck-content h1, .ck .ck .ck-content h2, .ck .ck .ck-content h3, .ck .ck .ck-content h4, .ck .ck .ck-content h5, .ck .ck .ck-content h6 { font-size: revert; font-weight: revert; } .ck .ck .ck-content img, .ck .ck .ck-content svg, .ck .ck .ck-content video, .ck .ck .ck-content canvas, .ck .ck .ck-content audio, .ck .ck .ck-content iframe, .ck .ck .ck-content embed, .ck .ck .ck-content object { display: revert; vertical-align: revert; } .ck .ck.ck-reset_all, .ck .ck.ck-reset_all * { color: var(--color-slate-800); } .ck .ck.ck-toolbar, .ck .ck.ck-balloon-panel { background-color: var(--color-slate-100); border-color: var(--color-slate-200); } :is(.ck .ck.ck-toolbar, .ck .ck.ck-balloon-panel) .ck-icon { width: 16px; } .ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: var(--color-slate-200); } .ck .ck.ck-button:not(.ck-disabled):hover, a:is(.ck .ck).ck-button:not(.ck-disabled):hover { background-color: var(--color-slate-200); } .dark .document-editor { border-color: #0f172a4d; } @supports (color: color-mix(in lab, red, red)) { .dark .document-editor { border-color: color-mix(in oklab, var(--color-darkmode-900) 30%, transparent); } } .dark .document-editor .document-editor__toolbar { border-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .document-editor .document-editor__toolbar { border-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark .document-editor .document-editor__toolbar .ck-toolbar { background-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .document-editor .document-editor__toolbar .ck-toolbar { background-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark .document-editor .document-editor__toolbar .ck-toolbar .ck-toolbar__separator { background-color: var(--color-darkmode-800); } .dark .document-editor .document-editor__toolbar .ck-toolbar .ck-tooltip .ck-tooltip__text { color: var(--color-slate-200); background-color: var(--color-darkmode-800); } .dark .document-editor .document-editor__toolbar .ck-toolbar .ck-tooltip .ck-tooltip__text:after { border-bottom: var(--color-darkmode-800); } .dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-icon :not([fill]) { fill: var(--color-slate-300); } .dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-dropdown__panel { border-color: var(--color-darkmode-800); } .dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-button.ck-on, .dark .document-editor .document-editor__toolbar .ck-toolbar a.ck.ck-button.ck-on { background-color: var(--color-darkmode-800); } .dark .document-editor .document-editor__editable-container { background-color: var(--color-darkmode-600); } .dark .document-editor .document-editor__editable-container .ck-editor__editable { border-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .document-editor .document-editor__editable-container .ck-editor__editable { border-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark .document-editor .document-editor__editable-container .ck-editor__editable { background-color: var(--color-darkmode-800); } .dark .ck.ck-content.ck-editor__editable_inline { border-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .ck.ck-content.ck-editor__editable_inline { border-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark .ck.ck-content.ck-editor__editable_inline, .dark .ck.ck-list { background-color: var(--color-darkmode-800); } .dark .ck.ck-dropdown__panel { background-color: var(--color-darkmode-800); border-color: var(--color-darkmode-800); } .dark .ck.ck.ck-input-text { background-color: var(--color-darkmode-400); border-color: var(--color-darkmode-400); } .dark .ck.ck.ck-input-text:focus { box-shadow: none; } .dark .ck .ck-insert-table-dropdown-grid-box { border-color: var(--color-darkmode-400); } .dark .ck.ck-reset_all, .dark .ck.ck-reset_all * { color: var(--color-slate-300) !important; } .dark .ck .ck .ck-content.ck-editor__editable_inline { border-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .ck .ck .ck-content.ck-editor__editable_inline { border-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark .ck .ck .ck-content.ck-editor__editable_inline { background-color: var(--color-darkmode-800); } .dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel { background-color: var(--color-darkmode-700); border-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel { border-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel):before, :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel):after { border-bottom-color: #0f172a33 !important; } @supports (color: color-mix(in lab, red, red)) { :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel):before, :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel):after { border-bottom-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent) !important; } } :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) .ck-toolbar__separator { background-color: var(--color-darkmode-800); } :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) .ck-tooltip .ck-tooltip__text { color: var(--color-slate-200); background-color: var(--color-darkmode-800); } :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) .ck-tooltip .ck-tooltip__text:after { border-bottom-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) .ck-tooltip .ck-tooltip__text:after { border-bottom-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) .ck.ck-icon :not([fill]) { fill: var(--color-slate-300); } :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) .ck.ck-dropdown__panel { border-color: var(--color-darkmode-800); } :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) .ck.ck-button.ck-on, :is(.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel) a.ck.ck-button.ck-on, .dark .ck .ck.ck-editor__main > .ck-editor__editable { background-color: var(--color-darkmode-800); } .dark .ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .dark .ck .ck.ck-button:not(.ck-disabled):hover, a:is(.dark .ck .ck).ck-button:not(.ck-disabled):hover { background-color: #0f172a33; } @supports (color: color-mix(in lab, red, red)) { .dark .ck .ck.ck-button:not(.ck-disabled):hover, a:is(.dark .ck .ck).ck-button:not(.ck-disabled):hover { background-color: color-mix(in oklab, var(--color-darkmode-900) 20%, transparent); } } .litepicker { background-color: var(--color-white); border-radius: var(--radius-md); font-size: var(--text-sm); margin-top: 7px; box-shadow: 0 3px 20px #00000014; z-index: 999999 !important; } @media (max-width: calc(var(--screen-lg) - 1px)) { .litepicker { width: 310px; } } @media (max-width: calc(var(--screen-sm) - 1px)) { .litepicker { margin-left: auto; margin-right: auto; right: 0; left: 0 !important; } } .litepicker:before { content: ""; border-left: 7px solid #0000; border-right: 7px solid #0000; border-bottom: 7px solid var(--color-slate-100); display: inline-block; position: absolute; top: -7px; left: 9px; } .litepicker:after { content: ""; border-left: 6px solid #0000; border-right: 6px solid #0000; border-bottom: 6px solid var(--color-white); display: inline-block; position: absolute; top: -6px; left: 10px; } .litepicker .container__months, .litepicker .container__footer { box-shadow: none; background-color: #0000; padding-top: 0; } .litepicker .container__footer { border-top: 1px solid #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .litepicker .container__footer { border-top: 1px solid color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .litepicker .container__footer { padding: calc(var(--spacing) * 3); margin: 0; } @media (max-width: calc(var(--screen-lg) - 1px)) { .litepicker .container__footer { text-align: center; flex-direction: column-reverse; display: flex; } .litepicker .container__footer .preview-date-range { width: 100%; margin-bottom: calc(var(--spacing) * 2); order: 1; display: block; } } .litepicker .container__footer .button-cancel { background-color: #e2e8f0b3; } @supports (color: color-mix(in lab, red, red)) { .litepicker .container__footer .button-cancel { background-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent); } } .litepicker .container__footer .button-cancel { color: var(--color-slate-500); } @media (max-width: calc(var(--screen-lg) - 1px)) { .litepicker .container__footer .button-cancel { width: 100% !important; margin-left: 0 !important; padding-top: .375rem !important; padding-bottom: .375rem !important; } } .litepicker .container__footer .button-apply { background-color: var(--color-primary); color: var(--color-white); } @media (max-width: calc(var(--screen-lg) - 1px)) { .litepicker .container__footer .button-apply { margin-bottom: calc(var(--spacing) * 2); width: 100% !important; margin-left: 0 !important; padding-top: .375rem !important; padding-bottom: .375rem !important; } } .litepicker .container__footer .button-apply, .litepicker .container__footer .button-cancel { width: calc(var(--spacing) * 20); padding: var(--spacing) calc(var(--spacing) * 2); border-radius: var(--radius-md); font-weight: var(--font-weight-medium); margin-left: var(--spacing); margin-right: 0; } .litepicker .container__months { padding-left: var(--spacing); padding-right: var(--spacing); } .litepicker .container__months .month-item-weekdays-row { color: var(--color-slate-400); margin-top: calc(var(--spacing) * 3); } .litepicker .container__months .month-item-header { padding: calc(var(--spacing) * 2) 0 0; } .litepicker .container__months .month-item-header .button-previous-month, .litepicker .container__months .month-item-header .button-next-month { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); justify-content: center; align-items: center; display: flex; } :is(.litepicker .container__months .month-item-header .button-previous-month, .litepicker .container__months .month-item-header .button-next-month):hover { background-color: var(--color-slate-100); } :is(.litepicker .container__months .month-item-header .button-previous-month, .litepicker .container__months .month-item-header .button-next-month) svg { transform: rotate(0); } .litepicker .container__months .month-item-header .button-previous-month svg { margin-right: calc(var(--spacing) * -1); transform: rotate(135deg); } .litepicker .container__months .month-item-header .button-next-month { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); justify-content: center; align-items: center; display: flex; } .litepicker .container__months .month-item-header .button-next-month:hover { background-color: var(--color-slate-100); } .litepicker .container__months .month-item-header .button-next-month svg { margin-left: calc(var(--spacing) * -1); transform: rotate(-45deg); } .litepicker .container__months .month-item-header .button-previous-month:hover svg, .litepicker .container__months .month-item-header .button-previous-month svg, .litepicker .container__months .month-item-header .button-next-month:hover svg, .litepicker .container__months .month-item-header .button-next-month svg { fill: #0000; border: solid var(--color-slate-600); width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; } .litepicker .container__months .month-item-header div > .month-item-name, .litepicker .container__months .month-item-header div > .month-item-year { text-transform: capitalize; font-size: var(--text-sm); padding: var(--spacing) calc(var(--spacing) * 8) var(--spacing) calc(var(--spacing) * 2); border-radius: var(--radius-md); border-style: solid; border-width: 1px; border-color: var(--color-slate-200); font-weight: var(--font-weight-normal); background-color: #0000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--color-slate-600)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: right .6rem center; background-repeat: no-repeat; background-size: 15px; } :is(.litepicker .container__months .month-item-header div > .month-item-name, .litepicker .container__months .month-item-header div > .month-item-year):focus { border-color: var(--color-slate-200); --tw-ring-color: transparent; outline: none; } .litepicker .container__months .month-item-header div > .month-item-name option { text-transform: capitalize; } .litepicker .container__days .day-item { color: var(--color-slate-800); } .litepicker .container__days .day-item:hover { box-shadow: none; background-color: var(--color-slate-100); color: var(--color-slate-800); } .litepicker .container__days .day-item.is-today, .litepicker .container__days .day-item.is-today:hover { font-weight: var(--font-weight-medium); color: var(--color-primary); } .litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-start-date:hover, .litepicker .container__days .day-item.is-end-date, .litepicker .container__days .day-item.is-end-date:hover { background-color: var(--color-primary); color: var(--color-white); } .litepicker .container__days .day-item.is-in-range, .litepicker .container__days .day-item.is-in-range:hover { background-color: var(--color-slate-100); } .litepicker .container__days .week-number { color: var(--color-slate-400); } @media (max-width: calc(var(--screen-lg) - 1px)) { :root { --litepicker-day-width: 35px; } } .dark .litepicker { background-color: var(--color-darkmode-600); } .dark .litepicker:before, .dark .litepicker:after { border-left-color: #0000; border-right-color: #0000; border-bottom-color: var(--color-darkmode-600); } .dark .litepicker .container__months .button-previous-month:hover, .dark .litepicker .container__months .button-next-month:hover { background-color: var(--color-darkmode-400); } .dark .litepicker .container__months .month-item-header .button-previous-month:hover svg, .dark .litepicker .container__months .month-item-header .button-previous-month svg, .dark .litepicker .container__months .month-item-header .button-next-month:hover svg, .dark .litepicker .container__months .month-item-header .button-next-month svg { border-color: var(--color-slate-200); } .dark .litepicker .container__months .month-item-header div > .month-item-name, .dark .litepicker .container__months .month-item-header div > .month-item-year { border-color: var(--color-darkmode-400); color: var(--color-slate-200); } .dark .litepicker .container__days .day-item { color: var(--color-slate-200); } .dark .litepicker .container__days .day-item:hover { background-color: var(--color-darkmode-400); } .dark .litepicker .container__days .day-item.is-start-date, .dark .litepicker .container__days .day-item.is-start-date:hover, .dark .litepicker .container__days .day-item.is-end-date, .dark .litepicker .container__days .day-item.is-end-date:hover { background-color: var(--color-primary); color: var(--color-slate-200); } .dark .litepicker .container__days .day-item.is-in-range, .dark .litepicker .container__days .day-item.is-in-range:hover { background-color: var(--color-darkmode-400); } .dark .litepicker .container__days .day-item.is-today, .dark .litepicker .container__days .day-item.is-today:hover { color: var(--color-slate-200); } .dark .litepicker .container__footer { border-color: var(--color-darkmode-400); } .dark .litepicker .container__footer .button-cancel { background-color: var(--color-darkmode-400); color: var(--color-slate-300); } .dark .litepicker .container__tooltip { background-color: var(--color-darkmode-400); } .dark .litepicker .container__tooltip:before, .dark .litepicker .container__tooltip:after { border-top-color: var(--color-darkmode-600); } @media (max-width: calc(var(--breakpoint-lg) - 1px)) { .full-calendar .fc-toolbar { flex-direction: column; } } .full-calendar .fc-toolbar .fc-toolbar-chunk:first-child { order: 3; } .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(2) { order: 1; } .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) { order: 2; } @media (max-width: calc(var(--breakpoint-lg) - 1px)) { .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) { margin-top: calc(var(--spacing) * 3); margin-bottom: calc(var(--spacing) * 3); } } @media (max-width: calc(var(--breakpoint-sm) - 1px)) { .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group { display: block; } } .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group button { width: 5rem; } @media (max-width: calc(var(--breakpoint-sm) - 1px)) { .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group button { border-radius: var(--radius-md); width: 100%; margin-bottom: .5rem; } } .full-calendar .fc-toolbar .fc-toolbar-title { font-size: var(--text-lg); font-weight: var(--font-weight-medium); } .full-calendar .fc-toolbar-chunk .fc-button-primary:first-child { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .full-calendar .fc-toolbar-chunk .fc-button-primary:last-child { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .full-calendar .fc-theme-standard .fc-scrollgrid, .full-calendar .fc-theme-standard th, .full-calendar .fc-theme-standard td, .full-calendar .fc-theme-standard .fc-list { border-color: #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .full-calendar .fc-theme-standard .fc-scrollgrid, .full-calendar .fc-theme-standard th, .full-calendar .fc-theme-standard td, .full-calendar .fc-theme-standard .fc-list { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .full-calendar table { border-radius: var(--radius-md); } .full-calendar table tr th .fc-scrollgrid-sync-inner { padding-top: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 3); } .full-calendar .fc-daygrid-event-harness { margin-left: calc(var(--spacing) * 5); margin-right: calc(var(--spacing) * 5); } .full-calendar .fc-h-event { background-color: var(--color-primary); border-color: var(--color-primary); border-radius: var(--radius-md); } .full-calendar .fc-event-title-container { padding: var(--spacing) calc(var(--spacing) * 2); font-size: var(--text-xs); } .full-calendar .fc-daygrid-event { font-size: var(--text-xs); } .full-calendar .fc-daygrid-event-dot { border-color: var(--color-primary); margin-right: calc(var(--spacing) * 2); } .full-calendar .fc-daygrid-dot-event .fc-event-title, .full-calendar .fc-col-header-cell-cushion { font-weight: var(--font-weight-medium); } @media (max-width: calc(var(--breakpoint-sm) - 1px)) { .full-calendar.fc .fc-view-harness { min-height: 400px !important; } .full-calendar.fc .fc-daygrid-day-frame { min-height: 60px !important; } } .full-calendar .fc-daygrid-more-link { font-size: var(--text-sm); } @media (max-width: calc(var(--breakpoint-md) - 1px)) { .full-calendar .fc-daygrid-more-link { color: var(--color-slate-500); font-size: 10px; } } @media (max-width: calc(var(--breakpoint-sm) - 1px)) { .full-calendar .fc-daygrid-more-link { margin-top: calc(calc(var(--spacing) * 3) * -1); leading: 10px; padding-left: 0; display: block; } } .full-calendar .fc-daygrid-day-bottom { padding-top: var(--spacing); } .full-calendar .fc-day-other { background-color: #f1f5f980; } @supports (color: color-mix(in lab, red, red)) { .full-calendar .fc-day-other { background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent); } } .full-calendar .fc-button-primary { font-weight: var(--font-weight-normal) !important; border: 1px solid #e2e8f099 !important; display: inline-block !important; } @supports (color: color-mix(in lab, red, red)) { .full-calendar .fc-button-primary { border: 1px solid color-mix(in oklab, var(--color-slate-200) 60%, transparent) !important; } } .full-calendar .fc-button-primary { box-shadow: var(--shadow-md); border-radius: var(--radius-md); cursor: pointer; justify-content: center; align-items: center; transition-property: color, background-color, border-color, box-shadow, transform; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); color: var(--color-slate-500) !important; text-transform: capitalize !important; background-color: #0000 !important; padding: .4em .65em !important; } .full-calendar .fc-button-primary:focus { box-shadow: 4px; --tw-ring-color: var(--color-primary); --tw-text-opacity: .2; } .full-calendar .fc-button-primary:hover:not(:disabled) { --tw-background-opacity: .9; --tw-border-opacity: .9; } .full-calendar .fc-button-primary:not(button) { text-align: center; } .full-calendar .fc-button-primary:disabled { opacity: .7; cursor: not-allowed; } .full-calendar .fc-button-primary .fc-icon { font-size: 1.2em !important; } .full-calendar .fc-button-primary:focus { box-shadow: none !important; } .full-calendar .fc-button-primary:not(:disabled):active, .full-calendar .fc-button-primary:not(:disabled).fc-button-active { color: #fff !important; background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; } .full-calendar .fc-list-day-cushion { background-color: #f1f5f980 !important; } @supports (color: color-mix(in lab, red, red)) { .full-calendar .fc-list-day-cushion { background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent) !important; } } .full-calendar .fc-list-day-cushion { padding: .75rem 1.25rem !important; } .full-calendar .fc-list-event td { padding: calc(var(--spacing) * 3) calc(var(--spacing) * 5); } .full-calendar .fc-list-event-dot { border-color: var(--color-primary) !important; } .full-calendar .fc-event-time { padding-left: calc(var(--spacing) * .5); padding-right: calc(var(--spacing) * .5); font-size: .75rem !important; } .full-calendar .fc-daygrid-more-link { padding-left: calc(var(--spacing) * 2); } .dark .full-calendar .fc-button-primary { background-color: var(--color-darkmode-400) !important; border-color: var(--color-darkmode-400) !important; } .dark .full-calendar .fc-list-day-cushion { background-color: var(--color-darkmode-400) !important; } .dark .full-calendar .fc-event:hover td { border-color: var(--color-darkmode-400) !important; background-color: var(--color-darkmode-400) !important; } .dark .full-calendar .fc-theme-standard .fc-scrollgrid, .dark .full-calendar .fc-theme-standard th, .dark .full-calendar .fc-theme-standard td, .dark .full-calendar .fc-theme-standard .fc-list { border-color: var(--color-darkmode-400); } .dark .full-calendar .fc-day-other { background-color: var(--color-darkmode-700); } .dark .full-calendar .fc-button-primary:focus { --tw-ring-color: var(--color-slate-700); --tw-ring-opacity: .5; transition-property: none; } .tabulator-print-fullscreen-hide:before { content: ""; background-color: var(--color-white); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; } .tabulator { background-color: #0000; border: 0; overflow: hidden; } .tabulator .tabulator-header { font-weight: var(--font-weight-medium); color: currentColor; border-top: 1px solid var(--color-slate-200); border-bottom: 1px solid var(--color-slate-200); background-color: #0000; } .tabulator .tabulator-header .tabulator-headers .tabulator-col { background-color: #0000; border-right-width: 0; } .tabulator .tabulator-header .tabulator-headers .tabulator-col:hover { background-color: var(--color-slate-100); } .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content { padding-right: 0; } .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-col-title { top: -3px; } .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-arrow { padding: calc(var(--spacing) * 3) calc(var(--spacing) * 5); border-left-width: 5px; border-right-width: 5px; margin-top: auto; margin-bottom: auto; bottom: 0; } .tabulator .tabulator-header .tabulator-headers .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow { border-bottom-color: var(--color-slate-300); } .tabulator .tabulator-row { border-bottom: 1px solid var(--color-slate-200); } .tabulator .tabulator-row:hover, .tabulator .tabulator-row.tabulator-row-even:hover { background-color: var(--color-slate-200); } .tabulator .tabulator-row.tabulator-row-even { background-color: var(--color-slate-100); } .tabulator .tabulator-row .tabulator-cell { border-right: 0; padding-left: 0; } .tabulator .tabulator-row .tabulator-cell.tabulator-row-handle { padding-left: 0; padding-right: 0; } .tabulator .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle { background-color: var(--color-slate-400); width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); margin-right: calc(calc(var(--spacing) * 5) * -1); border-radius: 9999px; } .tabulator .tabulator-row .tabulator-responsive-collapse { padding: calc(var(--spacing) * 3); border-color: var(--color-slate-200); border-bottom: 0; } .tabulator .tabulator-row .tabulator-responsive-collapse td { padding: calc(var(--spacing) * 2); } .tabulator .tabulator-row .tabulator-responsive-collapse td strong { font-weight: var(--font-weight-medium); } .tabulator .tabulator-footer { margin-top: calc(var(--spacing) * 2); background-color: #0000; border-top: 0; padding: 0; } @media (max-width: calc(var(--screen-md) - 1px)) { .tabulator .tabulator-footer { white-space: normal; } } .tabulator .tabulator-footer .tabulator-paginator { align-items: center; display: flex; } @media (max-width: calc(var(--screen-md) - 1px)) { .tabulator .tabulator-footer .tabulator-paginator { text-align: left; display: block; } } .tabulator .tabulator-footer .tabulator-paginator > label { font-weight: var(--font-weight-normal); color: var(--color-slate-700); } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size { padding: calc(var(--spacing) * 2) calc(var(--spacing) * 8) calc(var(--spacing) * 2) calc(var(--spacing) * 3); margin-left: calc(var(--spacing) * 2); border-radius: var(--radius-md); appearance: none; font-weight: var(--font-weight-normal); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--color-slate-600)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: right .6rem center; background-size: 15px; background-color: var(--color-white); border-color: var(--color-slate-200); background-repeat: no-repeat; margin-right: auto; } @media (max-width: calc(var(--screen-md) - 1px)) { .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size { margin-right: calc(var(--spacing) * 3); } } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page { min-width: 40px; color: var(--color-slate-700); box-shadow: var(--shadow-md); padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3); border-radius: var(--radius-md); font-weight: var(--font-weight-normal); cursor: pointer; border-width: 1px; border-color: #0000; justify-content: center; align-items: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); display: inline-flex; } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:focus { box-shadow: 4px; --tw-ring-color: var(--color-primary); --tw-text-opacity: .2; } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover:not(:disabled) { --tw-background-opacity: .9; --tw-border-opacity: .9; background-color: var(--color-slate-200); color: var(--color-slate-700); } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(button) { text-align: center; } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:disabled { opacity: .7; cursor: not-allowed; } @media (max-width: calc(var(--screen-sm) - 1px)) { .tabulator .tabulator-footer .tabulator-paginator .tabulator-page { padding-left: var(--spacing); padding-right: var(--spacing); margin-right: 0; } } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active { background-color: var(--color-slate-100); font-weight: var(--font-weight-medium); } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active:hover { background-color: var(--color-slate-100); } .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page="first"], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page="prev"], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page="next"], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page="last"] { width: calc(var(--spacing) * 5); color: #0000; } .tabulator .tabulator-tableholder { overflow: auto hidden; } .tabulator .tabulator-tableholder .tabulator-placeholder { margin-top: calc(calc(var(--spacing) * 2) * -1); } .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents { color: var(--color-slate-500); font-weight: var(--font-weight-normal); font-size: var(--text-sm); } .tabulator .tabulator-alert { background: #ffffffbd; } .tabulator .tabulator-alert .tabulator-alert-msg { font-weight: var(--font-weight-normal); font-size: var(--text-base); background-color: #0000; } .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg { color: var(--color-slate-700); border-width: 0; } .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error { color: var(--color-danger); border-width: 0; } .dark .tabulator .tabulator-header { color: var(--color-slate-300); border-color: var(--color-darkmode-400); } .dark .tabulator .tabulator-header .tabulator-headers .tabulator-col:hover { background-color: var(--color-darkmode-300); } .dark .tabulator .tabulator-table { color: var(--color-slate-200); background-color: #0000; } .dark .tabulator .tabulator-table .tabulator-row { background-color: #0000; border-color: #0000; } .dark .tabulator .tabulator-table .tabulator-row:hover, .dark .tabulator .tabulator-table .tabulator-row.tabulator-row-even:hover { background-color: var(--color-darkmode-700); } .dark .tabulator .tabulator-table .tabulator-row.tabulator-row-even { background-color: var(--color-darkmode-400); } .dark .tabulator .tabulator-footer .tabulator-paginator > label { color: var(--color-slate-200); } .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size { background-color: var(--color-darkmode-300); border-color: var(--color-darkmode-600); color: var(--color-slate-200); } .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page { color: var(--color-slate-200); background: none; } .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:focus { --tw-ring-color: var(--color-slate-700); --tw-ring-opacity: .5; transition: none; } .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover { background-color: var(--color-darkmode-700); color: var(--color-slate-300); } .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active, .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active:hover { background-color: var(--color-darkmode-300); } .dark .tabulator .tabulator-alert { background-color: #0000004d; } .dark .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg { color: var(--color-slate-200); } @keyframes swall2EnterAnimation { 0% { opacity: 0; margin-top: -4rem; } 100% { opacity: 1; margin-top: 4rem; } } @keyframes swall2LeaveAnimation { 0% { opacity: 1; margin-top: 4rem; } 75% { opacity: 0; } 100% { opacity: 0; margin-top: -4rem; } } .swal2-show-enter { animation: .4s ease-in-out forwards swall2EnterAnimation; } .swal2-hide-leave { animation: .3s ease-in-out forwards swall2LeaveAnimation; } @keyframes swall2BackdropEnterAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes swall2BackdropLeaveAnimation { 0% { opacity: 1; } 100% { opacity: 0; } } .swal2-backdrop-show-enter { background: #0006; animation: .4s ease-in-out forwards swall2BackdropEnterAnimation; } .swal2-backdrop-hide-leave { background: #0006; animation: .3s ease-in-out forwards swall2BackdropLeaveAnimation; } .cardview table tbody { gap: calc(var(--spacing) * 2) !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important; display: grid !important; } @media (min-width: 64rem) { .cardview table tbody { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .cardview table tbody tr { display: inline-table !important; } .vue3-easy-data-table__main.table-fixed table { table-layout: auto !important; } .vue3-easy-data-table__loading { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); cursor: progress; z-index: 50 !important; } .easy-data-table__rows-selector { background-color: var(--color-white); border-color: #0000; position: relative; box-shadow: 0 3px 20px #0000000b; } .dark .easy-data-table__rows-selector { background-color: var(--color-darkmode-600); } .easy-data-table__rows-selector { width: calc(var(--spacing) * 20); border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); padding-inline: calc(var(--spacing) * 2); padding-block: var(--spacing); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 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)); --tw-duration: .2s; --tw-ease: var(--ease-in-out); transition-duration: .2s; transition-timing-function: var(--ease-in-out); } .easy-data-table__rows-selector:focus { border-color: #193cb866; } @supports (color: color-mix(in lab, red, red)) { .easy-data-table__rows-selector:focus { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } .easy-data-table__rows-selector: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); --tw-ring-color: #193cb833; border-color: #0000 !important; } @supports (color: color-mix(in lab, red, red)) { .easy-data-table__rows-selector:focus { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .easy-data-table__rows-selector:disabled { cursor: not-allowed; background-color: var(--color-slate-100); } .easy-data-table__rows-selector:is(.dark *) { background-color: var(--color-darkmode-800); border-color: #0000; } .easy-data-table__rows-selector:is(.dark *):focus { --tw-ring-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .easy-data-table__rows-selector:is(.dark *):focus { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .easy-data-table__rows-selector:disabled:is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .easy-data-table__rows-selector:disabled:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .easy-data-table__rows-selector[readonly] { cursor: not-allowed; background-color: var(--color-slate-100); } .easy-data-table__rows-selector[readonly]:is(.dark *) { background-color: #1b253b80; } @supports (color: color-mix(in lab, red, red)) { .easy-data-table__rows-selector[readonly]:is(.dark *) { background-color: color-mix(in oklab, var(--color-darkmode-800) 50%, transparent); } } .easy-data-table__rows-selector .rows-input__wrapper { gap: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 0 !important; } .easy-data-table__rows-selector ul.select-items { background-color: var(--color-white); border-color: #0000; position: relative; box-shadow: 0 3px 20px #0000000b; } .dark :is(.easy-data-table__rows-selector ul.select-items) { background-color: var(--color-darkmode-600); } .easy-data-table__rows-selector ul.select-items { border-radius: var(--radius-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); } .easy-data-table__rows-selector ul.select-items li.selected { background-color: var(--color-primary) !important; } .vue3-easy-data-table__footer { width: 100%; height: auto !important; padding-top: calc(var(--spacing) * 5) !important; padding-bottom: var(--spacing) !important; } .vue3-easy-data-table__footer .pagination__rows-per-page { width: 90%; min-width: 170px; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .vue3-easy-data-table__footer .pagination__items-index { width: 100%; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); color: var(--color-slate-500); display: none; } @media (min-width: 64rem) { .vue3-easy-data-table__footer .pagination__items-index { display: block; } } .vue3-easy-data-table__footer .buttons-pagination { min-width: 50px; padding-block: calc(var(--spacing) * 2) !important; overflow-x: hidden !important; } @media (min-width: 40rem) { .vue3-easy-data-table__footer .buttons-pagination { min-width: fit-content; } } @media (min-width: 48rem) { .vue3-easy-data-table__footer .buttons-pagination { overflow-x: scroll; } } .tom-select-wrapper[name="stays-global-select"] .tom-select.focus.dropdown-active { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: #0000 !important; } .tom-select-wrapper[name="stays-global-select"] .ts-control div.item[data-ts-item] { color: var(--color-white); } .tom-select-wrapper[name="stays-global-select"] .ts-control div.item[data-ts-item]:is(.dark *) { color: var(--color-slate-400); } @media not all and (min-width: 1280px) { .tom-select-wrapper[name="stays-global-select"].in-side-menu .tom-select.dropdown-force-dark.ts-wrapper, .tom-select-wrapper[name="stays-global-select"].in-side-menu .tom-select.dropdown-force-dark.focus.dropdown-active { background-image: unset !important; } .tom-select-wrapper[name="stays-global-select"].in-side-menu .tom-select.dropdown-force-dark .ts-dropdown { width: 11rem !important; } } .simple-typeahead-list { z-index: 50 !important; border-bottom-right-radius: var(--radius-lg) !important; border-bottom-left-radius: var(--radius-lg) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: #e2e8f099 !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent) !important; } } .simple-typeahead-list { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .simple-typeahead-list:is(.dark *) { border-color: #ffffff0d !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important; } } .simple-typeahead-list .simple-typeahead-list-item { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: #e2e8f099 !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list .simple-typeahead-list-item { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent) !important; } } .simple-typeahead-list .simple-typeahead-list-item { background-color: var(--color-white) !important; font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .simple-typeahead-list .simple-typeahead-list-item:is(.dark *) { border-color: #ffffff0d !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list .simple-typeahead-list-item:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important; } } .simple-typeahead-list .simple-typeahead-list-item:is(.dark *) { background-color: var(--color-darkmode-800) !important; } .simple-typeahead-list .simple-typeahead-list-item.simple-typeahead-list-item-active { background-color: var(--color-slate-100) !important; } .simple-typeahead-list .simple-typeahead-list-item.simple-typeahead-list-item-active:is(.dark *) { background-color: var(--color-darkmode-700) !important; } .simple-typeahead-list .simple-typeahead-list-header { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-top-style: var(--tw-border-style) !important; border-top-width: 0 !important; border-bottom-style: var(--tw-border-style) !important; border-color: #e2e8f099 !important; border-bottom-width: 2px !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list .simple-typeahead-list-header { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent) !important; } } .simple-typeahead-list .simple-typeahead-list-header { background-color: var(--color-white) !important; padding: var(--spacing) !important; font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; } .simple-typeahead-list .simple-typeahead-list-header:is(.dark *) { border-color: #ffffff0d !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list .simple-typeahead-list-header:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important; } } .simple-typeahead-list .simple-typeahead-list-header:is(.dark *) { background-color: var(--color-darkmode-800) !important; } .simple-typeahead-list .simple-typeahead-list-footer { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-top-style: var(--tw-border-style) !important; border-top-width: 2px !important; border-bottom-style: var(--tw-border-style) !important; border-color: #e2e8f099 !important; border-bottom-width: 0 !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list .simple-typeahead-list-footer { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent) !important; } } .simple-typeahead-list .simple-typeahead-list-footer { background-color: var(--color-white) !important; padding: var(--spacing) !important; font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; } .simple-typeahead-list .simple-typeahead-list-footer:is(.dark *) { border-color: #ffffff0d !important; } @supports (color: color-mix(in lab, red, red)) { .simple-typeahead-list .simple-typeahead-list-footer:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important; } } .simple-typeahead-list .simple-typeahead-list-footer:is(.dark *) { background-color: var(--color-darkmode-800) !important; } .svg-icon { color: inherit; vertical-align: middle; fill: none; stroke: currentColor; display: inline-block; } .svg-fill { fill: currentColor; stroke: none; } .svg-up { transform: rotate(0); } .svg-right { transform: rotate(90deg); } .svg-down { transform: rotate(180deg); } .svg-left { transform: rotate(-90deg); } .stay-location-container .leaflet-control-zoom { --tw-border-style: none !important; border-style: none !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in { aspect-ratio: 1 !important; cursor: pointer !important; border-top-left-radius: var(--radius-lg) !important; border-top-right-radius: var(--radius-lg) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-neutral-400) !important; background-color: var(--color-white) !important; width: 38px !important; height: 38px !important; padding-inline: calc(var(--spacing) * 2) !important; padding-block: calc(var(--spacing) * 1.5) !important; font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-primary) !important; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; 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 !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; --tw-duration: .3s !important; justify-content: center !important; align-items: center !important; transition-duration: .3s !important; display: flex !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #193cb833 !important; border-color: #0000 !important; } @supports (color: color-mix(in lab, red, red)) { .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:focus { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } @media (forced-colors: active) { .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:focus-visible { outline-offset: 2px !important; outline: 2px solid #0000 !important; } } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:disabled { cursor: not-allowed !important; opacity: .7 !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:is(.dark *) { border-color: #0000 !important; border-bottom-color: var(--color-slate-200) !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:is(.dark *):focus { --tw-ring-color: #31415880 !important; } @supports (color: color-mix(in lab, red, red)) { .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:is(.dark *):focus { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent) !important; } } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:hover:not(:disabled) { background-color: var(--color-slate-200) !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-in:not(button) { text-align: center !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out { aspect-ratio: 1 !important; cursor: pointer !important; border-bottom-right-radius: var(--radius-lg) !important; border-bottom-left-radius: var(--radius-lg) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-top-style: var(--tw-border-style) !important; border-top-width: 0 !important; border-color: var(--color-neutral-400) !important; background-color: var(--color-white) !important; width: 38px !important; height: 38px !important; padding-inline: calc(var(--spacing) * 2) !important; padding-block: calc(var(--spacing) * 1.5) !important; font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-primary) !important; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; 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 !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; --tw-duration: .3s !important; justify-content: center !important; align-items: center !important; transition-duration: .3s !important; display: flex !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #193cb833 !important; border-color: #0000 !important; } @supports (color: color-mix(in lab, red, red)) { .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:focus { --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important; } } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } @media (forced-colors: active) { .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:focus-visible { outline-offset: 2px !important; outline: 2px solid #0000 !important; } } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:disabled { cursor: not-allowed !important; opacity: .7 !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:is(.dark *) { border-color: #0000 !important; border-top-color: var(--color-slate-200) !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:is(.dark *):focus { --tw-ring-color: #31415880 !important; } @supports (color: color-mix(in lab, red, red)) { .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:is(.dark *):focus { --tw-ring-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent) !important; } } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:hover:not(:disabled) { background-color: var(--color-slate-200) !important; } .stay-location-container .leaflet-control-zoom .leaflet-control-zoom-out:not(button) { text-align: center !important; } .stay-location-container .leaflet-control-attribution.leaflet-control { cursor: pointer !important; justify-content: center !important; align-items: center !important; gap: var(--spacing) !important; border-top-left-radius: var(--radius-lg) !important; border-bottom-right-radius: var(--radius-md) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-neutral-400) !important; background-color: var(--color-white) !important; padding-inline: calc(var(--spacing) * 2) !important; padding-block: calc(var(--spacing) * 1.5) !important; font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-primary) !important; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; 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 !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; --tw-duration: .3s !important; transition-duration: .3s !important; display: flex !important; } .stay-location-container .leaflet-control-attribution.leaflet-control:is(.dark *) { border-color: #0000 !important; } .stay-location-container .leaflet-control-attribution.leaflet-control a img { 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 !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; --tw-duration: .3s !important; transition-duration: .3s !important; } .stay-location-container .leaflet-control-attribution.leaflet-control a img:hover { --tw-scale-x: 105% !important; --tw-scale-y: 105% !important; --tw-scale-z: 105% !important; scale: var(--tw-scale-x) var(--tw-scale-y) !important; } .stay-location-container .leaflet-control-attribution.leaflet-control span[aria-hidden="true"] { border-color: var(--color-primary) !important; opacity: .5 !important; } .input-loading .dp__main .dp__input_wrap input.dp__input { padding-left: 36px !important; } .input-loading .dp__main .dp__input_wrap svg.dp__icon.dp__clear_icon { display: none !important; } .dp__input_invalid { box-shadow: unset !important; } @keyframes dp-show { 0% { opacity: 0; margin-top: 1.25rem; transform: translateY(.25rem); } 100% { opacity: 1; margin-top: .25rem; transform: translateY(0); } } .dp--menu-wrapper { will-change: margin-top, trasform, opacity; transition-timing-function: linear; animation-name: dp-show; animation-delay: 50ms; animation-fill-mode: both; animation-duration: .25s !important; } .dp__input_icon, .dp--clear-btn { z-index: 50; } .dp_parent-wrapper.input-loading .dp__main .dp__input_wrap input.dp__input { padding-left: 36px !important; } .dp_parent-wrapper.input-loading .dp__main .dp__input_wrap svg.dp__icon.dp__clear_icon { display: none !important; } .dp_parent-wrapper.dp_input-icon-right .dp__main .dp__input_wrap .dp__input { padding-inline-start: 8px; padding-inline-end: calc(var(--dp-input-icon-padding) + 12px); } .dp_parent-wrapper.dp_input-icon-right .dp__main .dp__input_wrap .dp__input_icon { right: 0; left: unset; } .dp_parent-wrapper.dp_input-icon-right .dp__main .dp__input_wrap .dp__clear_icon { right: 18px; } .timeline-header-sorteable .header-sorteable { padding-left: 20px; } .timeline-header-sorteable .header-sorteable.desc .sortType-icon { opacity: 1; margin-top: 5px; transform: rotate(180deg); } .timeline-header-sorteable .header-sorteable.asc .sortType-icon, .timeline-header-sorteable .header-sorteable:hover .sortType-icon { opacity: 1; } .timeline-header-sorteable .header-sorteable .sortType-icon { opacity: 0; border: 5px solid #0000; border-bottom-color: var(--easy-table-header-font-color); width: 0; height: 0; color: var(--easy-table-header-font-color); margin-top: -3px; margin-left: 4px; transition: all .5s; display: inline-block; position: relative; } .dark .timeline-header-sorteable .header-sorteable .sortType-icon { border-bottom-color: var(--easy-table-header-font-color); color: var(--easy-table-header-font-color); } .special-dates-layout .cardview table tbody { gap: calc(var(--spacing) * 2) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; display: grid !important; } @media (min-width: 48rem) { .special-dates-layout .cardview table tbody { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (min-width: 64rem) { .special-dates-layout .cardview table tbody { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 80rem) { .special-dates-layout .cardview table tbody { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } .special-dates-layout .cardview table tbody tr { display: inline-table !important; } .special-dates-layout .cardview table tbody tr td, .special-dates-layout .cardview table tbody tr td > div.box { padding-inline: 0 !important; } .special-dates-layout .cardview table tbody tr td > div.box div.flex.item-start.items-center:first-child { display: none; } .special-dates-layout .cardview table tbody tr td > div.box div.px-3.pt-2:nth-child(2) div:first-child { align-items: center; display: flex; } .special-dates-layout .cardview table tbody tr td > div.box div.px-3.pt-2:nth-child(2) div:first-child span { display: none; } .special-dates-layout .cardview table tbody tr td > div.box > .cardview-footer { padding-block: var(--spacing) !important; padding-right: calc(var(--spacing) * 3) !important; padding-left: var(--spacing) !important; } ::view-transition-group(root) { animation-timing-function: ease-in; } .slower-transition-view-nice::view-transition-new(root) { animation-fill-mode: forwards; animation-duration: .3s !important; } ::view-transition-new(root) { transform-origin: 100% 100%; animation: .7s both scale; -webkit-mask: url("data:image/svg+xml,") 100% 100% / 0 no-repeat content-box border-box; mask: url("data:image/svg+xml,") 100% 100% / 0 no-repeat content-box border-box; } .slower-transition-view-nice::view-transition-old(root) { animation-fill-mode: forwards; animation-duration: .3s !important; } ::view-transition-old(root) { transform-origin: 100% 100%; z-index: -1; animation: .7s both scale; } @keyframes scale { to { -webkit-mask-size: 420vmax; mask-size: 420vmax; } } .bookings-calendar { border-radius: var(--radius-md); overflow: hidden; background-color: var(--color-white) !important; } .bookings-calendar:is(.dark *) { background-color: var(--color-darkmode-600) !important; } .bookings-calendar * { border-color: var(--color-gray-200) !important; } .bookings-calendar :is(.dark *) { border-color: #ffffff26 !important; } @supports (color: color-mix(in lab, red, red)) { .bookings-calendar :is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important; } } .bookings-calendar .scheduler_default_main { --dp-scheduler-border-color: silver; --dp-scheduler-border-inner-color: #e0e0e0; --dp-scheduler-cell-bg-color: #f9f9f9; --dp-scheduler-cell-business-bg-color: var(--color-white); --dp-scheduler-event-background: linear-gradient(to bottom, var(--dp-scheduler-event-bg-top-color) 0%, var(--dp-scheduler-event-bg-bottom-color) 100%); --dp-scheduler-event-background-hover: linear-gradient(to bottom, var(--dp-scheduler-event-bg-top-color-hover) 0%, var(--dp-scheduler-event-bg-bottom-color-hover) 100%); --dp-scheduler-event-bg-bottom-color: #eee; --dp-scheduler-event-bg-top-color: #fff; --dp-scheduler-event-bg-bottom-color-hover: #e8e8e8; --dp-scheduler-event-bg-top-color-hover: #f8f8f8; --dp-scheduler-event-bar-bg-color: #9dc8e8; --dp-scheduler-event-bar-color: #208fe3; --dp-scheduler-event-bar-display: block; --dp-scheduler-event-bar-height: 4px; --dp-scheduler-event-bar-left: 0px; --dp-scheduler-event-bar-right: 0px; --dp-scheduler-event-bar-top: 0px; --dp-scheduler-event-border: 1px solid var(--dp-scheduler-event-border-color); --dp-scheduler-event-border-color: #ccc; --dp-scheduler-event-border-radius: 4px; --dp-scheduler-event-box-shadow: none; --dp-scheduler-event-color: #333; --dp-scheduler-event-horizontal-align: flex-start; --dp-scheduler-event-milestone-color: #38761d; --dp-scheduler-event-padding: 2px; --dp-scheduler-event-selected-bg-color: #ddd; --dp-scheduler-event-vertical-align: center; --dp-scheduler-focus-outline-color: red; --dp-scheduler-font-family: "Roboto", sans-serif; --dp-scheduler-font-size: 13px; --dp-scheduler-grid-line-break-color: #999; --dp-scheduler-grid-line-color: #eee; --dp-scheduler-header-bg-color: #f3f3f3; --dp-scheduler-header-color: #333; --dp-scheduler-link-color: #c00; --dp-scheduler-message-bg-color: #ffa216; --dp-scheduler-message-color: #fff; --dp-scheduler-message-padding: 10px; --dp-scheduler-rowheader-padding: 7px; --dp-scheduler-rowheader-vertical-align: center; --dp-scheduler-selectionrectangle-color: #1066a8; --dp-scheduler-shadow-border-color: #888; --dp-scheduler-shadow-color: #bbb; --dp-scheduler-timeheader-horizontal-align: center; --dp-scheduler-timeheader-padding: 0px; --dp-scheduler-timeheader-vertical-align: center; border-radius: var(--radius-md); --tw-border-style: none; border-style: none; font-family: var(--font-roboto) !important; } .bookings-calendar .scheduler_default_main .scheduler_default_rowheader_scroll, .bookings-calendar .scheduler_default_main .scheduler_default_corner, .bookings-calendar .scheduler_default_main .scheduler_default_rowheader, .bookings-calendar .scheduler_default_main .scheduler_default_timeheader_scroll, .bookings-calendar .scheduler_default_main .scheduler_default_scrollable, .bookings-calendar .scheduler_default_main .scheduler_default_cell { background-color: var(--color-white) !important; } :is(.bookings-calendar .scheduler_default_main .scheduler_default_rowheader_scroll, .bookings-calendar .scheduler_default_main .scheduler_default_corner, .bookings-calendar .scheduler_default_main .scheduler_default_rowheader, .bookings-calendar .scheduler_default_main .scheduler_default_timeheader_scroll, .bookings-calendar .scheduler_default_main .scheduler_default_scrollable, .bookings-calendar .scheduler_default_main .scheduler_default_cell):is(.dark *) { background-color: var(--color-darkmode-600) !important; } .bookings-calendar .scheduler_default_main .scheduler_default_splitter, .bookings-calendar .scheduler_default_main .scheduler_default_divider_horizontal, .bookings-calendar .scheduler_default_main .scheduler_default_resourcedivider, .bookings-calendar .scheduler_default_main .scheduler_default_matrix_horizontal_line, .bookings-calendar .scheduler_default_main .scheduler_default_matrix_vertical_line { background-color: var(--color-gray-200) !important; } :is(.bookings-calendar .scheduler_default_main .scheduler_default_splitter, .bookings-calendar .scheduler_default_main .scheduler_default_divider_horizontal, .bookings-calendar .scheduler_default_main .scheduler_default_resourcedivider, .bookings-calendar .scheduler_default_main .scheduler_default_matrix_horizontal_line, .bookings-calendar .scheduler_default_main .scheduler_default_matrix_vertical_line):is(.dark *) { background-color: #ffffff26 !important; } @supports (color: color-mix(in lab, red, red)) { :is(.bookings-calendar .scheduler_default_main .scheduler_default_splitter, .bookings-calendar .scheduler_default_main .scheduler_default_divider_horizontal, .bookings-calendar .scheduler_default_main .scheduler_default_resourcedivider, .bookings-calendar .scheduler_default_main .scheduler_default_matrix_horizontal_line, .bookings-calendar .scheduler_default_main .scheduler_default_matrix_vertical_line):is(.dark *) { background-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important; } } .bookings-calendar .scheduler_default_main .scheduler_default_timeheadercol_inner.scheduler_default_timeheader_cell_inner { --tw-font-weight: var(--font-weight-light); font-size: 9px; font-weight: var(--font-weight-light); } .bookings-calendar .scheduler_default_main .day-not-available { opacity: .4; background-image: repeating-linear-gradient(45deg, #0003, #0003 12px, #0000 10px 21px); } .bookings-calendar .scheduler_default_main .month-header { text-transform: uppercase; } :is(.bookings-calendar .scheduler_default_main .scheduler_default_corner, .bookings-calendar .scheduler_default_main .scheduler_default_rowheader):is(.dark *) { color: var(--color-white); } .bookings-calendar .scheduler_default_main .day-not-available-header { background-color: #e2e8f040 !important; } @supports (color: color-mix(in lab, red, red)) { .bookings-calendar .scheduler_default_main .day-not-available-header { background-color: color-mix(in oklab, var(--color-slate-200) 25%, transparent) !important; } } .bookings-calendar .scheduler_default_main .day-not-available-header:is(.dark *) { color: var(--color-white); opacity: 1; background-color: var(--color-darkmode-700) !important; } .bookings-calendar .scheduler_default_main .day-not-available-header .scheduler_default_timeheader_cell_inner { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } .bookings-calendar .scheduler_default_main .day-not-available-header .scheduler_default_timeheader_cell_inner:is(.dark *) { opacity: .25; } .bookings-calendar .scheduler_default_main .scheduler_default_timeheader_cell_inner { background-color: var(--color-white) !important; } .bookings-calendar .scheduler_default_main .scheduler_default_timeheader_cell_inner:is(.dark *) { color: var(--color-white); background-color: var(--color-darkmode-600) !important; } .bookings-calendar .scheduler_default_main .weekend-header .scheduler_default_timeheader_cell_inner { background-color: #e2e8f040 !important; } @supports (color: color-mix(in lab, red, red)) { .bookings-calendar .scheduler_default_main .weekend-header .scheduler_default_timeheader_cell_inner { background-color: color-mix(in oklab, var(--color-slate-200) 25%, transparent) !important; } } .bookings-calendar .scheduler_default_main .weekend-header .scheduler_default_timeheader_cell_inner:is(.dark *) { color: var(--color-white); opacity: 1; background-color: var(--color-darkmode-700) !important; } .bookings-calendar .scheduler_default_main .day-weekend { background-color: #e2e8f040 !important; } @supports (color: color-mix(in lab, red, red)) { .bookings-calendar .scheduler_default_main .day-weekend { background-color: color-mix(in oklab, var(--color-slate-200) 25%, transparent) !important; } } .bookings-calendar .scheduler_default_main .day-weekend:is(.dark *) { background-color: var(--color-darkmode-700) !important; } .bookings-calendar .scheduler_default_main .scheduler_default_event_inner { background-color: var(--color-white); border-radius: var(--radius-md); border-color: #0000; position: relative; box-shadow: 0 3px 20px #0000000b; } .dark :is(.bookings-calendar .scheduler_default_main .scheduler_default_event_inner) { background-color: var(--color-darkmode-600); } .bookings-calendar .scheduler_default_main .scheduler_default_event_inner { border-style: var(--tw-border-style); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); height: 46px; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-width: 2px; background-color: var(--color-white) !important; } .bookings-calendar .scheduler_default_main .scheduler_default_event_inner:is(.dark *) { background-color: var(--color-darkmode-600) !important; } .bookings-calendar .scheduler_default_main .event_area_menu:hover img { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; transition-duration: .15s; --tw-invert: invert(100%) !important; filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important; } .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-border-color: var(--color-slate-200); --dp-nav-font-family: "Roboto", sans-serif; --dp-nav-font-size: 12px; --dp-nav-title-color: #333; --dp-nav-title-bg-color: #e2e8f080; } @supports (color: color-mix(in lab, red, red)) { .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-title-bg-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-dayheader-color: #333; --dp-nav-dayheader-bg-color: var(--color-white); --dp-nav-weeknumber-color: #999; --dp-nav-weeknumber-bg-color: #e2e8f080; } @supports (color: color-mix(in lab, red, red)) { .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-weeknumber-bg-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-day-color: #000; --dp-nav-day-bg-color: var(--color-white); --dp-nav-dayother-color: gray; --dp-nav-dayother-bg-color: var(--color-white); --dp-nav-weekend-bg-color: #e2e8f080; } @supports (color: color-mix(in lab, red, red)) { .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-weekend-bg-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-select-bg-color: var(--color-primary); --dp-nav-text-align: center; --tw-border-style: none; border-style: none; } .bookings-calendar .bookings-calendar-navigator .navigator_default_main .navigator_default_today.navigator_default_select .navigator_default_cell_text { color: var(--color-white); } .bookings-calendar .bookings-calendar-navigator .navigator_default_main .navigator_default_today .navigator_default_todaybox { border-style: var(--tw-border-style); border-width: 3px; border-color: var(--color-primary) !important; opacity: 1 !important; } .bookings-calendar .bookings-calendar-navigator .navigator_default_main .navigator_default_busy { background-image: repeating-linear-gradient(45deg, #0003, #0003 12px, #0000 10px 21px); opacity: .4 !important; } .bookings-calendar .bookings-calendar-navigator .navigator_default_main .navigator_default_title { text-transform: uppercase; } .dark .bookings-calendar .scheduler_default_main .day-not-available { opacity: .75; background-image: repeating-linear-gradient(45deg, #1b253b, #1b253b 12px, #0000 10px 21px); } .dark .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .dark .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .dark .bookings-calendar .bookings-calendar-navigator .navigator_default_main { --dp-nav-title-color: var(--color-white); --dp-nav-title-bg-color: var(--color-darkmode-700); --dp-nav-dayheader-color: var(--color-white); --dp-nav-dayheader-bg-color: var(--color-darkmode-600); --dp-nav-weeknumber-color: var(--color-white); --dp-nav-weeknumber-bg-color: var(--color-darkmode-700); --dp-nav-day-color: var(--color-white); --dp-nav-day-bg-color: var(--color-darkmode-600); --dp-nav-dayother-color: gray; --dp-nav-dayother-bg-color: var(--color-darkmode-600); --dp-nav-weekend-bg-color: var(--color-darkmode-700); } .dark .bookings-calendar .bookings-calendar-navigator .navigator_default_main .navigator_default_busy { background-image: repeating-linear-gradient(45deg, #1b253b, #1b253b 12px, #0000 10px 21px); opacity: 1 !important; } .dark .bookings-calendar .bookings-calendar-navigator .navigator_default_main .navigator_default_busy.navigator_default_select { opacity: .75 !important; } @keyframes menu_default_main-show { 0% { opacity: 0; margin-top: 1.25rem; transform: translateY(.25rem); } 100% { opacity: 1; margin-top: .25rem; transform: translateY(0); } } .menu_default_main { will-change: margin-top, trasform, opacity; font-family: Roboto, sans-serif; transition-timing-function: linear; animation-name: menu_default_main-show; animation-delay: 50ms; animation-fill-mode: both; position: relative; box-shadow: 0 3px 20px #0000000b; animation-duration: .25s !important; } .dark .menu_default_main { background-color: var(--color-darkmode-600); } .menu_default_main { border-radius: var(--radius-md); background-color: var(--color-white); padding: calc(var(--spacing) * 2); --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); border-color: #0000; } .menu_default_main:is(.dark *) { background-color: var(--color-darkmode-600); border-color: #0000; } .menu_default_main:before { --tw-border-style: none !important; border-style: none !important; } .menu_default_main * { font-family: Roboto, sans-serif !important; } .menu_default_main .menu_default_title { border-bottom-color: #e2e8f099 !important; } @supports (color: color-mix(in lab, red, red)) { .menu_default_main .menu_default_title { border-bottom-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent) !important; } } .menu_default_main .menu_default_title { background-color: #e2e8f040 !important; } @supports (color: color-mix(in lab, red, red)) { .menu_default_main .menu_default_title { background-color: color-mix(in oklab, var(--color-slate-200) 25%, transparent) !important; } } .menu_default_main .menu_default_title { padding: calc(var(--spacing) * 2); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); text-transform: uppercase; } .menu_default_main .menu_default_title:is(.dark *) { color: var(--color-white); border-bottom-color: var(--color-darkmode-400) !important; background-color: var(--color-darkmode-700) !important; } .menu_default_main .menu_default_item { align-items: center; display: flex; } .menu_default_main .menu_default_item a { cursor: pointer; border-radius: var(--radius-md); width: 100%; padding: calc(var(--spacing) * 2); 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)); --tw-duration: .3s; --tw-ease: var(--ease-in-out); transition-duration: .3s; transition-timing-function: var(--ease-in-out); } @media (hover: hover) { .menu_default_main .menu_default_item a:hover { background-color: #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .menu_default_main .menu_default_item a:hover { background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } } .menu_default_main .menu_default_item a:is(.dark *) { background-color: var(--color-darkmode-600); } @media (hover: hover) { .menu_default_main .menu_default_item a:is(.dark *):hover { background-color: var(--color-darkmode-400); } } .menu_default_main .menu_default_item a.menu_item_danger .menu_default_item_text, .menu_default_main .menu_default_item a.menu_item_danger .menu_default_item_text:is(.dark *) { color: var(--color-danger); } .menu_default_main .menu_default_item a.menu_item_danger img { filter: invert(25%) sepia(94%) saturate(7464%) hue-rotate(1deg) brightness(104%) contrast(106%); } .menu_default_main .menu_default_item a .menu_default_item_text { margin-left: calc(var(--spacing) * 7); } .menu_default_main .menu_default_item a .menu_default_item_text:is(.dark *) { color: var(--color-white); } .menu_default_main .menu_default_item a img { margin-right: calc(var(--spacing) * 2); height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); top: 8px !important; left: var(--spacing) !important; } .menu_default_main .menu_default_item div { width: 100%; background-color: #e2e8f099 !important; margin-left: 0 !important; } @supports (color: color-mix(in lab, red, red)) { .menu_default_main .menu_default_item div { background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent) !important; } } .menu_default_main .menu_default_item div:is(.dark *) { background-color: var(--color-darkmode-400) !important; } .dark .menu_default_main .menu_default_item a.menu_item_danger img { filter: invert(25%) sepia(94%) saturate(7464%) hue-rotate(1deg) brightness(104%) contrast(106%); } .dark .menu_default_main .menu_default_item a img { filter: invert() brightness(); } @property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; } @property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-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-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-text-shadow-color { syntax: "*"; inherits: false } @property --tw-text-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0)); filter: blur(var(--tw-enter-blur, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0)); filter: blur(var(--tw-exit-blur, 0)); } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes intro-divider { 100% { opacity: 1; } } @keyframes pulse-shimmer { 50% { opacity: .5; } } /* |-------------------------------------------------------------------------- | Components |-------------------------------------------------------------------------- | | Import SCSS components. | */ .swal2-title { font-size: 1.4em !important; } .icon { font-size: 30px !important; } .aim-icon-item { width: 86px; } .aim-modal { bottom: initial !important; } .aim-sidebar-preview { position: relative !important; bottom: 0 !important; width: 100% !important; } .aim-sidebar-preview .aim-icon-item { width: 100% !important; } .aim-modal--sidebar-tab-item > span { margin-left: 10px !important; } .line-clamp-unset { overflow: unset !important; display: unset !important; -webkit-box-orient: unset !important; -webkit-line-clamp: unset !important; } * > .intro-x:nth-child(1) { z-index: calc(50 - 1); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(1 * 0.1s); } * > .-intro-x:nth-child(1) { z-index: calc(50 - 1); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(1 * 0.1s); } * > .intro-y:nth-child(1) { z-index: calc(50 - 1); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(1 * 0.1s); } * > .-intro-y:nth-child(1) { z-index: calc(50 - 1); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(1 * 0.1s); } * > .intro-x:nth-child(2) { z-index: calc(50 - 2); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(2 * 0.1s); } * > .-intro-x:nth-child(2) { z-index: calc(50 - 2); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(2 * 0.1s); } * > .intro-y:nth-child(2) { z-index: calc(50 - 2); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(2 * 0.1s); } * > .-intro-y:nth-child(2) { z-index: calc(50 - 2); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(2 * 0.1s); } * > .intro-x:nth-child(3) { z-index: calc(50 - 3); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(3 * 0.1s); } * > .-intro-x:nth-child(3) { z-index: calc(50 - 3); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(3 * 0.1s); } * > .intro-y:nth-child(3) { z-index: calc(50 - 3); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(3 * 0.1s); } * > .-intro-y:nth-child(3) { z-index: calc(50 - 3); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(3 * 0.1s); } * > .intro-x:nth-child(4) { z-index: calc(50 - 4); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(4 * 0.1s); } * > .-intro-x:nth-child(4) { z-index: calc(50 - 4); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(4 * 0.1s); } * > .intro-y:nth-child(4) { z-index: calc(50 - 4); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(4 * 0.1s); } * > .-intro-y:nth-child(4) { z-index: calc(50 - 4); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(4 * 0.1s); } * > .intro-x:nth-child(5) { z-index: calc(50 - 5); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(5 * 0.1s); } * > .-intro-x:nth-child(5) { z-index: calc(50 - 5); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(5 * 0.1s); } * > .intro-y:nth-child(5) { z-index: calc(50 - 5); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(5 * 0.1s); } * > .-intro-y:nth-child(5) { z-index: calc(50 - 5); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(5 * 0.1s); } * > .intro-x:nth-child(6) { z-index: calc(50 - 6); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(6 * 0.1s); } * > .-intro-x:nth-child(6) { z-index: calc(50 - 6); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(6 * 0.1s); } * > .intro-y:nth-child(6) { z-index: calc(50 - 6); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(6 * 0.1s); } * > .-intro-y:nth-child(6) { z-index: calc(50 - 6); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(6 * 0.1s); } * > .intro-x:nth-child(7) { z-index: calc(50 - 7); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(7 * 0.1s); } * > .-intro-x:nth-child(7) { z-index: calc(50 - 7); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(7 * 0.1s); } * > .intro-y:nth-child(7) { z-index: calc(50 - 7); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(7 * 0.1s); } * > .-intro-y:nth-child(7) { z-index: calc(50 - 7); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(7 * 0.1s); } * > .intro-x:nth-child(8) { z-index: calc(50 - 8); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(8 * 0.1s); } * > .-intro-x:nth-child(8) { z-index: calc(50 - 8); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(8 * 0.1s); } * > .intro-y:nth-child(8) { z-index: calc(50 - 8); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(8 * 0.1s); } * > .-intro-y:nth-child(8) { z-index: calc(50 - 8); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(8 * 0.1s); } * > .intro-x:nth-child(9) { z-index: calc(50 - 9); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(9 * 0.1s); } * > .-intro-x:nth-child(9) { z-index: calc(50 - 9); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(9 * 0.1s); } * > .intro-y:nth-child(9) { z-index: calc(50 - 9); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(9 * 0.1s); } * > .-intro-y:nth-child(9) { z-index: calc(50 - 9); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(9 * 0.1s); } * > .intro-x:nth-child(10) { z-index: calc(50 - 10); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(10 * 0.1s); } * > .-intro-x:nth-child(10) { z-index: calc(50 - 10); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(10 * 0.1s); } * > .intro-y:nth-child(10) { z-index: calc(50 - 10); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(10 * 0.1s); } * > .-intro-y:nth-child(10) { z-index: calc(50 - 10); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(10 * 0.1s); } * > .intro-x:nth-child(11) { z-index: calc(50 - 11); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(11 * 0.1s); } * > .-intro-x:nth-child(11) { z-index: calc(50 - 11); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(11 * 0.1s); } * > .intro-y:nth-child(11) { z-index: calc(50 - 11); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(11 * 0.1s); } * > .-intro-y:nth-child(11) { z-index: calc(50 - 11); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(11 * 0.1s); } * > .intro-x:nth-child(12) { z-index: calc(50 - 12); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(12 * 0.1s); } * > .-intro-x:nth-child(12) { z-index: calc(50 - 12); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(12 * 0.1s); } * > .intro-y:nth-child(12) { z-index: calc(50 - 12); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(12 * 0.1s); } * > .-intro-y:nth-child(12) { z-index: calc(50 - 12); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(12 * 0.1s); } * > .intro-x:nth-child(13) { z-index: calc(50 - 13); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(13 * 0.1s); } * > .-intro-x:nth-child(13) { z-index: calc(50 - 13); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(13 * 0.1s); } * > .intro-y:nth-child(13) { z-index: calc(50 - 13); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(13 * 0.1s); } * > .-intro-y:nth-child(13) { z-index: calc(50 - 13); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(13 * 0.1s); } * > .intro-x:nth-child(14) { z-index: calc(50 - 14); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(14 * 0.1s); } * > .-intro-x:nth-child(14) { z-index: calc(50 - 14); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(14 * 0.1s); } * > .intro-y:nth-child(14) { z-index: calc(50 - 14); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(14 * 0.1s); } * > .-intro-y:nth-child(14) { z-index: calc(50 - 14); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(14 * 0.1s); } * > .intro-x:nth-child(15) { z-index: calc(50 - 15); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(15 * 0.1s); } * > .-intro-x:nth-child(15) { z-index: calc(50 - 15); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(15 * 0.1s); } * > .intro-y:nth-child(15) { z-index: calc(50 - 15); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(15 * 0.1s); } * > .-intro-y:nth-child(15) { z-index: calc(50 - 15); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(15 * 0.1s); } * > .intro-x:nth-child(16) { z-index: calc(50 - 16); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(16 * 0.1s); } * > .-intro-x:nth-child(16) { z-index: calc(50 - 16); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(16 * 0.1s); } * > .intro-y:nth-child(16) { z-index: calc(50 - 16); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(16 * 0.1s); } * > .-intro-y:nth-child(16) { z-index: calc(50 - 16); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(16 * 0.1s); } * > .intro-x:nth-child(17) { z-index: calc(50 - 17); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(17 * 0.1s); } * > .-intro-x:nth-child(17) { z-index: calc(50 - 17); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(17 * 0.1s); } * > .intro-y:nth-child(17) { z-index: calc(50 - 17); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(17 * 0.1s); } * > .-intro-y:nth-child(17) { z-index: calc(50 - 17); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(17 * 0.1s); } * > .intro-x:nth-child(18) { z-index: calc(50 - 18); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(18 * 0.1s); } * > .-intro-x:nth-child(18) { z-index: calc(50 - 18); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(18 * 0.1s); } * > .intro-y:nth-child(18) { z-index: calc(50 - 18); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(18 * 0.1s); } * > .-intro-y:nth-child(18) { z-index: calc(50 - 18); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(18 * 0.1s); } * > .intro-x:nth-child(19) { z-index: calc(50 - 19); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(19 * 0.1s); } * > .-intro-x:nth-child(19) { z-index: calc(50 - 19); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(19 * 0.1s); } * > .intro-y:nth-child(19) { z-index: calc(50 - 19); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(19 * 0.1s); } * > .-intro-y:nth-child(19) { z-index: calc(50 - 19); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(19 * 0.1s); } * > .intro-x:nth-child(20) { z-index: calc(50 - 20); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(20 * 0.1s); } * > .-intro-x:nth-child(20) { z-index: calc(50 - 20); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(20 * 0.1s); } * > .intro-y:nth-child(20) { z-index: calc(50 - 20); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(20 * 0.1s); } * > .-intro-y:nth-child(20) { z-index: calc(50 - 20); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(20 * 0.1s); } * > .intro-x:nth-child(21) { z-index: calc(50 - 21); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(21 * 0.1s); } * > .-intro-x:nth-child(21) { z-index: calc(50 - 21); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(21 * 0.1s); } * > .intro-y:nth-child(21) { z-index: calc(50 - 21); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(21 * 0.1s); } * > .-intro-y:nth-child(21) { z-index: calc(50 - 21); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(21 * 0.1s); } * > .intro-x:nth-child(22) { z-index: calc(50 - 22); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(22 * 0.1s); } * > .-intro-x:nth-child(22) { z-index: calc(50 - 22); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(22 * 0.1s); } * > .intro-y:nth-child(22) { z-index: calc(50 - 22); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(22 * 0.1s); } * > .-intro-y:nth-child(22) { z-index: calc(50 - 22); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(22 * 0.1s); } * > .intro-x:nth-child(23) { z-index: calc(50 - 23); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(23 * 0.1s); } * > .-intro-x:nth-child(23) { z-index: calc(50 - 23); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(23 * 0.1s); } * > .intro-y:nth-child(23) { z-index: calc(50 - 23); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(23 * 0.1s); } * > .-intro-y:nth-child(23) { z-index: calc(50 - 23); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(23 * 0.1s); } * > .intro-x:nth-child(24) { z-index: calc(50 - 24); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(24 * 0.1s); } * > .-intro-x:nth-child(24) { z-index: calc(50 - 24); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(24 * 0.1s); } * > .intro-y:nth-child(24) { z-index: calc(50 - 24); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(24 * 0.1s); } * > .-intro-y:nth-child(24) { z-index: calc(50 - 24); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(24 * 0.1s); } * > .intro-x:nth-child(25) { z-index: calc(50 - 25); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(25 * 0.1s); } * > .-intro-x:nth-child(25) { z-index: calc(50 - 25); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(25 * 0.1s); } * > .intro-y:nth-child(25) { z-index: calc(50 - 25); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(25 * 0.1s); } * > .-intro-y:nth-child(25) { z-index: calc(50 - 25); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(25 * 0.1s); } * > .intro-x:nth-child(26) { z-index: calc(50 - 26); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(26 * 0.1s); } * > .-intro-x:nth-child(26) { z-index: calc(50 - 26); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(26 * 0.1s); } * > .intro-y:nth-child(26) { z-index: calc(50 - 26); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(26 * 0.1s); } * > .-intro-y:nth-child(26) { z-index: calc(50 - 26); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(26 * 0.1s); } * > .intro-x:nth-child(27) { z-index: calc(50 - 27); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(27 * 0.1s); } * > .-intro-x:nth-child(27) { z-index: calc(50 - 27); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(27 * 0.1s); } * > .intro-y:nth-child(27) { z-index: calc(50 - 27); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(27 * 0.1s); } * > .-intro-y:nth-child(27) { z-index: calc(50 - 27); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(27 * 0.1s); } * > .intro-x:nth-child(28) { z-index: calc(50 - 28); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(28 * 0.1s); } * > .-intro-x:nth-child(28) { z-index: calc(50 - 28); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(28 * 0.1s); } * > .intro-y:nth-child(28) { z-index: calc(50 - 28); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(28 * 0.1s); } * > .-intro-y:nth-child(28) { z-index: calc(50 - 28); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(28 * 0.1s); } * > .intro-x:nth-child(29) { z-index: calc(50 - 29); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(29 * 0.1s); } * > .-intro-x:nth-child(29) { z-index: calc(50 - 29); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(29 * 0.1s); } * > .intro-y:nth-child(29) { z-index: calc(50 - 29); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(29 * 0.1s); } * > .-intro-y:nth-child(29) { z-index: calc(50 - 29); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(29 * 0.1s); } * > .intro-x:nth-child(30) { z-index: calc(50 - 30); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(30 * 0.1s); } * > .-intro-x:nth-child(30) { z-index: calc(50 - 30); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(30 * 0.1s); } * > .intro-y:nth-child(30) { z-index: calc(50 - 30); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(30 * 0.1s); } * > .-intro-y:nth-child(30) { z-index: calc(50 - 30); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(30 * 0.1s); } * > .intro-x:nth-child(31) { z-index: calc(50 - 31); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(31 * 0.1s); } * > .-intro-x:nth-child(31) { z-index: calc(50 - 31); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(31 * 0.1s); } * > .intro-y:nth-child(31) { z-index: calc(50 - 31); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(31 * 0.1s); } * > .-intro-y:nth-child(31) { z-index: calc(50 - 31); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(31 * 0.1s); } * > .intro-x:nth-child(32) { z-index: calc(50 - 32); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(32 * 0.1s); } * > .-intro-x:nth-child(32) { z-index: calc(50 - 32); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(32 * 0.1s); } * > .intro-y:nth-child(32) { z-index: calc(50 - 32); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(32 * 0.1s); } * > .-intro-y:nth-child(32) { z-index: calc(50 - 32); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(32 * 0.1s); } * > .intro-x:nth-child(33) { z-index: calc(50 - 33); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(33 * 0.1s); } * > .-intro-x:nth-child(33) { z-index: calc(50 - 33); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(33 * 0.1s); } * > .intro-y:nth-child(33) { z-index: calc(50 - 33); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(33 * 0.1s); } * > .-intro-y:nth-child(33) { z-index: calc(50 - 33); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(33 * 0.1s); } * > .intro-x:nth-child(34) { z-index: calc(50 - 34); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(34 * 0.1s); } * > .-intro-x:nth-child(34) { z-index: calc(50 - 34); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(34 * 0.1s); } * > .intro-y:nth-child(34) { z-index: calc(50 - 34); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(34 * 0.1s); } * > .-intro-y:nth-child(34) { z-index: calc(50 - 34); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(34 * 0.1s); } * > .intro-x:nth-child(35) { z-index: calc(50 - 35); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(35 * 0.1s); } * > .-intro-x:nth-child(35) { z-index: calc(50 - 35); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(35 * 0.1s); } * > .intro-y:nth-child(35) { z-index: calc(50 - 35); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(35 * 0.1s); } * > .-intro-y:nth-child(35) { z-index: calc(50 - 35); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(35 * 0.1s); } * > .intro-x:nth-child(36) { z-index: calc(50 - 36); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(36 * 0.1s); } * > .-intro-x:nth-child(36) { z-index: calc(50 - 36); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(36 * 0.1s); } * > .intro-y:nth-child(36) { z-index: calc(50 - 36); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(36 * 0.1s); } * > .-intro-y:nth-child(36) { z-index: calc(50 - 36); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(36 * 0.1s); } * > .intro-x:nth-child(37) { z-index: calc(50 - 37); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(37 * 0.1s); } * > .-intro-x:nth-child(37) { z-index: calc(50 - 37); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(37 * 0.1s); } * > .intro-y:nth-child(37) { z-index: calc(50 - 37); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(37 * 0.1s); } * > .-intro-y:nth-child(37) { z-index: calc(50 - 37); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(37 * 0.1s); } * > .intro-x:nth-child(38) { z-index: calc(50 - 38); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(38 * 0.1s); } * > .-intro-x:nth-child(38) { z-index: calc(50 - 38); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(38 * 0.1s); } * > .intro-y:nth-child(38) { z-index: calc(50 - 38); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(38 * 0.1s); } * > .-intro-y:nth-child(38) { z-index: calc(50 - 38); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(38 * 0.1s); } * > .intro-x:nth-child(39) { z-index: calc(50 - 39); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(39 * 0.1s); } * > .-intro-x:nth-child(39) { z-index: calc(50 - 39); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(39 * 0.1s); } * > .intro-y:nth-child(39) { z-index: calc(50 - 39); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(39 * 0.1s); } * > .-intro-y:nth-child(39) { z-index: calc(50 - 39); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(39 * 0.1s); } * > .intro-x:nth-child(40) { z-index: calc(50 - 40); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(40 * 0.1s); } * > .-intro-x:nth-child(40) { z-index: calc(50 - 40); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(40 * 0.1s); } * > .intro-y:nth-child(40) { z-index: calc(50 - 40); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(40 * 0.1s); } * > .-intro-y:nth-child(40) { z-index: calc(50 - 40); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(40 * 0.1s); } * > .intro-x:nth-child(41) { z-index: calc(50 - 41); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(41 * 0.1s); } * > .-intro-x:nth-child(41) { z-index: calc(50 - 41); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(41 * 0.1s); } * > .intro-y:nth-child(41) { z-index: calc(50 - 41); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(41 * 0.1s); } * > .-intro-y:nth-child(41) { z-index: calc(50 - 41); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(41 * 0.1s); } * > .intro-x:nth-child(42) { z-index: calc(50 - 42); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(42 * 0.1s); } * > .-intro-x:nth-child(42) { z-index: calc(50 - 42); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(42 * 0.1s); } * > .intro-y:nth-child(42) { z-index: calc(50 - 42); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(42 * 0.1s); } * > .-intro-y:nth-child(42) { z-index: calc(50 - 42); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(42 * 0.1s); } * > .intro-x:nth-child(43) { z-index: calc(50 - 43); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(43 * 0.1s); } * > .-intro-x:nth-child(43) { z-index: calc(50 - 43); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(43 * 0.1s); } * > .intro-y:nth-child(43) { z-index: calc(50 - 43); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(43 * 0.1s); } * > .-intro-y:nth-child(43) { z-index: calc(50 - 43); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(43 * 0.1s); } * > .intro-x:nth-child(44) { z-index: calc(50 - 44); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(44 * 0.1s); } * > .-intro-x:nth-child(44) { z-index: calc(50 - 44); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(44 * 0.1s); } * > .intro-y:nth-child(44) { z-index: calc(50 - 44); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(44 * 0.1s); } * > .-intro-y:nth-child(44) { z-index: calc(50 - 44); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(44 * 0.1s); } * > .intro-x:nth-child(45) { z-index: calc(50 - 45); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(45 * 0.1s); } * > .-intro-x:nth-child(45) { z-index: calc(50 - 45); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(45 * 0.1s); } * > .intro-y:nth-child(45) { z-index: calc(50 - 45); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(45 * 0.1s); } * > .-intro-y:nth-child(45) { z-index: calc(50 - 45); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(45 * 0.1s); } * > .intro-x:nth-child(46) { z-index: calc(50 - 46); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(46 * 0.1s); } * > .-intro-x:nth-child(46) { z-index: calc(50 - 46); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(46 * 0.1s); } * > .intro-y:nth-child(46) { z-index: calc(50 - 46); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(46 * 0.1s); } * > .-intro-y:nth-child(46) { z-index: calc(50 - 46); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(46 * 0.1s); } * > .intro-x:nth-child(47) { z-index: calc(50 - 47); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(47 * 0.1s); } * > .-intro-x:nth-child(47) { z-index: calc(50 - 47); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(47 * 0.1s); } * > .intro-y:nth-child(47) { z-index: calc(50 - 47); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(47 * 0.1s); } * > .-intro-y:nth-child(47) { z-index: calc(50 - 47); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(47 * 0.1s); } * > .intro-x:nth-child(48) { z-index: calc(50 - 48); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(48 * 0.1s); } * > .-intro-x:nth-child(48) { z-index: calc(50 - 48); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(48 * 0.1s); } * > .intro-y:nth-child(48) { z-index: calc(50 - 48); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(48 * 0.1s); } * > .-intro-y:nth-child(48) { z-index: calc(50 - 48); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(48 * 0.1s); } * > .intro-x:nth-child(49) { z-index: calc(50 - 49); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(49 * 0.1s); } * > .-intro-x:nth-child(49) { z-index: calc(50 - 49); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(49 * 0.1s); } * > .intro-y:nth-child(49) { z-index: calc(50 - 49); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(49 * 0.1s); } * > .-intro-y:nth-child(49) { z-index: calc(50 - 49); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(49 * 0.1s); } * > .intro-x:nth-child(50) { z-index: calc(50 - 50); opacity: 0; position: relative; transform: translateX(50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(50 * 0.1s); } * > .-intro-x:nth-child(50) { z-index: calc(50 - 50); opacity: 0; position: relative; transform: translateX(-50px); animation: 0.4s intro-x-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(50 * 0.1s); } * > .intro-y:nth-child(50) { z-index: calc(50 - 50); opacity: 0; position: relative; transform: translateY(50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(50 * 0.1s); } * > .-intro-y:nth-child(50) { z-index: calc(50 - 50); opacity: 0; position: relative; transform: translateY(-50px); animation: 0.4s intro-y-animation ease-in-out 0.33333s; animation-fill-mode: forwards; animation-delay: calc(50 * 0.1s); } @keyframes intro-x-animation { 100% { opacity: 1; transform: translateX(0px); } } @keyframes intro-y-animation { 100% { opacity: 1; transform: translateY(0px); } } :root { /*General*/ --dp-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --dp-border-radius: 4px; /*Configurable border-radius*/ --dp-cell-border-radius: 4px; /*Specific border radius for the calendar cell*/ --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/ /*Sizing*/ --dp-button-height: 35px; /*Size for buttons in overlays*/ --dp-month-year-row-height: 35px; /*Height of the month-year select row*/ --dp-month-year-row-button-size: 35px; /*Specific height for the next/previous buttons*/ --dp-button-icon-height: 20px; /*Icon sizing in buttons*/ --dp-cell-size: 35px; /*Width and height of calendar cell*/ --dp-cell-padding: 5px; /*Padding in the cell*/ --dp-common-padding: 10px; /*Common padding used*/ --dp-input-icon-padding: 35px; /*Padding on the left side of the input if icon is present*/ --dp-input-padding: 6px 30px 6px 12px; /*Padding in the input*/ --dp-menu-min-width: 260px; /*Adjust the min width of the menu*/ --dp-action-buttons-padding: 2px 5px; /*Adjust padding for the action buttons in action row*/ --dp-row-maring: 5px 0; /*Adjust the spacing between rows in the calendar*/ --dp-calendar-header-cell-padding: 0.5rem; /*Adjust padding in calendar header cells*/ --dp-two-calendars-spacing: 10px; /*Space between multiple calendars*/ --dp-overlay-col-padding: 3px; /*Padding in the overlay column*/ --dp-time-inc-dec-button-size: 32px; /*Sizing for arrow buttons in the time picker*/ --dp-menu-padding: 6px 8px; /*Menu padding*/ /*Font sizes*/ --dp-font-size: 1rem; /*Default font-size*/ --dp-preview-font-size: 0.8rem; /*Font size of the date preview in the action row*/ --dp-time-font-size: 0.8rem; /*Font size in the time picker*/ /*Transitions*/ --dp-animation-duration: 200s; /*Transition duration*/ --dp-menu-appear-transition-timing: cubic-bezier(0.4, 0, 1, 1); /*Timing on menu appear animation*/ --dp-transition-timing: ease-in-out; /*Timing on slide animations*/ } .dp__theme_dark { --dp-background-color: var(--color-darkmode-600); --dp-text-color: #ffffff; --dp-hover-color: --alpha(var(--color-darkmode-100) / 0.5); --dp-hover-text-color: #ffffff; --dp-hover-icon-color: #959595; --dp-primary-color: var(--color-primary); --dp-primary-text-color: #ffffff; --dp-secondary-color: #a9a9a9; --dp-border-color: var(--color-darkmode-400); --dp-menu-border-color: var(--color-darkmode-400); --dp-border-color-hover: #aaaeb7; --dp-disabled-color: #737373; --dp-scroll-bar-background: #212121; --dp-scroll-bar-color: #484848; --dp-success-color: #00701a; --dp-success-color-disabled: #428f59; --dp-icon-color: #959595; --dp-danger-color: #e53935; --dp-highlight-color: rgba(0, 92, 178, 0.2); --dp-action-button-height: 35px; /*Adjust Size for the action buttons in action row*/ } .dp__theme_light { --dp-background-color: #ffffff; --dp-text-color: #212121; --dp-hover-color: #f3f3f3; --dp-hover-text-color: #212121; --dp-hover-icon-color: #959595; --dp-primary-color: #1976d2; --dp-primary-text-color: #f8f5f5; --dp-secondary-color: #c0c4cc; --dp-border-color: rgb(226 232 240 / 0.6); --dp-menu-border-color: rgb(226 232 240 / 0.9); --dp-border-color-hover: #aaaeb7; --dp-disabled-color: #f6f6f6; --dp-scroll-bar-background: #f3f3f3; --dp-scroll-bar-color: #959595; --dp-success-color: #76d275; --dp-success-color-disabled: #a3d9b1; --dp-icon-color: #959595; --dp-danger-color: #ff6f60; --dp-highlight-color: rgba(25, 118, 210, 0.1); --dp-action-button-height: 35px; /*Adjust Size for the action buttons in action row*/ } .lds-ring div[data-v-1fa3a520] { border-color: #2563eb transparent transparent !important; } .vue3-easy-data-table { /* light mode style */ --easy-table-border: 0px solid #e0e0e0; --easy-table-row-border: 1px solid #e0e0e0; --easy-table-header-font-size: 14px; --easy-table-header-height: 36px; --easy-table-header-font-color: #373737; --easy-table-header-background-color: rgb(255, 255, 255); --easy-table-header-item-padding: 0px 10px; --easy-table-body-row-height: 36px; --easy-table-body-row-font-size: 12px; --easy-table-body-row-font-color: #212121; --easy-table-body-row-background-color: rgb(255, 255, 255); --easy-table-body-row-hover-font-color: #212121; --easy-table-body-row-hover-background-color: rgb(238, 238, 238); --easy-table-body-even-row-font-color: #373737; --easy-table-body-even-row-background-color: rgb(255, 255, 255); --easy-table-body-item-padding: 0px 10px; --easy-table-footer-background-color: #fff; --easy-table-footer-font-color: #212121; --easy-table-footer-font-size: 12px; --easy-table-footer-padding: 0px 5px; --easy-table-footer-height: 50px; --easy-table-rows-per-page-selector-width: auto; --easy-table-rows-per-page-selector-option-padding: 5px; --easy-table-message-font-color: #212121; --easy-table-message-font-size: 12px; --easy-table-message-padding: 20px; --easy-table-loading-mask-background-color: #fff; --easy-table-loading-mask-opacity: 0.5; --easy-table-scrollbar-track-color: #fff; --easy-table-scrollbar-color: #fff; --easy-table-scrollbar-thumb-color: #c1c1c1; --easy-table-scrollbar-corner-color: #fff; --easy-table-buttons-pagination-border: 1px solid #e0e0e0; --easy-table-rows-per-page-selector-z-index: 100; border-radius: 0.375rem; } .vue3-easy-data-table .vue3-easy-data-table__header th .header.direction-left { text-transform: uppercase; } .vue3-easy-data-table .operation-wrapper { display: flex; justify-content: center; } .vue3-easy-data-table .operation-wrapper .operation-icon { width: 20px; cursor: pointer; display: inline-block; filter: invert(0%); } .vue3-easy-data-table.cardview { --easy-table-row-border: none; } .vue3-easy-data-table.cardview .data-table-cardview td:first-child { display: none !important; } .vue3-easy-data-table .vue3-easy-data-table__main.hoverable > table > tbody.vue3-easy-data-table__body > tr > td { transition: border-radius 0.2s ease-in-out, background-color 0.3s ease-in-out; } .vue3-easy-data-table .vue3-easy-data-table__main.hoverable > table > tbody.vue3-easy-data-table__body > tr > td:first-child { border-left: 1px solid rgba(255, 255, 255, 0) !important; } .vue3-easy-data-table .vue3-easy-data-table__main.hoverable > table > tbody.vue3-easy-data-table__body > tr > td:last-child { border-right: 1px solid rgba(255, 255, 255, 0) !important; } .vue3-easy-data-table .vue3-easy-data-table__main.hoverable > table > tbody.vue3-easy-data-table__body > tr:hover > td:first-child { border-bottom-left-radius: 0.375rem; border-left: var(--easy-table-row-border) !important; } .vue3-easy-data-table .vue3-easy-data-table__main.hoverable > table > tbody.vue3-easy-data-table__body > tr:hover > td:last-child { border-bottom-right-radius: 0.375rem; border-right: var(--easy-table-row-border) !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .easy-data-table__rows-selector ul.select-items.inside { top: auto !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .easy-data-table__rows-selector ul.select-items > li { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .easy-data-table__rows-selector ul.select-items { top: 29px !important; overflow: hidden; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); background-color: var(--easy-table-footer-background-color) !important; border-color: transparent !important; border-radius: 0.375rem !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .pagination__items-index::before { content: attr(data-showing-before); padding-right: 4px; } .vue3-easy-data-table .vue3-easy-data-table__footer .buttons-pagination > .item.omission { border: none !important; cursor: default !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .buttons-pagination > .item.button:last-child { margin-right: 0.2rem !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .buttons-pagination > .item.button:first-child { margin-left: 0.2rem !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .buttons-pagination > .item.button.active:hover { background-color: rgb(var(--color-secondary)/0.2) !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .buttons-pagination > .item.button.active { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); background-color: var(--easy-table-footer-background-color) !important; color: unset !important; border: 1px solid rgb(226, 232, 240) !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .buttons-pagination > .item.button { border: none !important; padding: 0.201rem 0.75rem !important; margin-right: 0.1rem !important; margin-left: 0.1rem !important; border-radius: 0.375rem !important; display: flex; align-items: center; justify-content: center; } .vue3-easy-data-table .vue3-easy-data-table__footer .previous-page__click-button.first-page > .arrow, .vue3-easy-data-table .vue3-easy-data-table__footer .previous-page__click-button.last-page > .arrow, .vue3-easy-data-table .vue3-easy-data-table__footer .next-page__click-button.first-page > .arrow, .vue3-easy-data-table .vue3-easy-data-table__footer .next-page__click-button.last-page > .arrow { border-color: rgb(226, 232, 240) !important; } .vue3-easy-data-table .vue3-easy-data-table__footer .previous-page__click-button > .arrow, .vue3-easy-data-table .vue3-easy-data-table__footer .next-page__click-button > .arrow { border-color: rgb(30, 41, 59) !important; } :root.dark { /* dark mode style */ } :root.dark .vue3-easy-data-table { --easy-table-border: 0px solid #445269; --easy-table-row-border: 1px solid #445269; --easy-table-header-font-color: #c1cad4; --easy-table-header-background-color: var(--color-darkmode-600); --easy-table-body-even-row-font-color: #c0c7d2; --easy-table-body-row-font-color: #c0c7d2; --easy-table-body-row-background-color: var(--color-darkmode-600); --easy-table-body-row-hover-font-color: #c1cad4; --easy-table-body-row-hover-background-color: var(--color-darkmode-700); --easy-table-body-even-row-background-color: var(--color-darkmode-600); --easy-table-footer-background-color: var(--color-darkmode-600); --easy-table-footer-font-color: #c0c7d2; --easy-table-scrollbar-track-color: #2d3a4f; --easy-table-scrollbar-color: #2d3a4f; --easy-table-scrollbar-thumb-color: #4c5d7a; --easy-table-scrollbar-corner-color: #2d3a4f; --easy-table-loading-mask-background-color: var(--color-darkmode-600); --easy-table-message-font-color: #c0c7d2; } :root.dark .vue3-easy-data-table.cardview { --easy-table-row-border: none; } :root.dark .vue3-easy-data-table .operation-wrapper .operation-icon { filter: invert(100%); } :root.dark .vue3-easy-data-table .vue3-easy-data-table__footer .buttons-pagination > .item.button.active { background-color: var(--color-darkmode-800) !important; border-width: 0 !important; } :root.dark .vue3-easy-data-table .vue3-easy-data-table__footer .previous-page__click-button.first-page > .arrow, :root.dark .vue3-easy-data-table .vue3-easy-data-table__footer .previous-page__click-button.last-page > .arrow, :root.dark .vue3-easy-data-table .vue3-easy-data-table__footer .next-page__click-button.first-page > .arrow, :root.dark .vue3-easy-data-table .vue3-easy-data-table__footer .next-page__click-button.last-page > .arrow { border-color: rgb(30, 41, 59) !important; } :root.dark .vue3-easy-data-table .vue3-easy-data-table__footer .previous-page__click-button > .arrow, :root.dark .vue3-easy-data-table .vue3-easy-data-table__footer .next-page__click-button > .arrow { border-color: rgb(226, 232, 240) !important; }.easy-checkbox[data-v-e0a0b7f0]{position:relative;width:1.3em;height:1.3em;font-size:var(--easy-table-body-row-font-size);margin:0 auto}.easy-checkbox label[data-v-e0a0b7f0]{cursor:pointer;display:inline;line-height:1.3em;vertical-align:top;clear:both}.easy-checkbox label[data-v-e0a0b7f0]:before,.easy-checkbox label[data-v-e0a0b7f0]:after{content:"";position:absolute;left:0;top:0}.easy-checkbox label[data-v-e0a0b7f0]:before{width:1.3em;height:1.3em;background:#fff;border:1px solid rgba(0,0,0,.54);border-radius:.125em;cursor:pointer;transition:background .3s}.easy-checkbox input[type=checkbox][data-v-e0a0b7f0]{outline:0;visibility:hidden;width:1.3em;margin:0;display:block;float:left;font-size:inherit}.easy-checkbox input[type=checkbox]:checked+label[data-v-e0a0b7f0]:before{border:none}.easy-checkbox input[type=checkbox]:checked+label[data-v-e0a0b7f0]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-e0a0b7f0]:before{border:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-e0a0b7f0]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-e0a0b7f0]:before{border:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-e0a0b7f0]:after{transform:translate(.2em,.5875em);width:.9em;height:.45em;border:.125em solid #fff;border-bottom-style:none;border-right-style:none;border-left-style:none}*[data-v-e0a0b7f0],*[data-v-e0a0b7f0]:before,*[data-v-e0a0b7f0]:after{box-sizing:border-box}.easy-checkbox input[type=checkbox].allSelected+label[data-v-e0a0b7f0]:before,.easy-checkbox input[type=checkbox].partSelected+label[data-v-e0a0b7f0]:before{background:var(--51ab8a49)}.easy-checkbox[data-v-7e69a276]{position:relative;width:1.3em;height:1.3em;font-size:var(--easy-table-body-row-font-size);margin:0 auto}.easy-checkbox label[data-v-7e69a276]{cursor:pointer;display:inline;line-height:1.3em;vertical-align:top;clear:both}.easy-checkbox label[data-v-7e69a276]:before,.easy-checkbox label[data-v-7e69a276]:after{content:"";position:absolute;left:0;top:0}.easy-checkbox label[data-v-7e69a276]:before{width:1.3em;height:1.3em;background:#fff;border:1px solid rgba(0,0,0,.54);border-radius:.125em;cursor:pointer;transition:background .3s}.easy-checkbox input[type=checkbox][data-v-7e69a276]{outline:0;visibility:hidden;width:1.3em;margin:0;display:block;float:left;font-size:inherit}.easy-checkbox input[type=checkbox]:checked+label[data-v-7e69a276]:before{border:none}.easy-checkbox input[type=checkbox]:checked+label[data-v-7e69a276]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-7e69a276]:before{border:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-7e69a276]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-7e69a276]:before{border:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-7e69a276]:after{transform:translate(.2em,.5875em);width:.9em;height:.45em;border:.125em solid #fff;border-bottom-style:none;border-right-style:none;border-left-style:none}*[data-v-7e69a276],*[data-v-7e69a276]:before,*[data-v-7e69a276]:after{box-sizing:border-box}.easy-checkbox input[type=checkbox]:checked+label[data-v-7e69a276]:before{background:var(--fdaf7e9e)}.easy-data-table__rows-selector[data-v-4ca5de3a]{display:inline-block;min-width:45px;position:relative;margin:0 10px;width:var(--easy-table-rows-per-page-selector-width)}.easy-data-table__rows-selector .rows-input__wrapper[data-v-4ca5de3a]{height:20px;border-bottom:1px solid var(--easy-table-footer-font-color);display:flex;align-items:center;justify-content:space-between;padding:0 5px;cursor:pointer}.easy-data-table__rows-selector .rows-input__wrapper .triangle[data-v-4ca5de3a]{display:inline-block;vertical-align:middle;width:0px;height:0px;border-top:solid 6px var(--easy-table-footer-font-color);border-left:solid 6px transparent;border-right:solid 6px transparent}.easy-data-table__rows-selector ul.select-items[data-v-4ca5de3a]{position:absolute;top:20px;left:0px;width:100%;display:none;margin:0;padding:0;text-align:left;list-style-type:none;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:var(--easy-table-rows-per-page-selector-z-index)}.easy-data-table__rows-selector ul.select-items.show[data-v-4ca5de3a]{display:block}.easy-data-table__rows-selector ul.select-items.inside[data-v-4ca5de3a]{bottom:0px;top:auto}.easy-data-table__rows-selector ul.select-items li[data-v-4ca5de3a]{cursor:pointer;padding:var(--easy-table-rows-per-page-selector-option-padding);background-color:var(--easy-table-footer-background-color)}.easy-data-table__rows-selector ul.select-items li.selected[data-v-4ca5de3a]{color:#fff;background-color:var(--1b889342)}.lds-ring[data-v-1fa3a520]{display:inline-block;position:relative;width:60px;height:60px}.lds-ring div[data-v-1fa3a520]{box-sizing:border-box;display:block;position:absolute;width:80%;height:80%;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring-1fa3a520 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--26774109) transparent transparent transparent}.lds-ring div[data-v-1fa3a520]:nth-child(1){animation-delay:-.45s}.lds-ring div[data-v-1fa3a520]:nth-child(2){animation-delay:-.3s}.lds-ring div[data-v-1fa3a520]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-1fa3a520{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-line[data-v-7d281cac]{width:100%;height:3px;position:relative;overflow:hidden;background-color:#ddd;margin:0x auto}.loader-line[data-v-7d281cac]:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:var(--0d327f57);-webkit-animation:lineAnim-7d281cac 1s linear infinite;-moz-animation:lineAnim-7d281cac 1s linear infinite;animation:lineAnim-7d281cac 1s linear infinite}@keyframes lineAnim-7d281cac{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.buttons-pagination[data-v-4c681fa2]{box-sizing:border-box;display:flex;padding:0;border-radius:4px}.buttons-pagination .item[data-v-4c681fa2]{box-sizing:border-box;cursor:pointer;min-width:calc(var(--easy-table-footer-font-size) * 1.8);line-height:calc(var(--easy-table-footer-font-size) * 1.8);border-top:var(--easy-table-buttons-pagination-border);border-bottom:var(--easy-table-buttons-pagination-border);border-right:var(--easy-table-buttons-pagination-border);text-align:center}.buttons-pagination .item[data-v-4c681fa2]:first-of-type{border-left:var(--easy-table-buttons-pagination-border);border-top-left-radius:4px;border-bottom-left-radius:4px}.buttons-pagination .item[data-v-4c681fa2]:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.buttons-pagination .item.button.active[data-v-4c681fa2]{background-color:var(--40dd4f07);border-left:var(--easy-table-buttons-pagination-border);border-color:var(--40dd4f07)!important;color:#fff}.buttons-pagination .item.button.active-prev[data-v-4c681fa2]{border-right:none}.previous-page__click-button[data-v-c9da5286],.next-page__click-button[data-v-c9da5286]{margin:0 5px;cursor:pointer}.previous-page__click-button .arrow[data-v-c9da5286],.next-page__click-button .arrow[data-v-c9da5286]{display:inline-block;width:8px;height:8px;border-top:2px solid #000;border-left:2px solid #000}.previous-page__click-button .arrow.arrow-left[data-v-c9da5286],.next-page__click-button .arrow.arrow-left[data-v-c9da5286]{transform:rotate(135deg)}.previous-page__click-button .arrow.arrow-right[data-v-c9da5286],.next-page__click-button .arrow.arrow-right[data-v-c9da5286]{transform:rotate(-45deg)}.previous-page__click-button.first-page[data-v-c9da5286],.next-page__click-button.last-page[data-v-c9da5286]{cursor:not-allowed}.previous-page__click-button.first-page .arrow[data-v-c9da5286],.next-page__click-button.last-page .arrow[data-v-c9da5286]{border-color:#e0e0e0}:root{--easy-table-border: 1px solid #e0e0e0;--easy-table-row-border: 1px solid #e0e0e0;--easy-table-header-font-size: 12px;--easy-table-header-height: 36px;--easy-table-header-font-color: #373737;--easy-table-header-background-color: #fff;--easy-table-header-item-padding: 0px 10px;--easy-table-body-row-height: 36px;--easy-table-body-row-font-size: 12px;--easy-table-body-row-font-color: #212121;--easy-table-body-row-background-color: #fff;--easy-table-body-row-hover-font-color: #212121;--easy-table-body-row-hover-background-color: #eee;--easy-table-body-even-row-font-color: #212121;--easy-table-body-even-row-background-color: #fafafa;--easy-table-body-item-padding: 0px 10px;--easy-table-footer-background-color: #fff;--easy-table-footer-font-color: #212121;--easy-table-footer-font-size: 12px;--easy-table-footer-padding: 0px 5px;--easy-table-footer-height: 36px;--easy-table-rows-per-page-selector-width: auto;--easy-table-rows-per-page-selector-option-padding: 5px;--easy-table-rows-per-page-selector-z-index: auto;--easy-table-message-font-color: #212121;--easy-table-message-font-size: 12px;--easy-table-message-padding: 20px;--easy-table-loading-mask-background-color: #fff;--easy-table-loading-mask-opacity: .5;--easy-table-scrollbar-track-color: #fff;--easy-table-scrollbar-color: #fff;--easy-table-scrollbar-thumb-color: #c1c1c1;--easy-table-scrollbar-corner-color: #fff;--easy-table-buttons-pagination-border: 1px solid #e0e0e0}.vue3-easy-data-table[data-v-32683533]{border:var(--easy-table-border);position:relative;box-sizing:border-box}.vue3-easy-data-table__main[data-v-32683533]{border:none;width:100%;overflow:auto;background-color:var(--easy-table-body-row-background-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-track{border-radius:10px;background-color:var(--easy-table-scrollbar-track-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar{width:7px;height:7px;background-color:var(--easy-table-scrollbar-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--easy-table-scrollbar-thumb-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-corner{background-color:var(--easy-table-scrollbar-corner-color)}.vue3-easy-data-table__main.table-fixed table[data-v-32683533]{table-layout:fixed}.vue3-easy-data-table__main.show-shadow th.shadow[data-v-32683533]:after,.vue3-easy-data-table__main.show-shadow td.shadow[data-v-32683533]:after{box-shadow:inset 6px 0 5px -3px #0003}.vue3-easy-data-table__main.fixed-header th[data-v-32683533]{position:sticky;top:0;z-index:2}.vue3-easy-data-table__main.hoverable tr:hover td[data-v-32683533]{background-color:var(--easy-table-body-row-hover-background-color);color:var(--easy-table-body-row-hover-font-color)}.vue3-easy-data-table__main.hoverable .vue3-easy-data-table__body.row-alternation .even-row:hover td[data-v-32683533]{color:var(--easy-table-body-row-hover-font-color);background-color:var(--easy-table-body-row-hover-background-color)}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__header th[data-v-32683533]{border-right:var(--easy-table-row-border)}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__header th[data-v-32683533]:last-of-type{border-right:none}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__body td[data-v-32683533]{border-right:var(--easy-table-row-border)}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__body td[data-v-32683533]:last-of-type{border-right:none}.vue3-easy-data-table__body.row-alternation tr.even-row td[data-v-32683533]{color:var(--easy-table-body-even-row-font-color);background-color:var(--easy-table-body-even-row-background-color)}table[data-v-32683533]{border-collapse:initial;display:table;width:100%;border-spacing:0;margin:0}.vue3-easy-data-table__header[data-v-32683533],vue3-easy-data-table__body[data-v-32683533]{position:relative}.vue3-easy-data-table__header tr[data-v-32683533]{font-size:var(--easy-table-header-font-size);border:none;height:var(--easy-table-header-height)}.vue3-easy-data-table__header th[data-v-32683533]{background-color:var(--easy-table-header-background-color);color:var(--easy-table-header-font-color);border:none;border-bottom:var(--easy-table-row-border);padding:var(--easy-table-header-item-padding);position:relative}.vue3-easy-data-table__header th .header[data-v-32683533]{display:flex;align-items:center}.vue3-easy-data-table__header th .header.direction-left[data-v-32683533]{justify-content:flex-start}.vue3-easy-data-table__header th .header.direction-center[data-v-32683533]{justify-content:center}.vue3-easy-data-table__header th .header.direction-right[data-v-32683533]{justify-content:flex-end}.vue3-easy-data-table__header th.sortable[data-v-32683533]{cursor:pointer}.vue3-easy-data-table__header th.sortable .sortType-icon[data-v-32683533]{border:5px solid transparent;margin-top:-3px;margin-left:4px;display:inline-block;height:0;width:0;position:relative;border-bottom-color:var(--easy-table-header-font-color)}.vue3-easy-data-table__header th.sortable .multi-sort__number[data-v-32683533]{border-radius:50%;height:1.5em;width:1.5em;line-height:1.5em;margin-left:4px;background-color:var(--easy-table-header-font-color);color:var(--easy-table-header-background-color)}.vue3-easy-data-table__header th.sortable.none:hover .sortType-icon[data-v-32683533]{opacity:1}.vue3-easy-data-table__header th.sortable.none .sortType-icon[data-v-32683533]{opacity:0;transition:.5s ease}.vue3-easy-data-table__header th.sortable.desc .sortType-icon[data-v-32683533]{margin-top:5px;transform:rotate(180deg)}.vue3-easy-data-table__header th.shadow[data-v-32683533]:after,.vue3-easy-data-table__body td.shadow[data-v-32683533]:after{pointer-events:none;content:"";width:36px;display:inline-block;height:100%;position:absolute;top:0px;right:-36px;box-shadow:none}.vue3-easy-data-table__body tr[data-v-32683533]{height:var(--easy-table-body-row-height);color:var(--easy-table-body-row-font-color);font-size:var(--easy-table-body-row-font-size)}.vue3-easy-data-table__body tr:last-child td[data-v-32683533]{border-bottom:none}.vue3-easy-data-table__body tr:first-child td[data-v-32683533]{border-bottom:var(--easy-table-row-border)}.vue3-easy-data-table__body td[data-v-32683533]{padding:var(--easy-table-body-item-padding);background-color:var(--easy-table-body-row-background-color);border:none;border-bottom:var(--easy-table-row-border);position:relative}.vue3-easy-data-table__body td.direction-left[data-v-32683533]{text-align:left}.vue3-easy-data-table__body td.direction-center[data-v-32683533]{text-align:center}.vue3-easy-data-table__body td.direction-right[data-v-32683533]{text-align:right}.vue3-easy-data-table__body td .expand-icon[data-v-32683533]{border:solid;border-color:var(easy-table-body-row-font-color);border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);transition:.2s}.vue3-easy-data-table__body td .expand-icon.expanding[data-v-32683533]{transform:rotate(45deg)}.vue3-easy-data-table__body td.expand[data-v-32683533]{position:relative}.vue3-easy-data-table__body td.expand .expand-loading[data-v-32683533]{position:absolute;top:0px;left:0px}.vue3-easy-data-table__body td.can-expand[data-v-32683533]{cursor:pointer}.vue3-easy-data-table__footer[data-v-32683533]{background-color:var(--easy-table-footer-background-color);color:var(--easy-table-footer-font-color);border-top:var(--easy-table-row-border);font-size:var(--easy-table-footer-font-size);height:var(--easy-table-footer-height);padding:var(--easy-table-footer-padding);box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:flex-end}.vue3-easy-data-table__footer .pagination__rows-per-page[data-v-32683533]{display:flex;align-items:center}.vue3-easy-data-table__footer .pagination__items-index[data-v-32683533]{margin:0 20px 0 10px}.vue3-easy-data-table__message[data-v-32683533]{color:var(--easy-table-message-font-color);font-size:var(--easy-table-message-font-size);padding:var(--easy-table-message-padding);text-align:center}.vue3-easy-data-table__loading[data-v-32683533]{z-index:3;overflow:hidden;position:absolute;width:100%;height:100%;top:0px;left:0px;display:flex;align-items:center;justify-content:center}.vue3-easy-data-table__loading .loading-entity[data-v-32683533]{z-index:1}.vue3-easy-data-table__loading-mask[data-v-32683533]{background-color:var(--easy-table-loading-mask-background-color);opacity:var(--easy-table-loading-mask-opacity);position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:1}.vue3-easy-data-table__main[data-v-32683533]{min-height:var(--da0d4328)}.vue3-easy-data-table__main.fixed-height[data-v-32683533]{height:var(--3037e504)} .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding) !important}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transition: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-input-not-clearable-padding: 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */