/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @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: #FEF2F2; --color-red-100: #FEE2E2; --color-red-200: #FECACA; --color-red-300: #FCA5A5; --color-red-400: #F87171; --color-red-500: #EF4444; --color-red-600: #DC2626; --color-red-700: #B91C1C; --color-red-800: #991B1B; --color-red-900: #7F1D1D; --color-orange-50: #FFFAF0; --color-orange-100: #FEEBC8; --color-orange-200: #FBD38D; --color-orange-300: #F6AD55; --color-orange-400: #ED8936; --color-orange-500: #DD6B20; --color-orange-600: #C05621; --color-orange-700: #9C4221; --color-orange-800: #7B341E; --color-orange-900: #652B19; --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-yellow-50: #FFFBEB; --color-yellow-100: #FEF3C7; --color-yellow-200: #FDE68A; --color-yellow-300: #FCD34D; --color-yellow-400: #FBBF24; --color-yellow-500: #F59E0B; --color-yellow-600: #D97706; --color-yellow-700: #B45309; --color-yellow-800: #92400E; --color-yellow-900: #78350F; --color-lime-100: oklch(96.7% 0.067 122.328); --color-lime-200: oklch(93.8% 0.127 124.321); --color-lime-300: oklch(89.7% 0.196 126.665); --color-lime-400: oklch(84.1% 0.238 128.85); --color-lime-500: oklch(76.8% 0.233 130.85); --color-lime-600: oklch(64.8% 0.2 131.684); --color-lime-700: oklch(53.2% 0.157 131.589); --color-lime-800: oklch(45.3% 0.124 130.933); --color-lime-900: oklch(40.5% 0.101 131.063); --color-green-50: #ECFDF5; --color-green-100: #D1FAE5; --color-green-200: #A7F3D0; --color-green-300: #6EE7B7; --color-green-400: #34D399; --color-green-500: #10B981; --color-green-600: #059669; --color-green-700: #047857; --color-green-800: #065F46; --color-green-900: #064E3B; --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-teal-50: #F0FDFA; --color-teal-100: #CCFBF1; --color-teal-200: #99F6E4; --color-teal-300: #5EEAD4; --color-teal-400: #2DD4BF; --color-teal-500: #14B8A6; --color-teal-600: #0D9488; --color-teal-700: #0F766E; --color-teal-800: #115E59; --color-teal-900: #134E4A; --color-cyan-50: #ECFEFF; --color-cyan-100: #CFFAFE; --color-cyan-200: #A5F3FC; --color-cyan-300: #67E8F9; --color-cyan-400: #22D3EE; --color-cyan-500: #06B6D4; --color-cyan-600: #0891B2; --color-cyan-700: #0E7490; --color-cyan-800: #155E75; --color-cyan-900: #164E63; --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-500: oklch(68.5% 0.169 237.323); --color-blue-50: #EFF6FF; --color-blue-100: #DBEAFE; --color-blue-200: #BFDBFE; --color-blue-300: #93C5FD; --color-blue-400: #60A5FA; --color-blue-500: #3B82F6; --color-blue-600: #2563EB; --color-blue-700: #1D4ED8; --color-blue-800: #1E40AF; --color-blue-900: #1E3A8A; --color-indigo-50: #EEF2FF; --color-indigo-100: #E0E7FF; --color-indigo-200: #C7D2FE; --color-indigo-300: #A5B4FC; --color-indigo-400: #818CF8; --color-indigo-500: #6366F1; --color-indigo-600: #4F46E5; --color-indigo-700: #4338CA; --color-indigo-800: #3730A3; --color-indigo-900: #312E81; --color-violet-300: oklch(81.1% 0.111 293.571); --color-purple-50: #F5F3FF; --color-purple-100: #EDE9FE; --color-purple-200: #DDD6FE; --color-purple-300: #C4B5FD; --color-purple-400: #A78BFA; --color-purple-500: #8B5CF6; --color-purple-600: #7C3AED; --color-purple-700: #6D28D9; --color-purple-800: #5B21B6; --color-purple-900: #4C1D95; --color-pink-50: #FDF2F8; --color-pink-100: #FCE7F3; --color-pink-200: #FBCFE8; --color-pink-300: #F9A8D4; --color-pink-400: #F472B6; --color-pink-500: #EC4899; --color-pink-600: #DB2777; --color-pink-700: #BE185D; --color-pink-800: #9D174D; --color-pink-900: #831843; --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-50: #F9FAFB; --color-gray-100: #F3F4F6; --color-gray-200: #E5E7EB; --color-gray-300: #D1D5DB; --color-gray-400: #9CA3AF; --color-gray-500: #6B7280; --color-gray-600: #4B5563; --color-gray-700: #374151; --color-gray-800: #1F2937; --color-gray-900: #111827; --color-neutral-100: oklch(97% 0 0); --color-black: #000000; --color-white: #ffffff; --spacing: 0.25rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-xs: 4px; --blur-sm: 8px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-brand-dark: #00274D; --color-brand-accent: #074e6c; --color-brand-primary: #092A31; --color-brand-secondary: #438FFF; --color-brand-danger: #E90307; --color-brand-warning: #FF8001; --color-brand-success: #22C55E; --color-brand-gray-dark: #585858; --color-brand-gray-light: #D9D9D9; --color-primary-300: #93c5fd; --color-primary-500: #3b82f6; --color-primary-600: #2563eb; --color-primary-700: #1d4ed8; --color-primary-800: #1e40af; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; 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; 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :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)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .datatable-wrapper { width: 100%; & .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } & .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark & .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark & thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-container thead tr.search-filtering-row th { padding-top: 0; } & .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } & .datatable-container { overflow-x: auto; } & .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark & .datatable-table { color: var(--color-gray-400); } & .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark & .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-table thead th { white-space: nowrap; } & .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table thead th .datatable-sorter { text-transform: uppercase; } & .datatable-table thead th { text-transform: uppercase; } & .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } & .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } & .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark & .datatable-table thead th .datatable-sorter:hover { color: white; } .dark & .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark & .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark & .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-table .datatable-empty { text-align: center; } & .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } & .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .datatable-bottom { .datatable-wrapper & { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } .datatable-wrapper & .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-info { color: var(--color-gray-400); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .datatable-pagination { .datatable-wrapper .datatable-bottom & .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .datatable-pagination-list-item-link { .datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination & { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-700); color: white; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .end-2 { inset-inline-end: calc(var(--spacing) * 2); } .end-2\.5 { inset-inline-end: calc(var(--spacing) * 2.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-8 { top: calc(var(--spacing) * -8); } .-top-\[2px\] { top: calc(2px * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .top-20 { top: calc(var(--spacing) * 20); } .top-\[50\%\] { top: 50%; } .top-full { top: 100%; } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-4 { right: calc(var(--spacing) * -4); } .right-0 { right: calc(var(--spacing) * 0); } .right-2 { right: calc(var(--spacing) * 2); } .right-4 { right: calc(var(--spacing) * 4); } .right-\[35px\] { right: 35px; } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-16 { bottom: calc(var(--spacing) * 16); } .bottom-\[60px\] { bottom: 60px; } .bottom-full { bottom: 100%; } .-left-1 { left: calc(var(--spacing) * -1); } .-left-1\.5 { left: calc(var(--spacing) * -1.5); } .-left-3 { left: calc(var(--spacing) * -3); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: calc(1/2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-5 { left: calc(var(--spacing) * 5); } .left-6 { left: calc(var(--spacing) * 6); } .left-\[2\%\] { left: 2%; } .left-\[50\%\] { left: 50%; } .left-\[116px\] { left: 116px; } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-auto { z-index: auto; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-12 { grid-column: span 12 / span 12; } .float-end { float: inline-end; } .float-left { float: left; } .float-right { float: right; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .m-0 { margin: calc(var(--spacing) * 0); } .m-1 { margin: calc(var(--spacing) * 1); } .m-2 { margin: calc(var(--spacing) * 2); } .m-4 { margin: calc(var(--spacing) * 4); } .m-29\.5 { margin: calc(var(--spacing) * 29.5); } .m-40 { margin: calc(var(--spacing) * 40); } .m-44 { margin: calc(var(--spacing) * 44); } .m-52 { margin: calc(var(--spacing) * 52); } .m-56 { margin: calc(var(--spacing) * 56); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .-my-2 { margin-block: calc(var(--spacing) * -2); } .my-1 { margin-block: calc(var(--spacing) * 1); } .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-8 { margin-block: calc(var(--spacing) * 8); } .my-24 { margin-block: calc(var(--spacing) * 24); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-2\.5 { margin-inline-end: calc(var(--spacing) * 2.5); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .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-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .apexcharts-canvas { & .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } & .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } & .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark & .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark & .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } & .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } & .apexcharts-legend { padding: 0 !important; } & .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) & .apexcharts-legend-text { padding-right: 0.5rem !important; } & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark & .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } } .apexcharts-legend-series { .apexcharts-canvas & { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } } .apexcharts-tooltip { .apexcharts-canvas & { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas & .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } :is([dir=rtl]) & .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: e !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: white !important; } } .datatable-top { .datatable-wrapper & { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } } .apexcharts-tooltip-marker { :is([dir=rtl]) .apexcharts-tooltip & { margin-right: 0px !important; margin-left: e !important; } } .datatable-dropdown { .datatable-wrapper .datatable-top & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top & { color: var(--color-gray-400); } .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } } .datatable-selector { .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } } .mr-0 { margin-right: calc(var(--spacing) * 0); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-2\.5 { margin-right: calc(var(--spacing) * 2.5); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-\[25px\] { margin-right: 25px; } .apexcharts-tooltip-title { .apexcharts-canvas .apexcharts-tooltip & { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .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-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .apexcharts-xaxistooltip { .apexcharts-canvas & { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas &:after { border-bottom-color: white !important; } .apexcharts-canvas &:before { border-bottom-color: white !important; } .apexcharts-canvas &:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas &:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas &:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas &:before { border-bottom-color: var(--color-gray-700) !important; } } .-ml-0\.5 { margin-left: calc(var(--spacing) * -0.5); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-\[13px\] { margin-left: 13px; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .datatable-pagination-list { .datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .\!inline { display: inline !important; } .block { display: block; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .h-0 { height: calc(var(--spacing) * 0); } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.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-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: calc(var(--spacing) * 18); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-36 { height: calc(var(--spacing) * 36); } .h-40 { height: calc(var(--spacing) * 40); } .h-64 { height: calc(var(--spacing) * 64); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[32px\] { height: 32px; } .h-\[38px\] { height: 38px; } .h-\[42px\] { height: 42px; } .h-\[51px\] { height: 51px; } .h-\[52px\] { height: 52px; } .h-\[53px\] { height: 53px; } .h-\[59px\] { height: 59px; } .h-\[60px\] { height: 60px; } .h-\[72px\] { height: 72px; } .h-\[95px\] { height: 95px; } .h-\[140px\] { height: 140px; } .h-\[150px\] { height: 150px; } .h-\[168px\] { height: 168px; } .h-\[180px\] { height: 180px; } .h-\[200px\] { height: 200px; } .h-\[204px\] { height: 204px; } .h-\[300px\] { height: 300px; } .h-\[447px\] { height: 447px; } .h-\[665px\] { height: 665px; } .h-\[862px\] { height: 862px; } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[90dvh\] { max-height: 90dvh; } .max-h-\[2000px\] { max-height: 2000px; } .max-h-full { max-height: 100%; } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-30 { min-height: calc(var(--spacing) * 30); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-\[93vh\] { min-height: 93vh; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[200px\] { min-height: 200px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .datatable-table { .datatable-wrapper & { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper & { color: var(--color-gray-400); } .datatable-wrapper & thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper & thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper & thead th { white-space: nowrap; } .datatable-wrapper & thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper & thead th { text-transform: uppercase; } .datatable-wrapper & thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper & thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-empty { text-align: center; } } .w-1\/2 { width: calc(1/2 * 100%); } .w-1\/3 { width: calc(1/3 * 100%); } .w-1\/4 { width: calc(1/4 * 100%); } .w-1\/5 { width: calc(1/5 * 100%); } .w-1\/6 { width: calc(1/6 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\/4 { width: calc(2/4 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/5 { width: calc(4/5 * 100%); } .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-10 { width: calc(var(--spacing) * 10); } .w-10\/10 { width: calc(10/10 * 100%); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-15 { width: calc(var(--spacing) * 15); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-48 { width: calc(var(--spacing) * 48); } .w-50 { width: calc(var(--spacing) * 50); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-100 { width: calc(var(--spacing) * 100); } .w-200 { width: calc(var(--spacing) * 200); } .w-\[70px\] { width: 70px; } .w-\[80\%\] { width: 80%; } .w-\[80vw\] { width: 80vw; } .w-\[85\%\] { width: 85%; } .w-\[90vw\] { width: 90vw; } .w-\[92px\] { width: 92px; } .w-\[96\%\] { width: 96%; } .w-\[100px\] { width: 100px; } .w-\[120px\] { width: 120px; } .w-\[145px\] { width: 145px; } .w-\[190px\] { width: 190px; } .w-\[252px\] { width: 252px; } .w-\[261px\] { width: 261px; } .w-\[263px\] { width: 263px; } .w-\[370px\] { width: 370px; } .w-\[393px\] { width: 393px; } .w-\[420px\] { width: 420px; } .w-\[1308px\] { width: 1308px; } .w-\[1340px\] { width: 1340px; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-lg { width: var(--container-lg); } .w-max { width: max-content; } .w-screen { width: 100vw; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-100\/100 { max-width: calc(100/100 * 100%); } .max-w-150 { max-width: calc(var(--spacing) * 150); } .max-w-\[100dvw\] { max-width: 100dvw; } .max-w-\[100vw\] { max-width: 100vw; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1800px\] { max-width: 1800px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-screen-2xl { max-width: var(--breakpoint-2xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .datatable-input { .datatable-wrapper .datatable-search & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th & { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th & { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-search &:focus { border-color: var(--color-blue-600); } } .datatable-search { .datatable-wrapper & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-input:focus { border-color: var(--color-blue-600); } } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-11 { min-width: calc(var(--spacing) * 11); } .min-w-14 { min-width: calc(var(--spacing) * 14); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[240px\] { min-width: 240px; } .min-w-full { min-width: 100%; } .min-w-screen { min-width: 100vw; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .basis-0 { flex-basis: calc(var(--spacing) * 0); } .origin-\[0\] { transform-origin: 0; } .origin-top-right { transform-origin: top right; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .-rotate-90 { rotate: calc(90deg * -1); } .rotate-45 { rotate: 45deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .transform-none { transform: none; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-crosshair { cursor: crosshair; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-\[lower-alpha\] { list-style-type: lower-alpha; } .list-\[lower-roman\] { list-style-type: lower-roman; } .list-\[upper-alpha\] { list-style-type: upper-alpha; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-flow-col { grid-auto-flow: column; } .grid-flow-row { grid-auto-flow: row; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .place-content-end { place-content: end; } .content-center { align-content: center; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .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); } .gap-\[17\.08px\] { gap: 17.08px; } .gap-\[19px\] { gap: 19px; } .gap-\[26px\] { gap: 26px; } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :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))); } } .space-y-3 { :where(& > :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))); } } .space-y-4 { :where(& > :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))); } } .space-y-6 { :where(& > :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))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .-space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse))); } } .-space-x-px { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } } .space-x-0 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2 { :where(& > :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))); } } .space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-8 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-gray-100 { :where(& > :not(:last-child)) { border-color: var(--color-gray-100); } } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } .divide-gray-300 { :where(& > :not(:last-child)) { border-color: var(--color-gray-300); } } .divide-slate-200 { :where(& > :not(:last-child)) { border-color: var(--color-slate-200); } } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[overflow\:-moz-scrollbars-none\] { overflow: -moz-scrollbars-none; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .datatable-container { .datatable-wrapper & thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper & { overflow-x: auto; } } .\!overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-visible { overflow-x: visible; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .\!scroll-auto { scroll-behavior: auto !important; } .scroll-smooth { scroll-behavior: smooth; } .\!rounded-lg { border-radius: var(--radius-lg) !important; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[7px\] { border-radius: 7px; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-s-lg { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } .rounded-e-lg { border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .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-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .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-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-br-2xl { border-bottom-right-radius: var(--radius-2xl); } .rounded-br-lg { border-bottom-right-radius: var(--radius-lg); } .rounded-bl-2xl { border-bottom-left-radius: var(--radius-2xl); } .rounded-bl-lg { border-bottom-left-radius: var(--radius-lg); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-3 { border-style: var(--tw-border-style); border-width: 3px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-8 { border-style: var(--tw-border-style); border-width: 8px; } .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: 0px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .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: 0px; } .border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-4 { border-bottom-style: var(--tw-border-style); border-bottom-width: 4px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .dark { & .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-gridline { stroke: var(--color-gray-700) !important; } & .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important; } & .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; } } .dark { & .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-wrapper .datatable-table { color: var(--color-gray-400); } & .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } } .\!border-\[\#DC2626\] { border-color: #DC2626 !important; } .\!border-amber-400 { border-color: var(--color-amber-400) !important; } .\!border-green-400 { border-color: var(--color-green-400) !important; } .\!border-primary-700 { border-color: var(--color-primary-700) !important; } .\!border-yellow-400 { border-color: var(--color-yellow-400) !important; } .border-\[\#DC2626\] { border-color: #DC2626; } .border-\[\#FDE68A\] { border-color: #FDE68A; } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-500 { border-color: var(--color-amber-500); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-700 { border-color: var(--color-blue-700); } .border-brand-accent { border-color: var(--color-brand-accent); } .border-brand-danger { border-color: var(--color-brand-danger); } .border-brand-dark { border-color: var(--color-brand-dark); } .border-brand-gray-dark { border-color: var(--color-brand-gray-dark); } .border-brand-gray-dark\/20 { border-color: color-mix(in srgb, #585858 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-gray-dark) 20%, transparent); } } .border-brand-primary { border-color: var(--color-brand-primary); } .border-brand-secondary { border-color: var(--color-brand-secondary); } .border-brand-success { border-color: var(--color-brand-success); } .border-brand-warning { border-color: var(--color-brand-warning); } .border-cyan-300 { border-color: var(--color-cyan-300); } .border-cyan-500 { border-color: var(--color-cyan-500); } .border-cyan-600 { border-color: var(--color-cyan-600); } .border-cyan-700 { border-color: var(--color-cyan-700); } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-emerald-300 { border-color: var(--color-emerald-300); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-600 { border-color: var(--color-gray-600); } .border-gray-900 { border-color: var(--color-gray-900); } .border-green-200 { border-color: var(--color-green-200); } .border-green-300 { border-color: var(--color-green-300); } .border-green-500 { border-color: var(--color-green-500); } .border-green-600 { border-color: var(--color-green-600); } .border-green-700 { border-color: var(--color-green-700); } .border-green-800 { border-color: var(--color-green-800); } .border-indigo-300 { border-color: var(--color-indigo-300); } .border-indigo-400 { border-color: var(--color-indigo-400); } .border-indigo-500 { border-color: var(--color-indigo-500); } .border-indigo-600 { border-color: var(--color-indigo-600); } .border-lime-300 { border-color: var(--color-lime-300); } .border-lime-400 { border-color: var(--color-lime-400); } .border-lime-500 { border-color: var(--color-lime-500); } .border-orange-200 { border-color: var(--color-orange-200); } .border-pink-300 { border-color: var(--color-pink-300); } .border-pink-400 { border-color: var(--color-pink-400); } .border-pink-500 { border-color: var(--color-pink-500); } .border-pink-600 { border-color: var(--color-pink-600); } .border-purple-500 { border-color: var(--color-purple-500); } .border-purple-900 { border-color: var(--color-purple-900); } .border-red-100 { border-color: var(--color-red-100); } .border-red-200 { border-color: var(--color-red-200); } .border-red-300 { border-color: var(--color-red-300); } .border-red-400 { border-color: var(--color-red-400); } .border-red-500 { border-color: var(--color-red-500); } .border-red-600 { border-color: var(--color-red-600); } .border-red-900 { border-color: var(--color-red-900); } .border-sky-300 { border-color: var(--color-sky-300); } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-400 { border-color: var(--color-slate-400); } .border-slate-500 { border-color: var(--color-slate-500); } .border-teal-300 { border-color: var(--color-teal-300); } .border-teal-500 { border-color: var(--color-teal-500); } .border-transparent { border-color: transparent; } .border-violet-300 { border-color: var(--color-violet-300); } .border-white { border-color: var(--color-white); } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-yellow-500 { border-color: var(--color-yellow-500); } .border-yellow-600 { border-color: var(--color-yellow-600); } .border-t-gray-800 { border-top-color: var(--color-gray-800); } .border-b-gray-300 { border-bottom-color: var(--color-gray-300); } .apexcharts-active { .apexcharts-canvas .apexcharts-tooltip-series-group& .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group& { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group& { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group&:first-of-type { padding-top: 0.75rem !important; } } .selected { .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-700); } } .selectedCell { background-color: var(--color-gray-50); .dark & { background-color: var(--color-gray-700); } } .\!bg-brand-primary { background-color: var(--color-brand-primary) !important; } .\!bg-gray-50 { background-color: var(--color-gray-50) !important; } .\!bg-gray-800 { background-color: var(--color-gray-800) !important; } .\!bg-primary-700 { background-color: var(--color-primary-700) !important; } .bg-\[\#10B981\] { background-color: #10B981; } .bg-\[\#2563EB\] { background-color: #2563EB; } .bg-\[\#DC2626\] { background-color: #DC2626; } .bg-\[\#F59E0B\] { background-color: #F59E0B; } .bg-\[\#FDE68A\] { background-color: #FDE68A; } .bg-\[\#fde68a\] { background-color: #fde68a; } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-200 { background-color: var(--color-amber-200); } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-black { background-color: var(--color-black); } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-700 { background-color: var(--color-blue-700); } .bg-brand-accent { background-color: var(--color-brand-accent); } .bg-brand-danger { background-color: var(--color-brand-danger); } .bg-brand-dark { background-color: var(--color-brand-dark); } .bg-brand-gray-dark { background-color: var(--color-brand-gray-dark); } .bg-brand-gray-light { background-color: var(--color-brand-gray-light); } .bg-brand-gray-light\/20 { background-color: color-mix(in srgb, #D9D9D9 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-light) 20%, transparent); } } .bg-brand-gray-light\/30 { background-color: color-mix(in srgb, #D9D9D9 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-light) 30%, transparent); } } .bg-brand-gray-light\/70 { background-color: color-mix(in srgb, #D9D9D9 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-light) 70%, transparent); } } .bg-brand-primary { background-color: var(--color-brand-primary); } .bg-brand-secondary { background-color: var(--color-brand-secondary); } .bg-brand-success { background-color: var(--color-brand-success); } .bg-brand-warning { background-color: var(--color-brand-warning); } .bg-cyan-50 { background-color: var(--color-cyan-50); } .bg-cyan-100 { background-color: var(--color-cyan-100); } .bg-cyan-200 { background-color: var(--color-cyan-200); } .bg-cyan-500 { background-color: var(--color-cyan-500); } .bg-cyan-600 { background-color: var(--color-cyan-600); } .bg-cyan-700 { background-color: var(--color-cyan-700); } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-200 { background-color: var(--color-emerald-200); } .bg-emerald-300 { background-color: var(--color-emerald-300); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/50 { background-color: color-mix(in srgb, #111827 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-700 { background-color: var(--color-green-700); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-200 { background-color: var(--color-indigo-200); } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-indigo-700 { background-color: var(--color-indigo-700); } .bg-lime-100 { background-color: var(--color-lime-100); } .bg-lime-200 { background-color: var(--color-lime-200); } .bg-lime-400 { background-color: var(--color-lime-400); } .bg-lime-500 { background-color: var(--color-lime-500); } .bg-lime-600 { background-color: var(--color-lime-600); } .bg-lime-800 { background-color: var(--color-lime-800); } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-200 { background-color: var(--color-orange-200); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-pink-50 { background-color: var(--color-pink-50); } .bg-pink-100 { background-color: var(--color-pink-100); } .bg-pink-200 { background-color: var(--color-pink-200); } .bg-pink-500 { background-color: var(--color-pink-500); } .bg-pink-600 { background-color: var(--color-pink-600); } .bg-pink-700 { background-color: var(--color-pink-700); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-purple-700 { background-color: var(--color-purple-700); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-200 { background-color: var(--color-red-200); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-700 { background-color: var(--color-red-700); } .bg-red-800 { background-color: var(--color-red-800); } .bg-sky-200 { background-color: var(--color-sky-200); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-300 { background-color: var(--color-slate-300); } .bg-slate-600 { background-color: var(--color-slate-600); } .bg-slate-700 { background-color: var(--color-slate-700); } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-teal-100 { background-color: var(--color-teal-100); } .bg-teal-600 { background-color: var(--color-teal-600); } .bg-teal-700 { background-color: var(--color-teal-700); } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/30 { background-color: color-mix(in srgb, #ffffff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/50 { background-color: color-mix(in srgb, #ffffff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/90 { background-color: color-mix(in srgb, #ffffff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-600 { background-color: var(--color-yellow-600); } .dark { & .selectedCell { background-color: var(--color-gray-700); } } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-none\! { background-image: none !important; } .from-cyan-400 { --tw-gradient-from: var(--color-cyan-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-cyan-500 { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-400 { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-200 { --tw-gradient-from: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-400 { --tw-gradient-from: var(--color-pink-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-200 { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-400 { --tw-gradient-from: var(--color-red-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-200 { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-400 { --tw-gradient-from: var(--color-teal-400); --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-cyan-500 { --tw-gradient-via: var(--color-cyan-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-cyan-600 { --tw-gradient-via: var(--color-cyan-600); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-green-500 { --tw-gradient-via: var(--color-green-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-lime-400 { --tw-gradient-via: var(--color-lime-400); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-pink-500 { --tw-gradient-via: var(--color-pink-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-purple-600 { --tw-gradient-via: var(--color-purple-600); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-300 { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-500 { --tw-gradient-via: var(--color-red-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-teal-500 { --tw-gradient-via: var(--color-teal-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-blue-500 { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-500 { --tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-600 { --tw-gradient-to: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-700 { --tw-gradient-to: var(--color-cyan-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-600 { --tw-gradient-to: var(--color-green-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-200 { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-500 { --tw-gradient-to: var(--color-lime-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-600 { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-700 { --tw-gradient-to: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600 { --tw-gradient-to: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-600 { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-200 { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-clip-padding { background-clip: padding-box; } .bg-no-repeat { background-repeat: no-repeat; } .apexcharts-datalabels-group { & .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } } .apexcharts-datalabel-label { .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-400) !important; } } .apexcharts-datalabel-value { .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: white !important; } } .fill-blue-600 { fill: var(--color-blue-600); } .fill-current { fill: currentcolor; } .fill-cyan-600 { fill: var(--color-cyan-600); } .fill-gray-600 { fill: var(--color-gray-600); } .fill-green-500 { fill: var(--color-green-500); } .fill-pink-600 { fill: var(--color-pink-600); } .fill-purple-600 { fill: var(--color-purple-600); } .fill-red-600 { fill: var(--color-red-600); } .fill-yellow-400 { fill: var(--color-yellow-400); } .apexcharts-ycrosshairs { stroke: var(--color-gray-200) !important; .dark & { stroke: var(--color-gray-700) !important; } } .stroke-brand-accent { stroke: var(--color-brand-accent); } .stroke-brand-danger { stroke: var(--color-brand-danger); } .stroke-brand-dark { stroke: var(--color-brand-dark); } .stroke-brand-primary { stroke: var(--color-brand-primary); } .stroke-brand-secondary { stroke: var(--color-brand-secondary); } .stroke-brand-success { stroke: var(--color-brand-success); } .stroke-brand-warning { stroke: var(--color-brand-warning); } .stroke-1 { stroke-width: 1; } .stroke-2 { stroke-width: 2; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .apexcharts-legend { .apexcharts-canvas & { padding: 0 !important; } } .apexcharts-tooltip-y-group { .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active & { padding: 0 !important; } } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .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-8 { padding: calc(var(--spacing) * 8); } .p-\[16px\] { padding: 16px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-20 { padding-inline: calc(var(--spacing) * 20); } .px-\[6px\] { padding-inline: 6px; } .px-\[15px\] { padding-inline: 15px; } .px-\[17px\] { padding-inline: 17px; } .px-\[26px\] { padding-inline: 26px; } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .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-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-9 { padding-block: calc(var(--spacing) * 9); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-\[3px\] { padding-block: 3px; } .py-\[5px\] { padding-block: 5px; } .py-\[6px\] { padding-block: 6px; } .py-\[9px\] { padding-block: 9px; } .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .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-6 { padding-top: calc(var(--spacing) * 6); } .pt-\[20px\] { padding-top: 20px; } .pt-\[22px\] { padding-top: 22px; } .search-filtering-row { .datatable-wrapper .datatable-container thead tr& th { padding-top: 0; } } .apexcharts-legend-text { .apexcharts-canvas & { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas & { padding-right: 0.5rem !important; } .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: white !important; } } .pr-0\.5 { padding-right: calc(var(--spacing) * 0.5); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .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-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .pr-\[17px\] { padding-right: 17px; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .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-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-\[20px\] { padding-bottom: 20px; } .pb-\[26px\] { padding-bottom: 26px; } .pb-\[56\.25\%\] { padding-bottom: 56.25%; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .pl-20 { padding-left: calc(var(--spacing) * 20); } .pl-\[15px\] { padding-left: 15px; } .datatable-empty { .datatable-wrapper .datatable-table & { text-align: center; } } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-\[\'Inter\'\] { font-family: 'Inter'; } .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-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-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)); } .apexcharts-datalabels { .apexcharts-canvas & .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } } .apexcharts-pie-label { .apexcharts-canvas .apexcharts-datalabels .apexcharts-text& { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } } .apexcharts-xaxistooltip-text { .apexcharts-canvas & { font-weight: 400 !important; font-size: 0.875rem !important; } } .apexcharts-tooltip-text-y-label { .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-400) !important; } } .apexcharts-tooltip-text-y-value { .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: white !important; } } .datatable-info { .datatable-wrapper .datatable-bottom & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom & { color: var(--color-gray-400); } } .text-\[22\.04px\] { font-size: 22.04px; } .text-\[40px\] { font-size: 40px; } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); } .leading-\[48px\] { --tw-leading: 48px; line-height: 48px; } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } .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-\[550\] { --tw-font-weight: 550; font-weight: 550; } .font-\[600\] { --tw-font-weight: 600; font-weight: 600; } .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-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .break-words { overflow-wrap: break-word; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .datatable-sorter { .datatable-wrapper .datatable-table thead th & { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th &:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending & { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th &:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending & { color: white; } } .datatable-ascending { .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; } } .datatable-descending { .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; } } .\!text-white { color: var(--color-white) !important; } .text-\[\#2B4C7E\] { color: #2B4C7E; } .text-\[\#2b4c7e\] { color: #2b4c7e; } .text-\[\#DC2626\] { color: #DC2626; } .text-amber-400 { color: var(--color-amber-400); } .text-amber-800 { color: var(--color-amber-800); } .text-amber-900 { color: var(--color-amber-900); } .text-black { color: var(--color-black); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-brand-accent { color: var(--color-brand-accent); } .text-brand-danger { color: var(--color-brand-danger); } .text-brand-dark { color: var(--color-brand-dark); } .text-brand-dark\/60 { color: color-mix(in srgb, #00274D 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-dark) 60%, transparent); } } .text-brand-gray-dark { color: var(--color-brand-gray-dark); } .text-brand-gray-light { color: var(--color-brand-gray-light); } .text-brand-primary { color: var(--color-brand-primary); } .text-brand-secondary { color: var(--color-brand-secondary); } .text-brand-success { color: var(--color-brand-success); } .text-brand-warning { color: var(--color-brand-warning); } .text-current { color: currentcolor; } .text-cyan-300 { color: var(--color-cyan-300); } .text-cyan-500 { color: var(--color-cyan-500); } .text-cyan-600 { color: var(--color-cyan-600); } .text-cyan-700 { color: var(--color-cyan-700); } .text-cyan-800 { color: var(--color-cyan-800); } .text-cyan-900 { color: var(--color-cyan-900); } .text-emerald-200 { color: var(--color-emerald-200); } .text-emerald-600 { color: var(--color-emerald-600); } .text-gray-100 { color: var(--color-gray-100); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-200 { color: var(--color-indigo-200); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-indigo-700 { color: var(--color-indigo-700); } .text-indigo-800 { color: var(--color-indigo-800); } .text-indigo-900 { color: var(--color-indigo-900); } .text-lime-500 { color: var(--color-lime-500); } .text-lime-700 { color: var(--color-lime-700); } .text-lime-800 { color: var(--color-lime-800); } .text-lime-900 { color: var(--color-lime-900); } .text-orange-500 { color: var(--color-orange-500); } .text-pink-200 { color: var(--color-pink-200); } .text-pink-500 { color: var(--color-pink-500); } .text-pink-600 { color: var(--color-pink-600); } .text-pink-700 { color: var(--color-pink-700); } .text-pink-800 { color: var(--color-pink-800); } .text-pink-900 { color: var(--color-pink-900); } .text-primary-600 { color: var(--color-primary-600); } .text-purple-500 { color: var(--color-purple-500); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-800 { color: var(--color-purple-800); } .text-red-200 { color: var(--color-red-200); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-sky-500 { color: var(--color-sky-500); } .text-slate-500 { color: var(--color-slate-500); } .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-teal-500 { color: var(--color-teal-500); } .text-teal-600 { color: var(--color-teal-600); } .text-teal-700 { color: var(--color-teal-700); } .text-teal-800 { color: var(--color-teal-800); } .text-teal-900 { color: var(--color-teal-900); } .text-white { color: var(--color-white); } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .text-yellow-900 { color: var(--color-yellow-900); } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .line-through { text-decoration-line: line-through; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .placeholder-cyan-700 { &::placeholder { color: var(--color-cyan-700); } } .placeholder-green-700 { &::placeholder { color: var(--color-green-700); } } .placeholder-red-700 { &::placeholder { color: var(--color-red-700); } } .placeholder-yellow-700 { &::placeholder { color: var(--color-yellow-700); } } .opacity-0 { opacity: 0%; } .opacity-10 { opacity: 10%; } .opacity-50 { opacity: 50%; } .opacity-75 { opacity: 75%; } .opacity-90 { opacity: 90%; } .opacity-95 { opacity: 95%; } .opacity-100 { opacity: 100%; } .mix-blend-lighten { mix-blend-mode: lighten; } .shadow-xl\/20 { --tw-shadow-alpha: 20%; --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)), 0 8px 10px -6px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)); 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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-8 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[\#DC2626\] { --tw-ring-color: #DC2626; } .ring-\[\#FDE68A\] { --tw-ring-color: #FDE68A; } .ring-black { --tw-ring-color: var(--color-black); } .ring-blue-500 { --tw-ring-color: var(--color-blue-500); } .ring-cyan-400 { --tw-ring-color: var(--color-cyan-400); } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-gray-500 { --tw-ring-color: var(--color-gray-500); } .ring-gray-800 { --tw-ring-color: var(--color-gray-800); } .ring-green-300 { --tw-ring-color: var(--color-green-300); } .ring-green-500 { --tw-ring-color: var(--color-green-500); } .ring-pink-500 { --tw-ring-color: var(--color-pink-500); } .ring-purple-500 { --tw-ring-color: var(--color-purple-500); } .ring-red-500 { --tw-ring-color: var(--color-red-500); } .ring-white { --tw-ring-color: var(--color-white); } .ring-yellow-300 { --tw-ring-color: var(--color-yellow-300); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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,); } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-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,); } .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-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,background-color\,border-color\,text-decoration-color\,fill\,stroke\,box-shadow\] { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .delay-0 { transition-delay: 0ms; } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .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-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .group-first\:hidden { &:is(:where(.group):first-child *) { display: none; } } .group-hover\:bg-blue-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-blue-200); } } } .group-hover\:bg-cyan-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-cyan-200); } } } .group-hover\:bg-gray-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-200); } } } .group-hover\:bg-gray-300 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-300); } } } .group-hover\:bg-gray-500 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-500); } } } .group-hover\:bg-green-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-green-200); } } } .group-hover\:bg-indigo-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-indigo-200); } } } .group-hover\:bg-lime-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-lime-200); } } } .group-hover\:bg-pink-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-pink-200); } } } .group-hover\:bg-purple-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-purple-200); } } } .group-hover\:bg-red-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-red-200); } } } .group-hover\:bg-teal-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-teal-200); } } } .group-hover\:bg-white\/50 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } } .group-hover\:bg-yellow-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-yellow-200); } } } .group-hover\:text-gray-300 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-300); } } } .group-hover\:text-gray-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-500); } } } .group-hover\:text-gray-900 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-900); } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-focus\:ring-4 { &:is(:where(.group):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); } } .group-focus\:ring-cyan-500\/25 { &:is(:where(.group):focus *) { --tw-ring-color: color-mix(in srgb, #06B6D4 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent); } } } .group-focus\:ring-white { &:is(:where(.group):focus *) { --tw-ring-color: var(--color-white); } } .group-focus\:outline-none { &:is(:where(.group):focus *) { --tw-outline-style: none; outline-style: none; } } .group-enabled\:group-hover\:text-inherit { &:is(:where(.group):enabled *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: inherit; } } } } .peer-placeholder-shown\:top-1\/2 { &:is(:where(.peer):placeholder-shown ~ *) { top: calc(1/2 * 100%); } } .peer-placeholder-shown\:-translate-y-1\/2 { &:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-placeholder-shown\:translate-y-0 { &:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-placeholder-shown\:scale-100 { &:is(:where(.peer):placeholder-shown ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-focus\:top-2 { &:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 2); } } .peer-focus\:left-0 { &:is(:where(.peer):focus ~ *) { left: calc(var(--spacing) * 0); } } .peer-focus\:-translate-y-4 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-focus\:-translate-y-6 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-focus\:scale-75 { &:is(:where(.peer):focus ~ *) { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-focus\:px-2 { &:is(:where(.peer):focus ~ *) { padding-inline: calc(var(--spacing) * 2); } } .peer-focus\:text-blue-600 { &:is(:where(.peer):focus ~ *) { color: var(--color-blue-600); } } .before\:mt-0\.5 { &::before { content: var(--tw-content); margin-top: calc(var(--spacing) * 0.5); } } .before\:flex-1 { &::before { content: var(--tw-content); flex: 1; } } .before\:border-t { &::before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } } .before\:border-gray-300 { &::before { content: var(--tw-content); border-color: var(--color-gray-300); } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:top-0\.5 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0.5); } } .after\:top-px { &::after { content: var(--tw-content); top: 1px; } } .after\:left-1 { &::after { content: var(--tw-content); left: calc(var(--spacing) * 1); } } .after\:left-px { &::after { content: var(--tw-content); left: 1px; } } .after\:mx-2 { &::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 2); } } .after\:mx-6 { &::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 6); } } .after\:mt-0\.5 { &::after { content: var(--tw-content); margin-top: calc(var(--spacing) * 0.5); } } .after\:hidden { &::after { content: var(--tw-content); display: none; } } .after\:h-1 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } } .after\:h-4 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 4); } } .after\:h-5 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .after\:h-6 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 6); } } .after\:w-4 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 4); } } .after\:w-5 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .after\:w-6 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 6); } } .after\:w-full { &::after { content: var(--tw-content); width: 100%; } } .after\:flex-1 { &::after { content: var(--tw-content); flex: 1; } } .after\:translate-x-5 { &::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:translate-x-full { &::after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:border-1 { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } } .after\:border-t { &::after { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } } .after\:border-b { &::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .after\:border-gray-300 { &::after { content: var(--tw-content); border-color: var(--color-gray-300); } } .after\:border-gray-400 { &::after { content: var(--tw-content); border-color: var(--color-gray-400); } } .after\:border-white { &::after { content: var(--tw-content); border-color: var(--color-white); } } .after\:bg-white { &::after { content: var(--tw-content); background-color: var(--color-white); } } .after\:text-gray-200 { &::after { content: var(--tw-content); color: var(--color-gray-200); } } .after\:transition-all { &::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:content-\[\'\'\] { &::after { --tw-content: ''; content: var(--tw-content); } } .after\:content-\[\'\/\'\] { &::after { --tw-content: '/'; content: var(--tw-content); } } .first\:mt-0 { &:first-child { margin-top: calc(var(--spacing) * 0); } } .first\:ml-0 { &:first-child { margin-left: calc(var(--spacing) * 0); } } .first\:rounded-t-lg { &:first-child { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } } .first\:border-t-0 { &:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .first\:pt-0 { &:first-child { padding-top: calc(var(--spacing) * 0); } } .group-first\/head\:first\:rounded-tl-lg { &:is(:where(.group\/head):first-child *) { &:first-child { border-top-left-radius: var(--radius-lg); } } } .group-first\/body\:group-first\/row\:first\:rounded-tl-lg { &:is(:where(.group\/body):first-child *) { &:is(:where(.group\/row):first-child *) { &:first-child { border-top-left-radius: var(--radius-lg); } } } } .group-last\/body\:group-last\/row\:first\:rounded-bl-lg { &:is(:where(.group\/body):last-child *) { &:is(:where(.group\/row):last-child *) { &:first-child { border-bottom-left-radius: var(--radius-lg); } } } } .last\:mr-0 { &:last-child { margin-right: calc(var(--spacing) * 0); } } .last\:rounded-b-lg { &:last-child { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .group-first\/head\:last\:rounded-tr-lg { &:is(:where(.group\/head):first-child *) { &:last-child { border-top-right-radius: var(--radius-lg); } } } .group-first\/body\:group-first\/row\:last\:rounded-tr-lg { &:is(:where(.group\/body):first-child *) { &:is(:where(.group\/row):first-child *) { &:last-child { border-top-right-radius: var(--radius-lg); } } } } .group-last\/body\:group-last\/row\:last\:rounded-br-lg { &:is(:where(.group\/body):last-child *) { &:is(:where(.group\/row):last-child *) { &:last-child { border-bottom-right-radius: var(--radius-lg); } } } } .odd\:bg-white { &:nth-child(odd) { background-color: var(--color-white); } } .even\:bg-gray-50 { &:nth-child(even) { background-color: var(--color-gray-50); } } .visited\:text-purple-600 { &:visited { color: var(--color-purple-600); } } .focus-within\:border-blue-500 { &:focus-within { border-color: var(--color-blue-500); } } .focus-within\:ring-blue-500 { &:focus-within { --tw-ring-color: var(--color-blue-500); } } .hover\:scale-\[1\.02\] { &:hover { @media (hover: hover) { scale: 1.02; } } } .hover\:cursor-not-allowed { &:hover { @media (hover: hover) { cursor: not-allowed; } } } .hover\:cursor-pointer { &:hover { @media (hover: hover) { cursor: pointer; } } } .hover\:border-x-2 { &:hover { @media (hover: hover) { border-inline-style: var(--tw-border-style); border-inline-width: 2px; } } } .hover\:border-gray-300 { &:hover { @media (hover: hover) { border-color: var(--color-gray-300); } } } .hover\:\!bg-primary-800 { &:hover { @media (hover: hover) { background-color: var(--color-primary-800) !important; } } } .hover\:bg-\[\#FDE68A\] { &:hover { @media (hover: hover) { background-color: #FDE68A; } } } .hover\:bg-amber-50 { &:hover { @media (hover: hover) { background-color: var(--color-amber-50); } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-200 { &:hover { @media (hover: hover) { background-color: var(--color-blue-200); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-blue-800 { &:hover { @media (hover: hover) { background-color: var(--color-blue-800); } } } .hover\:bg-brand-accent\/20\! { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #074e6c 20%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-accent) 20%, transparent) !important; } } } } .hover\:bg-brand-danger\/20\! { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #E90307 20%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-danger) 20%, transparent) !important; } } } } .hover\:bg-brand-gray-light\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #D9D9D9 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-light) 30%, transparent); } } } } .hover\:bg-brand-gray-light\/70\! { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #D9D9D9 70%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-light) 70%, transparent) !important; } } } } .hover\:bg-brand-primary\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #092A31 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent); } } } } .hover\:bg-brand-primary\/20\! { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #092A31 20%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent) !important; } } } } .hover\:bg-brand-primary\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #092A31 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-primary) 90%, transparent); } } } } .hover\:bg-brand-secondary\/20\! { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #438FFF 20%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-secondary) 20%, transparent) !important; } } } } .hover\:bg-brand-success\/20\! { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #22C55E 20%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-success) 20%, transparent) !important; } } } } .hover\:bg-brand-warning\/20\! { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #FF8001 20%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-warning) 20%, transparent) !important; } } } } .hover\:bg-cyan-100 { &:hover { @media (hover: hover) { background-color: var(--color-cyan-100); } } } .hover\:bg-cyan-200 { &:hover { @media (hover: hover) { background-color: var(--color-cyan-200); } } } .hover\:bg-cyan-600 { &:hover { @media (hover: hover) { background-color: var(--color-cyan-600); } } } .hover\:bg-cyan-800 { &:hover { @media (hover: hover) { background-color: var(--color-cyan-800); } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-gray-300 { &:hover { @media (hover: hover) { background-color: var(--color-gray-300); } } } .hover\:bg-gray-400 { &:hover { @media (hover: hover) { background-color: var(--color-gray-400); } } } .hover\:bg-gray-500 { &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } } .hover\:bg-gray-600 { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } .hover\:bg-green-50 { &:hover { @media (hover: hover) { background-color: var(--color-green-50); } } } .hover\:bg-green-100 { &:hover { @media (hover: hover) { background-color: var(--color-green-100); } } } .hover\:bg-green-200 { &:hover { @media (hover: hover) { background-color: var(--color-green-200); } } } .hover\:bg-green-400 { &:hover { @media (hover: hover) { background-color: var(--color-green-400); } } } .hover\:bg-green-600 { &:hover { @media (hover: hover) { background-color: var(--color-green-600); } } } .hover\:bg-green-800 { &:hover { @media (hover: hover) { background-color: var(--color-green-800); } } } .hover\:bg-indigo-100 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-100); } } } .hover\:bg-indigo-200 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-200); } } } .hover\:bg-indigo-800 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-800); } } } .hover\:bg-lime-100 { &:hover { @media (hover: hover) { background-color: var(--color-lime-100); } } } .hover\:bg-lime-200 { &:hover { @media (hover: hover) { background-color: var(--color-lime-200); } } } .hover\:bg-lime-300 { &:hover { @media (hover: hover) { background-color: var(--color-lime-300); } } } .hover\:bg-pink-100 { &:hover { @media (hover: hover) { background-color: var(--color-pink-100); } } } .hover\:bg-pink-200 { &:hover { @media (hover: hover) { background-color: var(--color-pink-200); } } } .hover\:bg-pink-800 { &:hover { @media (hover: hover) { background-color: var(--color-pink-800); } } } .hover\:bg-purple-100 { &:hover { @media (hover: hover) { background-color: var(--color-purple-100); } } } .hover\:bg-purple-200 { &:hover { @media (hover: hover) { background-color: var(--color-purple-200); } } } .hover\:bg-purple-800 { &:hover { @media (hover: hover) { background-color: var(--color-purple-800); } } } .hover\:bg-red-50 { &:hover { @media (hover: hover) { background-color: var(--color-red-50); } } } .hover\:bg-red-100 { &:hover { @media (hover: hover) { background-color: var(--color-red-100); } } } .hover\:bg-red-200 { &:hover { @media (hover: hover) { background-color: var(--color-red-200); } } } .hover\:bg-red-400 { &:hover { @media (hover: hover) { background-color: var(--color-red-400); } } } .hover\:bg-red-600 { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-red-800 { &:hover { @media (hover: hover) { background-color: var(--color-red-800); } } } .hover\:bg-slate-100 { &:hover { @media (hover: hover) { background-color: var(--color-slate-100); } } } .hover\:bg-slate-600 { &:hover { @media (hover: hover) { background-color: var(--color-slate-600); } } } .hover\:bg-slate-900 { &:hover { @media (hover: hover) { background-color: var(--color-slate-900); } } } .hover\:bg-teal-100 { &:hover { @media (hover: hover) { background-color: var(--color-teal-100); } } } .hover\:bg-teal-200 { &:hover { @media (hover: hover) { background-color: var(--color-teal-200); } } } .hover\:bg-teal-800 { &:hover { @media (hover: hover) { background-color: var(--color-teal-800); } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-yellow-50 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-50); } } } .hover\:bg-yellow-200 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-200); } } } .hover\:bg-gradient-to-bl { &:hover { @media (hover: hover) { --tw-gradient-position: to bottom left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:bg-gradient-to-br { &:hover { @media (hover: hover) { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:bg-gradient-to-l { &:hover { @media (hover: hover) { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:from-teal-200 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-lime-200 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:text-\[\#2B4C7E\] { &:hover { @media (hover: hover) { color: #2B4C7E; } } } .hover\:text-black { &:hover { @media (hover: hover) { color: var(--color-black); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-blue-800 { &:hover { @media (hover: hover) { color: var(--color-blue-800); } } } .hover\:text-blue-900 { &:hover { @media (hover: hover) { color: var(--color-blue-900); } } } .hover\:text-brand-secondary { &:hover { @media (hover: hover) { color: var(--color-brand-secondary); } } } .hover\:text-cyan-700 { &:hover { @media (hover: hover) { color: var(--color-cyan-700); } } } .hover\:text-cyan-900 { &:hover { @media (hover: hover) { color: var(--color-cyan-900); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-700 { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-green-900 { &:hover { @media (hover: hover) { color: var(--color-green-900); } } } .hover\:text-indigo-900 { &:hover { @media (hover: hover) { color: var(--color-indigo-900); } } } .hover\:text-lime-900 { &:hover { @media (hover: hover) { color: var(--color-lime-900); } } } .hover\:text-pink-900 { &:hover { @media (hover: hover) { color: var(--color-pink-900); } } } .hover\:text-purple-900 { &:hover { @media (hover: hover) { color: var(--color-purple-900); } } } .hover\:text-red-700 { &:hover { @media (hover: hover) { color: var(--color-red-700); } } } .hover\:text-red-900 { &:hover { @media (hover: hover) { color: var(--color-red-900); } } } .hover\:text-slate-50 { &:hover { @media (hover: hover) { color: var(--color-slate-50); } } } .hover\:text-teal-900 { &:hover { @media (hover: hover) { color: var(--color-teal-900); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-lg { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-md { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .focus\:z-10 { &:focus { z-index: 10; } } .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); } } .focus\:border-blue-600 { &:focus { border-color: var(--color-blue-600); } } .focus\:border-brand-primary { &:focus { border-color: var(--color-brand-primary); } } .focus\:border-cyan-500 { &:focus { border-color: var(--color-cyan-500); } } .focus\:border-green-500 { &:focus { border-color: var(--color-green-500); } } .focus\:border-green-600 { &:focus { border-color: var(--color-green-600); } } .focus\:border-indigo-500 { &:focus { border-color: var(--color-indigo-500); } } .focus\:border-primary-500 { &:focus { border-color: var(--color-primary-500); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:border-red-600 { &:focus { border-color: var(--color-red-600); } } .focus\:border-transparent { &:focus { border-color: transparent; } } .focus\:border-yellow-500 { &:focus { border-color: var(--color-yellow-500); } } .focus\:bg-gray-100 { &:focus { background-color: var(--color-gray-100); } } .focus\:bg-white { &:focus { background-color: var(--color-white); } } .focus\:text-blue-700 { &:focus { color: var(--color-blue-700); } } .focus\:text-cyan-700 { &:focus { color: var(--color-cyan-700); } } .focus\:text-gray-700 { &:focus { color: var(--color-gray-700); } } .focus\:text-gray-900 { &:focus { color: var(--color-gray-900); } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-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-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-primary-300 { &:focus { --tw-ring-color: var(--color-primary-300) !important; } } .focus\:ring-\[\#fde68a\]\/30 { &:focus { --tw-ring-color: color-mix(in oklab, #fde68a 30%, transparent); } } .focus\:ring-blue-300 { &:focus { --tw-ring-color: var(--color-blue-300); } } .focus\:ring-blue-400 { &:focus { --tw-ring-color: var(--color-blue-400); } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-blue-600 { &:focus { --tw-ring-color: var(--color-blue-600); } } .focus\:ring-blue-700 { &:focus { --tw-ring-color: var(--color-blue-700); } } .focus\:ring-brand-accent\/50 { &:focus { --tw-ring-color: color-mix(in srgb, #074e6c 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-accent) 50%, transparent); } } } .focus\:ring-brand-danger\/50 { &:focus { --tw-ring-color: color-mix(in srgb, #E90307 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-danger) 50%, transparent); } } } .focus\:ring-brand-gray-dark\/50 { &:focus { --tw-ring-color: color-mix(in srgb, #585858 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-gray-dark) 50%, transparent); } } } .focus\:ring-brand-gray-light\/50 { &:focus { --tw-ring-color: color-mix(in srgb, #D9D9D9 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-gray-light) 50%, transparent); } } } .focus\:ring-brand-gray-light\/80 { &:focus { --tw-ring-color: color-mix(in srgb, #D9D9D9 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-gray-light) 80%, transparent); } } } .focus\:ring-brand-primary { &:focus { --tw-ring-color: var(--color-brand-primary); } } .focus\:ring-brand-primary\/90 { &:focus { --tw-ring-color: color-mix(in srgb, #092A31 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-primary) 90%, transparent); } } } .focus\:ring-brand-secondary\/90 { &:focus { --tw-ring-color: color-mix(in srgb, #438FFF 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-secondary) 90%, transparent); } } } .focus\:ring-brand-success\/50 { &:focus { --tw-ring-color: color-mix(in srgb, #22C55E 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-success) 50%, transparent); } } } .focus\:ring-brand-warning\/50 { &:focus { --tw-ring-color: color-mix(in srgb, #FF8001 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-warning) 50%, transparent); } } } .focus\:ring-cyan-300 { &:focus { --tw-ring-color: var(--color-cyan-300); } } .focus\:ring-cyan-400 { &:focus { --tw-ring-color: var(--color-cyan-400); } } .focus\:ring-cyan-500 { &:focus { --tw-ring-color: var(--color-cyan-500); } } .focus\:ring-cyan-600 { &:focus { --tw-ring-color: var(--color-cyan-600); } } .focus\:ring-cyan-700 { &:focus { --tw-ring-color: var(--color-cyan-700); } } .focus\:ring-cyan-800 { &:focus { --tw-ring-color: var(--color-cyan-800); } } .focus\:ring-gray-200 { &:focus { --tw-ring-color: var(--color-gray-200); } } .focus\:ring-gray-300 { &:focus { --tw-ring-color: var(--color-gray-300); } } .focus\:ring-gray-400 { &:focus { --tw-ring-color: var(--color-gray-400); } } .focus\:ring-gray-500 { &:focus { --tw-ring-color: var(--color-gray-500); } } .focus\:ring-gray-800 { &:focus { --tw-ring-color: var(--color-gray-800); } } .focus\:ring-gray-900 { &:focus { --tw-ring-color: var(--color-gray-900); } } .focus\:ring-green-200 { &:focus { --tw-ring-color: var(--color-green-200); } } .focus\:ring-green-300 { &:focus { --tw-ring-color: var(--color-green-300); } } .focus\:ring-green-400 { &:focus { --tw-ring-color: var(--color-green-400); } } .focus\:ring-green-500 { &:focus { --tw-ring-color: var(--color-green-500); } } .focus\:ring-green-600 { &:focus { --tw-ring-color: var(--color-green-600); } } .focus\:ring-green-800 { &:focus { --tw-ring-color: var(--color-green-800); } } .focus\:ring-indigo-300 { &:focus { --tw-ring-color: var(--color-indigo-300); } } .focus\:ring-indigo-400 { &:focus { --tw-ring-color: var(--color-indigo-400); } } .focus\:ring-indigo-500 { &:focus { --tw-ring-color: var(--color-indigo-500); } } .focus\:ring-indigo-700 { &:focus { --tw-ring-color: var(--color-indigo-700); } } .focus\:ring-lime-200 { &:focus { --tw-ring-color: var(--color-lime-200); } } .focus\:ring-lime-300 { &:focus { --tw-ring-color: var(--color-lime-300); } } .focus\:ring-lime-400 { &:focus { --tw-ring-color: var(--color-lime-400); } } .focus\:ring-lime-700 { &:focus { --tw-ring-color: var(--color-lime-700); } } .focus\:ring-pink-200 { &:focus { --tw-ring-color: var(--color-pink-200); } } .focus\:ring-pink-300 { &:focus { --tw-ring-color: var(--color-pink-300); } } .focus\:ring-pink-400 { &:focus { --tw-ring-color: var(--color-pink-400); } } .focus\:ring-pink-600 { &:focus { --tw-ring-color: var(--color-pink-600); } } .focus\:ring-primary-500 { &:focus { --tw-ring-color: var(--color-primary-500); } } .focus\:ring-purple-200 { &:focus { --tw-ring-color: var(--color-purple-200); } } .focus\:ring-purple-300 { &:focus { --tw-ring-color: var(--color-purple-300); } } .focus\:ring-purple-400 { &:focus { --tw-ring-color: var(--color-purple-400); } } .focus\:ring-purple-600 { &:focus { --tw-ring-color: var(--color-purple-600); } } .focus\:ring-red-100 { &:focus { --tw-ring-color: var(--color-red-100); } } .focus\:ring-red-300 { &:focus { --tw-ring-color: var(--color-red-300); } } .focus\:ring-red-400 { &:focus { --tw-ring-color: var(--color-red-400); } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:ring-red-600 { &:focus { --tw-ring-color: var(--color-red-600); } } .focus\:ring-red-900 { &:focus { --tw-ring-color: var(--color-red-900); } } .focus\:ring-teal-300 { &:focus { --tw-ring-color: var(--color-teal-300); } } .focus\:ring-teal-400 { &:focus { --tw-ring-color: var(--color-teal-400); } } .focus\:ring-teal-600 { &:focus { --tw-ring-color: var(--color-teal-600); } } .focus\:ring-white { &:focus { --tw-ring-color: var(--color-white); } } .focus\:ring-yellow-300 { &:focus { --tw-ring-color: var(--color-yellow-300); } } .focus\:ring-yellow-400 { &:focus { --tw-ring-color: var(--color-yellow-400); } } .focus\:ring-yellow-500 { &:focus { --tw-ring-color: var(--color-yellow-500); } } .focus\:ring-offset-2 { &:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus\:ring-inset { &:focus { --tw-ring-inset: inset; } } .active\:bg-slate-400 { &:active { background-color: var(--color-slate-400); } } .enabled\:hover\:bg-\[\#fde68a\]\/80 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #fde68a 80%, transparent); } } } } .enabled\:hover\:bg-blue-800 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-blue-800); } } } } .enabled\:hover\:bg-brand-accent\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #074e6c 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-accent) 90%, transparent); } } } } } .enabled\:hover\:bg-brand-danger\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #E90307 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-danger) 90%, transparent); } } } } } .enabled\:hover\:bg-brand-gray-dark\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #585858 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-dark) 90%, transparent); } } } } } .enabled\:hover\:bg-brand-gray-light\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #D9D9D9 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-light) 90%, transparent); } } } } } .enabled\:hover\:bg-brand-primary\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #092A31 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-primary) 90%, transparent); } } } } } .enabled\:hover\:bg-brand-secondary\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #438FFF 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-secondary) 90%, transparent); } } } } } .enabled\:hover\:bg-brand-success\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #22C55E 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-success) 90%, transparent); } } } } } .enabled\:hover\:bg-brand-warning\/90 { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #FF8001 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-warning) 90%, transparent); } } } } } .enabled\:hover\:bg-cyan-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-cyan-100); } } } } .enabled\:hover\:bg-cyan-800 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-cyan-800); } } } } .enabled\:hover\:bg-gray-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } } .enabled\:hover\:bg-gray-900 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } } .enabled\:hover\:bg-green-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-green-100); } } } } .enabled\:hover\:bg-green-800 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-green-800); } } } } .enabled\:hover\:bg-indigo-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-indigo-100); } } } } .enabled\:hover\:bg-lime-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-lime-100); } } } } .enabled\:hover\:bg-pink-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-pink-100); } } } } .enabled\:hover\:bg-purple-800 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-purple-800); } } } } .enabled\:hover\:bg-red-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-red-100); } } } } .enabled\:hover\:bg-red-800 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-red-800); } } } } .enabled\:hover\:bg-teal-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-teal-100); } } } } .enabled\:hover\:bg-yellow-100 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-yellow-100); } } } } .enabled\:hover\:bg-yellow-500 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-yellow-500); } } } } .enabled\:hover\:bg-gradient-to-bl { &:enabled { &:hover { @media (hover: hover) { --tw-gradient-position: to bottom left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } } .enabled\:hover\:bg-gradient-to-br { &:enabled { &:hover { @media (hover: hover) { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } } .enabled\:hover\:bg-gradient-to-l { &:enabled { &:hover { @media (hover: hover) { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } } .enabled\:hover\:from-teal-200 { &:enabled { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-teal-200); --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)); } } } } .enabled\:hover\:to-lime-200 { &:enabled { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-lime-200); --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)); } } } } .enabled\:hover\:text-brand-accent\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #074e6c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-accent) 60%, transparent); } } } } } .enabled\:hover\:text-brand-danger\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #E90307 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-danger) 60%, transparent); } } } } } .enabled\:hover\:text-brand-gray-dark\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #585858 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-gray-dark) 60%, transparent); } } } } } .enabled\:hover\:text-brand-gray-light\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #D9D9D9 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-gray-light) 60%, transparent); } } } } } .enabled\:hover\:text-brand-primary\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #092A31 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-primary) 60%, transparent); } } } } } .enabled\:hover\:text-brand-secondary\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #438FFF 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-secondary) 60%, transparent); } } } } } .enabled\:hover\:text-brand-success\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #22C55E 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-success) 60%, transparent); } } } } } .enabled\:hover\:text-brand-warning\/60 { &:enabled { &:hover { @media (hover: hover) { color: color-mix(in srgb, #FF8001 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-warning) 60%, transparent); } } } } } .enabled\:hover\:text-cyan-700 { &:enabled { &:hover { @media (hover: hover) { color: var(--color-cyan-700); } } } } .enabled\:hover\:text-gray-700 { &:enabled { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } } .enabled\:hover\:text-gray-900 { &:enabled { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-brand-accent\/80 { &:disabled { background-color: color-mix(in srgb, #074e6c 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-accent) 80%, transparent); } } } .disabled\:bg-brand-danger\/80 { &:disabled { background-color: color-mix(in srgb, #E90307 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-danger) 80%, transparent); } } } .disabled\:bg-brand-gray-dark\/80 { &:disabled { background-color: color-mix(in srgb, #585858 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-dark) 80%, transparent); } } } .disabled\:bg-brand-gray-light\/80 { &:disabled { background-color: color-mix(in srgb, #D9D9D9 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-gray-light) 80%, transparent); } } } .disabled\:bg-brand-primary\/50 { &:disabled { background-color: color-mix(in srgb, #092A31 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-primary) 50%, transparent); } } } .disabled\:bg-brand-secondary\/80 { &:disabled { background-color: color-mix(in srgb, #438FFF 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-secondary) 80%, transparent); } } } .disabled\:bg-brand-success\/80 { &:disabled { background-color: color-mix(in srgb, #22C55E 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-success) 80%, transparent); } } } .disabled\:bg-brand-warning\/80 { &:disabled { background-color: color-mix(in srgb, #FF8001 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-warning) 80%, transparent); } } } .disabled\:text-gray-400 { &:disabled { color: var(--color-gray-400); } } .disabled\:opacity-25 { &:disabled { opacity: 25%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:hover\:bg-blue-700 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } } .disabled\:hover\:bg-green-700 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } } .disabled\:hover\:bg-indigo-700 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-indigo-700); } } } } .disabled\:hover\:bg-lime-200 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-lime-200); } } } } .disabled\:hover\:bg-pink-700 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-pink-700); } } } } .disabled\:hover\:bg-purple-700 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-purple-700); } } } } .disabled\:hover\:bg-red-700 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } } .disabled\:hover\:bg-teal-700 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-teal-700); } } } } .disabled\:hover\:bg-white { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } } .sm\:-mx-6 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * -6); } } .sm\:mx-10 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 10); } } .sm\:mx-auto { @media (width >= 40rem) { margin-inline: auto; } } .sm\:my-8 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 8); } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:mb-0 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 0); } } .sm\:ml-2 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 2); } } .sm\:ml-16 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 16); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:grid { @media (width >= 40rem) { display: grid; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline-block { @media (width >= 40rem) { display: inline-block; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:h-4 { @media (width >= 40rem) { height: calc(var(--spacing) * 4); } } .sm\:h-6 { @media (width >= 40rem) { height: calc(var(--spacing) * 6); } } .sm\:h-7 { @media (width >= 40rem) { height: calc(var(--spacing) * 7); } } .sm\:h-10 { @media (width >= 40rem) { height: calc(var(--spacing) * 10); } } .sm\:h-screen { @media (width >= 40rem) { height: 100vh; } } .sm\:w-4 { @media (width >= 40rem) { width: calc(var(--spacing) * 4); } } .sm\:w-6 { @media (width >= 40rem) { width: calc(var(--spacing) * 6); } } .sm\:w-10 { @media (width >= 40rem) { width: calc(var(--spacing) * 10); } } .sm\:w-10\/10 { @media (width >= 40rem) { width: calc(10/10 * 100%); } } .sm\:w-48 { @media (width >= 40rem) { width: calc(var(--spacing) * 48); } } .sm\:w-\[190px\] { @media (width >= 40rem) { width: 190px; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:flex-1 { @media (width >= 40rem) { flex: 1; } } .sm\:flex-auto { @media (width >= 40rem) { flex: auto; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-5 { @media (width >= 40rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .sm\:flex-row-reverse { @media (width >= 40rem) { flex-direction: row-reverse; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:gap-4 { @media (width >= 40rem) { gap: calc(var(--spacing) * 4); } } .sm\:space-y-0 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .sm\:space-x-4 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:rounded-lg { @media (width >= 40rem) { border-radius: var(--radius-lg); } } .sm\:border-gray-300 { @media (width >= 40rem) { border-color: var(--color-gray-300); } } .sm\:p-0 { @media (width >= 40rem) { padding: calc(var(--spacing) * 0); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-5 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:pr-6 { @media (width >= 40rem) { padding-right: calc(var(--spacing) * 6); } } .sm\:pr-8 { @media (width >= 40rem) { padding-right: calc(var(--spacing) * 8); } } .sm\:pb-4 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 4); } } .sm\:pl-2 { @media (width >= 40rem) { padding-left: calc(var(--spacing) * 2); } } .sm\:pl-6 { @media (width >= 40rem) { padding-left: calc(var(--spacing) * 6); } } .sm\:pl-10 { @media (width >= 40rem) { padding-left: calc(var(--spacing) * 10); } } .sm\:text-center { @media (width >= 40rem) { text-align: center; } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:align-middle { @media (width >= 40rem) { vertical-align: middle; } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .sm\:text-xs { @media (width >= 40rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .sm\:after\:hidden { @media (width >= 40rem) { &::after { content: var(--tw-content); display: none; } } } .sm\:after\:inline-block { @media (width >= 40rem) { &::after { content: var(--tw-content); display: inline-block; } } } .sm\:after\:content-\[\'\'\] { @media (width >= 40rem) { &::after { --tw-content: ''; content: var(--tw-content); } } } .md\:inset-0 { @media (width >= 48rem) { inset: calc(var(--spacing) * 0); } } .md\:right-5 { @media (width >= 48rem) { right: calc(var(--spacing) * 5); } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:col-span-4 { @media (width >= 48rem) { grid-column: span 4 / span 4; } } .md\:col-span-6 { @media (width >= 48rem) { grid-column: span 6 / span 6; } } .md\:mx-0 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 0); } } .md\:mx-2 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 2); } } .md\:my-6 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 6); } } .md\:my-10 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 10); } } .md\:my-12 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 12); } } .md\:mt-0 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 0); } } .md\:mr-6 { @media (width >= 48rem) { margin-right: calc(var(--spacing) * 6); } } .md\:ml-8 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * 8); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline { @media (width >= 48rem) { display: inline; } } .md\:h-auto { @media (width >= 48rem) { height: auto; } } .md\:h-full { @media (width >= 48rem) { height: 100%; } } .md\:w-1\/2 { @media (width >= 48rem) { width: calc(1/2 * 100%); } } .md\:w-48 { @media (width >= 48rem) { width: calc(var(--spacing) * 48); } } .md\:w-\[80vw\] { @media (width >= 48rem) { width: 80vw; } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:max-w-\[1024px\] { @media (width >= 48rem) { max-width: 1024px; } } .md\:max-w-xl { @media (width >= 48rem) { max-width: var(--container-xl); } } .md\:flex-1 { @media (width >= 48rem) { flex: 1; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:content-center { @media (width >= 48rem) { align-content: center; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:justify-start { @media (width >= 48rem) { justify-content: flex-start; } } .md\:gap-4 { @media (width >= 48rem) { gap: calc(var(--spacing) * 4); } } .md\:space-x-8 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-10 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:rounded-2xl { @media (width >= 48rem) { border-radius: var(--radius-2xl); } } .md\:rounded-lg { @media (width >= 48rem) { border-radius: var(--radius-lg); } } .md\:rounded-none { @media (width >= 48rem) { border-radius: 0; } } .md\:rounded-l-lg { @media (width >= 48rem) { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } } .md\:border-0 { @media (width >= 48rem) { border-style: var(--tw-border-style); border-width: 0px; } } .md\:border-2 { @media (width >= 48rem) { border-style: var(--tw-border-style); border-width: 2px; } } .md\:border-r-2 { @media (width >= 48rem) { border-right-style: var(--tw-border-style); border-right-width: 2px; } } .md\:bg-transparent { @media (width >= 48rem) { background-color: transparent; } } .md\:p-0 { @media (width >= 48rem) { padding: calc(var(--spacing) * 0); } } .md\:p-4 { @media (width >= 48rem) { padding: calc(var(--spacing) * 4); } } .md\:p-6 { @media (width >= 48rem) { padding: calc(var(--spacing) * 6); } } .md\:p-12 { @media (width >= 48rem) { padding: calc(var(--spacing) * 12); } } .md\:p-\[16px\] { @media (width >= 48rem) { padding: 16px; } } .md\:px-2 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 2); } } .md\:px-4 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 4); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:py-4 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 4); } } .md\:pt-2\.5 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 2.5); } } .md\:pr-2 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 2); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-base { @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:font-medium { @media (width >= 48rem) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .md\:text-cyan-700 { @media (width >= 48rem) { color: var(--color-cyan-700); } } .md\:hover\:bg-transparent { @media (width >= 48rem) { &:hover { @media (hover: hover) { background-color: transparent; } } } } .md\:hover\:text-cyan-700 { @media (width >= 48rem) { &:hover { @media (hover: hover) { color: var(--color-cyan-700); } } } } .md\:hover\:ring-2 { @media (width >= 48rem) { &:hover { @media (hover: hover) { --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); } } } } .lg\:col-span-3 { @media (width >= 64rem) { grid-column: span 3 / span 3; } } .lg\:-mx-8 { @media (width >= 64rem) { margin-inline: calc(var(--spacing) * -8); } } .lg\:my-8 { @media (width >= 64rem) { margin-block: calc(var(--spacing) * 8); } } .lg\:grid { @media (width >= 64rem) { display: grid; } } .lg\:h-\[70px\] { @media (width >= 64rem) { height: 70px; } } .lg\:h-screen { @media (width >= 64rem) { height: 100vh; } } .lg\:w-0 { @media (width >= 64rem) { width: calc(var(--spacing) * 0); } } .lg\:w-sm { @media (width >= 64rem) { width: var(--container-sm); } } .lg\:max-w-\[800px\] { @media (width >= 64rem) { max-width: 800px; } } .lg\:flex-1 { @media (width >= 64rem) { flex: 1; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 64rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:gap-4 { @media (width >= 64rem) { gap: calc(var(--spacing) * 4); } } .lg\:space-y-6 { @media (width >= 64rem) { :where(& > :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))); } } } .lg\:gap-y-12 { @media (width >= 64rem) { row-gap: calc(var(--spacing) * 12); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .xl\:col-span-2 { @media (width >= 80rem) { grid-column: span 2 / span 2; } } .xl\:col-span-4 { @media (width >= 80rem) { grid-column: span 4 / span 4; } } .xl\:ml-5 { @media (width >= 80rem) { margin-left: calc(var(--spacing) * 5); } } .xl\:block { @media (width >= 80rem) { display: block; } } .xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-5 { @media (width >= 80rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .xl\:flex-row { @media (width >= 80rem) { flex-direction: row; } } .xl\:justify-between { @media (width >= 80rem) { justify-content: space-between; } } .xl\:p-0 { @media (width >= 80rem) { padding: calc(var(--spacing) * 0); } } .xl\:px-5 { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 5); } } .xl\:pr-5 { @media (width >= 80rem) { padding-right: calc(var(--spacing) * 5); } } .xl\:text-5xl { @media (width >= 80rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .xl\:text-base { @media (width >= 80rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .xl\:after\:mx-5 { @media (width >= 80rem) { &::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 5); } } } .\32 xl\:col-span-2 { @media (width >= 96rem) { grid-column: span 2 / span 2; } } .\32 xl\:col-span-3 { @media (width >= 96rem) { grid-column: span 3 / span 3; } } .\32 xl\:col-span-7 { @media (width >= 96rem) { grid-column: span 7 / span 7; } } .\32 xl\:grid-cols-3 { @media (width >= 96rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .\32 xl\:grid-cols-4 { @media (width >= 96rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .\32 xl\:text-lg { @media (width >= 96rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } .rtl\:space-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } .rtl\:after\:right-1 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &::after { content: var(--tw-content); right: calc(var(--spacing) * 1); } } } .rtl\:after\:right-px { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &::after { content: var(--tw-content); right: 1px; } } } .rtl\:after\:-translate-x-full { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &::after { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .dark\:block { @media (prefers-color-scheme: dark) { display: block; } } .dark\:hidden { @media (prefers-color-scheme: dark) { display: none; } } .dark\:divide-gray-700 { @media (prefers-color-scheme: dark) { :where(& > :not(:last-child)) { border-color: var(--color-gray-700); } } } .dark\:border-none { @media (prefers-color-scheme: dark) { --tw-border-style: none; border-style: none; } } .dark\:border-\[\#fde68a\] { @media (prefers-color-scheme: dark) { border-color: #fde68a; } } .dark\:border-blue-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-400); } } .dark\:border-blue-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-500); } } .dark\:border-blue-700 { @media (prefers-color-scheme: dark) { border-color: var(--color-blue-700); } } .dark\:border-cyan-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-cyan-400); } } .dark\:border-cyan-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-cyan-500); } } .dark\:border-cyan-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-cyan-600); } } .dark\:border-gray-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-400); } } .dark\:border-gray-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-500); } } .dark\:border-gray-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-600); } } .dark\:border-gray-700 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-700); } } .dark\:border-gray-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-800); } } .dark\:border-gray-900 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-900); } } .dark\:border-green-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-green-400); } } .dark\:border-green-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-green-500); } } .dark\:border-green-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-green-600); } } .dark\:border-indigo-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-indigo-400); } } .dark\:border-indigo-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-indigo-600); } } .dark\:border-lime-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-lime-400); } } .dark\:border-lime-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-lime-600); } } .dark\:border-pink-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-pink-400); } } .dark\:border-pink-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-pink-600); } } .dark\:border-purple-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-purple-400); } } .dark\:border-red-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-400); } } .dark\:border-red-500 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-500); } } .dark\:border-red-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-600); } } .dark\:border-teal-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-teal-400); } } .dark\:border-teal-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-teal-600); } } .dark\:border-transparent { @media (prefers-color-scheme: dark) { border-color: transparent; } } .dark\:border-white { @media (prefers-color-scheme: dark) { border-color: var(--color-white); } } .dark\:border-yellow-400 { @media (prefers-color-scheme: dark) { border-color: var(--color-yellow-400); } } .dark\:border-yellow-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-yellow-600); } } .dark\:\!bg-gray-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-700) !important; } } .dark\:\!bg-primary-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-primary-600) !important; } } .dark\:\!bg-primary-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-primary-700) !important; } } .dark\:bg-\[\#fde68a\] { @media (prefers-color-scheme: dark) { background-color: #fde68a; } } .dark\:bg-black { @media (prefers-color-scheme: dark) { background-color: var(--color-black); } } .dark\:bg-blue-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-200); } } .dark\:bg-blue-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-600); } } .dark\:bg-blue-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-blue-700); } } .dark\:bg-cyan-100 { @media (prefers-color-scheme: dark) { background-color: var(--color-cyan-100); } } .dark\:bg-cyan-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-cyan-200); } } .dark\:bg-cyan-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-cyan-600); } } .dark\:bg-cyan-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-cyan-900); } } .dark\:bg-gray-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-200); } } .dark\:bg-gray-300 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-300); } } .dark\:bg-gray-400 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-400); } } .dark\:bg-gray-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-500); } } .dark\:bg-gray-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-600); } } .dark\:bg-gray-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-700); } } .dark\:bg-gray-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-800); } } .dark\:bg-gray-800\/30 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, #1F2937 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } } .dark\:bg-gray-800\/50 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, #1F2937 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } } .dark\:bg-gray-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-900); } } .dark\:bg-gray-900\/80 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, #111827 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } } .dark\:bg-green-100 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-100); } } .dark\:bg-green-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-200); } } .dark\:bg-green-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-500); } } .dark\:bg-green-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-600); } } .dark\:bg-green-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-green-900); } } .dark\:bg-indigo-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-indigo-200); } } .dark\:bg-indigo-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-indigo-500); } } .dark\:bg-indigo-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-indigo-600); } } .dark\:bg-lime-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-lime-200); } } .dark\:bg-lime-400 { @media (prefers-color-scheme: dark) { background-color: var(--color-lime-400); } } .dark\:bg-lime-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-lime-600); } } .dark\:bg-pink-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-pink-200); } } .dark\:bg-pink-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-pink-600); } } .dark\:bg-purple-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-purple-200); } } .dark\:bg-purple-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-purple-500); } } .dark\:bg-purple-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-purple-600); } } .dark\:bg-purple-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-purple-900); } } .dark\:bg-red-100 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-100); } } .dark\:bg-red-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-200); } } .dark\:bg-red-500 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-500); } } .dark\:bg-red-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-600); } } .dark\:bg-red-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-red-900); } } .dark\:bg-teal-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-teal-200); } } .dark\:bg-teal-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-teal-600); } } .dark\:bg-transparent { @media (prefers-color-scheme: dark) { background-color: transparent; } } .dark\:bg-white\/10 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, #ffffff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .dark\:bg-yellow-100 { @media (prefers-color-scheme: dark) { background-color: var(--color-yellow-100); } } .dark\:bg-yellow-200 { @media (prefers-color-scheme: dark) { background-color: var(--color-yellow-200); } } .dark\:bg-yellow-600 { @media (prefers-color-scheme: dark) { background-color: var(--color-yellow-600); } } .dark\:bg-yellow-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-yellow-900); } } .dark\:fill-gray-300 { @media (prefers-color-scheme: dark) { fill: var(--color-gray-300); } } .dark\:text-\[\#2b4c7e\] { @media (prefers-color-scheme: dark) { color: #2b4c7e; } } .dark\:text-blue-400 { @media (prefers-color-scheme: dark) { color: var(--color-blue-400); } } .dark\:text-blue-500 { @media (prefers-color-scheme: dark) { color: var(--color-blue-500); } } .dark\:text-blue-600 { @media (prefers-color-scheme: dark) { color: var(--color-blue-600); } } .dark\:text-blue-800 { @media (prefers-color-scheme: dark) { color: var(--color-blue-800); } } .dark\:text-blue-900 { @media (prefers-color-scheme: dark) { color: var(--color-blue-900); } } .dark\:text-brand-primary { @media (prefers-color-scheme: dark) { color: var(--color-brand-primary); } } .dark\:text-cyan-100 { @media (prefers-color-scheme: dark) { color: var(--color-cyan-100); } } .dark\:text-cyan-300 { @media (prefers-color-scheme: dark) { color: var(--color-cyan-300); } } .dark\:text-cyan-400 { @media (prefers-color-scheme: dark) { color: var(--color-cyan-400); } } .dark\:text-cyan-500 { @media (prefers-color-scheme: dark) { color: var(--color-cyan-500); } } .dark\:text-cyan-600 { @media (prefers-color-scheme: dark) { color: var(--color-cyan-600); } } .dark\:text-cyan-800 { @media (prefers-color-scheme: dark) { color: var(--color-cyan-800); } } .dark\:text-cyan-900 { @media (prefers-color-scheme: dark) { color: var(--color-cyan-900); } } .dark\:text-gray-100 { @media (prefers-color-scheme: dark) { color: var(--color-gray-100); } } .dark\:text-gray-200 { @media (prefers-color-scheme: dark) { color: var(--color-gray-200); } } .dark\:text-gray-300 { @media (prefers-color-scheme: dark) { color: var(--color-gray-300); } } .dark\:text-gray-400 { @media (prefers-color-scheme: dark) { color: var(--color-gray-400); } } .dark\:text-gray-500 { @media (prefers-color-scheme: dark) { color: var(--color-gray-500); } } .dark\:text-gray-600 { @media (prefers-color-scheme: dark) { color: var(--color-gray-600); } } .dark\:text-gray-800 { @media (prefers-color-scheme: dark) { color: var(--color-gray-800); } } .dark\:text-gray-900 { @media (prefers-color-scheme: dark) { color: var(--color-gray-900); } } .dark\:text-green-400 { @media (prefers-color-scheme: dark) { color: var(--color-green-400); } } .dark\:text-green-500 { @media (prefers-color-scheme: dark) { color: var(--color-green-500); } } .dark\:text-green-600 { @media (prefers-color-scheme: dark) { color: var(--color-green-600); } } .dark\:text-green-800 { @media (prefers-color-scheme: dark) { color: var(--color-green-800); } } .dark\:text-green-900 { @media (prefers-color-scheme: dark) { color: var(--color-green-900); } } .dark\:text-indigo-400 { @media (prefers-color-scheme: dark) { color: var(--color-indigo-400); } } .dark\:text-indigo-600 { @media (prefers-color-scheme: dark) { color: var(--color-indigo-600); } } .dark\:text-indigo-800 { @media (prefers-color-scheme: dark) { color: var(--color-indigo-800); } } .dark\:text-indigo-900 { @media (prefers-color-scheme: dark) { color: var(--color-indigo-900); } } .dark\:text-lime-400 { @media (prefers-color-scheme: dark) { color: var(--color-lime-400); } } .dark\:text-lime-600 { @media (prefers-color-scheme: dark) { color: var(--color-lime-600); } } .dark\:text-lime-800 { @media (prefers-color-scheme: dark) { color: var(--color-lime-800); } } .dark\:text-lime-900 { @media (prefers-color-scheme: dark) { color: var(--color-lime-900); } } .dark\:text-pink-400 { @media (prefers-color-scheme: dark) { color: var(--color-pink-400); } } .dark\:text-pink-600 { @media (prefers-color-scheme: dark) { color: var(--color-pink-600); } } .dark\:text-pink-800 { @media (prefers-color-scheme: dark) { color: var(--color-pink-800); } } .dark\:text-pink-900 { @media (prefers-color-scheme: dark) { color: var(--color-pink-900); } } .dark\:text-primary-300 { @media (prefers-color-scheme: dark) { color: var(--color-primary-300); } } .dark\:text-primary-500 { @media (prefers-color-scheme: dark) { color: var(--color-primary-500); } } .dark\:text-purple-400 { @media (prefers-color-scheme: dark) { color: var(--color-purple-400); } } .dark\:text-purple-600 { @media (prefers-color-scheme: dark) { color: var(--color-purple-600); } } .dark\:text-purple-800 { @media (prefers-color-scheme: dark) { color: var(--color-purple-800); } } .dark\:text-purple-900 { @media (prefers-color-scheme: dark) { color: var(--color-purple-900); } } .dark\:text-red-400 { @media (prefers-color-scheme: dark) { color: var(--color-red-400); } } .dark\:text-red-500 { @media (prefers-color-scheme: dark) { color: var(--color-red-500); } } .dark\:text-red-600 { @media (prefers-color-scheme: dark) { color: var(--color-red-600); } } .dark\:text-red-800 { @media (prefers-color-scheme: dark) { color: var(--color-red-800); } } .dark\:text-red-900 { @media (prefers-color-scheme: dark) { color: var(--color-red-900); } } .dark\:text-teal-400 { @media (prefers-color-scheme: dark) { color: var(--color-teal-400); } } .dark\:text-teal-600 { @media (prefers-color-scheme: dark) { color: var(--color-teal-600); } } .dark\:text-teal-800 { @media (prefers-color-scheme: dark) { color: var(--color-teal-800); } } .dark\:text-teal-900 { @media (prefers-color-scheme: dark) { color: var(--color-teal-900); } } .dark\:text-white { @media (prefers-color-scheme: dark) { color: var(--color-white); } } .dark\:text-yellow-600 { @media (prefers-color-scheme: dark) { color: var(--color-yellow-600); } } .dark\:text-yellow-800 { @media (prefers-color-scheme: dark) { color: var(--color-yellow-800); } } .dark\:text-yellow-900 { @media (prefers-color-scheme: dark) { color: var(--color-yellow-900); } } .dark\:placeholder-gray-400 { @media (prefers-color-scheme: dark) { &::placeholder { color: var(--color-gray-400); } } } .dark\:mix-blend-color { @media (prefers-color-scheme: dark) { mix-blend-mode: color; } } .dark\:ring-cyan-800 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-cyan-800); } } .dark\:ring-gray-400 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-gray-400); } } .dark\:ring-gray-500 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-gray-500); } } .dark\:ring-gray-800 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-gray-800); } } .dark\:ring-gray-900 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-gray-900); } } .dark\:ring-green-500 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-green-500); } } .dark\:ring-pink-500 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-pink-500); } } .dark\:ring-purple-600 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-purple-600); } } .dark\:ring-red-700 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-red-700); } } .dark\:ring-yellow-500 { @media (prefers-color-scheme: dark) { --tw-ring-color: var(--color-yellow-500); } } .dark\:ring-offset-blue-700 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-blue-700); } } .dark\:ring-offset-cyan-600 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-cyan-600); } } .dark\:ring-offset-gray-800 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-gray-800); } } .dark\:ring-offset-gray-900 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-gray-900); } } .dark\:ring-offset-green-600 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-green-600); } } .dark\:ring-offset-green-800 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-green-800); } } .dark\:ring-offset-indigo-700 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-indigo-700); } } .dark\:ring-offset-lime-700 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-lime-700); } } .dark\:ring-offset-pink-600 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-pink-600); } } .dark\:ring-offset-purple-600 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-purple-600); } } .dark\:ring-offset-red-600 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-red-600); } } .dark\:ring-offset-red-900 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-red-900); } } .dark\:ring-offset-teal-600 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-teal-600); } } .dark\:ring-offset-yellow-400 { @media (prefers-color-scheme: dark) { --tw-ring-offset-color: var(--color-yellow-400); } } .dark\:group-hover\:bg-blue-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-blue-300); } } } } .dark\:group-hover\:bg-cyan-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-cyan-300); } } } } .dark\:group-hover\:bg-gray-500 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-500); } } } } .dark\:group-hover\:bg-gray-600 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .dark\:group-hover\:bg-gray-700 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-700); } } } } .dark\:group-hover\:bg-gray-800\/60 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #1F2937 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } } } .dark\:group-hover\:bg-green-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-green-300); } } } } .dark\:group-hover\:bg-indigo-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-indigo-300); } } } } .dark\:group-hover\:bg-lime-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-lime-300); } } } } .dark\:group-hover\:bg-pink-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-pink-300); } } } } .dark\:group-hover\:bg-purple-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-purple-300); } } } } .dark\:group-hover\:bg-red-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-red-300); } } } } .dark\:group-hover\:bg-teal-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-teal-300); } } } } .dark\:group-hover\:bg-yellow-300 { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-yellow-300); } } } } .dark\:group-hover\:text-white { @media (prefers-color-scheme: dark) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } } .dark\:group-focus\:ring-gray-800\/70 { @media (prefers-color-scheme: dark) { &:is(:where(.group):focus *) { --tw-ring-color: color-mix(in srgb, #1F2937 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent); } } } } .peer-focus\:dark\:text-blue-500 { &:is(:where(.peer):focus ~ *) { @media (prefers-color-scheme: dark) { color: var(--color-blue-500); } } } .dark\:after\:border-gray-700 { @media (prefers-color-scheme: dark) { &::after { content: var(--tw-content); border-color: var(--color-gray-700); } } } .dark\:after\:text-gray-500 { @media (prefers-color-scheme: dark) { &::after { content: var(--tw-content); color: var(--color-gray-500); } } } .odd\:dark\:bg-gray-800 { &:nth-child(odd) { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-800); } } } .even\:dark\:bg-gray-700 { &:nth-child(even) { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-700); } } } .dark\:hover\:border-gray-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { border-color: var(--color-gray-500); } } } } .dark\:hover\:\!bg-primary-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-primary-700) !important; } } } } .dark\:hover\:bg-blue-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-blue-300); } } } } .dark\:hover\:bg-blue-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } } .dark\:hover\:bg-cyan-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-cyan-300); } } } } .dark\:hover\:bg-cyan-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-cyan-700); } } } } .dark\:hover\:bg-gray-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-300); } } } } .dark\:hover\:bg-gray-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } } } .dark\:hover\:bg-gray-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .dark\:hover\:bg-gray-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } } .dark\:hover\:bg-gray-800 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } } .dark\:hover\:bg-green-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-green-300); } } } } .dark\:hover\:bg-green-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } } .dark\:hover\:bg-indigo-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-indigo-300); } } } } .dark\:hover\:bg-indigo-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-indigo-700); } } } } .dark\:hover\:bg-lime-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-lime-300); } } } } .dark\:hover\:bg-lime-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-lime-500); } } } } .dark\:hover\:bg-lime-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-lime-700); } } } } .dark\:hover\:bg-pink-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-pink-300); } } } } .dark\:hover\:bg-pink-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-pink-700); } } } } .dark\:hover\:bg-purple-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-purple-300); } } } } .dark\:hover\:bg-purple-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-purple-700); } } } } .dark\:hover\:bg-red-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-red-300); } } } } .dark\:hover\:bg-red-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } } .dark\:hover\:bg-teal-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-teal-300); } } } } .dark\:hover\:bg-teal-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-teal-700); } } } } .dark\:hover\:bg-yellow-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-yellow-300); } } } } .dark\:hover\:text-blue-500 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } } .dark\:hover\:text-brand-secondary { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-brand-secondary); } } } } .dark\:hover\:text-gray-300 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } } .dark\:hover\:text-white { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .dark\:focus\:border-blue-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-blue-500); } } } .dark\:focus\:border-cyan-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-cyan-500); } } } .dark\:focus\:border-green-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-green-500); } } } .dark\:focus\:border-red-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-red-500); } } } .dark\:focus\:border-yellow-500 { @media (prefers-color-scheme: dark) { &:focus { border-color: var(--color-yellow-500); } } } .dark\:focus\:bg-cyan-600 { @media (prefers-color-scheme: dark) { &:focus { background-color: var(--color-cyan-600); } } } .dark\:focus\:bg-gray-600 { @media (prefers-color-scheme: dark) { &:focus { background-color: var(--color-gray-600); } } } .dark\:focus\:text-white { @media (prefers-color-scheme: dark) { &:focus { color: var(--color-white); } } } .dark\:focus\:ring-\[\#fde68a\]\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in oklab, #fde68a 50%, transparent); } } } .dark\:focus\:ring-blue-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-blue-700); } } } .dark\:focus\:ring-blue-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-blue-800); } } } .dark\:focus\:ring-brand-accent\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #074e6c 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-accent) 50%, transparent); } } } } .dark\:focus\:ring-brand-danger\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #E90307 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-danger) 50%, transparent); } } } } .dark\:focus\:ring-brand-gray-dark\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #585858 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-gray-dark) 50%, transparent); } } } } .dark\:focus\:ring-brand-gray-light\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #D9D9D9 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-gray-light) 50%, transparent); } } } } .dark\:focus\:ring-brand-primary\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #092A31 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-primary) 50%, transparent); } } } } .dark\:focus\:ring-brand-secondary\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #438FFF 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-secondary) 50%, transparent); } } } } .dark\:focus\:ring-brand-success\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #22C55E 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-success) 50%, transparent); } } } } .dark\:focus\:ring-brand-warning\/50 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: color-mix(in srgb, #FF8001 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-warning) 50%, transparent); } } } } .dark\:focus\:ring-cyan-500 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-cyan-500); } } } .dark\:focus\:ring-cyan-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-cyan-600); } } } .dark\:focus\:ring-cyan-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-cyan-700); } } } .dark\:focus\:ring-cyan-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-cyan-800); } } } .dark\:focus\:ring-gray-500 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-500); } } } .dark\:focus\:ring-gray-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-600); } } } .dark\:focus\:ring-gray-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-700); } } } .dark\:focus\:ring-gray-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-800); } } } .dark\:focus\:ring-gray-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-gray-900); } } } .dark\:focus\:ring-green-500 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-green-500); } } } .dark\:focus\:ring-green-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-green-600); } } } .dark\:focus\:ring-green-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-green-700); } } } .dark\:focus\:ring-green-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-green-800); } } } .dark\:focus\:ring-indigo-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-indigo-700); } } } .dark\:focus\:ring-indigo-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-indigo-800); } } } .dark\:focus\:ring-lime-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-lime-700); } } } .dark\:focus\:ring-lime-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-lime-800); } } } .dark\:focus\:ring-pink-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-pink-600); } } } .dark\:focus\:ring-pink-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-pink-700); } } } .dark\:focus\:ring-pink-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-pink-800); } } } .dark\:focus\:ring-purple-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-purple-600); } } } .dark\:focus\:ring-purple-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-purple-800); } } } .dark\:focus\:ring-purple-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-purple-900); } } } .dark\:focus\:ring-red-400 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-400); } } } .dark\:focus\:ring-red-500 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-500); } } } .dark\:focus\:ring-red-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-600); } } } .dark\:focus\:ring-red-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-700); } } } .dark\:focus\:ring-red-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-800); } } } .dark\:focus\:ring-red-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-red-900); } } } .dark\:focus\:ring-teal-600 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-teal-600); } } } .dark\:focus\:ring-teal-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-teal-700); } } } .dark\:focus\:ring-teal-800 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-teal-800); } } } .dark\:focus\:ring-yellow-400 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-yellow-400); } } } .dark\:focus\:ring-yellow-500 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-yellow-500); } } } .dark\:focus\:ring-yellow-700 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-yellow-700); } } } .dark\:focus\:ring-yellow-900 { @media (prefers-color-scheme: dark) { &:focus { --tw-ring-color: var(--color-yellow-900); } } } .dark\:enabled\:hover\:border-cyan-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-cyan-700); } } } } } .dark\:enabled\:hover\:border-gray-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-gray-700); } } } } } .dark\:enabled\:hover\:border-green-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-green-700); } } } } } .dark\:enabled\:hover\:border-indigo-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-indigo-700); } } } } } .dark\:enabled\:hover\:border-lime-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-lime-700); } } } } } .dark\:enabled\:hover\:border-pink-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-pink-700); } } } } } .dark\:enabled\:hover\:border-red-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-red-700); } } } } } .dark\:enabled\:hover\:border-teal-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-teal-700); } } } } } .dark\:enabled\:hover\:border-yellow-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { border-color: var(--color-yellow-700); } } } } } .dark\:enabled\:hover\:bg-\[\#fde68a\]\/80 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #fde68a 80%, transparent); } } } } } .dark\:enabled\:hover\:bg-cyan-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-cyan-700); } } } } } .dark\:enabled\:hover\:bg-gray-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } } } .dark\:enabled\:hover\:bg-green-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } } } .dark\:enabled\:hover\:bg-indigo-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-indigo-700); } } } } } .dark\:enabled\:hover\:bg-lime-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-lime-700); } } } } } .dark\:enabled\:hover\:bg-pink-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-pink-700); } } } } } .dark\:enabled\:hover\:bg-purple-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-purple-700); } } } } } .dark\:enabled\:hover\:bg-red-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } } } .dark\:enabled\:hover\:bg-teal-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-teal-700); } } } } } .dark\:enabled\:hover\:bg-yellow-700 { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-yellow-700); } } } } } .enabled\:dark\:hover\:bg-gray-700 { &:enabled { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } } } .dark\:enabled\:hover\:text-white { @media (prefers-color-scheme: dark) { &:enabled { &:hover { @media (hover: hover) { color: var(--color-white); } } } } } .enabled\:dark\:hover\:text-white { &:enabled { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } } .disabled\:dark\:text-gray-500 { &:disabled { @media (prefers-color-scheme: dark) { color: var(--color-gray-500); } } } .dark\:disabled\:hover\:bg-blue-600 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } } } .dark\:disabled\:hover\:bg-green-600 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-green-600); } } } } } .dark\:disabled\:hover\:bg-indigo-600 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-indigo-600); } } } } } .dark\:disabled\:hover\:bg-lime-400 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-lime-400); } } } } } .dark\:disabled\:hover\:bg-pink-600 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-pink-600); } } } } } .dark\:disabled\:hover\:bg-purple-600 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-purple-600); } } } } } .dark\:disabled\:hover\:bg-red-600 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } } } .dark\:disabled\:hover\:bg-teal-600 { @media (prefers-color-scheme: dark) { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-teal-600); } } } } } .md\:dark\:hover\:bg-transparent { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: transparent; } } } } } .md\:dark\:hover\:text-white { @media (width >= 48rem) { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } } .print\:flex { @media print { display: flex; } } .print\:hidden { @media print { display: none; } } .print\:border-none { @media print { --tw-border-style: none; border-style: none; } } .print\:bg-none { @media print { background-image: none; } } .print\:shadow-none { @media print { --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); } } .\[\&_\*\]\:cursor-pointer { & * { cursor: pointer; } } .\[\&_div\]\:\!border-0 { & div { border-style: var(--tw-border-style) !important; border-width: 0px !important; } } .\[\&\:\:-webkit-scrollbar\]\:\!hidden { &::-webkit-scrollbar { display: none !important; } } .\[\&\:\:-webkit-scrollbar\]\:\!h-0 { &::-webkit-scrollbar { height: calc(var(--spacing) * 0) !important; } } .\[\&\:\:-webkit-scrollbar\]\:\!w-0 { &::-webkit-scrollbar { width: calc(var(--spacing) * 0) !important; } } .\[\&\:\:-webkit-scrollbar\]\:\!bg-transparent { &::-webkit-scrollbar { background-color: transparent !important; } } .\[\&\>\*\]\:pointer-events-none { &>* { pointer-events: none; } } .\[\&\>\*\]\:cursor-grab { &>* { cursor: grab; } } .\[\&\>\*\]\:first\:rounded-t-lg { &>* { &:first-child { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } } } .\[\&\>\*\]\:last\:rounded-b-lg { &>* { &:last-child { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } } } .\[\&\>\*\]\:last\:border-b-0 { &>* { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .md\:\[\&\>\*\]\:w-full { @media (width >= 48rem) { &>* { width: 100%; } } } .md\:\[\&\>\*\]\:p-16 { @media (width >= 48rem) { &>* { padding: calc(var(--spacing) * 16); } } } .\[\&\>blockquote\]\:my-4 { &>blockquote { margin-block: calc(var(--spacing) * 4); } } .\[\&\>blockquote\]\:border-l-4 { &>blockquote { border-left-style: var(--tw-border-style); border-left-width: 4px; } } .\[\&\>blockquote\]\:border-gray-300 { &>blockquote { border-color: var(--color-gray-300); } } .\[\&\>blockquote\]\:pl-4 { &>blockquote { padding-left: calc(var(--spacing) * 4); } } .\[\&\>blockquote\]\:italic { &>blockquote { font-style: italic; } } .\[\&\>div\>div\>input\]\:block { &>div>div>input { display: block; } } .\[\&\>div\>div\>input\]\:h-10 { &>div>div>input { height: calc(var(--spacing) * 10); } } .\[\&\>div\>div\>input\]\:w-full { &>div>div>input { width: 100%; } } .\[\&\>div\>div\>input\]\:rounded-lg { &>div>div>input { border-radius: var(--radius-lg); } } .\[\&\>div\>div\>input\]\:border { &>div>div>input { border-style: var(--tw-border-style); border-width: 1px; } } .\[\&\>div\>div\>input\]\:border-gray-300 { &>div>div>input { border-color: var(--color-gray-300); } } .\[\&\>div\>div\>input\]\:bg-gray-50 { &>div>div>input { background-color: var(--color-gray-50); } } .\[\&\>div\>div\>input\]\:p-2\.5 { &>div>div>input { padding: calc(var(--spacing) * 2.5); } } .\[\&\>div\>div\>input\]\:text-sm { &>div>div>input { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&\>div\>div\>input\]\:text-gray-900 { &>div>div>input { color: var(--color-gray-900); } } .\[\&\>div\>div\>input\]\:focus\:border-blue-500 { &>div>div>input { &:focus { border-color: var(--color-blue-500); } } } .\[\&\>div\>div\>input\]\:focus\:ring-blue-500 { &>div>div>input { &:focus { --tw-ring-color: var(--color-blue-500); } } } .\[\&\>img\]\:hidden { &>img { display: none; } } .md\:\[\&\>img\]\:w-96 { @media (width >= 48rem) { &>img { width: calc(var(--spacing) * 96); } } } .md\:\[\&\>img\]\:p-0 { @media (width >= 48rem) { &>img { padding: calc(var(--spacing) * 0); } } } .lg\:\[\&\>img\]\:block { @media (width >= 64rem) { &>img { display: block; } } } .\[\&\>ol\]\:list-decimal { &>ol { list-style-type: decimal; } } .\[\&\>ol\]\:pl-4 { &>ol { padding-left: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:h-full { &>svg { height: 100%; } } .\[\&\>svg\]\:w-full { &>svg { width: 100%; } } .\[\&\>ul\]\:list-disc { &>ul { list-style-type: disc; } } .\[\&\>ul\]\:pl-4 { &>ul { padding-left: calc(var(--spacing) * 4); } } } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); :root { --PhoneInput-color--focus: #03b2cb; --PhoneInputInternationalIconPhone-opacity: 0.8; --PhoneInputInternationalIconGlobe-opacity: 0.65; --PhoneInputCountrySelect-marginRight: 0.35em; --PhoneInputCountrySelectArrow-width: 0.3em; --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight); --PhoneInputCountrySelectArrow-borderWidth: 1px; --PhoneInputCountrySelectArrow-opacity: 0.45; --PhoneInputCountrySelectArrow-color: currentColor; --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus); --PhoneInputCountrySelectArrow-transform: rotate(45deg); --PhoneInputCountryFlag-aspectRatio: 1.5; --PhoneInputCountryFlag-height: 1em; --PhoneInputCountryFlag-borderWidth: 1px; --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5); --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus); --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1); } .PhoneInput { display: flex; align-items: center; } .PhoneInputInput { flex: 1; min-width: 0; } .PhoneInputCountryIcon { width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--square { width: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--border { background-color: var(--PhoneInputCountryFlag-backgroundColor--loading); box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor); } .PhoneInputCountryIconImg { display: block; width: 100%; height: 100%; } .PhoneInputInternationalIconPhone { opacity: var(--PhoneInputInternationalIconPhone-opacity); } .PhoneInputInternationalIconGlobe { opacity: var(--PhoneInputInternationalIconGlobe-opacity); } .PhoneInputCountry { position: relative; align-self: stretch; display: flex; align-items: center; margin-right: var(--PhoneInputCountrySelect-marginRight); } .PhoneInputCountrySelect { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; border: 0; opacity: 0; cursor: pointer; } .PhoneInputCountrySelect[disabled], .PhoneInputCountrySelect[readonly] { cursor: default; } .PhoneInputCountrySelectArrow { display: block; content: ''; width: var(--PhoneInputCountrySelectArrow-width); height: var(--PhoneInputCountrySelectArrow-width); margin-left: var(--PhoneInputCountrySelectArrow-marginLeft); border-style: solid; border-color: var(--PhoneInputCountrySelectArrow-color); border-top-width: 0; border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth); border-left-width: 0; border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth); transform: var(--PhoneInputCountrySelectArrow-transform); opacity: var(--PhoneInputCountrySelectArrow-opacity); } .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow { opacity: 1; color: var(--PhoneInputCountrySelectArrow-color--focus); } .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border { box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus); } .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe { opacity: 1; color: var(--PhoneInputCountrySelectArrow-color--focus); } :root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; } @media screen and (forced-colors: active) { :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem; } .annotationLayer .linkAnnotation:hover { backdrop-filter: invert(100%); } } .annotationLayer { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; z-index: 3; } .annotationLayer[data-main-rotation='90'] .norotate { transform: rotate(270deg) translateX(-100%); } .annotationLayer[data-main-rotation='180'] .norotate { transform: rotate(180deg) translate(-100%, -100%); } .annotationLayer[data-main-rotation='270'] .norotate { transform: rotate(90deg) translateY(-100%); } .annotationLayer canvas { position: absolute; width: 100%; height: 100%; } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; margin: 0; transform-origin: 0 0; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } .textLayer.selecting ~ .annotationLayer section { pointer-events: none; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: 0.2; background: rgba(255, 255, 0, 1); box-shadow: 0 2px 10px rgba(255, 255, 0, 1); } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: CanvasText; content: ''; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { appearance: none; } .annotationLayer .popupTriggerArea { height: 100%; width: 100%; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; } .annotationLayer .popupWrapper { position: absolute; font-size: calc(9px * var(--scale-factor)); width: 100%; min-width: calc(180px * var(--scale-factor)); pointer-events: none; } .annotationLayer .popup { position: absolute; max-width: calc(180px * var(--scale-factor)); background-color: rgba(255, 255, 153, 1); box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgba(136, 136, 136, 1); border-radius: calc(2px * var(--scale-factor)); padding: calc(6px * var(--scale-factor)); margin-left: calc(5px * var(--scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; } .annotationLayer .popup > * { font-size: calc(9px * var(--scale-factor)); } .annotationLayer .popup h1 { display: inline-block; } .annotationLayer .popupDate { display: inline-block; margin-left: calc(5px * var(--scale-factor)); } .annotationLayer .popupContent { border-top: 1px solid rgba(51, 51, 51, 1); margin-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor)); } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--scale-factor)); } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; user-select: none; pointer-events: none; } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block; } :root { --react-pdf-text-layer: 1; --highlight-bg-color: rgba(180, 0, 170, 1); --highlight-selected-bg-color: rgba(0, 100, 0, 1); } @media screen and (forced-colors: active) { :root { --highlight-bg-color: Highlight; --highlight-selected-bg-color: ButtonText; } } [data-main-rotation='90'] { transform: rotate(90deg) translateY(-100%); } [data-main-rotation='180'] { transform: rotate(180deg) translate(-100%, -100%); } [data-main-rotation='270'] { transform: rotate(270deg) translateX(-100%); } .textLayer { position: absolute; text-align: initial; inset: 0; overflow: hidden; line-height: 1; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 2; } .textLayer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; margin: 0; transform-origin: 0 0; } .textLayer span.markedContent { top: 0; height: 0; } .textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); border-radius: 4px; } .textLayer .highlight.appended { position: initial; } .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } .textLayer .highlight.end { border-radius: 0 4px 4px 0; } .textLayer .highlight.middle { border-radius: 0; } .textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color); } .textLayer br::selection { background: transparent; } .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: -1; cursor: default; user-select: none; } .textLayer.selecting .endOfContent { top: 0; } .hiddenCanvasElement { position: absolute; top: 0; left: 0; width: 0; height: 0; display: none; } .ag-icon { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); position: relative; } .ag-icon::before { content: ""; } .ag-icon::after { background: transparent var(--ag-icon-image, none) center/contain no-repeat; display: var(--ag-icon-image-display); opacity: var(--ag-icon-image-opacity, 0.9); position: absolute; inset: 0; content: ""; } .ag-icon-aggregation { font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color)); } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display)); } .ag-icon-aggregation::after { background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image)); display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-arrows { font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color)); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display)); } .ag-icon-arrows::after { background-image: var(--ag-icon-image-arrows, var(--ag-icon-image)); display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-asc { font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color)); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display)); } .ag-icon-asc::after { background-image: var(--ag-icon-image-asc, var(--ag-icon-image)); display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cancel { font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color)); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display)); } .ag-icon-cancel::after { background-image: var(--ag-icon-image-cancel, var(--ag-icon-image)); display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chart { font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color)); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display)); } .ag-icon-chart::after { background-image: var(--ag-icon-image-chart, var(--ag-icon-image)); display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-checked { font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color)); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); } .ag-icon-checkbox-checked::after { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-indeterminate { font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color)); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); } .ag-icon-checkbox-indeterminate::after { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-unchecked { font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color)); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); } .ag-icon-checkbox-unchecked::after { background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-color-picker { font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color)); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display)); } .ag-icon-color-picker::after { background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image)); display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-columns { font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color)); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display)); } .ag-icon-columns::after { background-image: var(--ag-icon-image-columns, var(--ag-icon-image)); display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-contracted { font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color)); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display)); } .ag-icon-contracted::after { background-image: var(--ag-icon-image-contracted, var(--ag-icon-image)); display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-copy { font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color)); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display)); } .ag-icon-copy::after { background-image: var(--ag-icon-image-copy, var(--ag-icon-image)); display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cross { font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color)); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display)); } .ag-icon-cross::after { background-image: var(--ag-icon-image-cross, var(--ag-icon-image)); display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-csv { font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color)); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display)); } .ag-icon-csv::after { background-image: var(--ag-icon-image-csv, var(--ag-icon-image)); display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cut { font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color)); } .ag-icon-cut::before { content: var(--ag-icon-font-code-cut, "\f10f"); display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display)); } .ag-icon-cut::after { background-image: var(--ag-icon-image-cut, var(--ag-icon-image)); display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-desc { font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color)); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f110"); display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display)); } .ag-icon-desc::after { background-image: var(--ag-icon-image-desc, var(--ag-icon-image)); display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-excel { font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color)); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f111"); display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display)); } .ag-icon-excel::after { background-image: var(--ag-icon-image-excel, var(--ag-icon-image)); display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-expanded { font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color)); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f112"); display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display)); } .ag-icon-expanded::after { background-image: var(--ag-icon-image-expanded, var(--ag-icon-image)); display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye-slash { font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color)); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f113"); display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display)); } .ag-icon-eye-slash::after { background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye { font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color)); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f114"); display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display)); } .ag-icon-eye::after { background-image: var(--ag-icon-image-eye, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter { font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color)); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f115"); display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display)); } .ag-icon-filter::after { background-image: var(--ag-icon-image-filter, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-first { font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-first, var(--ag-icon-font-color)); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f116"); display: var(--ag-icon-font-display-first, var(--ag-icon-font-display)); } .ag-icon-first::after { background-image: var(--ag-icon-image-first, var(--ag-icon-image)); display: var(--ag-icon-image-display-first, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-grip { font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color)); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f117"); display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display)); } .ag-icon-grip::after { background-image: var(--ag-icon-image-grip, var(--ag-icon-image)); display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-group { font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-group, var(--ag-icon-font-color)); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f118"); display: var(--ag-icon-font-display-group, var(--ag-icon-font-display)); } .ag-icon-group::after { background-image: var(--ag-icon-image-group, var(--ag-icon-image)); display: var(--ag-icon-image-display-group, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-last { font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-last, var(--ag-icon-font-color)); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f119"); display: var(--ag-icon-font-display-last, var(--ag-icon-font-display)); } .ag-icon-last::after { background-image: var(--ag-icon-image-last, var(--ag-icon-image)); display: var(--ag-icon-image-display-last, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-left { font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-left, var(--ag-icon-font-color)); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f11a"); display: var(--ag-icon-font-display-left, var(--ag-icon-font-display)); } .ag-icon-left::after { background-image: var(--ag-icon-image-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-linked { font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color)); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11b"); display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display)); } .ag-icon-linked::after { background-image: var(--ag-icon-image-linked, var(--ag-icon-image)); display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-loading { font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color)); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11c"); display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display)); } .ag-icon-loading::after { background-image: var(--ag-icon-image-loading, var(--ag-icon-image)); display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-maximize { font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color)); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11d"); display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display)); } .ag-icon-maximize::after { background-image: var(--ag-icon-image-maximize, var(--ag-icon-image)); display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu { font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color)); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11e"); display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display)); } .ag-icon-menu::after { background-image: var(--ag-icon-image-menu, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minimize { font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color)); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11f"); display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display)); } .ag-icon-minimize::after { background-image: var(--ag-icon-image-minimize, var(--ag-icon-image)); display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-next { font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-next, var(--ag-icon-font-color)); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f120"); display: var(--ag-icon-font-display-next, var(--ag-icon-font-display)); } .ag-icon-next::after { background-image: var(--ag-icon-image-next, var(--ag-icon-image)); display: var(--ag-icon-image-display-next, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-none { font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-none, var(--ag-icon-font-color)); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f121"); display: var(--ag-icon-font-display-none, var(--ag-icon-font-display)); } .ag-icon-none::after { background-image: var(--ag-icon-image-none, var(--ag-icon-image)); display: var(--ag-icon-image-display-none, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-not-allowed { font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color)); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f122"); display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display)); } .ag-icon-not-allowed::after { background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image)); display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-paste { font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color)); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f123"); display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display)); } .ag-icon-paste::after { background-image: var(--ag-icon-image-paste, var(--ag-icon-image)); display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pin { font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color)); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f124"); display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display)); } .ag-icon-pin::after { background-image: var(--ag-icon-image-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pivot { font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color)); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f125"); display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display)); } .ag-icon-pivot::after { background-image: var(--ag-icon-image-pivot, var(--ag-icon-image)); display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-previous { font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color)); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f126"); display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display)); } .ag-icon-previous::after { background-image: var(--ag-icon-image-previous, var(--ag-icon-image)); display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-off { font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color)); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f127"); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); } .ag-icon-radio-button-off::after { background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-on { font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color)); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f128"); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); } .ag-icon-radio-button-on::after { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-right { font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-right, var(--ag-icon-font-color)); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f129"); display: var(--ag-icon-font-display-right, var(--ag-icon-font-display)); } .ag-icon-right::after { background-image: var(--ag-icon-image-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-save { font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-save, var(--ag-icon-font-color)); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f12a"); display: var(--ag-icon-font-display-save, var(--ag-icon-font-display)); } .ag-icon-save::after { background-image: var(--ag-icon-image-save, var(--ag-icon-image)); display: var(--ag-icon-image-display-save, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-down { font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color)); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12b"); display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display)); } .ag-icon-small-down::after { background-image: var(--ag-icon-image-small-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-left { font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color)); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12c"); display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display)); } .ag-icon-small-left::after { background-image: var(--ag-icon-image-small-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-right { font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color)); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12d"); display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display)); } .ag-icon-small-right::after { background-image: var(--ag-icon-image-small-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-up { font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color)); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12e"); display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display)); } .ag-icon-small-up::after { background-image: var(--ag-icon-image-small-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tick { font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color)); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12f"); display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display)); } .ag-icon-tick::after { background-image: var(--ag-icon-image-tick, var(--ag-icon-image)); display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-closed { font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color)); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f130"); display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display)); } .ag-icon-tree-closed::after { background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-indeterminate { font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color)); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f131"); display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display)); } .ag-icon-tree-indeterminate::after { background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-open { font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color)); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f132"); display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display)); } .ag-icon-tree-open::after { background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-unlinked { font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color)); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f133"); display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display)); } .ag-icon-unlinked::after { background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image)); display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-up { font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-up, var(--ag-icon-font-color)); } .ag-icon-up::before { content: var(--ag-icon-font-code-up, "\f134"); display: var(--ag-icon-font-display-up, var(--ag-icon-font-display)); } .ag-icon-up::after { background-image: var(--ag-icon-image-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-down { font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-down, var(--ag-icon-font-color)); } .ag-icon-down::before { content: var(--ag-icon-font-code-down, "\f135"); display: var(--ag-icon-font-display-down, var(--ag-icon-font-display)); } .ag-icon-down::after { background-image: var(--ag-icon-image-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-plus { font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color)); } .ag-icon-plus::before { content: var(--ag-icon-font-code-plus, "\f136"); display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display)); } .ag-icon-plus::after { background-image: var(--ag-icon-image-plus, var(--ag-icon-image)); display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minus { font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color)); } .ag-icon-minus::before { content: var(--ag-icon-font-code-minus, "\f137"); display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display)); } .ag-icon-minus::after { background-image: var(--ag-icon-image-minus, var(--ag-icon-image)); display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu-alt { font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color)); } .ag-icon-menu-alt::before { content: var(--ag-icon-font-code-menu-alt, "\f138"); display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display)); } .ag-icon-menu-alt::after { background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-settings { font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color)); } .ag-icon-settings::before { content: var(--ag-icon-font-code-settings, "\f139"); display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display)); } .ag-icon-settings::after { background-image: var(--ag-icon-image-settings, var(--ag-icon-image)); display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #BBB; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-menu-background-color: var(--ag-background-color); --ag-menu-border-color: var(--ag-border-color); --ag-panel-background-color: var(--ag-background-color); --ag-panel-border-color: var(--ag-border-color); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2); --ag-chip-background-color: transparent; --ag-chip-border-color: var(--ag-chip-background-color); --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-wrapper-border-radius: var(--ag-border-radius); --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-icon-font-weight: normal; --ag-icon-font-color: var(--ag-foreground-color); --ag-icon-image-display: block; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; } .ag-root-wrapper, .ag-sticky-top, .ag-sticky-bottom, .ag-dnd-ghost { background-color: var(--ag-background-color); } [class*=ag-theme-] { -webkit-font-smoothing: antialiased; font-family: var(--ag-font-family); font-size: var(--ag-font-size); line-height: normal; color: var(--ag-foreground-color); } ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-aria-description-container { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-no-transition { transition: none !important; } .ag-drag-handle { cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-selectable { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; white-space: normal; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 20px; right: 25px; opacity: 0.7; transition: opacity 1s ease-out 3s; color: #9B9B9B; } .ag-watermark::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 170px 40px; display: block; height: 40px; width: 170px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; padding-left: 0.7rem; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport, .ag-center-cols-viewport { -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-center-cols-viewport { min-height: 100%; width: 100%; overflow-x: auto; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-body-vertical-scroll-viewport { overflow-y: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container, .ag-sticky-bottom-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container, .ag-sticky-top-container, .ag-sticky-bottom-container { height: 100%; white-space: nowrap; } .ag-center-cols-container { display: block; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-body-vertical-scroll-container { width: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { position: absolute; top: 0px; pointer-events: none; } .ag-ltr .ag-full-width-container, .ag-ltr .ag-floating-top-full-width-container, .ag-ltr .ag-floating-bottom-full-width-container, .ag-ltr .ag-sticky-top-full-width-container, .ag-ltr .ag-sticky-bottom-full-width-container { left: 0; } .ag-rtl .ag-full-width-container, .ag-rtl .ag-floating-top-full-width-container, .ag-rtl .ag-floating-bottom-full-width-container, .ag-rtl .ag-sticky-top-full-width-container, .ag-rtl .ag-sticky-bottom-full-width-container { right: 0; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } .ag-body { position: relative; display: flex; flex: 1 1 auto; flex-direction: row !important; min-height: 0; } .ag-body-horizontal-scroll, .ag-body-vertical-scroll { min-height: 0; min-width: 0; display: flex; position: relative; } .ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible { position: absolute; bottom: 0; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { opacity: 0; transition: opacity 400ms; visibility: hidden; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { visibility: visible; opacity: 1; } .ag-body-horizontal-scroll { width: 100%; } .ag-body-horizontal-scroll.ag-scrollbar-invisible { left: 0; right: 0; } .ag-body-vertical-scroll { height: 100%; } .ag-body-vertical-scroll.ag-scrollbar-invisible { top: 0; z-index: 10; } .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { right: 0; } .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { left: 0; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable .ag-header-cell-label { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; } .ag-header-row:not(.ag-header-row-column-group) { overflow: hidden; } .ag-header.ag-header-allow-overflow .ag-header-row { overflow: visible; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; } .ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button { opacity: 1; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { transition: opacity 0.2s; opacity: 0; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; align-self: stretch; align-items: center; } .ag-header-cell-label { overflow: hidden; text-overflow: ellipsis; } .ag-header-group-cell-label.ag-sticky-label { position: sticky; flex: none; max-width: 100%; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; } .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { height: 100%; display: flex; align-items: center; } .ag-header-cell-comp-wrapper { width: 100%; } .ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { white-space: normal; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -4px; } .ag-rtl .ag-header-cell-resize { left: -4px; } .ag-pinned-left-header .ag-header-cell-resize { right: -4px; } .ag-pinned-right-header .ag-header-cell-resize { left: -4px; } .ag-header-select-all { display: flex; } .ag-header-cell-menu-button, .ag-header-cell-filter-button, .ag-side-button-button, .ag-panel-title-bar-button, .ag-floating-filter-button-button { cursor: pointer; } .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 3 1 0px; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 0px; overflow: hidden; } .ag-column-drop { position: relative; display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { position: relative; display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; align-items: stretch; flex: 1 1 0px; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { position: relative; align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s; } .ag-row-animation .ag-row.ag-after-created { transition: transform 0.4s, top 0.4s, height 0.4s; } .ag-row-no-animation .ag-row { transition: none; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } .ag-cell { display: inline-block; position: absolute; white-space: nowrap; height: 100%; } .ag-cell-value { flex: 1 1 auto; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrap-text { white-space: normal; } .ag-cell-wrapper { display: flex; align-items: center; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-sparkline-wrapper { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { height: 100%; align-items: center; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor input { height: 100%; width: 100%; line-height: normal; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-checkbox { display: flex; width: 100%; height: 100%; } .ag-set-filter-group-icons { display: block; } .ag-set-filter-group-icons > * { cursor: pointer; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 0px; } .ag-filter-condition { display: flex; justify-content: center; } .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } .ag-set-floating-filter-input input[disabled] { pointer-events: none; } .ag-dnd-ghost { position: absolute; display: inline-flex; align-items: center; cursor: move; white-space: nowrap; z-index: 9999; } .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } .ag-popup-child { z-index: 5; top: 0; } .ag-popup-editor { position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-large-text-input { display: block; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-sticky-top, .ag-sticky-bottom { position: absolute; display: flex; width: 100%; } .ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top { position: relative; height: 100%; overflow: hidden; } .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { overflow: hidden; width: 100%; height: 100%; } .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; z-index: 1; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-tooltip { position: absolute; z-index: 99999; } .ag-tooltip-custom { position: absolute; z-index: 99999; } .ag-tooltip:not(.ag-tooltip-interactive), .ag-tooltip-custom:not(.ag-tooltip-interactive) { pointer-events: none; } .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-dialog .ag-panel-content-wrapper .ag-column-select { user-select: none; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-option-custom { display: contents; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-rich-select { cursor: default; outline: none; height: 100%; } .ag-rich-select-value { display: flex; align-items: center; height: 100%; } .ag-rich-select-value .ag-picker-field-display { overflow: hidden; text-overflow: ellipsis; } .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { opacity: 0.5; } .ag-rich-select-list { position: relative; } .ag-rich-select-list .ag-loading-text { min-height: 2rem; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; overflow: hidden; height: 100%; } .ag-rich-select-field-input { flex: 1 1 auto; } .ag-rich-select-field-input .ag-input-field-input { padding: 0 !important; border: none !important; box-shadow: none !important; text-overflow: ellipsis; } .ag-rich-select-field-input .ag-input-field-input::placeholder { opacity: 0.8; } .ag-autocomplete { align-items: center; display: flex; } .ag-autocomplete > * { flex: 1 1 auto; } .ag-autocomplete-list-popup { position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-autocomplete-list { position: relative; } .ag-autocomplete-virtual-list-item { display: flex; } .ag-autocomplete-row { display: flex; flex: 1 1 auto; align-items: center; overflow: hidden; } .ag-autocomplete-row-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button { position: relative; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } .ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * { flex: none; } .ag-select-agg-func-item, .ag-column-select-column-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; } .ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize { display: none; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; padding: 5px 0px; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } .ag-right-aligned-header .ag-header-cell-text { text-align: end; } .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { writing-mode: vertical-lr; } .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: inline; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; } .ag-floating-filter-input .ag-input-field-input[type=date] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-label-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: hidden; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue { cursor: default; background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { width: 100%; height: 100%; } .ag-spectrum-alpha-background { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0)); width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-ltr .ag-column-select-indent-1 { padding-left: 20px; } .ag-rtl .ag-column-select-indent-1 { padding-right: 20px; } .ag-ltr .ag-set-filter-indent-1 { padding-left: 20px; } .ag-rtl .ag-set-filter-indent-1 { padding-right: 20px; } .ag-ltr .ag-row-group-indent-1 { padding-left: 20px; } .ag-rtl .ag-row-group-indent-1 { padding-right: 20px; } .ag-ltr .ag-column-select-indent-2 { padding-left: 40px; } .ag-rtl .ag-column-select-indent-2 { padding-right: 40px; } .ag-ltr .ag-set-filter-indent-2 { padding-left: 40px; } .ag-rtl .ag-set-filter-indent-2 { padding-right: 40px; } .ag-ltr .ag-row-group-indent-2 { padding-left: 40px; } .ag-rtl .ag-row-group-indent-2 { padding-right: 40px; } .ag-ltr .ag-column-select-indent-3 { padding-left: 60px; } .ag-rtl .ag-column-select-indent-3 { padding-right: 60px; } .ag-ltr .ag-set-filter-indent-3 { padding-left: 60px; } .ag-rtl .ag-set-filter-indent-3 { padding-right: 60px; } .ag-ltr .ag-row-group-indent-3 { padding-left: 60px; } .ag-rtl .ag-row-group-indent-3 { padding-right: 60px; } .ag-ltr .ag-column-select-indent-4 { padding-left: 80px; } .ag-rtl .ag-column-select-indent-4 { padding-right: 80px; } .ag-ltr .ag-set-filter-indent-4 { padding-left: 80px; } .ag-rtl .ag-set-filter-indent-4 { padding-right: 80px; } .ag-ltr .ag-row-group-indent-4 { padding-left: 80px; } .ag-rtl .ag-row-group-indent-4 { padding-right: 80px; } .ag-ltr .ag-column-select-indent-5 { padding-left: 100px; } .ag-rtl .ag-column-select-indent-5 { padding-right: 100px; } .ag-ltr .ag-set-filter-indent-5 { padding-left: 100px; } .ag-rtl .ag-set-filter-indent-5 { padding-right: 100px; } .ag-ltr .ag-row-group-indent-5 { padding-left: 100px; } .ag-rtl .ag-row-group-indent-5 { padding-right: 100px; } .ag-ltr .ag-column-select-indent-6 { padding-left: 120px; } .ag-rtl .ag-column-select-indent-6 { padding-right: 120px; } .ag-ltr .ag-set-filter-indent-6 { padding-left: 120px; } .ag-rtl .ag-set-filter-indent-6 { padding-right: 120px; } .ag-ltr .ag-row-group-indent-6 { padding-left: 120px; } .ag-rtl .ag-row-group-indent-6 { padding-right: 120px; } .ag-ltr .ag-column-select-indent-7 { padding-left: 140px; } .ag-rtl .ag-column-select-indent-7 { padding-right: 140px; } .ag-ltr .ag-set-filter-indent-7 { padding-left: 140px; } .ag-rtl .ag-set-filter-indent-7 { padding-right: 140px; } .ag-ltr .ag-row-group-indent-7 { padding-left: 140px; } .ag-rtl .ag-row-group-indent-7 { padding-right: 140px; } .ag-ltr .ag-column-select-indent-8 { padding-left: 160px; } .ag-rtl .ag-column-select-indent-8 { padding-right: 160px; } .ag-ltr .ag-set-filter-indent-8 { padding-left: 160px; } .ag-rtl .ag-set-filter-indent-8 { padding-right: 160px; } .ag-ltr .ag-row-group-indent-8 { padding-left: 160px; } .ag-rtl .ag-row-group-indent-8 { padding-right: 160px; } .ag-ltr .ag-column-select-indent-9 { padding-left: 180px; } .ag-rtl .ag-column-select-indent-9 { padding-right: 180px; } .ag-ltr .ag-set-filter-indent-9 { padding-left: 180px; } .ag-rtl .ag-set-filter-indent-9 { padding-right: 180px; } .ag-ltr .ag-row-group-indent-9 { padding-left: 180px; } .ag-rtl .ag-row-group-indent-9 { padding-right: 180px; } .ag-pill-select { display: flex; flex-direction: column; } .ag-pill-select .ag-column-drop { flex: unset; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-sticky-bottom, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-sticky-bottom, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-layout-print.ag-body { display: block; height: unset; } .ag-layout-print.ag-root-wrapper { display: inline-block; } .ag-layout-print .ag-body-vertical-scroll { display: none; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-layout-print.ag-force-vertical-scroll { overflow-y: visible !important; } @media print { .ag-root-wrapper.ag-layout-print { display: table; } .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { break-inside: avoid; } } [class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before { box-sizing: border-box; outline: none; } [class^=ag-]::-ms-clear { display: none; } .ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-range-field .ag-input-wrapper { height: 100%; } .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-button { border-radius: 0px; color: var(--ag-foreground-color); } .ag-button:hover { background-color: transparent; } .ag-ltr .ag-label-align-right .ag-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-label-align-right .ag-label { margin-right: var(--ag-grid-size); } input[class^=ag-] { margin: 0; background-color: var(--ag-background-color); } textarea[class^=ag-], select[class^=ag-] { background-color: var(--ag-background-color); } input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; border: var(--ag-borders-input) var(--ag-input-border-color); } input[class^=ag-]:not([type]):disabled, input[class^=ag-][type=text]:disabled, input[class^=ag-][type=number]:disabled, input[class^=ag-][type=tel]:disabled, input[class^=ag-][type=date]:disabled, input[class^=ag-][type=datetime-local]:disabled, textarea[class^=ag-]:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } input[class^=ag-]:not([type]):focus, input[class^=ag-][type=text]:focus, input[class^=ag-][type=number]:focus, input[class^=ag-][type=tel]:focus, input[class^=ag-][type=date]:focus, input[class^=ag-][type=datetime-local]:focus, textarea[class^=ag-]:focus { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } input[class^=ag-]:not([type]):invalid, input[class^=ag-][type=text]:invalid, input[class^=ag-][type=number]:invalid, input[class^=ag-][type=tel]:invalid, input[class^=ag-][type=date]:invalid, input[class^=ag-][type=datetime-local]:invalid, textarea[class^=ag-]:invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) { -moz-appearance: textfield; } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[class^=ag-][type=range] { padding: 0; } input[class^=ag-][type=button]:focus, button[class^=ag-]:focus { box-shadow: var(--ag-input-focus-box-shadow); } .ag-drag-handle { color: var(--ag-secondary-foreground-color); } .ag-list-item, .ag-virtual-list-item { height: var(--ag-list-item-height); } .ag-virtual-list-item:focus-visible { outline: none; } .ag-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-select-list { background-color: var(--ag-background-color); overflow-y: auto; overflow-x: hidden; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-list-item { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-list-item.ag-active-item { background-color: var(--ag-row-hover-color); } .ag-select-list-item { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ag-ltr .ag-select-list-item { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select-list-item { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted { color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted { margin-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted { margin-left: var(--ag-cell-widget-spacing); } .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width))); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); display: flex; align-items: center; flex: none; } .ag-group-expanded, .ag-group-contracted { cursor: pointer; } .ag-group-title-bar-icon { cursor: pointer; flex: none; color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-group-title-bar { background-color: var(--ag-subheader-background-color); padding: var(--ag-grid-size); } .ag-group-toolbar { padding: var(--ag-grid-size); background-color: var(--ag-subheader-toolbar-background-color); } .ag-disabled-group-title-bar, .ag-disabled-group-container { opacity: 0.5; } .group-item { margin: calc(var(--ag-grid-size) * 0.5) 0; } .ag-label { white-space: nowrap; } .ag-ltr .ag-label { margin-right: var(--ag-grid-size); } .ag-rtl .ag-label { margin-left: var(--ag-grid-size); } .ag-label-align-top .ag-label { margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-angle-select[disabled] { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-angle-select[disabled] .ag-angle-select-field { opacity: 0.4; } .ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field { margin-right: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field { margin-left: calc(var(--ag-grid-size) * 2); } .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: var(--ag-secondary-foreground-color); } .ag-picker-field-wrapper { border: var(--ag-borders); border-color: var(--ag-border-color); border-radius: 5px; background-color: var(--ag-background-color); } .ag-picker-field-wrapper:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } .ag-picker-field-button { background-color: var(--ag-background-color); color: var(--ag-secondary-foreground-color); } .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-color-picker .ag-picker-field-display { height: var(--ag-icon-size); } .ag-color-picker .ag-picker-field-wrapper { max-width: 45px; min-width: 45px; } .ag-color-panel { padding: var(--ag-grid-size); } .ag-spectrum-color { background-color: rgb(255, 0, 0); border-radius: 2px; } .ag-spectrum-tools { padding: 10px; } .ag-spectrum-sat { background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); } .ag-spectrum-val { background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); } .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 1px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-spectrum-hue-background { border-radius: 2px; } .ag-spectrum-alpha-background { border-radius: 2px; } .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; background-color: rgb(248, 248, 248); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-recent-color { margin: 0 3px; } .ag-recent-color:first-child { margin-left: 0; } .ag-recent-color:last-child { margin-right: 0; } .ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]), .ag-recent-color:focus-visible:not(:disabled):not([readonly]) { box-shadow: var(--ag-input-focus-box-shadow); } .ag-dnd-ghost { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); overflow: hidden; text-overflow: ellipsis; border: var(--ag-borders-secondary) var(--ag-secondary-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height) !important; line-height: var(--ag-header-height); margin: 0; padding: 0 calc(var(--ag-grid-size) * 2); transform: translateY(calc(var(--ag-grid-size) * 2)); } .ag-dnd-ghost-icon { margin-right: var(--ag-grid-size); color: var(--ag-foreground-color); } .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: var(--ag-popup-shadow); } .ag-select .ag-picker-field-wrapper { min-height: var(--ag-list-item-height); cursor: default; } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-right: var(--ag-grid-size); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); } .ag-select.ag-disabled .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-select:not(.ag-cell-editor, .ag-label-align-top) { min-height: var(--ag-list-item-height); } .ag-select .ag-picker-field-display { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-select.ag-disabled { opacity: 0.5; } .ag-rich-select-value, .ag-rich-select-list { background-color: var(--ag-background-color); } .ag-rich-select-list { width: 100%; height: auto; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-rich-select-list .ag-loading-text { padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing); } .ag-rich-select-value { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); padding-top: 0; padding-bottom: 0; } .ag-ltr .ag-rich-select-value { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-value { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-rich-select-value { padding-right: var(--ag-grid-size); } .ag-rtl .ag-rich-select-value { padding-left: var(--ag-grid-size); } .ag-ltr .ag-rich-select-field-input { left: calc(var(--ag-cell-horizontal-padding)); } .ag-rtl .ag-rich-select-field-input { right: calc(var(--ag-cell-horizontal-padding)); } .ag-popup-editor .ag-rich-select-value { height: var(--ag-row-height); min-width: 200px; } .ag-rich-select-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-rich-select-virtual-list-item:focus-visible::after { content: none; } .ag-rich-select-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-ltr .ag-rich-select-row { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-row { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rich-select-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-rich-select-row-text-highlight { font-weight: bold; } .ag-autocomplete { width: 100%; } .ag-autocomplete-list { width: 100%; min-width: 200px; height: calc(var(--ag-row-height) * 6.5); } .ag-autocomplete-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-autocomplete-virtual-list-item:focus-visible::after { content: none; } .ag-autocomplete-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-autocomplete-row-label { margin: 0px var(--ag-widget-container-horizontal-padding); } .ag-autocomplete-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-dialog { border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); box-shadow: var(--ag-popup-shadow); } .ag-panel { background-color: var(--ag-panel-background-color); border-color: var(--ag-panel-border-color); } .ag-panel-title-bar { color: var(--ag-header-foreground-color); height: var(--ag-header-height); padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-panel-title-bar-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-panel-title-bar-button { margin-right: var(--ag-grid-size); } .ag-tooltip { background-color: var(--ag-tooltip-background-color); color: var(--ag-foreground-color); padding: var(--ag-grid-size); border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); white-space: normal; } .ag-tooltip.ag-tooltip-animate, .ag-tooltip-custom.ag-tooltip-animate { transition: opacity 1s; } .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding { opacity: 0; } .ag-ltr .ag-column-select-indent-1 { padding-left: calc(1 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-1 { padding-right: calc(1 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-2 { padding-left: calc(2 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-2 { padding-right: calc(2 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-3 { padding-left: calc(3 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-3 { padding-right: calc(3 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-4 { padding-left: calc(4 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-4 { padding-right: calc(4 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-5 { padding-left: calc(5 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-5 { padding-right: calc(5 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-6 { padding-left: calc(6 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-6 { padding-right: calc(6 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-7 { padding-left: calc(7 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-7 { padding-right: calc(7 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-8 { padding-left: calc(8 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-8 { padding-right: calc(8 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-9 { padding-left: calc(9 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-9 { padding-right: calc(9 * var(--ag-column-select-indent-size)); } .ag-column-select-header-icon { cursor: pointer; } .ag-column-select-header-icon:focus-visible { outline: none; } .ag-column-select-header-icon:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: var(--ag-widget-horizontal-spacing); } .ag-column-select-virtual-list-item:focus-visible { outline: none; } .ag-column-select-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-column-select-column-readonly, .ag-column-select-column-group-readonly { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px; } .ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-checkbox-edit { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-pill-select .ag-column-drop { border-bottom: 0; min-height: unset; } .ag-pill-select .ag-column-drop-list { padding: 0; } .ag-pill-select .ag-select { padding-top: var(--ag-grid-size); } .ag-pill-select .ag-picker-field-wrapper { background-color: transparent; border: 0; } .ag-pill-select .ag-picker-field-display { cursor: pointer; } .ag-rtl { text-align: right; } .ag-root-wrapper { border-radius: var(--ag-wrapper-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1); } .ag-ltr .ag-row-group-indent-1 { padding-left: calc(1 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-1 { padding-right: calc(1 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2); } .ag-ltr .ag-row-group-indent-2 { padding-left: calc(2 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-2 { padding-right: calc(2 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3); } .ag-ltr .ag-row-group-indent-3 { padding-left: calc(3 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-3 { padding-right: calc(3 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4); } .ag-ltr .ag-row-group-indent-4 { padding-left: calc(4 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-4 { padding-right: calc(4 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5); } .ag-ltr .ag-row-group-indent-5 { padding-left: calc(5 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-5 { padding-right: calc(5 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6); } .ag-ltr .ag-row-group-indent-6 { padding-left: calc(6 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-6 { padding-right: calc(6 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7); } .ag-ltr .ag-row-group-indent-7 { padding-left: calc(7 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-7 { padding-right: calc(7 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8); } .ag-ltr .ag-row-group-indent-8 { padding-left: calc(8 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-8 { padding-right: calc(8 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9); } .ag-ltr .ag-row-group-indent-9 { padding-left: calc(9 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-9 { padding-right: calc(9 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10); } .ag-ltr .ag-row-group-indent-10 { padding-left: calc(10 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-10 { padding-right: calc(10 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11); } .ag-ltr .ag-row-group-indent-11 { padding-left: calc(11 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-11 { padding-right: calc(11 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12); } .ag-ltr .ag-row-group-indent-12 { padding-left: calc(12 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-12 { padding-right: calc(12 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13); } .ag-ltr .ag-row-group-indent-13 { padding-left: calc(13 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-13 { padding-right: calc(13 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14); } .ag-ltr .ag-row-group-indent-14 { padding-left: calc(14 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-14 { padding-right: calc(14 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15); } .ag-ltr .ag-row-group-indent-15 { padding-left: calc(15 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-15 { padding-right: calc(15 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16); } .ag-ltr .ag-row-group-indent-16 { padding-left: calc(16 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-16 { padding-right: calc(16 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17); } .ag-ltr .ag-row-group-indent-17 { padding-left: calc(17 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-17 { padding-right: calc(17 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18); } .ag-ltr .ag-row-group-indent-18 { padding-left: calc(18 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-18 { padding-right: calc(18 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19); } .ag-ltr .ag-row-group-indent-19 { padding-left: calc(19 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-19 { padding-right: calc(19 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20); } .ag-ltr .ag-row-group-indent-20 { padding-left: calc(20 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-20 { padding-right: calc(20 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21); } .ag-ltr .ag-row-group-indent-21 { padding-left: calc(21 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-21 { padding-right: calc(21 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22); } .ag-ltr .ag-row-group-indent-22 { padding-left: calc(22 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-22 { padding-right: calc(22 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23); } .ag-ltr .ag-row-group-indent-23 { padding-left: calc(23 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-23 { padding-right: calc(23 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24); } .ag-ltr .ag-row-group-indent-24 { padding-left: calc(24 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-24 { padding-right: calc(24 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25); } .ag-ltr .ag-row-group-indent-25 { padding-left: calc(25 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-25 { padding-right: calc(25 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26); } .ag-ltr .ag-row-group-indent-26 { padding-left: calc(26 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-26 { padding-right: calc(26 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27); } .ag-ltr .ag-row-group-indent-27 { padding-left: calc(27 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-27 { padding-right: calc(27 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28); } .ag-ltr .ag-row-group-indent-28 { padding-left: calc(28 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-28 { padding-right: calc(28 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29); } .ag-ltr .ag-row-group-indent-29 { padding-left: calc(29 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-29 { padding-right: calc(29 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30); } .ag-ltr .ag-row-group-indent-30 { padding-left: calc(30 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-30 { padding-right: calc(30 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31); } .ag-ltr .ag-row-group-indent-31 { padding-left: calc(31 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-31 { padding-right: calc(31 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32); } .ag-ltr .ag-row-group-indent-32 { padding-left: calc(32 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-32 { padding-right: calc(32 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33); } .ag-ltr .ag-row-group-indent-33 { padding-left: calc(33 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-33 { padding-right: calc(33 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34); } .ag-ltr .ag-row-group-indent-34 { padding-left: calc(34 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-34 { padding-right: calc(34 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35); } .ag-ltr .ag-row-group-indent-35 { padding-left: calc(35 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-35 { padding-right: calc(35 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36); } .ag-ltr .ag-row-group-indent-36 { padding-left: calc(36 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-36 { padding-right: calc(36 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37); } .ag-ltr .ag-row-group-indent-37 { padding-left: calc(37 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-37 { padding-right: calc(37 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38); } .ag-ltr .ag-row-group-indent-38 { padding-left: calc(38 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-38 { padding-right: calc(38 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39); } .ag-ltr .ag-row-group-indent-39 { padding-left: calc(39 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-39 { padding-right: calc(39 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40); } .ag-ltr .ag-row-group-indent-40 { padding-left: calc(40 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-40 { padding-right: calc(40 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41); } .ag-ltr .ag-row-group-indent-41 { padding-left: calc(41 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-41 { padding-right: calc(41 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42); } .ag-ltr .ag-row-group-indent-42 { padding-left: calc(42 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-42 { padding-right: calc(42 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43); } .ag-ltr .ag-row-group-indent-43 { padding-left: calc(43 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-43 { padding-right: calc(43 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44); } .ag-ltr .ag-row-group-indent-44 { padding-left: calc(44 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-44 { padding-right: calc(44 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45); } .ag-ltr .ag-row-group-indent-45 { padding-left: calc(45 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-45 { padding-right: calc(45 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46); } .ag-ltr .ag-row-group-indent-46 { padding-left: calc(46 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-46 { padding-right: calc(46 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47); } .ag-ltr .ag-row-group-indent-47 { padding-left: calc(47 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-47 { padding-right: calc(47 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48); } .ag-ltr .ag-row-group-indent-48 { padding-left: calc(48 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-48 { padding-right: calc(48 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49); } .ag-ltr .ag-row-group-indent-49 { padding-left: calc(49 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-49 { padding-right: calc(49 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50); } .ag-ltr .ag-row-group-indent-50 { padding-left: calc(50 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-50 { padding-right: calc(50 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51); } .ag-ltr .ag-row-group-indent-51 { padding-left: calc(51 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-51 { padding-right: calc(51 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52); } .ag-ltr .ag-row-group-indent-52 { padding-left: calc(52 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-52 { padding-right: calc(52 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53); } .ag-ltr .ag-row-group-indent-53 { padding-left: calc(53 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-53 { padding-right: calc(53 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54); } .ag-ltr .ag-row-group-indent-54 { padding-left: calc(54 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-54 { padding-right: calc(54 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55); } .ag-ltr .ag-row-group-indent-55 { padding-left: calc(55 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-55 { padding-right: calc(55 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56); } .ag-ltr .ag-row-group-indent-56 { padding-left: calc(56 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-56 { padding-right: calc(56 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57); } .ag-ltr .ag-row-group-indent-57 { padding-left: calc(57 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-57 { padding-right: calc(57 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58); } .ag-ltr .ag-row-group-indent-58 { padding-left: calc(58 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-58 { padding-right: calc(58 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59); } .ag-ltr .ag-row-group-indent-59 { padding-left: calc(59 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-59 { padding-right: calc(59 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60); } .ag-ltr .ag-row-group-indent-60 { padding-left: calc(60 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-60 { padding-right: calc(60 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61); } .ag-ltr .ag-row-group-indent-61 { padding-left: calc(61 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-61 { padding-right: calc(61 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62); } .ag-ltr .ag-row-group-indent-62 { padding-left: calc(62 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-62 { padding-right: calc(62 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63); } .ag-ltr .ag-row-group-indent-63 { padding-left: calc(63 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-63 { padding-right: calc(63 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64); } .ag-ltr .ag-row-group-indent-64 { padding-left: calc(64 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-64 { padding-right: calc(64 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65); } .ag-ltr .ag-row-group-indent-65 { padding-left: calc(65 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-65 { padding-right: calc(65 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66); } .ag-ltr .ag-row-group-indent-66 { padding-left: calc(66 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-66 { padding-right: calc(66 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67); } .ag-ltr .ag-row-group-indent-67 { padding-left: calc(67 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-67 { padding-right: calc(67 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68); } .ag-ltr .ag-row-group-indent-68 { padding-left: calc(68 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-68 { padding-right: calc(68 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69); } .ag-ltr .ag-row-group-indent-69 { padding-left: calc(69 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-69 { padding-right: calc(69 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70); } .ag-ltr .ag-row-group-indent-70 { padding-left: calc(70 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-70 { padding-right: calc(70 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71); } .ag-ltr .ag-row-group-indent-71 { padding-left: calc(71 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-71 { padding-right: calc(71 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72); } .ag-ltr .ag-row-group-indent-72 { padding-left: calc(72 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-72 { padding-right: calc(72 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73); } .ag-ltr .ag-row-group-indent-73 { padding-left: calc(73 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-73 { padding-right: calc(73 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74); } .ag-ltr .ag-row-group-indent-74 { padding-left: calc(74 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-74 { padding-right: calc(74 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75); } .ag-ltr .ag-row-group-indent-75 { padding-left: calc(75 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-75 { padding-right: calc(75 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76); } .ag-ltr .ag-row-group-indent-76 { padding-left: calc(76 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-76 { padding-right: calc(76 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77); } .ag-ltr .ag-row-group-indent-77 { padding-left: calc(77 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-77 { padding-right: calc(77 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78); } .ag-ltr .ag-row-group-indent-78 { padding-left: calc(78 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-78 { padding-right: calc(78 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79); } .ag-ltr .ag-row-group-indent-79 { padding-left: calc(79 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-79 { padding-right: calc(79 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80); } .ag-ltr .ag-row-group-indent-80 { padding-left: calc(80 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-80 { padding-right: calc(80 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81); } .ag-ltr .ag-row-group-indent-81 { padding-left: calc(81 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-81 { padding-right: calc(81 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82); } .ag-ltr .ag-row-group-indent-82 { padding-left: calc(82 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-82 { padding-right: calc(82 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83); } .ag-ltr .ag-row-group-indent-83 { padding-left: calc(83 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-83 { padding-right: calc(83 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84); } .ag-ltr .ag-row-group-indent-84 { padding-left: calc(84 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-84 { padding-right: calc(84 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85); } .ag-ltr .ag-row-group-indent-85 { padding-left: calc(85 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-85 { padding-right: calc(85 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86); } .ag-ltr .ag-row-group-indent-86 { padding-left: calc(86 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-86 { padding-right: calc(86 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87); } .ag-ltr .ag-row-group-indent-87 { padding-left: calc(87 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-87 { padding-right: calc(87 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88); } .ag-ltr .ag-row-group-indent-88 { padding-left: calc(88 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-88 { padding-right: calc(88 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89); } .ag-ltr .ag-row-group-indent-89 { padding-left: calc(89 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-89 { padding-right: calc(89 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90); } .ag-ltr .ag-row-group-indent-90 { padding-left: calc(90 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-90 { padding-right: calc(90 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91); } .ag-ltr .ag-row-group-indent-91 { padding-left: calc(91 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-91 { padding-right: calc(91 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92); } .ag-ltr .ag-row-group-indent-92 { padding-left: calc(92 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-92 { padding-right: calc(92 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93); } .ag-ltr .ag-row-group-indent-93 { padding-left: calc(93 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-93 { padding-right: calc(93 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94); } .ag-ltr .ag-row-group-indent-94 { padding-left: calc(94 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-94 { padding-right: calc(94 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95); } .ag-ltr .ag-row-group-indent-95 { padding-left: calc(95 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-95 { padding-right: calc(95 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96); } .ag-ltr .ag-row-group-indent-96 { padding-left: calc(96 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-96 { padding-right: calc(96 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97); } .ag-ltr .ag-row-group-indent-97 { padding-left: calc(97 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-97 { padding-right: calc(97 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98); } .ag-ltr .ag-row-group-indent-98 { padding-left: calc(98 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-98 { padding-right: calc(98 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99); } .ag-ltr .ag-row-group-indent-99 { padding-left: calc(99 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-99 { padding-right: calc(99 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row-group-leaf-indent { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-group-leaf-indent { margin-right: var(--ag-row-group-indent-size); } .ag-value-change-delta { padding-right: 2px; } .ag-value-change-delta-up { color: var(--ag-value-change-delta-up-color); } .ag-value-change-delta-down { color: var(--ag-value-change-delta-down-color); } .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-value-change-value-highlight { background-color: var(--ag-value-change-value-highlight-background-color); transition: background-color 0.1s; } .ag-cell-data-changed { background-color: var(--ag-value-change-value-highlight-background-color) !important; } .ag-cell-data-changed-animation { background-color: transparent; } .ag-cell-highlight { background-color: var(--ag-range-selection-highlight-color) !important; } .ag-row { height: var(--ag-row-height); background-color: var(--ag-background-color); color: var(--ag-data-color); border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-sticky-bottom .ag-row { border-bottom: none; border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-row-highlight-above::after, .ag-row-highlight-below::after { content: ""; position: absolute; width: calc(100% - 1px); height: 1px; background-color: var(--ag-range-selection-border-color); left: 1px; } .ag-row-highlight-above::after { top: -1px; } .ag-row-highlight-above.ag-row-first::after { top: 0; } .ag-row-highlight-below::after { bottom: 0px; } .ag-row-odd { background-color: var(--ag-odd-row-background-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-row-selected::before { content: ""; background-color: var(--ag-selected-row-background-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { content: ""; background-color: var(--ag-row-hover-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .ag-row-hover.ag-full-width-row.ag-row-group > * { position: relative; } .ag-row-hover.ag-row-selected::before { background-color: var(--ag-row-hover-color); background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); } .ag-column-hover { background-color: var(--ag-column-hover-color); } .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value { margin-right: auto; } .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group { --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width))); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); border: 1px solid transparent; line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -webkit-font-smoothing: subpixel-antialiased; } .ag-row > .ag-cell-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); } .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-cell-inline-editing { border: 1px solid var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: 0; background-color: var(--ag-control-panel-background-color); } .ag-popup-editor .ag-large-text, .ag-autocomplete-list-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-control-panel-background-color); padding: 0; } .ag-large-text-input { height: auto; padding: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-large-text-input textarea { resize: none; } .ag-details-row { padding: calc(var(--ag-grid-size) * 5); background-color: var(--ag-background-color); } .ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container { min-height: 50px; } .ag-overlay-loading-wrapper { background-color: var(--ag-modal-overlay-background-color); } .ag-overlay-loading-center { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); } .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } .ag-skeleton-container { width: 100%; height: 100%; align-content: center; } .ag-skeleton-effect { background-color: var(--ag-row-loading-skeleton-effect-color); width: 100%; height: 1em; border-radius: 0.25rem; animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite; } @keyframes ag-skeleton-loading { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .ag-loading { display: flex; height: 100%; align-items: center; } .ag-ltr .ag-loading { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-loading { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-loading-icon { padding-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-loading-icon { padding-left: var(--ag-cell-widget-spacing); } .ag-icon-loading { animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-floating-top { border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-floating-bottom { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-cell { border-right: var(--ag-cell-horizontal-border); } .ag-rtl .ag-cell { border-left: var(--ag-cell-horizontal-border); } .ag-ltr .ag-cell { border-right-width: 1px; } .ag-rtl .ag-cell { border-left-width: 1px; } .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell-range-selected:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { background-color: var(--ag-range-selection-chart-background-color) !important; } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { background-color: var(--ag-range-selection-chart-category-background-color) !important; } .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected-2:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { background-color: var(--ag-range-selection-background-color-2); } .ag-cell-range-selected-3:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { background-color: var(--ag-range-selection-background-color-3); } .ag-cell-range-selected-4:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { background-color: var(--ag-range-selection-background-color-4); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: var(--ag-range-selection-border-color); border-top-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: var(--ag-range-selection-border-color); border-right-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: var(--ag-range-selection-border-color); border-bottom-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: var(--ag-range-selection-border-color); border-left-style: var(--ag-range-selection-border-style); } .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: var(--ag-range-selection-border-color); border-style: var(--ag-range-selection-border-style); outline: initial; } .ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-fill-handle, .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle { right: -1px; } .ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle { left: -1px; } .ag-fill-handle { cursor: cell; } .ag-range-handle { cursor: nwse-resize; } .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-menu { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-menu-background-color); border-color: var(--ag-menu-border-color); padding: 0; } .ag-menu-list { cursor: default; padding: var(--ag-grid-size) 0; } .ag-menu-separator { height: calc(var(--ag-grid-size) * 2 + 1px); } .ag-menu-separator-part::after { content: ""; display: block; border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu-option-active, .ag-compact-menu-option-active { background-color: var(--ag-row-hover-color); } .ag-menu-option-part, .ag-compact-menu-option-part { line-height: var(--ag-icon-size); padding: calc(var(--ag-grid-size) + 2px) 0; } .ag-menu-option-disabled, .ag-compact-menu-option-disabled { opacity: 0.5; } .ag-menu-option-icon, .ag-compact-menu-option-icon { width: var(--ag-icon-size); } .ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 2); } .ag-menu-option-text, .ag-compact-menu-option-text { padding-left: calc(var(--ag-grid-size) * 2); padding-right: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut { padding-left: var(--ag-grid-size); } .ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer { padding-left: var(--ag-grid-size); } .ag-tabs { min-width: var(--ag-tab-min-width); } .ag-tabs-header { display: flex; } .ag-tabs-header-wrapper { display: flex; } .ag-tabs-header-wrapper .ag-tabs-header { flex: 1; } .ag-tabs-close-button-wrapper { border: 0; border-right: var(--ag-borders) var(--ag-border-color); padding: var(--ag-grid-size); } .ag-tabs-close-button { border: 0; background-color: unset; cursor: pointer; padding: 0; } .ag-tab { border-bottom: var(--ag-selected-tab-underline-width) solid transparent; transition: border-bottom var(--ag-selected-tab-underline-transition-speed); display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; } .ag-tab:focus-visible { outline: none; } .ag-tab:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-tab-selected { border-bottom-color: var(--ag-selected-tab-underline-color); } .ag-menu-header { color: var(--ag-secondary-foreground-color); } .ag-filter-separator { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-filter-select .ag-picker-field-wrapper { width: 0; } .ag-filter-condition-operator { height: 17px; } .ag-ltr .ag-filter-condition-operator-or { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-condition-operator-or { margin-right: calc(var(--ag-grid-size) * 2); } .ag-set-filter-select-all { padding-top: var(--ag-widget-container-vertical-padding); } .ag-set-filter-list, .ag-filter-no-matches { height: calc(var(--ag-list-item-height) * 6); } .ag-set-filter-tree-list { height: calc(var(--ag-list-item-height) * 10); } .ag-set-filter-filter { margin-top: var(--ag-widget-container-vertical-padding); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-to { margin-top: var(--ag-widget-vertical-spacing); } .ag-mini-filter { margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-set-filter-item { padding: 0px var(--ag-widget-container-horizontal-padding); } .ag-ltr .ag-set-filter-indent-1 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-1 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-2 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-2 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-3 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-3 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-4 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-4 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-5 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-5 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-6 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-6 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-7 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-7 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-8 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-8 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-9 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-9 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-rtl .ag-set-filter-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-ltr .ag-set-filter-group-icons { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-set-filter-group-icons { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-menu .ag-set-filter-list { min-width: 200px; } .ag-filter-virtual-list-item:focus-visible { outline: none; } .ag-filter-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-apply-panel { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-filter-apply-panel-button { line-height: 1.5; } .ag-ltr .ag-filter-apply-panel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-apply-panel-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-simple-filter-body-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); overflow-y: auto; min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing)); } .ag-simple-filter-body-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-simple-filter-body-wrapper .ag-resizer-wrapper { margin: 0; } .ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper, .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) { min-width: calc(var(--ag-menu-min-width) - 2px); } .ag-filter-no-matches { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-multi-filter-menu-item { margin: var(--ag-grid-size) 0; } .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size); background-color: transparent; } .ag-group-filter-field-select-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-group-filter-field-select-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-multi-filter-group-title-bar:focus-visible { outline: none; } .ag-multi-filter-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-side-bar { position: relative; } .ag-tool-panel-wrapper { width: var(--ag-side-bar-panel-width); background-color: var(--ag-control-panel-background-color); } .ag-side-buttons { padding-top: calc(var(--ag-grid-size) * 4); width: calc(var(--ag-icon-size) + 4px); position: relative; overflow: hidden; } button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0; width: 100%; margin: 0; min-height: calc(var(--ag-grid-size) * 18); background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; border-top: var(--ag-borders-side-button) var(--ag-border-color); border-bottom: var(--ag-borders-side-button) var(--ag-border-color); } button.ag-side-button-button:focus { box-shadow: none; } .ag-side-button-button:focus-visible { outline: none; } .ag-side-button-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-selected button.ag-side-button-button { background-color: var(--ag-side-button-selected-background-color); } .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right { border-right: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: var(--ag-selected-tab-underline-width) solid transparent; transition: border-right var(--ag-selected-tab-underline-transition-speed); } .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: var(--ag-selected-tab-underline-color); } .ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right { border-left: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: var(--ag-selected-tab-underline-width) solid transparent; transition: border-left var(--ag-selected-tab-underline-transition-speed); } .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: var(--ag-selected-tab-underline-color); } .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 6); } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { padding: 0 var(--ag-grid-size); } .ag-filter-toolpanel-header:focus-visible { outline: none; } .ag-filter-toolpanel-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon { display: none; } .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 8); } .ag-filter-toolpanel-group-item { margin-top: calc(var(--ag-grid-size) * 0.5); margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-filter-toolpanel-search { height: var(--ag-header-height); } .ag-filter-toolpanel-search-input { flex-grow: 1; height: calc(var(--ag-grid-size) * 4); } .ag-ltr .ag-filter-toolpanel-search-input { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-search-input { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0 { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size)); } .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header { padding-left: var(--ag-grid-size); } .ag-filter-toolpanel-instance-filter { border-bottom: var(--ag-borders) var(--ag-border-color); border-top: var(--ag-borders) var(--ag-border-color); margin-top: var(--ag-grid-size); } .ag-ltr .ag-filter-toolpanel-group-instance-header-icon, .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-group-instance-header-icon, .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: var(--ag-grid-size); } .ag-set-filter-group-icons { color: var(--ag-secondary-foreground-color); } .ag-pivot-mode-panel { min-height: var(--ag-header-height); height: var(--ag-header-height); display: flex; } .ag-pivot-mode-select { display: flex; align-items: center; } .ag-ltr .ag-pivot-mode-select { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-pivot-mode-select { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-column-select-header:focus-visible { outline: none; } .ag-column-select-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-header { height: var(--ag-header-height); align-items: center; padding: 0 var(--ag-widget-container-horizontal-padding); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-panel-column-select { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-group-icons, .ag-column-select-header-icon { color: var(--ag-secondary-foreground-color); } .ag-column-select-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-column-select-list .ag-item-highlight-top::after { top: 0; } .ag-column-select-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-header, .ag-advanced-filter-header { background-color: var(--ag-header-background-color); border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-row { color: var(--ag-header-foreground-color); height: var(--ag-header-height); } .ag-pinned-right-header { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-pinned-left-header { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-header-cell, .ag-header-group-cell { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving { background-color: var(--ag-header-cell-moving-background-color); } .ag-ltr .ag-header-group-cell-label.ag-sticky-label { left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-group-cell-label.ag-sticky-label { right: var(--ag-cell-horizontal-padding); } .ag-header-cell:focus-visible { outline: none; } .ag-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-group-cell:focus-visible { outline: none; } .ag-header-group-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-header-cell:focus-visible { outline: none; } .ag-advanced-filter-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-icon { color: var(--ag-secondary-foreground-color); } .ag-header-expand-icon { cursor: pointer; } .ag-ltr .ag-header-expand-icon { margin-left: 4px; } .ag-rtl .ag-header-expand-icon { margin-right: 4px; } .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total), .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing { background-color: var(--ag-header-cell-hover-background-color); } .ag-header-cell::before, .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-separator-display); width: var(--ag-header-column-separator-width); height: var(--ag-header-column-separator-height); top: calc(50% - var(--ag-header-column-separator-height) * 0.5); background-color: var(--ag-header-column-separator-color); } .ag-ltr .ag-header-cell::before, .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { right: 0; } .ag-rtl .ag-header-cell::before, .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { left: 0; } .ag-header-cell-resize { display: flex; align-items: center; } .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-resize-handle-display); width: var(--ag-header-column-resize-handle-width); height: var(--ag-header-column-resize-handle-height); top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); background-color: var(--ag-header-column-resize-handle-color); } .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after { height: calc(100% - var(--ag-grid-size) * 4); top: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-header-viewport .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-rtl .ag-header-viewport .ag-header-cell-resize::after { right: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-left-header .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-right-header .ag-header-cell-resize::after { left: 50%; } .ag-ltr .ag-header-select-all { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-select-all { margin-left: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-floating-filter-button { margin-left: var(--ag-cell-widget-spacing); } .ag-rtl .ag-floating-filter-button { margin-right: var(--ag-cell-widget-spacing); } .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; appearance: none; background: transparent; border: none; height: var(--ag-icon-size); padding: 0; width: var(--ag-icon-size); } .ag-filter-loading { background-color: var(--ag-control-panel-background-color); height: 100%; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); position: absolute; width: 100%; z-index: 1; } .ag-paging-panel { border-top: 1px solid; border-top-color: var(--ag-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); } .ag-paging-panel > * { margin: 0 var(--ag-cell-horizontal-padding); } .ag-paging-panel > .ag-paging-page-size .ag-wrapper { min-width: calc(var(--ag-grid-size) * 10); } .ag-paging-button { cursor: pointer; } .ag-paging-button.ag-disabled { cursor: default; color: var(--ag-disabled-foreground-color); } .ag-paging-button:focus-visible { outline: none; } .ag-paging-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-paging-button, .ag-paging-description { margin: 0 var(--ag-grid-size); } .ag-status-bar { border-top: var(--ag-borders) var(--ag-border-color); color: var(--ag-disabled-foreground-color); padding-right: calc(var(--ag-grid-size) * 4); padding-left: calc(var(--ag-grid-size) * 4); line-height: 1.5; } .ag-status-name-value-value { color: var(--ag-foreground-color); } .ag-status-bar-center { text-align: center; } .ag-status-name-value { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); padding-top: calc(var(--ag-grid-size) * 2); padding-bottom: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell { background: var(--ag-chip-background-color); border-radius: calc(var(--ag-grid-size) * 4); height: calc(var(--ag-grid-size) * 4); padding: 0 calc(var(--ag-grid-size) * 0.5); border: 1px solid var(--ag-chip-border-color); } .ag-column-drop-cell:focus-visible { outline: none; } .ag-column-drop-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-drop-cell-text { margin: 0 var(--ag-grid-size); } .ag-column-drop-cell-button { min-width: calc(var(--ag-grid-size) * 4); margin: 0 calc(var(--ag-grid-size) * 0.5); color: var(--ag-secondary-foreground-color); } .ag-column-drop-cell-drag-handle { margin-left: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-column-drop-horizontal { background-color: var(--ag-header-background-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-column-drop-horizontal { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: var(--ag-borders) var(--ag-border-color); } .ag-column-drop-horizontal-cell-separator { margin: 0 var(--ag-grid-size); color: var(--ag-secondary-foreground-color); } .ag-column-drop-horizontal-empty-message { color: var(--ag-disabled-foreground-color); } .ag-ltr .ag-column-drop-horizontal-icon { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal-icon { margin-left: var(--ag-cell-horizontal-padding); } .ag-column-drop-vertical-list { padding-bottom: var(--ag-grid-size); padding-right: var(--ag-grid-size); padding-left: var(--ag-grid-size); } .ag-column-drop-vertical-cell { margin-top: var(--ag-grid-size); } .ag-column-drop-vertical { min-height: 50px; border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-column-drop-vertical-icon { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); } .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: var(--ag-disabled-foreground-color); margin-top: var(--ag-grid-size); } .ag-select-agg-func-popup { border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background: var(--ag-background-color); height: calc(var(--ag-grid-size) * 5 * 3.5); padding: 0; } .ag-select-agg-func-virtual-list-item { cursor: default; } .ag-ltr .ag-select-agg-func-virtual-list-item { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-select-agg-func-virtual-list-item { padding-right: calc(var(--ag-grid-size) * 2); } .ag-select-agg-func-virtual-list-item:hover { background-color: var(--ag-selected-row-background-color); } .ag-select-agg-func-virtual-list-item:focus-visible { outline: none; } .ag-select-agg-func-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-sort-indicator-container { display: flex; } .ag-ltr .ag-sort-indicator-icon { padding-left: var(--ag-grid-size); } .ag-rtl .ag-sort-indicator-icon { padding-right: var(--ag-grid-size); } .ag-chart { position: relative; display: flex; overflow: hidden; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; overflow: hidden; } .ag-chart-title-edit { position: absolute; display: none; top: 0; left: 0; text-align: center; } .ag-chart-title-edit.currently-editing { display: inline-block; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; overflow: hidden; } .ag-charts-canvas { display: block; } .ag-chart-menu { position: absolute; top: 16px; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; width: 0; min-width: 0; transition: min-width 0.4s; } .ag-chart-menu-hidden ~ .ag-chart-docked-container { max-width: 0; overflow: hidden; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { display: flex; align-items: center; width: 100%; height: 30px; padding: 0 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item::before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper, .ag-chart-advanced-settings-wrapper { display: flex; flex-direction: column; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: 16px; } .ag-chart-data-wrapper, .ag-chart-advanced-settings-wrapper { height: 100%; overflow-y: auto; } .ag-chart-advanced-settings { background-color: var(--ag-control-panel-background-color); } .ag-chart-advanced-settings-wrapper, .ag-chart-advanced-settings { width: 100%; } .ag-chart-advanced-settings-wrapper { padding-bottom: 0; } .ag-chart-data-section, .ag-chart-format-section, .ag-chart-advanced-settings-section { display: flex; margin: 0; } .ag-chart-advanced-settings-section { border-bottom: 1px solid var(--ag-secondary-border-color); padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: var(--ag-background-color); } .ag-chart .ag-chart-menu { display: none; } .ag-chart-menu-hidden:hover .ag-chart-menu { display: block; } .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu, .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { display: flex; flex-direction: row; top: 8px; gap: 20px; width: auto; } .ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu, .ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: right; } .ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu, .ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: left; } .ag-chart-menu-close { display: none; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close { position: absolute; top: 50%; transition: transform 0.33s ease-in-out; padding: 0; display: block; cursor: pointer; border: none; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close { right: 0px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close { left: 0px; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon { padding: 14px 5px 14px 2px; width: auto; height: auto; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { content: ""; position: absolute; top: -40px; bottom: -40px; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { right: 0px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { left: 0px; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { left: -10px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { right: -10px; } .ag-chart-tool-panel-button-enable .ag-icon-menu { display: none; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close { transform: translate(3px, -50%); } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(0, -50%); } .ag-ltr .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(5px, -50%); } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close { transform: translate(-3px, -50%); } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(0, -50%); } .ag-rtl .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(-5px, -50%); } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-charts-data-group-item { position: relative; } .ag-charts-data-group-item:not(:last-child) { margin-bottom: var(--ag-grid-size); } .ag-chart-menu { border-radius: var(--ag-card-radius); background: var(--ag-background-color); } .ag-chart-menu-icon { opacity: 0.5; margin: 2px 0; cursor: pointer; border-radius: var(--ag-card-radius); color: var(--ag-secondary-foreground-color); } .ag-chart-menu-icon:hover { opacity: 1; } .ag-chart-menu-toolbar-button { border: 0; background-color: unset; padding: 0 2px; border-radius: 1px; } .ag-chart-mini-thumbnail { border: 1px solid var(--ag-secondary-border-color); border-radius: 5px; } .ag-chart-mini-thumbnail.ag-selected { border-color: var(--ag-minichart-selected-chart-color); } .ag-chart-settings-card-item { background: var(--ag-foreground-color); width: 8px; height: 8px; border-radius: 4px; } .ag-chart-settings-card-item.ag-selected { background-color: var(--ag-minichart-selected-page-color); } .ag-chart-data-column-drag-handle { margin-left: var(--ag-grid-size); } .ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); position: relative; } .ag-charts-advanced-settings-top-level-group-title-bar { position: relative; background-color: unset; } .ag-charts-settings-group-title-bar:focus-visible { outline: none; } .ag-charts-settings-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-data-group-title-bar:focus-visible { outline: none; } .ag-charts-data-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-format-top-level-group-title-bar:focus-visible { outline: none; } .ag-charts-format-top-level-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-advanced-settings-top-level-group-title-bar:focus-visible { outline: none; } .ag-charts-advanced-settings-top-level-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-data-group-container { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); } .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) { height: var(--ag-list-item-height); } .ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field { margin-top: var(--ag-grid-size); } .ag-charts-data-group-container .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-charts-data-group-container .ag-item-highlight-top::after { top: 0; } .ag-charts-data-group-container .ag-item-highlight-bottom::after { bottom: 0; } .ag-charts-format-top-level-group-container, .ag-charts-advanced-settings-top-level-group-container { margin-left: calc(var(--ag-grid-size) * 2); padding: var(--ag-grid-size); } .ag-charts-format-top-level-group-item, .ag-charts-advanced-settings-top-level-group-item { margin: var(--ag-grid-size) 0; } .ag-charts-format-sub-level-group-container { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-settings-group-container { padding: var(--ag-grid-size); row-gap: 8px; display: grid; grid-template-columns: 60px 1fr 60px 1fr 60px; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) { grid-column: 1; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) { grid-column: 3; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) { grid-column: 5; } .ag-chart-menu-panel { background-color: var(--ag-control-panel-background-color); } .ag-ltr .ag-chart-menu-panel { border-left: solid 1px var(--ag-border-color); } .ag-rtl .ag-chart-menu-panel { border-right: solid 1px var(--ag-border-color); } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; text-align: center; } .ag-date-time-list-page-column-label { text-align: center; } .ag-advanced-filter-header { position: relative; display: flex; align-items: center; padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-advanced-filter { display: flex; align-items: center; width: 100%; } .ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button { line-height: normal; white-space: nowrap; } .ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-button { display: flex; align-items: center; border: 0; background-color: unset; color: var(--ag-foreground-color); font-size: var(--ag-font-size); font-weight: 600; } .ag-advanced-filter-builder-button:hover:not(:disabled) { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-button:not(:disabled) { cursor: pointer; } .ag-advanced-filter-builder-button-label { margin-left: var(--ag-grid-size); } .ag-advanced-filter-builder { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; background-color: var(--ag-control-panel-background-color); display: flex; flex-direction: column; } .ag-advanced-filter-builder-list { flex: 1; overflow: auto; } .ag-advanced-filter-builder-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-advanced-filter-builder-list .ag-item-highlight-top::after { top: 0; } .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-advanced-filter-builder-button-panel { display: flex; justify-content: flex-end; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-item-wrapper { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; overflow: hidden; padding-left: calc(var(--ag-icon-size) / 2); padding-right: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines > * { width: var(--ag-advanced-filter-builder-indent-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root { width: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before { top: 50%; height: 50%; } .ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-top, .ag-advanced-filter-builder-item-tree-line-vertical-bottom { position: relative; height: 100%; display: flex; align-items: center; } .ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after, .ag-advanced-filter-builder-item-tree-line-vertical::before, .ag-advanced-filter-builder-item-tree-line-vertical::after, .ag-advanced-filter-builder-item-tree-line-vertical-top::before, .ag-advanced-filter-builder-item-tree-line-vertical-top::after, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::after { content: ""; position: absolute; height: 100%; } .ag-advanced-filter-builder-item-tree-line-horizontal::after { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); top: 0; left: calc(var(--ag-icon-size) / 2); border-bottom: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical::before { width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-top::before { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { height: calc((100% - 1.5 * var(--ag-icon-size)) / 2); width: calc(var(--ag-icon-size) / 2); top: calc((100% + 1.5 * var(--ag-icon-size)) / 2); left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-condition { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-pill-wrapper, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-tree-lines { display: flex; align-items: center; height: 100%; } .ag-advanced-filter-builder-pill-wrapper { margin: 0px var(--ag-grid-size); } .ag-advanced-filter-builder-pill { position: relative; border-radius: var(--ag-border-radius); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); min-height: calc(100% - var(--ag-grid-size) * 3); min-width: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-pill .ag-picker-field-display { margin-right: var(--ag-grid-size); } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number { font-family: monospace; font-weight: 700; } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty { color: var(--ag-disabled-foreground-color); } .ag-advanced-filter-builder-pill:focus-visible { outline: none; } .ag-advanced-filter-builder-pill:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-item-button:focus-visible { outline: none; } .ag-advanced-filter-builder-item-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-pill-display { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .ag-advanced-filter-builder-join-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-join-pill-color); cursor: pointer; } .ag-advanced-filter-builder-column-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-column-pill-color); cursor: pointer; } .ag-advanced-filter-builder-option-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-option-pill-color); cursor: pointer; } .ag-advanced-filter-builder-value-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-value-pill-color); cursor: text; max-width: 140px; } .ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display { display: block; } .ag-advanced-filter-builder-item-buttons > * { margin: 0 calc(var(--ag-grid-size) * 0.5); } .ag-advanced-filter-builder-item-button { position: relative; cursor: pointer; color: var(--ag-secondary-foreground-color); opacity: 50%; } .ag-advanced-filter-builder-item-button-disabled { color: var(--ag-disabled-foreground-color); cursor: default; } .ag-advanced-filter-builder-virtual-list-container { top: var(--ag-grid-size); } .ag-advanced-filter-builder-virtual-list-item { display: flex; cursor: default; height: var(--ag-list-item-height); } .ag-advanced-filter-builder-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button { opacity: 100%; } .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible, .ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid { opacity: 100%; } .ag-advanced-filter-builder-invalid { margin: 0 var(--ag-grid-size); color: var(--ag-invalid-color); cursor: default; } .ag-input-field-input { width: 100%; min-width: 0; } .ag-checkbox-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; } .ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-checkbox-input-wrapper::after { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-indeterminate::after { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); color: var(--ag-checkbox-indeterminate-color); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-indeterminate::before { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-toggle-button-input-wrapper { box-sizing: border-box; width: var(--ag-toggle-button-width); min-width: var(--ag-toggle-button-width); max-width: var(--ag-toggle-button-width); height: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-off-background-color); border-radius: calc(var(--ag-toggle-button-height) * 0.5); position: relative; flex: none; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-off-border-color); } .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-toggle-button-input-wrapper.ag-checked { background-color: var(--ag-toggle-button-on-background-color); border-color: var(--ag-toggle-button-on-border-color); } .ag-toggle-button-input-wrapper::before { content: " "; position: absolute; top: calc(0px - var(--ag-toggle-button-border-width)); left: calc(0px - var(--ag-toggle-button-border-width)); display: block; box-sizing: border-box; height: var(--ag-toggle-button-height); width: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-switch-background-color); border-radius: 100%; transition: left 100ms; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-switch-border-color); } .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); border-color: var(--ag-toggle-button-on-border-color); } .ag-radio-button-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; border-radius: var(--ag-icon-size); } .ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-radio-button-input-wrapper::after { content: var(--ag-icon-font-code-radio-button-off, "\f127"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-radio-button-on, "\f128"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-radio-button-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } input[class^=ag-][type=range] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } input[class^=ag-][type=range]::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); color: transparent; width: calc(100% - 2px); } input[class^=ag-][type=range]::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); } input[class^=ag-][type=range]::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]:focus { outline: none; } input[class^=ag-][type=range]:focus::-webkit-slider-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-ms-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-moz-ag-range-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-ms-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:disabled { opacity: 0.5; } @font-face { font-family: "agGridAlpine"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABMUAAsAAAAAKMwAABLCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KqmyjKwE2AiQDgkALgSIABCAFhEYHhUEbnyMzg/aatGqziOpJNvu/JGhLhnjjdVVKiQVRRpQIMYb+arBrcnXzpDWxiZ/03+6d7uYA0kgNGvfxjeHHsZxySFI0efhYa+/v7iGeriQ0iXmiiXjIROjWyEwnREJiiNL8r7ned9lNjoj/UviIZqqAwagvZXWN7vQH2uY/PCuxGixE3Zco9c7GTcI4jGiM5Ixl6zZYJOu4deqq/4JF6qJ74B9A4MjcdjWnBf6vzeoX1p0qiEwH0j3ielqTJCVtAmTUucAVrqMqJHm7J9HDZROQwmB/an6zL7XMHhb7kozZWv+/7xgEJkGCJ4SvEGy5v2EaHaSESvAJKgL+b+1f7X9BlMATAqHj4/Ts7Pz/9965+zA0mU+02dBmQ5sfphJYIEX8Xjanfa8cAFStrQKWdRW+vpqEqbN1cToVOJ6CtsfmMoLfUD/X9o81JEiwSx5ix9/Y/D1YFRZgNHb89HY+AigxopP6BiQ4BLYXmusgA7t/bICvlWN7o7wQXGc5eKRfcJ1eti2g4qav/kYgjmNd0tLkOJ2Z/s9UagziUjLg4EUfjozhKEJQaXQSBRvG1xhMyJishB+RIifj9w6SMEZ1KBbXsdcUQmxLtN9Y2RPEjbehOT882Zbg6JXTtclU1IKAeRSMqKLcjrgNk40wT889wmXtgNBtcVthsjULZ4tB2WK6N7J190VFqlzEbaj5YYFjdj8VOa0t8WaELTaNWbZ2zJ36dM0BpxvCVJZlmP07Ku01wgZhT+xoxJdg3JpQhms8MU4R0KC64anv+rx2E9QmUFl/ortRSm2LPVbXu/6mNu5MGHAN4b2DK64KlaiuEGXqwIjTcKY+GVvvXXv07MWrT/8ARxGnhMUgqnrxK5p1WI/vEslM7FNW4qVzW4pQxmZGfTcfLa5FzMYh1DDHeHmEBYawVuhveThz4/Z2dCZM6QPZepCtu0Awgr9fxzGZfEA7NUeBnvZPglAHxmEeGS0TuaKyQz0dlSU+5CaqdHjGJPZMGbqSalOhn8ZkfcgmGZmvf+NtZ3kuxJoanXfBFT1apf/pNpfg7r5/jDDbG8TMmArFxZdY2RunTLjo7A1bhEgOKxy/44qp4TPcaX8TBaqr5I03XL2wOnWsmcJR+qYaVC4sUcTEa3fttqtEtmJTFzkEkKOHEg0IW2xbu847njOcPMS1HEguk4O4evv+401DJCAhp+5PaGo1rgT+qPli3jGfRZOPcxsxeZA4fApUAxlI8uONUTX04VdDPKlrg/1DGRcJ1vfKR7+/mgs1Hnnj81f8qLjXwfcQzmm4Aq0wK9YeoM575jiqJZvSu0mGAXtHYlg7unCQIJhMGY7Vxc3Dy8cvICgkLCIabTAhKSXtT4BZOXkFRSVlFVU1dQ1NLW0dXT19A0MlI2MTSMjUzNwViAL3M3lQqcZ+K0F0pgsVlj2jUW27//+7xP6ErY9y4JcBemZdmAFqntggsMAagUXWDyyxbmCZDQErrAVYZRPAGmsC1lkvsMHagC3WB2yzHmCHDQO7rAPYY+3APhsFDlkzcMS6gGPWCpywEeCUjQNnrBM4ZwPABRsDLkdPgi8AvREIIQhCMIQQCKEQwiCEQ4iAEAkhCkI0hBgIsRDiIMRDSICQCCEJQjKEFAipENIgpEPIgJAJIQtCNoQcCLkQ8iDkQyiAUAihCEIxhBIIpRDKIJRDqIBQCaEKQjWEGgi1EOog1LM3nQboL40QmiA0m0QKvha7bbRCebRBaIfQAWjE1KT6Mbe4oaAEFD15V8c1Npu8CiuJ+AgmZ+ibQWlcWmSAxALcWmEZSyAXGzLeJkSCSHP7vut0TVNSh01dwfysllW0nFagpJbIKHpGxmNm9hthJGqxHh2r9a1LpXoZteJbRCtpSsJSTEsukVAcjaubhmElaof2qUe+BlVN1Giq1mAaAZwEyNjKPVCn9M/ombCZRJqctqcDmwMD6YIbHZTN5WLZAkbni25GeSMT81p3zBduRVryQiIyK7q2F9KY/XxW7heJar+AV/4A237mtCB4kYk89YiCOQFcIhL20uGLC5C//SXJRK8vo5pgx6uNrmAl9nqbrUmU8rR0zekKrHF/ZrbTLBjbkj1RfwZ8jD6jIGTXaC+ppjqxRFrkNJGP9hy7FDGeHl4FhagGY/X+NWKIFlCDQdymq8aSUjqFqWvzkiu8bbxidd5BC5FI3fF2jDbWGGyHuZOQtm5/x4kTONSe2rVrHwpWnb9Nov1nwZZwm7XrFA63gb0no9N9tm+PtjL/zA0c+m27WJbiO3duJdFGFKiPWcdOnQvOn15mzcmdkfJv2xWeAFu3msOOmlv/ywgmtudQ7OBWH57bsiXY22Zxy0oiunOJu23/6avmojw/8UbZj+OwUkFBDKcnL4LlKINqlUTcrvDGGf/szej2+eDcraXhh5YpEnwqsZbt+05dyXoFKq+nwn92ShXNCF6yaHCcROsbmMjVyCpwAIykbGupvSPhMYsX7aOP4HADCurdUp6yJYUFrFqsL8zM7IV47ry5hRjHlQq3cper7EY8sVz1JEovtIkocwPG87er0DaWVUVFTeGaqMp0HFOhdHeVMhkVV0tzq8tXBfsy//f1KNCUo9RSBsUQa7goUOYSCQuMCJP3Zbl1eg901ANJ1JRAwAFWOYEiMGh9B6P5mSBGbmFdFGynyI2W4PF7ElIWwub1lx8hNmUO1YOBRJcelh+8wWAXdQFOYZnMheiyn3mxR0fGUhmEAcuc0OnNoWUCwy9APEPC6JLB3qh3kZxqcakMAz8X5/svbeB0nmCM8gVMTMCsHehWTxx6nn2v4oSV+aW7ZfBDrePhfZfDN33xNOiUOjI9Wu+fCE8FpxclVQIGIiWe206+Due/uv6F2Dfh9JzjOWfkmZE3plNza8PBsWdmDuV0/pIj2R1mA3029clIJ3d6wO7BvYW5lWx1PN6He1fL5X6/NO6J46m/dV+rVPr/2rK/Wp3xZ1dSKYvrnwdUl/rm3o/ThqFSdj1Ba/Tqqdhcb67xvOzTGc/HnB6w3B9EEI8HEiTC8ENfShDpAdJ/36fp3UfwVDATzzCQDf0hai8P8iAP1iG7MWwHe49R29iVpyW9Jvtm//FoVsNrHYxLzl1zj65MQXIJUXDHTCplOz0lt6XklEpsrSs6PLMb6BSjDSNiDdgbT82/rqLjG1PMyGr2IobBMyLY+X4EAyY1FNd7H4onDuKwRiWMHcCARyf3nsBnvo5KE1xM9KRgXZq0hw+FgIGlhoMR4oeQzvBT8Dn66H9YSWzWsLV9s7jHRfgE/EbI/8Ej2I93AzqCDlA9AK8XIc7u5PFcBFOLkAMDS9PTM9JhLmbk04cZURi0w2qd7hf+66VugwSKgGdMv7JAkMfj5QkKnobP8+fxCgRPHXzPW9Q/37AIkv38NMC12IJgEeQP4ifR2kq0EcCfpzP1CB70OLWDwR7ww/Gmm9rbS6VnTq9ZI5UFe9OZQQ1B3ukO03qi/5bXB+aH18eWL1cXFenpRYSf8ZmdOX1ma8SmTTNeK5xpEAc0Z/zNDGBd/alkK3erypElW5WytjZwbAoWVH/+gx9HCEzk8AgdaGJcPKJKuUADupgGNFpHE9PBedUXxBdgmJuRGR2dKetggTA4nAwcEfAGX5aXttT3xW6n+Jf7h/qX+fPke2vc5J1XXf9vbZ9CuW4cEGl9l1K//Kb5TPdBO+vy0J/LYu1pJ1sQW8cwP6rJUouO8Ga2leNOlteBUq/0dOduyyXbLJ2d7B3cLc+PUM1mWHZWNLwxt0mjWi53/MJbCSF2Tx2oKv02+2UWlSLZEw+qhUnWumgHh9WnqYvDZgQeYJBOgWDfYdYqMTVw4gw51S2w2pfrxLoUYmy6jKqEzebc7sO8W6mXh6IiGWxFKEtRln4KVtmHhyrYaGRhe26Tf7YX2+mU4QwUoWw/9+WJLucWczXnuPs13MX7EYp/m7xNhgMG5WFjfnJSewnFh4FjMzKGtkvD3L7BMxntY6pm1IxxwKxsaN/CMrHMpdfwk8ZWo8xtJNKa1PbD86kznOycuOndaR3cSQbGVl5WVGgg+ZUTvO++r47jqoukWKwIyE/TxDR1uskZgbyYnOOXyNIcVnUaaGKbOlzlImGitKTA+GJMSqhzZEFRLy8hOYG+fimXmcBgxDO5pkb5bexUo6AYZ4vFUhE9yymyUKBtBiBO4uEPv+XJmZWmgiLnyPjrip65yps6NTGb8zyI4WYOucqFEzWBqfHwSSm4Bt6OItctPkBmdBu2NRm9W6u/W3znLnzlHDls3FCbwPlhfASHOb0+gZIqjMAOqPgDsVDnDCKsDIooUQHKJzEWptpNYETVo8QPFQtuacUEmOqHGXb71sLHHTli235ZDtXjl063vvdgfVcWhZXDdJcddK1cK8zn8/MawweElsPRd7jQ1zNkuKx1za4W4gLD9MxX5gEXCUcy2ffr1zJhoDJdWWY4R8LZmZjNabLmXvN8MuyroYrDbrStLeMBhRIVRaE8MBqy/fTKvF/oPrCuCZWoklBi8rNRJaC78aN5225GCoBjavCGP+/x1wv48Mz9Y3fy5FzmBH27rG6nemh5dpCEmZjIlARlC8vpKwYHXejlEltICf1KQei46i3X/yT9ObmVBjSNTAk0EG8ziT6JBl9+zrsEDU4sJ3BIIubMMXYRyaadUeuqigpmrwtHPW67uyfufhofX15ioO/kI5Kfrurv//9/8tnMUbN2EF80mtxGqqmzc0uxg1GTzfz+pnlmj286fhoaglDb9Q2xDEasEeJmx4j8hQa2B8R5BTt+CfnvDd4Ze7Opxu++XbSxorK9P3btt1xI4ngqTk5uCGDExwUqmyeT5iuEk4s+chzm3jDhuccbqbo7D8FofaIH/c5JbNGHvE4MO9il6qTE/mh3vW3C2aqew6oGcXcPbP60YUXV6//8adz8urIcvwzfqVN9M/xyLoZPeurU+4lz/C565DcsHl+bw8vkcDJ5OXfF9fyZnBzeXcfqMPwutjE6unEyOVOT+X8u5kc+jZ4xUeuXsvKJUAvPdIOnmFvGNmyb4B3KQuGZ2lLqemDsRLRBliB5lnsm8Ti6Spdv36KjRUIPj6goIKOUeUr4tHlcZtT8VqqGEycmUYwZL1Z9UYQWhgvnzK8JWJOTmmosru7rXSCuiBROt9PwvhU9rFB44o15uQkJWi17334wH3JVYwu1Gd7cvBDT8tnEsljHw4eG0DaKtfuJw3C/f5mMzPX7wbsMnxaIVr7vW6OIb8Djd+9D9+3B4xoUcdo+ZzQgLglliur21l6/uv3Y/t3DEY1f0+sUEaBIwvEHKEDV86+/PX/hvdTfI8H/fqEb8m4cgE20TZ1+lAcpS6tpR0rACZbtRdvoIL3IEWc22wH0G6lD3qJHLUPupbURVMZxp6VZQd1qGPjt791g2KxXZdkyeqdw1T/kYxszbYM3jeNchQ3ulriPeY5Y12m2mjIbFdIFzhZvIlqZh5Eg1TAA0dPwvg+C0AqvZmsQ27zdGORuyWvX6jzLUXOUVJC/L7O75APlycErPsjuSM39f5PI/wGg5sSf93y0cf9U14K0beNCvem/gM1t/pdv/YhgcZT0X4L81ycKtSDt2zC32xwwPgjgI0h12mmkkIA0tAQ1Jwkgc7cOEkrnAUwFAmOYBjpMB+zhRsOnE6hTSwakJABBvd4dkyAJO0B+dNaCAp0PMxUsN0GDzm8ZBh7Kb0ZgeDQva7gn9uYmJE/wG1wJiu2boG/zHzj7SM1ld+F2ek9AwErANP2iyaO7ErGN5YjNY6R1QiHEJnH8Ai3dIJKup1OLz7jTEVcU5wnzjBtB4hHwG5xeuSJQWGCrkP4PjpDhhxaRxqXOhWDiSVCRBwgEjUZvoUazkXNFiLYa2WMRcvWYqhCEQCDeVfL2vgCNTWeI4SXXpmR3VtR0dCpyLiujaovvj5+KtUgji1wURGEURfHfW2t7xN78uHdWCaIkK6qmG6ZlO67nB2EUJ2mWF2VVN23XD+M0L+u2H+d1P+/3c+PWnXsPHj159uLVm3cfPv3w06+1E4djcEp8pIkajrO8rrae6CANodanYjnsMOjvPs5bVgvm3PY5ngwIMHpSAsduswsJRXd1h8ht8qbuvHEFC1Le1k3CSguYSnda1Hpizut6j+v6lcpk1jV8WTubnUkq9YJmC35oc1B5WOf1E1shw7y1Lc5SufGpPvWxpMrXEQTTyiQU5XykG6GV8eQ2MeYe/RIqTCqbJZWWI6WcS0VNsEMtrQohzsDUKYUjhPVUVKcao2ymgdHHkg85oe8mtn0RidRGaw9spajmcoNUOUbYzvdjUWvijHRRJNoBOwxt3qwSgzTM8xwLA7Sk2rIvHxPQZnnqEqjSVXLtxxs3a2EV10pDp0j97k5eVRwGhBeRmUwLBt96c+0fKpKFkbVcKwAA); font-weight: normal; font-style: normal; } .ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark { --ag-alpine-active-color: #2196f3; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-row-hover-color: rgba(33, 150, 243, 0.1); --ag-column-hover-color: rgba(33, 150, 243, 0.1); --ag-input-focus-border-color: rgba(33, 150, 243, 0.4); --ag-range-selection-background-color: rgba(33, 150, 243, 0.2); --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36); --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49); --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59); --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: #babfc7; --ag-secondary-border-color: #dde2eb; --ag-header-background-color: #f8f8f8; --ag-tooltip-background-color: #f8f8f8; --ag-odd-row-background-color: #fcfcfc; --ag-control-panel-background-color: #f8f8f8; --ag-subheader-background-color: #fff; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: #999; --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-alpine-active-color); --ag-range-selection-border-color: var(--ag-alpine-active-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-input-border-color: var(--ag-border-color); --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color); --ag-panel-background-color: var(--ag-header-background-color); --ag-menu-background-color: var(--ag-header-background-color); --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5); --ag-chip-background-color: rgba(24, 29, 31, 0.07); --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3); --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15); --ag-borders: solid 1px; --ag-border-radius: 3px; --ag-borders-side-button: none; --ag-side-button-selected-background-color: transparent; --ag-header-column-resize-handle-display: block; --ag-header-column-resize-handle-width: 2px; --ag-header-column-resize-handle-height: 30%; --ag-grid-size: 6px; --ag-icon-size: 16px; --ag-row-height: calc(var(--ag-grid-size) * 7); --ag-header-height: calc(var(--ag-grid-size) * 8); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-size); --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridAlpine; --ag-selected-tab-underline-color: var(--ag-alpine-active-color); --ag-selected-tab-underline-width: 2px; --ag-selected-tab-underline-transition-speed: 0.3s; --ag-tab-min-width: 240px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: var(--ag-card-shadow); --ag-side-bar-panel-width: 250px; } .ag-theme-alpine-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-alpine-auto-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-alpine .ag-filter-toolpanel-search, .ag-theme-alpine .ag-status-bar, .ag-theme-alpine .ag-header-row, .ag-theme-alpine .ag-panel-title-bar-title, .ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-toolpanel-header, .ag-theme-alpine-dark .ag-filter-toolpanel-search, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-dark .ag-header-row, .ag-theme-alpine-dark .ag-panel-title-bar-title, .ag-theme-alpine-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-header, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-search, .ag-theme-alpine-auto-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-header-row, .ag-theme-alpine-auto-dark .ag-panel-title-bar-title, .ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar { font-weight: 700; color: var(--ag-header-foreground-color); } .ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row { font-size: calc(var(--ag-font-size) + 1px); } .ag-theme-alpine input[class^=ag-]:not([type]), .ag-theme-alpine input[class^=ag-][type=text], .ag-theme-alpine input[class^=ag-][type=number], .ag-theme-alpine input[class^=ag-][type=tel], .ag-theme-alpine input[class^=ag-][type=date], .ag-theme-alpine input[class^=ag-][type=datetime-local], .ag-theme-alpine textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]), .ag-theme-alpine-dark input[class^=ag-][type=text], .ag-theme-alpine-dark input[class^=ag-][type=number], .ag-theme-alpine-dark input[class^=ag-][type=tel], .ag-theme-alpine-dark input[class^=ag-][type=date], .ag-theme-alpine-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark textarea[class^=ag-], .ag-theme-alpine-auto-dark input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark input[class^=ag-][type=text], .ag-theme-alpine-auto-dark input[class^=ag-][type=number], .ag-theme-alpine-auto-dark input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark input[class^=ag-][type=date], .ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab, .ag-theme-alpine-auto-dark .ag-tab { padding: calc(var(--ag-grid-size) * 1.5); transition: color 0.4s; flex: 1 1 auto; } .ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected, .ag-theme-alpine-auto-dark .ag-tab-selected { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu, .ag-theme-alpine-auto-dark .ag-menu { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header, .ag-theme-alpine-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); padding-top: 1px; } .ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header, .ag-theme-alpine-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar { padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px); } .ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail, .ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); } .ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar, .ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar { margin-top: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar { padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar { padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group { border-left: dashed 1px; border-left-color: var(--ag-border-color); padding-left: var(--ag-grid-size); margin-bottom: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar { padding-top: 0; padding-bottom: 0; background: none; font-weight: 700; } .ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container { padding-bottom: 0; } .ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child { margin-bottom: 0; } .ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost, .ag-theme-alpine-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 700; } .ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons, .ag-theme-alpine-auto-dark .ag-side-buttons { width: calc(var(--ag-grid-size) * 5); } .ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button, .ag-theme-alpine-auto-dark .ag-standard-button { font-family: inherit; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: 1px solid; border-color: var(--ag-alpine-active-color); color: var(--ag-alpine-active-color); background-color: var(--ag-background-color); font-weight: 600; padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover, .ag-theme-alpine-auto-dark .ag-standard-button:hover { border-color: var(--ag-alpine-active-color); background-color: var(--ag-row-hover-color); } .ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active, .ag-theme-alpine-auto-dark .ag-standard-button:active { border-color: var(--ag-alpine-active-color); background-color: var(--ag-alpine-active-color); color: var(--ag-background-color); } .ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled, .ag-theme-alpine-auto-dark .ag-standard-button:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-theme-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical, .ag-theme-alpine-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar { padding: calc(var(--ag-grid-size) * 2); padding-bottom: 0px; } .ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); opacity: 0.75; } .ag-theme-alpine .ag-pill-select .ag-column-drop, .ag-theme-alpine-dark .ag-pill-select .ag-column-drop, .ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop { min-height: unset; } .ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value, .ag-theme-alpine-auto-dark .ag-status-name-value-value { font-weight: 700; } .ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number, .ag-theme-alpine-auto-dark .ag-paging-number, .ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number { font-weight: 700; } .ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button { opacity: 0.5; } .ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover { opacity: 0.75; } .ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-cell-filter-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-set-filter-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine .ag-chart-menu-close:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-dark .ag-side-button-button:hover, .ag-theme-alpine-dark .ag-tab:hover, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-dark .ag-header-expand-icon:hover, .ag-theme-alpine-dark .ag-column-group-icons:hover, .ag-theme-alpine-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-dark .ag-chart-settings-next:hover, .ag-theme-alpine-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-dark .ag-chart-menu-close:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-auto-dark .ag-side-button-button:hover, .ag-theme-alpine-auto-dark .ag-tab:hover, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-auto-dark .ag-header-expand-icon:hover, .ag-theme-alpine-auto-dark .ag-column-group-icons:hover, .ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-next:hover, .ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-close:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine .ag-side-button-button:hover .ag-icon, .ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon { color: inherit; } .ag-theme-alpine .ag-filter-active .ag-icon-filter, .ag-theme-alpine-dark .ag-filter-active .ag-icon-filter, .ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-chart-menu-close, .ag-theme-alpine-dark .ag-chart-menu-close, .ag-theme-alpine-auto-dark .ag-chart-menu-close { background: var(--ag-background-color); } .ag-theme-alpine .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-chart-menu-close:hover .ag-icon { border-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-chart-menu-close .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close .ag-icon, .ag-theme-alpine-auto-dark .ag-chart-menu-close .ag-icon { background: var(--ag-header-background-color); border: 1px solid var(--ag-border-color); border-right: none; } .ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button { margin-left: calc(var(--ag-grid-size) * 2); margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button { margin-right: calc(var(--ag-grid-size) * 2); margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { border-left: dashed 1px; border-left-color: var(--ag-border-color); margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { border-right: dashed 1px; border-right-color: var(--ag-border-color); margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list, .ag-theme-alpine-auto-dark .ag-set-filter-list { padding-top: calc(var(--ag-grid-size) * 0.5); padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 60px; } .ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } :root { --radius-sm: 0.125rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-full: 9999px; --focus-ring-radius: 0.25rem; } body { font-family: 'Inter', sans-serif; color: black; } form label { margin-bottom: calc(var(--spacing) * 2); display: block; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .required-asterix { margin-left: calc(var(--spacing) * 1); color: var(--color-brand-danger); } input, textarea, select { display: block; width: 100%; border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); background-color: var(--color-white); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:focus { border-color: var(--color-blue-500); } &:focus { --tw-ring-color: var(--color-brand-gray-dark); } &:disabled { cursor: not-allowed; } &:disabled { opacity: 50%; } @media (prefers-color-scheme: dark) { border-color: var(--color-gray-600); } @media (prefers-color-scheme: dark) { background-color: var(--color-gray-700); } @media (prefers-color-scheme: dark) { color: var(--color-white); } @media (prefers-color-scheme: dark) { &::placeholder { color: var(--color-gray-400); } } } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"] { padding: calc(var(--spacing) * 2.5); } input[type="file"] { overflow: hidden; } .date-picker input { padding: calc(var(--spacing) * 2.5); padding-left: calc(var(--spacing) * 10); } select { padding: calc(var(--spacing) * 2.5); } input[type="checkbox"], input[type="radio"] { display: inline-block; height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); border-color: var(--color-gray-300); background-color: var(--color-white); vertical-align: middle; } button:hover { opacity: 90%; } .card-list-button-text span { font-size: 1.1rem; line-height: 1.5rem; letter-spacing: 0.06rem; font-weight: 500; } @media (max-width: 639px) { .sb-main-padded { padding-left: 0px !important; padding-right: 0px !important; } } @layer base { .tooltip-arrow,.tooltip-arrow:before { position: absolute; width: 8px; height: 8px; background: inherit; } .tooltip-arrow { visibility: hidden; } .tooltip-arrow:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before { border-style: solid; border-color: var(--color-gray-200); } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before { border-bottom-width: 1px; border-right-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before { border-bottom-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before { border-top-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before { border-top-width: 1px; border-right-width: 1px; } .tooltip[data-popper-placement^='top'] > .tooltip-arrow { bottom: -4px; } .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow { top: -4px; } .tooltip[data-popper-placement^='left'] > .tooltip-arrow { right: -4px; } .tooltip[data-popper-placement^='right'] > .tooltip-arrow { left: -4px; } .tooltip.invisible > .tooltip-arrow:before { visibility: hidden; } [data-popper-arrow],[data-popper-arrow]:before { position: absolute; width: 8px; height: 8px; background: inherit; } [data-popper-arrow] { visibility: hidden; } [data-popper-arrow]:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-popper-arrow]:after { content: ""; visibility: visible; transform: rotate(45deg); position: absolute; width: 9px; height: 9px; background: inherit; } [role="tooltip"] > [data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-200); } .dark [role="tooltip"] > [data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-600); } [role="tooltip"] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-200); } .dark [role="tooltip"] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-600); } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before { border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after { border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before { border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after { border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before { border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after { border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before { border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after { border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] { bottom: -5px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] { top: -5px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] { right: -5px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] { left: -5px; } [role="tooltip"].invisible > [data-popper-arrow]:before { visibility: hidden; } [role="tooltip"].invisible > [data-popper-arrow]:after { visibility: hidden; } } @layer base { [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { appearance: none; background-color: #fff; border-color: var(--color-gray-500); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-blue-600); --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: var(--color-blue-600); } } input::placeholder,textarea::placeholder { color: var(--color-gray-500); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } input[type="time"]::-webkit-calendar-picker-indicator { background: none; } select:not([size]) { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); background-position: right 0.75rem center; background-repeat: no-repeat; background-size: 0.75em 0.75em; padding-right: 2.5rem; print-color-adjust: exact; } :is([dir=rtl]) select:not([size]) { background-position: left 0.75rem center; padding-right: 0.75rem; padding-left: 0; } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: var(--color-blue-600); background-color: #fff; border-color: --color-gray-500; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-blue-600); --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); } [type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked { border-color: transparent !important; background-color: currentColor !important; background-size: 0.55em 0.55em; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [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"); background-size: 1em 1em; } .dark [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"); background-size: 1em 1em; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e"); background-color: currentColor !important; border-color: transparent !important; background-position: center; background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent !important; background-color: currentColor !important; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px auto inherit; } input[type=file]::file-selector-button { color: white; background: var(--color-gray-800); border: 0; font-weight: 500; font-size: 0.875rem; cursor: pointer; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2rem; padding-right: 1rem; margin-inline-start: -1rem; margin-inline-end: 1rem; &:hover { background: var(--color-gray-700); } } :is([dir=rtl]) input[type=file]::file-selector-button { padding-right: 2rem; padding-left: 1rem; } .dark input[type=file]::file-selector-button { color: white; background: var(--color-gray-600); &:hover { background: var(--color-gray-500); } } input[type="range"]::-webkit-slider-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-webkit-slider-thumb { background: var(--color-gray-400); } .dark input[type="range"]:disabled::-webkit-slider-thumb { background: var(--color-gray-500); } input[type="range"]:focus::-webkit-slider-thumb { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); } input[type="range"]::-moz-range-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-moz-range-thumb { background: var(--color-gray-400); } .dark input[type="range"]:disabled::-moz-range-thumb { background: var(--color-gray-500); } input[type="range"]::-moz-range-progress { background: var(--color-blue-500); } input[type="range"]::-ms-fill-lower { background: var(--color-blue-500); } input[type="range"].range-sm::-webkit-slider-thumb { height: 1rem; width: 1rem; } input[type="range"].range-lg::-webkit-slider-thumb { height: 1.5rem; width: 1.5rem; } input[type="range"].range-sm::-moz-range-thumb { height: 1rem; width: 1rem; } input[type="range"].range-lg::-moz-range-thumb { height: 1.5rem; width: 1.5rem; } .toggle-bg:after { content: ""; position: absolute; top: 0.125rem; left: 0.125rem; background: white; border-color: var(--color-gray-300); border-width: 1px; border-radius: 9999px; height: 1.25rem; width: 1.25rem; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-duration: .15s; box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); } input:checked + .toggle-bg:after { transform: translateX(100%);; border-color: white; } input:checked + .toggle-bg { background: var(--color-blue-600); border-color: var(--color-blue-600); } } @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-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-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: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } }