/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-duration: initial; --tw-ease: 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-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%; } } } @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-500: oklch(63.7% .237 25.331); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-500: oklch(55.1% .027 264.364); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-2xl: 42rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --leading-tight: 1.25; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --text-color-ui: var(--color-text-ui); --text-color-ui-0: var(--color-text-ui-0); --text-color-ui-10: var(--color-text-ui-10); --text-color-ui-25: var(--color-text-ui-25); --text-color-ui-50: var(--color-text-ui-50); --text-color-ui-75: var(--color-text-ui-75); --text-color-ui-100: var(--color-text-ui-100); --text-color-ui-onbrand: var(--color-text-ui-onbrand); --text-color-ui-onstatistic: var(--color-text-ui-onstatistic); --text-color-ui-onselected: var(--color-text-ui-onselected); --text-color-ui-ondanger: var(--color-text-ui-ondanger); --text-color-ui-oncaution: var(--color-text-ui-oncaution); --text-color-ui-onsuccess: var(--color-text-ui-onsuccess); --text-color-ui-onwarning: var(--color-text-ui-onwarning); --text-color-ui-onneutral: var(--color-text-ui-onneutral); --text-color-ui-ondisabled: var(--color-text-ui-ondisabled); --background-color-ui: var(--color-bg-ui); --background-color-ui-0: var(--color-bg-ui-0); --background-color-ui-10: var(--color-bg-ui-10); --background-color-ui-25: var(--color-bg-ui-25); --background-color-ui-50: var(--color-bg-ui-50); --background-color-ui-75: var(--color-bg-ui-75); --background-color-ui-100: var(--color-bg-ui-100); --background-color-ui-hover: var(--color-bg-ui-hover); --background-color-ui-brand: var(--color-bg-ui-brand); --background-color-ui-brand-hover: var(--color-bg-ui-brand-hover); --background-color-ui-brand-secondary: var(--color-bg-ui-brand-secondary); --background-color-ui-statistic: var(--color-bg-ui-statistic); --background-color-ui-statistic-hover: var(--color-bg-ui-statistic-hover); --background-color-ui-statistic-secondary: var(--color-bg-ui-statistic-secondary); --background-color-ui-selected: var(--color-bg-ui-selected); --background-color-ui-selected-hover: var(--color-bg-ui-selected-hover); --background-color-ui-danger: var(--color-bg-ui-danger); --background-color-ui-danger-hover: var(--color-bg-ui-danger-hover); --background-color-ui-danger-secondary: var(--color-bg-ui-danger-secondary); --background-color-ui-success: var(--color-bg-ui-success); --background-color-ui-success-hover: var(--color-bg-ui-success-hover); --background-color-ui-success-secondary: var(--color-bg-ui-success-secondary); --background-color-ui-warning: var(--color-bg-ui-warning); --background-color-ui-warning-hover: var(--color-bg-ui-warning-hover); --background-color-ui-warning-secondary: var(--color-bg-ui-warning-secondary); --background-color-ui-caution: var(--color-bg-ui-caution); --background-color-ui-caution-hover: var(--color-bg-ui-caution-hover); --background-color-ui-caution-secondary: var(--color-bg-ui-caution-secondary); --background-color-ui-neutral: var(--color-bg-ui-neutral); --background-color-ui-neutral-hover: var(--color-bg-ui-neutral-hover); --background-color-ui-neutral-secondary: var(--color-bg-ui-neutral-secondary); --background-color-ui-disabled: var(--color-bg-ui-disabled); --background-color-uistatic: var(--color-bg-uistatic); --background-color-uistatic-0: var(--color-bg-uistatic-0); --background-color-uistatic-10: var(--color-bg-uistatic-10); --background-color-uistatic-25: var(--color-bg-uistatic-25); --background-color-uistatic-50: var(--color-bg-uistatic-50); --background-color-uistatic-75: var(--color-bg-uistatic-75); --background-color-uistatic-100: var(--color-bg-uistatic-100); } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } :root { color-scheme: light dark; --color-text-ui: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-text-ui-0: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-900)); --color-text-ui-10: light-dark(var(--color-palette-neutral-300), var(--color-palette-neutral-700)); --color-text-ui-25: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-500)); --color-text-ui-50: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-300)); --color-text-ui-75: light-dark(var(--color-palette-neutral-800), var(--color-palette-neutral-200)); --color-text-ui-100: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-text-ui-hover: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-text-ui-secondary: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-500)); --color-text-ui-secondary-hover: light-dark(var(--color-palette-brand-400), var(--color-palette-brand-300)); --color-text-ui-brand: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-text-ui-brand-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-300)); --color-text-ui-brand-secondary: light-dark(var(--color-palette-brand-300), var(--color-palette-brand-500)); --color-text-ui-brand-secondary-hover: light-dark(var(--color-palette-brand-400), var(--color-palette-brand-400)); --color-text-ui-statistic: light-dark(var(--color-palette-statistic-500), var(--color-palette-statistic-300)); --color-text-ui-statistic-hover: light-dark(var(--color-palette-statistic-600), var(--color-palette-statistic-200)); --color-text-ui-statistic-secondary: light-dark(var(--color-palette-statistic-300), var(--color-palette-statistic-400)); --color-text-ui-statistic-secondary-hover: light-dark(var(--color-palette-statistic-400), var(--color-palette-statistic-300)); --color-text-ui-selected: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-text-ui-selected-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-300)); --color-text-ui-selected-secondary: light-dark(var(--color-palette-brand-300), var(--color-palette-brand-500)); --color-text-ui-selected-secondary-hover: light-dark(var(--color-palette-brand-400), var(--color-palette-brand-400)); --color-text-ui-danger: light-dark(var(--color-palette-danger-500), var(--color-palette-danger-400)); --color-text-ui-danger-hover: light-dark(var(--color-palette-danger-600), var(--color-palette-danger-300)); --color-text-ui-danger-secondary: light-dark(var(--color-palette-danger-300), var(--color-palette-danger-500)); --color-text-ui-danger-secondary-hover: light-dark(var(--color-palette-danger-400), var(--color-palette-danger-400)); --color-text-ui-success: light-dark(var(--color-palette-success-500), var(--color-palette-success-400)); --color-text-ui-success-hover: light-dark(var(--color-palette-success-600), var(--color-palette-success-300)); --color-text-ui-success-secondary: light-dark(var(--color-palette-success-300), var(--color-palette-success-500)); --color-text-ui-success-secondary-hover: light-dark(var(--color-palette-success-400), var(--color-palette-success-400)); --color-text-ui-warning: light-dark(var(--color-palette-warning-700), var(--color-palette-warning-700)); --color-text-ui-warning-hover: light-dark(var(--color-palette-warning-800), var(--color-palette-warning-600)); --color-text-ui-warning-secondary: light-dark(var(--color-palette-warning-500), var(--color-palette-warning-800)); --color-text-ui-warning-secondary-hover: light-dark(var(--color-palette-warning-600), var(--color-palette-warning-700)); --color-text-ui-caution: light-dark(var(--color-palette-caution-700), var(--color-palette-caution-700)); --color-text-ui-caution-hover: light-dark(var(--color-palette-caution-800), var(--color-palette-caution-600)); --color-text-ui-caution-secondary: light-dark(var(--color-palette-caution-500), var(--color-palette-caution-800)); --color-text-ui-caution-secondary-hover: light-dark(var(--color-palette-caution-600), var(--color-palette-caution-700)); --color-text-ui-neutral: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-300)); --color-text-ui-neutral-hover: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-100)); --color-text-ui-neutral-secondary: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-600)); --color-text-ui-neutral-secondary-hover: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-500)); --color-text-ui-disabled: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-850)); --color-text-ui-disabled-secondary: light-dark(var(--color-palette-neutral-850), var(--color-palette-neutral-900)); --color-text-ui-onbrand: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-text-ui-onbrand-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-text-ui-onbrand-secondary: light-dark(var(--color-palette-brand-200), var(--color-palette-brand-200)); --color-text-ui-onstatistic: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-text-ui-onstatistic-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-text-ui-onstatistic-secondary: light-dark(var(--color-palette-statistic-200), var(--color-palette-statistic-200)); --color-text-ui-onselected: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-200)); --color-text-ui-onselected-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-200)); --color-text-ui-onselected-secondary: light-dark(var(--color-palette-brand-900), var(--color-palette-brand-100)); --color-text-ui-ondanger: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-text-ui-ondanger-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-text-ui-ondanger-secondary: light-dark(var(--color-palette-danger-200), var(--color-palette-danger-200)); --color-text-ui-oncaution: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-text-ui-oncaution-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-text-ui-oncaution-secondary: light-dark(var(--color-palette-danger-200), var(--color-palette-danger-200)); --color-text-ui-onsuccess: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-text-ui-onsuccess-hover: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-text-ui-onsuccess-secondary: light-dark(var(--color-palette-success-200), var(--color-palette-success-200)); --color-text-ui-onwarning: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-text-ui-onwarning-hover: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-text-ui-onwarning-secondary: light-dark(var(--color-palette-warning-900), var(--color-palette-warning-900)); --color-text-ui-onneutral: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-text-ui-onneutral-hover: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-text-ui-onneutral-secondary: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-400)); --color-text-ui-ondisabled: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-600)); --color-text-ui-ondisabled-secondary: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-700)); --color-text-uistatic: var(--color-palette-neutral-900); --color-text-uistatic-0: var(--color-palette-neutral-100); --color-text-uistatic-10: var(--color-palette-neutral-300); --color-text-uistatic-25: var(--color-palette-neutral-500); --color-text-uistatic-50: var(--color-palette-neutral-700); --color-text-uistatic-75: var(--color-palette-neutral-800); --color-text-uistatic-100: var(--color-palette-neutral-900); --color-icon-ui: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-icon-ui-0: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-900)); --color-icon-ui-10: light-dark(var(--color-palette-neutral-300), var(--color-palette-neutral-700)); --color-icon-ui-25: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-500)); --color-icon-ui-50: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-300)); --color-icon-ui-75: light-dark(var(--color-palette-neutral-800), var(--color-palette-neutral-200)); --color-icon-ui-100: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-icon-ui-hover: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-icon-ui-secondary: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-500)); --color-icon-ui-secondary-hover: light-dark(var(--color-palette-brand-400), var(--color-palette-brand-300)); --color-icon-ui-brand: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-icon-ui-brand-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-300)); --color-icon-ui-brand-secondary: light-dark(var(--color-palette-brand-300), var(--color-palette-brand-500)); --color-icon-ui-brand-secondary-hover: light-dark(var(--color-palette-brand-400), var(--color-palette-brand-400)); --color-icon-ui-statistic: light-dark(var(--color-palette-statistic-500), var(--color-palette-statistic-300)); --color-icon-ui-statistic-hover: light-dark(var(--color-palette-statistic-600), var(--color-palette-statistic-200)); --color-icon-ui-statistic-secondary: light-dark(var(--color-palette-statistic-300), var(--color-palette-statistic-400)); --color-icon-ui-statistic-secondary-hover: light-dark(var(--color-palette-statistic-400), var(--color-palette-statistic-300)); --color-icon-ui-selected: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-icon-ui-selected-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-300)); --color-icon-ui-selected-secondary: light-dark(var(--color-palette-brand-300), var(--color-palette-brand-500)); --color-icon-ui-selected-secondary-hover: light-dark(var(--color-palette-brand-400), var(--color-palette-brand-400)); --color-icon-ui-danger: light-dark(var(--color-palette-danger-500), var(--color-palette-danger-400)); --color-icon-ui-danger-hover: light-dark(var(--color-palette-danger-600), var(--color-palette-danger-300)); --color-icon-ui-danger-secondary: light-dark(var(--color-palette-danger-300), var(--color-palette-danger-500)); --color-icon-ui-danger-secondary-hover: light-dark(var(--color-palette-danger-400), var(--color-palette-danger-400)); --color-icon-ui-success: light-dark(var(--color-palette-success-500), var(--color-palette-success-400)); --color-icon-ui-success-hover: light-dark(var(--color-palette-success-600), var(--color-palette-success-300)); --color-icon-ui-success-secondary: light-dark(var(--color-palette-success-300), var(--color-palette-success-500)); --color-icon-ui-success-secondary-hover: light-dark(var(--color-palette-success-400), var(--color-palette-success-400)); --color-icon-ui-warning: light-dark(var(--color-palette-warning-700), var(--color-palette-warning-700)); --color-icon-ui-warning-hover: light-dark(var(--color-palette-warning-800), var(--color-palette-warning-600)); --color-icon-ui-warning-secondary: light-dark(var(--color-palette-warning-500), var(--color-palette-warning-800)); --color-icon-ui-warning-secondary-hover: light-dark(var(--color-palette-warning-600), var(--color-palette-warning-700)); --color-icon-ui-caution: light-dark(var(--color-palette-caution-700), var(--color-palette-caution-700)); --color-icon-ui-caution-hover: light-dark(var(--color-palette-caution-800), var(--color-palette-caution-600)); --color-icon-ui-caution-secondary: light-dark(var(--color-palette-caution-500), var(--color-palette-caution-800)); --color-icon-ui-caution-secondary-hover: light-dark(var(--color-palette-caution-600), var(--color-palette-caution-700)); --color-icon-ui-neutral: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-300)); --color-icon-ui-neutral-hover: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-100)); --color-icon-ui-neutral-secondary: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-600)); --color-icon-ui-neutral-secondary-hover: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-500)); --color-icon-ui-disabled: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-850)); --color-icon-ui-disabled-secondary: light-dark(var(--color-palette-neutral-850), var(--color-palette-neutral-900)); --color-icon-ui-onbrand: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-icon-ui-onbrand-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-icon-ui-onbrand-secondary: light-dark(var(--color-palette-brand-200), var(--color-palette-brand-200)); --color-icon-ui-onstatistic: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-icon-ui-onstatistic-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-icon-ui-onstatistic-secondary: light-dark(var(--color-palette-statistic-200), var(--color-palette-statistic-200)); --color-icon-ui-onselected: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-200)); --color-icon-ui-onselected-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-200)); --color-icon-ui-onselected-secondary: light-dark(var(--color-palette-brand-900), var(--color-palette-brand-100)); --color-icon-ui-ondanger: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-icon-ui-ondanger-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-icon-ui-ondanger-secondary: light-dark(var(--color-palette-danger-200), var(--color-palette-danger-200)); --color-icon-ui-oncaution: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-icon-ui-oncaution-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-icon-ui-oncaution-secondary: light-dark(var(--color-palette-danger-200), var(--color-palette-danger-200)); --color-icon-ui-onsuccess: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-icon-ui-onsuccess-hover: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-icon-ui-onsuccess-secondary: light-dark(var(--color-palette-success-200), var(--color-palette-success-200)); --color-icon-ui-onwarning: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-icon-ui-onwarning-hover: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-icon-ui-onwarning-secondary: light-dark(var(--color-palette-warning-900), var(--color-palette-warning-900)); --color-icon-ui-onneutral: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-icon-ui-onneutral-hover: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-icon-ui-onneutral-secondary: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-400)); --color-icon-ui-ondisabled: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-600)); --color-icon-ui-ondisabled-secondary: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-700)); --color-icon-uistatic: var(--color-palette-neutral-900); --color-icon-uistatic-0: var(--color-palette-neutral-100); --color-icon-uistatic-10: var(--color-palette-neutral-300); --color-icon-uistatic-25: var(--color-palette-neutral-500); --color-icon-uistatic-50: var(--color-palette-neutral-700); --color-icon-uistatic-75: var(--color-palette-neutral-800); --color-icon-uistatic-100: var(--color-palette-neutral-900); --color-bg-ui: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-800)); --color-bg-ui-0: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-bg-ui-10: light-dark(var(--color-palette-neutral-800), var(--color-palette-neutral-300)); --color-bg-ui-25: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-500)); --color-bg-ui-50: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-700)); --color-bg-ui-75: light-dark(var(--color-palette-neutral-300), var(--color-palette-neutral-800)); --color-bg-ui-100: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-900)); --color-bg-ui-hover: light-dark(#0000000d, #ffffff21); --color-bg-ui-brand: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-500)); --color-bg-ui-brand-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-400)); --color-bg-ui-brand-secondary: light-dark(var(--color-palette-brand-50), var(--color-palette-brand-900)); --color-bg-ui-statistic: light-dark(var(--color-palette-statistic-500), var(--color-palette-statistic-500)); --color-bg-ui-statistic-hover: light-dark(var(--color-palette-statistic-600), var(--color-palette-statistic-400)); --color-bg-ui-statistic-secondary: light-dark(var(--color-palette-statistic-50), var(--color-palette-statistic-50)); --color-bg-ui-selected: light-dark(var(--color-palette-brand-50), var(--color-palette-brand-900)); --color-bg-ui-selected-hover: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-500)); --color-bg-ui-danger: light-dark(var(--color-palette-danger-500), var(--color-palette-danger-500)); --color-bg-ui-danger-hover: light-dark(var(--color-palette-danger-600), var(--color-palette-danger-400)); --color-bg-ui-danger-secondary: light-dark(var(--color-palette-danger-50), var(--color-palette-danger-50)); --color-bg-ui-success: light-dark(var(--color-palette-success-500), var(--color-palette-success-500)); --color-bg-ui-success-hover: light-dark(var(--color-palette-success-600), var(--color-palette-success-400)); --color-bg-ui-success-secondary: light-dark(var(--color-palette-success-300), var(--color-palette-success-300)); --color-bg-ui-warning: light-dark(var(--color-palette-warning-400), var(--color-palette-warning-500)); --color-bg-ui-warning-hover: light-dark(var(--color-palette-warning-600), var(--color-palette-warning-300)); --color-bg-ui-warning-secondary: light-dark(var(--color-palette-warning-50), var(--color-palette-warning-50)); --color-bg-ui-caution: light-dark(var(--color-palette-caution-400), var(--color-palette-caution-500)); --color-bg-ui-caution-hover: light-dark(var(--color-palette-caution-600), var(--color-palette-caution-300)); --color-bg-ui-caution-secondary: light-dark(var(--color-palette-caution-50), var(--color-palette-caution-900)); --color-bg-ui-neutral: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-750)); --color-bg-ui-neutral-hover: light-dark(var(--color-palette-neutral-400), var(--color-palette-neutral-700)); --color-bg-ui-neutral-secondary: light-dark(var(--color-palette-neutral-50), var(--color-palette-neutral-950)); --color-bg-ui-disabled: light-dark(var(--color-palette-neutral-300), var(--color-palette-neutral-850)); --color-bg-uistatic: var(--color-palette-neutral-100); --color-bg-uistatic-0: var(--color-palette-neutral-900); --color-bg-uistatic-10: var(--color-palette-neutral-800); --color-bg-uistatic-25: var(--color-palette-neutral-700); --color-bg-uistatic-50: var(--color-palette-neutral-500); --color-bg-uistatic-75: var(--color-palette-neutral-300); --color-bg-uistatic-100: var(--color-palette-neutral-100); --color-border-ui: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-500)); --color-border-ui-0: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-900)); --color-border-ui-10: light-dark(var(--color-palette-neutral-300), var(--color-palette-neutral-700)); --color-border-ui-25: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-500)); --color-border-ui-50: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-300)); --color-border-ui-75: light-dark(var(--color-palette-neutral-800), var(--color-palette-neutral-200)); --color-border-ui-100: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-border-ui-hover: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-300)); --color-border-ui-brand: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-border-ui-brand-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-300)); --color-border-ui-statistic: light-dark(var(--color-palette-statistic-500), var(--color-palette-statistic-400)); --color-border-ui-statistic-hover: light-dark(var(--color-palette-statistic-600), var(--color-palette-statistic-300)); --color-border-ui-selected: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-400)); --color-border-ui-selected-hover: light-dark(var(--color-palette-brand-600), var(--color-palette-brand-300)); --color-border-ui-danger: light-dark(var(--color-palette-danger-500), var(--color-palette-danger-400)); --color-border-ui-danger-hover: light-dark(var(--color-palette-danger-600), var(--color-palette-danger-300)); --color-border-ui-success: light-dark(var(--color-palette-success-500), var(--color-palette-success-400)); --color-border-ui-success-hover: light-dark(var(--color-palette-success-600), var(--color-palette-success-300)); --color-border-ui-warning: light-dark(var(--color-palette-warning-700), var(--color-palette-warning-700)); --color-border-ui-warning-hover: light-dark(var(--color-palette-warning-800), var(--color-palette-warning-600)); --color-border-ui-caution: light-dark(var(--color-palette-caution-700), var(--color-palette-caution-700)); --color-border-ui-caution-hover: light-dark(var(--color-palette-caution-800), var(--color-palette-caution-600)); --color-border-ui-neutral: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-700)); --color-border-ui-neutral-hover: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-500)); --color-border-ui-disabled: light-dark(var(--color-palette-neutral-850), var(--color-palette-neutral-850)); --color-border-ui-onbrand: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-border-ui-onbrand-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-border-ui-onstatistic: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-border-ui-onstatistic-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-border-ui-onselected: light-dark(var(--color-palette-brand-700), var(--color-palette-brand-200)); --color-border-ui-onselected-hover: light-dark(var(--color-palette-brand-700), var(--color-palette-brand-200)); --color-border-ui-ondanger: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-border-ui-ondanger-hover: light-dark(var(--color-palette-neutral-200), var(--color-palette-neutral-200)); --color-border-ui-onsuccess: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-border-ui-onsuccess-hover: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-200)); --color-border-ui-onwarning: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-border-ui-onwarning-hover: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-border-ui-oncaution: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-border-ui-oncaution-hover: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-border-ui-onneutral: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-border-ui-onneutral-hover: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-300)); --color-border-ui-ondisabled: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-850)); --color-border-uistatic: var(--color-palette-neutral-900); --color-border-uistatic-0: var(--color-palette-neutral-100); --color-border-uistatic-10: var(--color-palette-neutral-300); --color-border-uistatic-25: var(--color-palette-neutral-500); --color-border-uistatic-50: var(--color-palette-neutral-700); --color-border-uistatic-75: var(--color-palette-neutral-800); --color-border-uistatic-100: var(--color-palette-neutral-900); --color-accent-ui: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-300)); --color-accent-ui-brand: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-300)); --color-accent-ui-statistic: light-dark(var(--color-palette-statistic-500), var(--color-palette-statistic-300)); --color-accent-ui-selected: light-dark(var(--color-palette-brand-500), var(--color-palette-brand-300)); --color-accent-ui-danger: light-dark(var(--color-palette-danger-500), var(--color-palette-danger-500)); --color-accent-ui-success: light-dark(var(--color-palette-success-500), var(--color-palette-success-300)); --color-accent-ui-warning: light-dark(var(--color-palette-warning-300), var(--color-palette-warning-300)); --color-accent-ui-caution: light-dark(var(--color-palette-caution-300), var(--color-palette-caution-300)); --color-accent-ui-neutral: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-200)); --color-accent-ui-disabled: light-dark(var(--color-palette-neutral-600), var(--color-palette-neutral-600)); --color-accent-ui-onbrand: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-accent-ui-onstatistic: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-accent-ui-onselected: light-dark(var(--color-palette-brand-700), var(--color-palette-brand-200)); --color-accent-ui-ondanger: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-accent-ui-onsuccess: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-100)); --color-accent-ui-onwarning: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-accent-ui-oncaution: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-900)); --color-accent-ui-onneutral: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); --color-accent-ui-ondisabled: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-700)); --color-ring-ui: light-dark(var(--color-palette-brand-100), var(--color-palette-brand-100)); --color-ring-ui-brand: light-dark(var(--color-palette-brand-100), var(--color-palette-brand-100)); --color-ring-ui-statistic: light-dark(var(--color-palette-statistic-100), var(--color-palette-statistic-100)); --color-ring-ui-danger: light-dark(var(--color-palette-danger-100), var(--color-palette-danger-100)); --color-ring-ui-success: light-dark(var(--color-palette-success-100), var(--color-palette-success-100)); --color-ring-ui-warning: light-dark(var(--color-palette-warning-100), var(--color-palette-warning-100)); --color-ring-ui-caution: light-dark(var(--color-palette-caution-100), var(--color-palette-caution-100)); --color-ring-ui-neutral: light-dark(#0000001a, #fff3); --color-shadow-ui-0: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-900)); --color-shadow-ui-10: light-dark(var(--color-palette-neutral-300), var(--color-palette-neutral-700)); --color-shadow-ui-25: light-dark(var(--color-palette-neutral-500), var(--color-palette-neutral-500)); --color-shadow-ui-50: light-dark(var(--color-palette-neutral-700), var(--color-palette-neutral-300)); --color-shadow-ui-75: light-dark(var(--color-palette-neutral-800), var(--color-palette-neutral-200)); --color-shadow-ui-100: light-dark(var(--color-palette-neutral-900), var(--color-palette-neutral-100)); } .dark { color-scheme: dark; } .light { color-scheme: light; } :root { --icon-size: 1.2rem; --icon-size-xxs: .5rem; --icon-size-xs: .75rem; --icon-size-sm: 1rem; --icon-size-lg: 1.5rem; --icon-size-xl: 2rem; --icon-size-xxl: 4rem; } input[type="file"]::file-selector-button { background-color: var(--color-bg-ui-brand); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-text-ui-onbrand); border-radius: var(--radius-md); border-style: var(--tw-border-style); -webkit-user-select: none; user-select: 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); --tw-leading: 1; border-width: 0; align-items: center; gap: .25em; padding: .45em .75em; line-height: 1; display: inline-flex; position: relative; } input[type="file"] { cursor: pointer; color: var(--color-text-ui-50); } input[type="file"]:hover { color: var(--color-text-ui-75); } input[type="file"]:hover::file-selector-button { --tw-brightness: brightness(110%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } input[type="file"]:focus { --tw-outline-style: none; outline-style: none; } input[type="file"]:focus::file-selector-button { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { input[type="file"]:focus::file-selector-button { outline-offset: 2px; outline: 2px solid #0000; } input[type="file"]:focus { outline-offset: 2px; outline: 2px solid #0000; } } input[type="file"]:focus-visible { border-radius: var(--radius-md); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-brand); } @supports (color: color-mix(in lab, red, red)) { input[type="file"]:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-ring-ui-brand) 50%, transparent); } } input[type="file"]:focus::file-selector-button { --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); } input[type="file"]::file-selector-button:active { --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); --tw-brightness: brightness(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } input[type="file"]:invalid { color: var(--color-text-ui-danger); } input[type="file"]:hover::file-selector-button { opacity: 1; } input[type="file"]:focus-visible::file-selector-button { opacity: 1; } @page { size: A4; margin: 12.1mm 12.1mm 5.6mm; } .page { width: 100%; height: 100%; padding-inline: calc(var(--spacing) * 6); overflow: hidden; } @media (min-width: 1920px) { .page { padding-inline: calc(var(--spacing) * 12); } } @media (min-width: 2160px) { .page { padding-inline: calc(var(--spacing) * 20); } } @media (min-width: 64rem) { .page { padding-inline: calc(var(--spacing) * 9); } } .page { padding-top: calc(var(--spacing) * 8); padding-bottom: calc(var(--spacing) * 2); } .page-flex-col { gap: calc(var(--spacing) * 8); flex-direction: column; display: flex; overflow-y: auto; } @media (min-width: 64rem) { .page-flex-col { gap: calc(var(--spacing) * 12); } } .page-flex-row { gap: calc(var(--spacing) * 8); flex-direction: row; display: flex; overflow-x: auto; } @media (min-width: 64rem) { .page-flex-row { gap: calc(var(--spacing) * 12); } } .page-grid { column-gap: calc(var(--spacing) * 8); display: grid; overflow-x: auto; } @media (min-width: 64rem) { .page-grid { column-gap: calc(var(--spacing) * 12); } } .page-grid { grid-auto-rows: 100%; grid-auto-columns: max-content; } .page-grid-cards { grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid; } @media (min-width: 64rem) { .page-grid-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .page-grid-cards { width: 100%; max-width: calc(var(--spacing) * 560); column-gap: calc(var(--spacing) * 8); overflow-y: auto; } @media (min-width: 64rem) { .page-grid-cards { column-gap: calc(var(--spacing) * 16); } } .page-grid-cards { row-gap: calc(var(--spacing) * 16); } @media (min-width: 64rem) { .page-grid-cards { row-gap: calc(var(--spacing) * 20); } } .page-grid-cards { padding-inline: calc(var(--spacing) * 6); } @media (min-width: 1920px) { .page-grid-cards { padding-inline: calc(var(--spacing) * 12); } } @media (min-width: 2160px) { .page-grid-cards { padding-inline: calc(var(--spacing) * 20); } } @media (min-width: 64rem) { .page-grid-cards { padding-inline: calc(var(--spacing) * 9); } } .page-grid-cards { padding-top: calc(var(--spacing) * 8); padding-bottom: calc(var(--spacing) * 2); grid-auto-rows: min-content; } .scrollbar-thin { scrollbar-width: thin; } @media not all and (min-width: 96rem) { .secondary-menu--header .input-wrapper { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .focus-region { border: 1px solid #0000; border-radius: 6px; } .focus-region.highlighted { border: 1px solid #ff000080; box-shadow: inset 0 0 3px #ff000080; } .region-enumeration { z-index: 1000; color: #ff0000a6; pointer-events: none; margin-top: -4px; padding: 0 0 0 5px; font-size: x-large; font-weight: bold; position: fixed; } .region-enumeration.sub-nav { margin-top: -7px; } button:not(:disabled), [role="button"]:not(:disabled) { cursor: pointer; } html { color: var(--color-text-ui); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .text-sm-bold { text-transform: uppercase; } hr { border-style: var(--tw-border-style); border-width: 0; border-top-style: var(--tw-border-style); --tw-border-style: solid; border-style: solid; border-top-width: 2px; border-color: var(--color-border-ui-10); } .svws-ui-badge { -webkit-line-clamp: 1; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-10); background-color: var(--color-bg-ui); --tw-leading: 1; --tw-font-weight: var(--font-weight-medium); line-height: 1; font-weight: var(--font-weight-medium); word-break: break-all; color: var(--color-text-ui-100); -webkit-box-orient: vertical; margin: -.125rem auto -.125rem -.125rem; padding: .05rem .25rem; display: inline-flex; overflow: hidden; } } @layer components { .ui-table-grid-input { cursor: text; text-decoration-line: underline; text-decoration-style: dotted; } .ui-table-grid-input:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-inset: inset; --tw-ring-color: var(--color-ring-ui); } .ui-table-grid-button { cursor: pointer; } .ui-table-grid-button:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-inset: inset; --tw-ring-color: var(--color-ring-ui); } table.ui-table-grid { -webkit-user-select: none; user-select: none; flex-direction: column; max-width: fit-content; max-height: 100%; display: flex; overflow: auto hidden; } table.ui-table-grid thead, table.ui-table-grid tfoot { border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); display: block; } table.ui-table-grid tbody { min-width: fit-content; max-height: 100%; display: block; overflow-y: auto; } table.ui-table-grid > thead > tr, table.ui-table-grid > tbody > tr, table.ui-table-grid > tfoot > tr { font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); display: grid; } :is(table.ui-table-grid > thead > tr > th, table.ui-table-grid > thead > tr > td, table.ui-table-grid > tbody > tr > th, table.ui-table-grid > tbody > tr > td, table.ui-table-grid > tfoot > tr > th, table.ui-table-grid > tfoot > tr > td):focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } table.ui-table-grid > thead > tr > th, table.ui-table-grid > thead > tr > td, table.ui-table-grid > tbody > tr > th, table.ui-table-grid > tbody > tr > td, table.ui-table-grid > tfoot > tr > th, table.ui-table-grid > tfoot > tr > td { padding-inline: calc(var(--spacing) * 1); padding-bottom: calc(var(--spacing) * .5); text-align: center; border-color: var(--color-border-ui); border-bottom: 1px solid var(--color-border-ui); flex-direction: column; width: 100%; height: 100%; display: block; overflow: hidden; } table.ui-table-grid > thead > tr > th, table.ui-table-grid > thead > tr > td { padding-block: calc(var(--spacing) * 2); font-size: .916rem; font-weight: 700; line-height: 1; } table.ui-table-grid > thead > tr > th.ui-divider, table.ui-table-grid > thead > tr > td.ui-divider, table.ui-table-grid > tbody > tr > th.ui-divider, table.ui-table-grid > tbody > tr > td.ui-divider, table.ui-table-grid > tfoot > tr > th.ui-divider, table.ui-table-grid > tfoot > tr > td.ui-divider { border-right: 1px solid var(--color-border-ui-25); } table.ui-table-grid > thead > tr:not(:last-child) > th, table.ui-table-grid > thead > tr:not(:last-child) > td { border-bottom: 1px solid var(--color-border-ui); border-top: 1px solid #0000; } table.ui-table-grid > tfoot > tr:last-child > td { border-bottom: 0; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-1 { inset: calc(var(--spacing) * 1); } .-top-0\.5 { top: calc(var(--spacing) * -.5); } .-top-2 { top: calc(var(--spacing) * -2); } .top-0 { top: calc(var(--spacing) * 0); } .top-0\.5 { top: calc(var(--spacing) * .5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-5 { top: calc(var(--spacing) * 5); } .top-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .top-\[0\.32rem\] { top: .32rem; } .-right-1 { right: calc(var(--spacing) * -1); } .right-0 { right: calc(var(--spacing) * 0); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-6 { right: calc(var(--spacing) * 6); } .right-11 { right: calc(var(--spacing) * 11); } .right-px { right: 1px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .-left-1 { left: calc(var(--spacing) * -1); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-2 { left: calc(var(--spacing) * 2); } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .left-10 { left: calc(var(--spacing) * 10); } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-100 { z-index: 100; } .-order-1 { order: calc(1 * -1); } .order-0 { order: 0; } .order-1 { order: 1; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .row-start-1 { grid-row-start: 1; } .container { width: 100%; } @media (min-width: 1920px) { .container { max-width: 1920px; } } @media (min-width: 2160px) { .container { max-width: 2160px; } } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .-m-0\.5 { margin: calc(var(--spacing) * -.5); } .m-0 { margin: calc(var(--spacing) * 0); } .m-0\.5 { margin: calc(var(--spacing) * .5); } .m-1 { margin: calc(var(--spacing) * 1); } .m-2 { margin: calc(var(--spacing) * 2); } .m-\[0\.2em\] { margin: .2em; } .m-auto { margin: auto; } .-mx-0\.5 { margin-inline: calc(var(--spacing) * -.5); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-8 { margin-inline: calc(var(--spacing) * 8); } .mx-auto { margin-inline: auto; } .-my-0\.5 { margin-block: calc(var(--spacing) * -.5); } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .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-20 { margin-block: calc(var(--spacing) * 20); } .my-\[0\.2em\] { margin-block: .2em; } .my-auto { margin-block: auto; } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .875em; } .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .9em; } .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: none; } .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429; } .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600; } .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857; } .prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: NaN NaN NaN; --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-px { margin-top: -1px; } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-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-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[0\.8em\] { margin-top: .8em; } .mt-\[0\.8rem\]\! { margin-top: .8rem !important; } .mt-\[0\.35rem\] { margin-top: .35rem; } .mt-auto { margin-top: auto; } .-mr-0\.5 { margin-right: calc(var(--spacing) * -.5); } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .-mr-3 { margin-right: calc(var(--spacing) * -3); } .mr-0\.5 { margin-right: calc(var(--spacing) * .5); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-12 { margin-right: calc(var(--spacing) * 12); } .mr-\[0\.2em\] { margin-right: .2em; } .mr-auto { margin-right: auto; } .-mb-0\.5 { margin-bottom: calc(var(--spacing) * -.5); } .-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-5 { margin-bottom: calc(var(--spacing) * -5); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .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-9 { margin-bottom: calc(var(--spacing) * 9); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-auto { margin-bottom: auto; } .-ml-0\.5 { margin-left: calc(var(--spacing) * -.5); } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-5 { margin-left: calc(var(--spacing) * -5); } .ml-0\.5 { margin-left: calc(var(--spacing) * .5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5); } .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-9 { margin-left: calc(var(--spacing) * 9); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-auto { margin-left: auto; } .icon { width: var(--icon-size); height: var(--icon-size); line-height: var(--icon-size); background-color: var(--color-text-ui); display: inline-block; } .icon-lg { width: var(--icon-size-lg); height: var(--icon-size-lg); line-height: var(--icon-size-lg); background-color: var(--color-text-ui); display: inline-block; } .icon-sm { width: var(--icon-size-sm); height: var(--icon-size-sm); line-height: var(--icon-size-sm); background-color: var(--color-text-ui); display: inline-block; } .icon-xl { width: var(--icon-size-xl); height: var(--icon-size-xl); line-height: var(--icon-size-xl); background-color: var(--color-text-ui); display: inline-block; } .icon-xs { width: var(--icon-size-xs); height: var(--icon-size-xs); line-height: var(--icon-size-xs); background-color: var(--color-text-ui); display: inline-block; } .icon-xxl { width: var(--icon-size-xxl); height: var(--icon-size-xxl); line-height: var(--icon-size-xxl); background-color: var(--color-text-ui); display: inline-block; } .icon-xxs { width: var(--icon-size-xxs); height: var(--icon-size-xxs); line-height: var(--icon-size-xxs); background-color: var(--color-text-ui); display: inline-block; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .table-cell { display: table-cell; } .aspect-square { aspect-ratio: 1; } .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-96 { width: calc(var(--spacing) * 96); height: calc(var(--spacing) * 96); } .size-full { width: 100%; height: 100%; } .\!h-full { height: 100% !important; } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/2 { height: 50%; } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\/4 { height: 75%; } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-5\.5 { height: calc(var(--spacing) * 5.5); } .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-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-32 { height: calc(var(--spacing) * 32); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[1em\] { height: 1em; } .h-\[1rem\] { height: 1rem; } .h-\[calc\(50\%-0\.25rem\)\] { height: calc(50% - .25rem); } .h-\[calc\(100\%-0\.5rem\)\] { height: calc(100% - .5rem); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-min { height: min-content; } .h-screen { height: 100vh; } .max-h-5 { max-height: calc(var(--spacing) * 5); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[400px\] { max-height: 400px; } .max-h-full { max-height: 100%; } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-\[1\.5ch\] { min-height: 1.5ch; } .min-h-\[1\.85rem\] { min-height: 1.85rem; } .min-h-\[32px\] { min-height: 32px; } .min-h-fit { min-height: fit-content; } .min-h-full { min-height: 100%; } .\!w-full { width: 100% !important; } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-1\/4 { width: 25%; } .w-1\/5 { width: 20%; } .w-1\/6 { width: 16.6667%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\/3 { width: 66.6667%; } .w-2\/5 { width: 40%; } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/5 { width: 100%; } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-12 { width: calc(var(--spacing) * 12); } .w-13 { width: calc(var(--spacing) * 13); } .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-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-96 { width: calc(var(--spacing) * 96); } .w-128 { width: calc(var(--spacing) * 128); } .w-136 { width: calc(var(--spacing) * 136); } .w-140 { width: calc(var(--spacing) * 140); } .w-150 { width: calc(var(--spacing) * 150); } .w-200 { width: calc(var(--spacing) * 200); } .w-250 { width: calc(var(--spacing) * 250); } .w-340 { width: calc(var(--spacing) * 340); } .w-\[29rem\] { width: 29rem; } .w-\[calc\(100\%-0\.5rem\)\] { width: calc(100% - .5rem); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .w-screen { width: 100vw; } .max-w-1\/2 { max-width: 50%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-8 { max-width: calc(var(--spacing) * 8); } .max-w-30 { max-width: calc(var(--spacing) * 30); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-88 { max-width: calc(var(--spacing) * 88); } .max-w-100 { max-width: calc(var(--spacing) * 100); } .max-w-120 { max-width: calc(var(--spacing) * 120); } .max-w-128 { max-width: calc(var(--spacing) * 128); } .max-w-140 { max-width: calc(var(--spacing) * 140); } .max-w-156 { max-width: calc(var(--spacing) * 156); } .max-w-164 { max-width: calc(var(--spacing) * 164); } .max-w-180 { max-width: calc(var(--spacing) * 180); } .max-w-196 { max-width: calc(var(--spacing) * 196); } .max-w-240 { max-width: calc(var(--spacing) * 240); } .max-w-256 { max-width: calc(var(--spacing) * 256); } .max-w-280 { max-width: calc(var(--spacing) * 280); } .max-w-300 { max-width: calc(var(--spacing) * 300); } .max-w-354 { max-width: calc(var(--spacing) * 354); } .max-w-440 { max-width: calc(var(--spacing) * 440); } .max-w-480 { max-width: calc(var(--spacing) * 480); } .max-w-\[0\.75rem\] { max-width: .75rem; } .max-w-\[14rem\] { max-width: 14rem; } .max-w-\[24ch\] { max-width: 24ch; } .max-w-\[75vw\] { max-width: 75vw; } .max-w-fit { max-width: fit-content; } .max-w-sm { max-width: var(--container-sm); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-72 { min-width: calc(var(--spacing) * 72); } .min-w-88 { min-width: calc(var(--spacing) * 88); } .min-w-96 { min-width: calc(var(--spacing) * 96); } .min-w-100 { min-width: calc(var(--spacing) * 100); } .min-w-120 { min-width: calc(var(--spacing) * 120); } .min-w-128 { min-width: calc(var(--spacing) * 128); } .min-w-144 { min-width: calc(var(--spacing) * 144); } .min-w-156 { min-width: calc(var(--spacing) * 156); } .min-w-160 { min-width: calc(var(--spacing) * 160); } .min-w-176 { min-width: calc(var(--spacing) * 176); } .min-w-180 { min-width: calc(var(--spacing) * 180); } .min-w-196 { min-width: calc(var(--spacing) * 196); } .min-w-320 { min-width: calc(var(--spacing) * 320); } .min-w-\[1\.5ch\] { min-width: 1.5ch; } .min-w-\[2\.75rem\] { min-width: 2.75rem; } .min-w-\[10rem\] { min-width: 10rem; } .min-w-fit { min-width: fit-content; } .min-w-full { min-width: 100%; } .flex-0 { flex: 0; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .flex-grow, .grow { flex-grow: 1; } .table-auto { table-layout: auto; } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[4\] { scale: 4; } .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, ); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .\!cursor-grab { cursor: grab !important; } .\!cursor-pointer { cursor: pointer !important; } .cursor-col-resize { cursor: col-resize; } .cursor-copy { cursor: copy; } .cursor-default { cursor: default; } .cursor-ew-resize { cursor: ew-resize; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-nwse-resize { cursor: nwse-resize; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .appearance-none { appearance: none; } .grid-flow-col { grid-auto-flow: column; } .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-\[1fr_auto_auto\] { grid-template-columns: 1fr auto auto; } .grid-cols-\[1fr_auto_auto_auto_auto\] { grid-template-columns: 1fr auto auto auto auto; } .grid-cols-\[1fr_auto_auto_auto_auto_auto_auto\] { grid-template-columns: 1fr auto auto auto auto auto auto; } .grid-cols-subgrid { grid-template-columns: subgrid; } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .content-center { align-content: center; } .content-start { align-content: flex-start; } .\!items-start { align-items: flex-start !important; } .items-center { align-items: center; } .items-center\! { align-items: center !important; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-stretch { justify-content: stretch; } .justify-items-center { justify-items: center; } .justify-items-end { justify-items: end; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-20 { gap: calc(var(--spacing) * 20); } .gap-px { gap: 1px; } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-20 { column-gap: calc(var(--spacing) * 20); } :where(.space-x-1 > :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))); } .\!gap-y-2 { row-gap: calc(var(--spacing) * 2) !important; } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-100 > :not(:last-child)) { border-color: var(--color-gray-100); } .self-center { align-self: center; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\!overflow-visible { overflow: visible !important; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .rounded { border-radius: .25rem; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .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-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-tl-none { border-top-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-b-lg { border-bottom-right-radius: var(--radius-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: 0; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border { border-width: thin; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; } .border-b, .border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-solid\! { --tw-border-style: solid !important; border-style: solid !important; } .\!border-black\/5 { border-color: #0000000d !important; } @supports (color: color-mix(in lab, red, red)) { .\!border-black\/5 { border-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important; } } .border-black\/5\! { border-color: #0000000d !important; } @supports (color: color-mix(in lab, red, red)) { .border-black\/5\! { border-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important; } } .border-black\/10 { border-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-transparent { border-color: #0000; } .border-ui { border-color: var(--color-border-ui); } .border-ui-0 { border-color: var(--color-border-ui-0); } .border-ui-10 { border-color: var(--color-border-ui-10); } .border-ui-25 { border-color: var(--color-border-ui-25); } .border-ui-25\! { border-color: var(--color-border-ui-25) !important; } .border-ui-50 { border-color: var(--color-border-ui-50); } .border-ui-75 { border-color: var(--color-border-ui-75); } .border-ui-100 { border-color: var(--color-border-ui-100); } .border-ui-brand { border-color: var(--color-border-ui-brand); } .border-ui-brand-hover { border-color: var(--color-border-ui-brand-hover); } .border-ui-brand\/50 { border-color: var(--color-border-ui-brand); } @supports (color: color-mix(in lab, red, red)) { .border-ui-brand\/50 { border-color: color-mix(in oklab, var(--color-border-ui-brand) 50%, transparent); } } .border-ui-caution { border-color: var(--color-border-ui-caution); } .border-ui-caution-hover { border-color: var(--color-border-ui-caution-hover); } .border-ui-danger { border-color: var(--color-border-ui-danger); } .border-ui-danger-hover { border-color: var(--color-border-ui-danger-hover); } .border-ui-disabled { border-color: var(--color-border-ui-disabled); } .border-ui-hover { border-color: var(--color-border-ui-hover); } .border-ui-neutral { border-color: var(--color-border-ui-neutral); } .border-ui-neutral-hover { border-color: var(--color-border-ui-neutral-hover); } .border-ui-onbrand { border-color: var(--color-border-ui-onbrand); } .border-ui-onbrand-hover { border-color: var(--color-border-ui-onbrand-hover); } .border-ui-oncaution { border-color: var(--color-border-ui-oncaution); } .border-ui-oncaution-hover { border-color: var(--color-border-ui-oncaution-hover); } .border-ui-ondanger { border-color: var(--color-border-ui-ondanger); } .border-ui-ondanger-hover { border-color: var(--color-border-ui-ondanger-hover); } .border-ui-ondisabled { border-color: var(--color-border-ui-ondisabled); } .border-ui-onneutral { border-color: var(--color-border-ui-onneutral); } .border-ui-onneutral-hover { border-color: var(--color-border-ui-onneutral-hover); } .border-ui-onselected { border-color: var(--color-border-ui-onselected); } .border-ui-onselected-hover { border-color: var(--color-border-ui-onselected-hover); } .border-ui-onstatistic { border-color: var(--color-border-ui-onstatistic); } .border-ui-onstatistic-hover { border-color: var(--color-border-ui-onstatistic-hover); } .border-ui-onsuccess { border-color: var(--color-border-ui-onsuccess); } .border-ui-onsuccess-hover { border-color: var(--color-border-ui-onsuccess-hover); } .border-ui-onwarning { border-color: var(--color-border-ui-onwarning); } .border-ui-onwarning-hover { border-color: var(--color-border-ui-onwarning-hover); } .border-ui-selected { border-color: var(--color-border-ui-selected); } .border-ui-selected-hover { border-color: var(--color-border-ui-selected-hover); } .border-ui-statistic { border-color: var(--color-border-ui-statistic); } .border-ui-statistic-hover { border-color: var(--color-border-ui-statistic-hover); } .border-ui-success { border-color: var(--color-border-ui-success); } .border-ui-success-hover { border-color: var(--color-border-ui-success-hover); } .border-ui-warning { border-color: var(--color-border-ui-warning); } .border-ui-warning-hover { border-color: var(--color-border-ui-warning-hover); } .border-uistatic { border-color: var(--color-text-uistatic); } .border-uistatic-0 { border-color: var(--color-text-uistatic-0); } .border-uistatic-10 { border-color: var(--color-text-uistatic-10); } .border-uistatic-25 { border-color: var(--color-text-uistatic-25); } .border-uistatic-50 { border-color: var(--color-text-uistatic-50); } .border-uistatic-75 { border-color: var(--color-text-uistatic-75); } .border-uistatic-100 { border-color: var(--color-text-uistatic-100); } .border-r-ui-brand { border-right-color: var(--color-border-ui-brand); } .border-l-transparent { border-left-color: #0000; } .\!icon-ui { background-color: var(--color-icon-ui) !important; } .\!icon-ui-onbrand { background-color: var(--color-icon-ui-onbrand) !important; } .\!icon-ui-oncaution { background-color: var(--color-icon-ui-oncaution) !important; } .\!icon-ui-ondanger { background-color: var(--color-icon-ui-ondanger) !important; } .\!icon-ui-onwarning { background-color: var(--color-icon-ui-onwarning) !important; } .bg-inherit { background-color: inherit; } .bg-red-500 { background-color: var(--color-red-500); } .bg-ui { background-color: var(--color-bg-ui); } .bg-ui-0 { background-color: var(--color-bg-ui-0); } .bg-ui-10 { background-color: var(--color-bg-ui-10); } .bg-ui-25 { background-color: var(--color-bg-ui-25); } .bg-ui-50 { background-color: var(--color-bg-ui-50); } .bg-ui-75 { background-color: var(--color-bg-ui-75); } .bg-ui-100, .bg-ui-100\/50 { background-color: var(--color-bg-ui-100); } @supports (color: color-mix(in lab, red, red)) { .bg-ui-100\/50 { background-color: color-mix(in oklab, var(--color-bg-ui-100) 50%, transparent); } } .bg-ui-brand { background-color: var(--color-bg-ui-brand); } .bg-ui-brand-hover { background-color: var(--color-bg-ui-brand-hover); } .bg-ui-brand-secondary { background-color: var(--color-bg-ui-brand-secondary); } .bg-ui-brand\/5 { background-color: var(--color-bg-ui-brand); } @supports (color: color-mix(in lab, red, red)) { .bg-ui-brand\/5 { background-color: color-mix(in oklab, var(--color-bg-ui-brand) 5%, transparent); } } .bg-ui-brand\/10 { background-color: var(--color-bg-ui-brand); } @supports (color: color-mix(in lab, red, red)) { .bg-ui-brand\/10 { background-color: color-mix(in oklab, var(--color-bg-ui-brand) 10%, transparent); } } .bg-ui-caution { background-color: var(--color-bg-ui-caution); } .bg-ui-caution-hover { background-color: var(--color-bg-ui-caution-hover); } .bg-ui-caution-secondary { background-color: var(--color-bg-ui-caution-secondary); } .bg-ui-danger { background-color: var(--color-bg-ui-danger); } .bg-ui-danger-hover { background-color: var(--color-bg-ui-danger-hover); } .bg-ui-danger-secondary { background-color: var(--color-bg-ui-danger-secondary); } .bg-ui-disabled { background-color: var(--color-bg-ui-disabled); } .bg-ui-hover { background-color: var(--color-bg-ui-hover); } .bg-ui-neutral { background-color: var(--color-bg-ui-neutral); } .bg-ui-neutral-hover { background-color: var(--color-bg-ui-neutral-hover); } .bg-ui-neutral-secondary { background-color: var(--color-bg-ui-neutral-secondary); } .bg-ui-selected { background-color: var(--color-bg-ui-selected); } .bg-ui-selected-hover { background-color: var(--color-bg-ui-selected-hover); } .bg-ui-statistic { background-color: var(--color-bg-ui-statistic); } .bg-ui-statistic-hover { background-color: var(--color-bg-ui-statistic-hover); } .bg-ui-statistic-secondary { background-color: var(--color-bg-ui-statistic-secondary); } .bg-ui-success { background-color: var(--color-bg-ui-success); } .bg-ui-success-hover { background-color: var(--color-bg-ui-success-hover); } .bg-ui-success-secondary { background-color: var(--color-bg-ui-success-secondary); } .bg-ui-success\/20 { background-color: var(--color-bg-ui-success); } @supports (color: color-mix(in lab, red, red)) { .bg-ui-success\/20 { background-color: color-mix(in oklab, var(--color-bg-ui-success) 20%, transparent); } } .bg-ui-success\/50 { background-color: var(--color-bg-ui-success); } @supports (color: color-mix(in lab, red, red)) { .bg-ui-success\/50 { background-color: color-mix(in oklab, var(--color-bg-ui-success) 50%, transparent); } } .bg-ui-warning { background-color: var(--color-bg-ui-warning); } .bg-ui-warning-hover { background-color: var(--color-bg-ui-warning-hover); } .bg-ui-warning-secondary { background-color: var(--color-bg-ui-warning-secondary); } .bg-ui-warning\/50 { background-color: var(--color-bg-ui-warning); } @supports (color: color-mix(in lab, red, red)) { .bg-ui-warning\/50 { background-color: color-mix(in oklab, var(--color-bg-ui-warning) 50%, transparent); } } .bg-uistatic { background-color: var(--color-bg-uistatic); } .bg-uistatic-0 { background-color: var(--color-bg-uistatic-0); } .bg-uistatic-10 { background-color: var(--color-bg-uistatic-10); } .bg-uistatic-25 { background-color: var(--color-bg-uistatic-25); } .bg-uistatic-50 { background-color: var(--color-bg-uistatic-50); } .bg-uistatic-75 { background-color: var(--color-bg-uistatic-75); } .bg-uistatic-100 { background-color: var(--color-bg-uistatic-100); } .bg-white { background-color: var(--color-white); } .icon-ui { background-color: var(--color-icon-ui); } .icon-ui-0 { background-color: var(--color-icon-ui-0); } .icon-ui-10 { background-color: var(--color-icon-ui-10); } .icon-ui-25 { background-color: var(--color-icon-ui-25); } .icon-ui-50 { background-color: var(--color-icon-ui-50); } .icon-ui-75 { background-color: var(--color-icon-ui-75); } .icon-ui-100 { background-color: var(--color-icon-ui-100); } .icon-ui-brand { background-color: var(--color-icon-ui-brand); } .icon-ui-brand-hover { background-color: var(--color-icon-ui-brand-hover); } .icon-ui-brand-secondary { background-color: var(--color-icon-ui-brand-secondary); } .icon-ui-brand-secondary-hover { background-color: var(--color-icon-ui-brand-secondary-hover); } .icon-ui-caution { background-color: var(--color-icon-ui-caution); } .icon-ui-caution-hover { background-color: var(--color-icon-ui-caution-hover); } .icon-ui-caution-secondary { background-color: var(--color-icon-ui-caution-secondary); } .icon-ui-caution-secondary-hover { background-color: var(--color-icon-ui-caution-secondary-hover); } .icon-ui-danger { background-color: var(--color-icon-ui-danger); } .icon-ui-danger-hover { background-color: var(--color-icon-ui-danger-hover); } .icon-ui-danger-secondary { background-color: var(--color-icon-ui-danger-secondary); } .icon-ui-danger-secondary-hover { background-color: var(--color-icon-ui-danger-secondary-hover); } .icon-ui-disabled { background-color: var(--color-icon-ui-disabled); } .icon-ui-disabled-secondary { background-color: var(--color-icon-ui-disabled-secondary); } .icon-ui-hover { background-color: var(--color-icon-ui-hover); } .icon-ui-neutral { background-color: var(--color-icon-ui-neutral); } .icon-ui-neutral-hover { background-color: var(--color-icon-ui-neutral-hover); } .icon-ui-neutral-secondary { background-color: var(--color-icon-ui-neutral-secondary); } .icon-ui-neutral-secondary-hover { background-color: var(--color-icon-ui-neutral-secondary-hover); } .icon-ui-onbrand { background-color: var(--color-icon-ui-onbrand); } .icon-ui-onbrand-hover { background-color: var(--color-icon-ui-onbrand-hover); } .icon-ui-onbrand-secondary { background-color: var(--color-icon-ui-onbrand-secondary); } .icon-ui-oncaution { background-color: var(--color-icon-ui-oncaution); } .icon-ui-oncaution-hover { background-color: var(--color-icon-ui-oncaution-hover); } .icon-ui-oncaution-secondary { background-color: var(--color-icon-ui-oncaution-secondary); } .icon-ui-ondanger { background-color: var(--color-icon-ui-ondanger); } .icon-ui-ondanger-hover { background-color: var(--color-icon-ui-ondanger-hover); } .icon-ui-ondanger-secondary { background-color: var(--color-icon-ui-ondanger-secondary); } .icon-ui-ondisabled { background-color: var(--color-icon-ui-ondisabled); } .icon-ui-ondisabled-secondary { background-color: var(--color-icon-ui-ondisabled-secondary); } .icon-ui-onneutral { background-color: var(--color-icon-ui-onneutral); } .icon-ui-onneutral-hover { background-color: var(--color-icon-ui-onneutral-hover); } .icon-ui-onneutral-secondary { background-color: var(--color-icon-ui-onneutral-secondary); } .icon-ui-onselected { background-color: var(--color-icon-ui-onselected); } .icon-ui-onselected-hover { background-color: var(--color-icon-ui-onselected-hover); } .icon-ui-onselected-secondary { background-color: var(--color-icon-ui-onselected-secondary); } .icon-ui-onstatistic { background-color: var(--color-icon-ui-onstatistic); } .icon-ui-onstatistic-hover { background-color: var(--color-icon-ui-onstatistic-hover); } .icon-ui-onstatistic-secondary { background-color: var(--color-icon-ui-onstatistic-secondary); } .icon-ui-onsuccess { background-color: var(--color-icon-ui-onsuccess); } .icon-ui-onsuccess-hover { background-color: var(--color-icon-ui-onsuccess-hover); } .icon-ui-onsuccess-secondary { background-color: var(--color-icon-ui-onsuccess-secondary); } .icon-ui-onwarning { background-color: var(--color-icon-ui-onwarning); } .icon-ui-onwarning-hover { background-color: var(--color-icon-ui-onwarning-hover); } .icon-ui-onwarning-secondary { background-color: var(--color-icon-ui-onwarning-secondary); } .icon-ui-secondary { background-color: var(--color-icon-ui-secondary); } .icon-ui-secondary-hover { background-color: var(--color-icon-ui-secondary-hover); } .icon-ui-selected { background-color: var(--color-icon-ui-selected); } .icon-ui-selected-hover { background-color: var(--color-icon-ui-selected-hover); } .icon-ui-selected-secondary { background-color: var(--color-icon-ui-selected-secondary); } .icon-ui-selected-secondary-hover { background-color: var(--color-icon-ui-selected-secondary-hover); } .icon-ui-statistic { background-color: var(--color-icon-ui-statistic); } .icon-ui-statistic-hover { background-color: var(--color-icon-ui-statistic-hover); } .icon-ui-statistic-secondary { background-color: var(--color-icon-ui-statistic-secondary); } .icon-ui-statistic-secondary-hover { background-color: var(--color-icon-ui-statistic-secondary-hover); } .icon-ui-success { background-color: var(--color-icon-ui-success); } .icon-ui-success-hover { background-color: var(--color-icon-ui-success-hover); } .icon-ui-success-secondary { background-color: var(--color-icon-ui-success-secondary); } .icon-ui-success-secondary-hover { background-color: var(--color-icon-ui-success-secondary-hover); } .icon-ui-warning { background-color: var(--color-icon-ui-warning); } .icon-ui-warning-hover { background-color: var(--color-icon-ui-warning-hover); } .icon-ui-warning-secondary { background-color: var(--color-icon-ui-warning-secondary); } .icon-ui-warning-secondary-hover { background-color: var(--color-icon-ui-warning-secondary-hover); } .icon-uistatic { background-color: var(--color-icon-uistatic); } .icon-uistatic-0 { background-color: var(--color-icon-uistatic-0); } .icon-uistatic-10 { background-color: var(--color-icon-uistatic-10); } .icon-uistatic-25 { background-color: var(--color-icon-uistatic-25); } .icon-uistatic-50 { background-color: var(--color-icon-uistatic-50); } .icon-uistatic-75 { background-color: var(--color-icon-uistatic-75); } .icon-uistatic-100 { background-color: var(--color-icon-uistatic-100); } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[url\(\@images\/bglogin\.jpg\)\] { background-image: url("/assets/bglogin.jpg"); } .i-ri-add-circle-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2011V7H13V11H17V13H13V17H11V13H7V11H11ZM12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2011V7H13V11H17V13H13V17H11V13H7V11H11ZM12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-add-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2011V5H13V11H19V13H13V19H11V13H5V11H11Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2011V5H13V11H19V13H13V19H11V13H5V11H11Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-alert-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8659%203.00017L22.3922%2019.5002C22.6684%2019.9785%2022.5045%2020.5901%2022.0262%2020.8662C21.8742%2020.954%2021.7017%2021.0002%2021.5262%2021.0002H2.47363C1.92135%2021.0002%201.47363%2020.5525%201.47363%2020.0002C1.47363%2019.8246%201.51984%2019.6522%201.60761%2019.5002L11.1339%203.00017C11.41%202.52187%2012.0216%202.358%2012.4999%202.63414C12.6519%202.72191%2012.7782%202.84815%2012.8659%203.00017ZM10.9999%2016.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999%209.00017V14.0002H12.9999V9.00017H10.9999Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8659%203.00017L22.3922%2019.5002C22.6684%2019.9785%2022.5045%2020.5901%2022.0262%2020.8662C21.8742%2020.954%2021.7017%2021.0002%2021.5262%2021.0002H2.47363C1.92135%2021.0002%201.47363%2020.5525%201.47363%2020.0002C1.47363%2019.8246%201.51984%2019.6522%201.60761%2019.5002L11.1339%203.00017C11.41%202.52187%2012.0216%202.358%2012.4999%202.63414C12.6519%202.72191%2012.7782%202.84815%2012.8659%203.00017ZM10.9999%2016.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999%209.00017V14.0002H12.9999V9.00017H10.9999Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-alert-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8659%203.00017L22.3922%2019.5002C22.6684%2019.9785%2022.5045%2020.5901%2022.0262%2020.8662C21.8742%2020.954%2021.7017%2021.0002%2021.5262%2021.0002H2.47363C1.92135%2021.0002%201.47363%2020.5525%201.47363%2020.0002C1.47363%2019.8246%201.51984%2019.6522%201.60761%2019.5002L11.1339%203.00017C11.41%202.52187%2012.0216%202.358%2012.4999%202.63414C12.6519%202.72191%2012.7782%202.84815%2012.8659%203.00017ZM4.20568%2019.0002H19.7941L11.9999%205.50017L4.20568%2019.0002ZM10.9999%2016.0002H12.9999V18.0002H10.9999V16.0002ZM10.9999%209.00017H12.9999V14.0002H10.9999V9.00017Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8659%203.00017L22.3922%2019.5002C22.6684%2019.9785%2022.5045%2020.5901%2022.0262%2020.8662C21.8742%2020.954%2021.7017%2021.0002%2021.5262%2021.0002H2.47363C1.92135%2021.0002%201.47363%2020.5525%201.47363%2020.0002C1.47363%2019.8246%201.51984%2019.6522%201.60761%2019.5002L11.1339%203.00017C11.41%202.52187%2012.0216%202.358%2012.4999%202.63414C12.6519%202.72191%2012.7782%202.84815%2012.8659%203.00017ZM4.20568%2019.0002H19.7941L11.9999%205.50017L4.20568%2019.0002ZM10.9999%2016.0002H12.9999V18.0002H10.9999V16.0002ZM10.9999%209.00017H12.9999V14.0002H10.9999V9.00017Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-archive-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2010H2V4.00293C2%203.44903%202.45531%203%202.9918%203H21.0082C21.556%203%2022%203.43788%2022%204.00293V10H21V20.0015C21%2020.553%2020.5551%2021%2020.0066%2021H3.9934C3.44476%2021%203%2020.5525%203%2020.0015V10ZM19%2010H5V19H19V10ZM4%205V8H20V5H4ZM9%2012H15V14H9V12Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2010H2V4.00293C2%203.44903%202.45531%203%202.9918%203H21.0082C21.556%203%2022%203.43788%2022%204.00293V10H21V20.0015C21%2020.553%2020.5551%2021%2020.0066%2021H3.9934C3.44476%2021%203%2020.5525%203%2020.0015V10ZM19%2010H5V19H19V10ZM4%205V8H20V5H4ZM9%2012H15V14H9V12Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-down-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0001%2016.1716L18.3641%2010.8076L19.7783%2012.2218L12.0001%2020L4.22192%2012.2218L5.63614%2010.8076L11.0001%2016.1716V4H13.0001V16.1716Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0001%2016.1716L18.3641%2010.8076L19.7783%2012.2218L12.0001%2020L4.22192%2012.2218L5.63614%2010.8076L11.0001%2016.1716V4H13.0001V16.1716Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-down-s-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9999%2013.1714L16.9497%208.22168L18.3639%209.63589L11.9999%2015.9999L5.63599%209.63589L7.0502%208.22168L11.9999%2013.1714Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9999%2013.1714L16.9497%208.22168L18.3639%209.63589L11.9999%2015.9999L5.63599%209.63589L7.0502%208.22168L11.9999%2013.1714Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-go-back-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.82843%206.99955L8.36396%209.53509L6.94975%2010.9493L2%205.99955L6.94975%201.0498L8.36396%202.46402L5.82843%204.99955H13C17.4183%204.99955%2021%208.58127%2021%2012.9996C21%2017.4178%2017.4183%2020.9996%2013%2020.9996H4V18.9996H13C16.3137%2018.9996%2019%2016.3133%2019%2012.9996C19%209.68584%2016.3137%206.99955%2013%206.99955H5.82843Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.82843%206.99955L8.36396%209.53509L6.94975%2010.9493L2%205.99955L6.94975%201.0498L8.36396%202.46402L5.82843%204.99955H13C17.4183%204.99955%2021%208.58127%2021%2012.9996C21%2017.4178%2017.4183%2020.9996%2013%2020.9996H4V18.9996H13C16.3137%2018.9996%2019%2016.3133%2019%2012.9996C19%209.68584%2016.3137%206.99955%2013%206.99955H5.82843Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-left-s-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.8284%2012.0007L15.7782%2016.9504L14.364%2018.3646L8%2012.0007L14.364%205.63672L15.7782%207.05093L10.8284%2012.0007Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.8284%2012.0007L15.7782%2016.9504L14.364%2018.3646L8%2012.0007L14.364%205.63672L15.7782%207.05093L10.8284%2012.0007Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-right-circle-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2011V8L16%2012L12%2016V13H8V11H12ZM12%202C17.52%202%2022%206.48%2022%2012C22%2017.52%2017.52%2022%2012%2022C6.48%2022%202%2017.52%202%2012C2%206.48%206.48%202%2012%202ZM12%2020C16.42%2020%2020%2016.42%2020%2012C20%207.58%2016.42%204%2012%204C7.58%204%204%207.58%204%2012C4%2016.42%207.58%2020%2012%2020Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2011V8L16%2012L12%2016V13H8V11H12ZM12%202C17.52%202%2022%206.48%2022%2012C22%2017.52%2017.52%2022%2012%2022C6.48%2022%202%2017.52%202%2012C2%206.48%206.48%202%2012%202ZM12%2020C16.42%2020%2020%2016.42%2020%2012C20%207.58%2016.42%204%2012%204C7.58%204%204%207.58%204%2012C4%2016.42%207.58%2020%2012%2020Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-right-down-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.5895%2016.0032L5.98291%207.39664L7.39712%205.98242L16.0037%2014.589V7.00324H18.0037V18.0032H7.00373V16.0032H14.5895Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.5895%2016.0032L5.98291%207.39664L7.39712%205.98242L16.0037%2014.589V7.00324H18.0037V18.0032H7.00373V16.0032H14.5895Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-right-s-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.1717%2012.0007L8.22192%207.05093L9.63614%205.63672L16.0001%2012.0007L9.63614%2018.3646L8.22192%2016.9504L13.1717%2012.0007Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.1717%2012.0007L8.22192%207.05093L9.63614%205.63672L16.0001%2012.0007L9.63614%2018.3646L8.22192%2016.9504L13.1717%2012.0007Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-turn-back-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.0004%2018.1716L14.4649%2015.636L13.0507%2017.0503L18.0004%2022L22.9502%2017.0503L21.536%2015.636L19.0004%2018.1716V11C19.0004%206.58172%2015.4187%203%2011.0004%203C6.58215%203%203.00043%206.58172%203.00043%2011V20H5.00043V11C5.00043%207.68629%207.68672%205%2011.0004%205C14.3141%205%2017.0004%207.68629%2017.0004%2011V18.1716Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.0004%2018.1716L14.4649%2015.636L13.0507%2017.0503L18.0004%2022L22.9502%2017.0503L21.536%2015.636L19.0004%2018.1716V11C19.0004%206.58172%2015.4187%203%2011.0004%203C6.58215%203%203.00043%206.58172%203.00043%2011V20H5.00043V11C5.00043%207.68629%207.68672%205%2011.0004%205C14.3141%205%2017.0004%207.68629%2017.0004%2011V18.1716Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-up-down-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9498%207.94975L10.5356%209.36396L8.00079%206.828L8.00004%2020H6.00004L6.00079%206.828L3.46451%209.36396L2.05029%207.94975L7.00004%203L11.9498%207.94975ZM21.9498%2016.0503L17%2021L12.0503%2016.0503L13.4645%2014.636L16.0008%2017.172L16%204H18L18.0008%2017.172L20.5356%2014.636L21.9498%2016.0503Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9498%207.94975L10.5356%209.36396L8.00079%206.828L8.00004%2020H6.00004L6.00079%206.828L3.46451%209.36396L2.05029%207.94975L7.00004%203L11.9498%207.94975ZM21.9498%2016.0503L17%2021L12.0503%2016.0503L13.4645%2014.636L16.0008%2017.172L16%204H18L18.0008%2017.172L20.5356%2014.636L21.9498%2016.0503Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-up-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0001%207.82843V20H11.0001V7.82843L5.63614%2013.1924L4.22192%2011.7782L12.0001%204L19.7783%2011.7782L18.3641%2013.1924L13.0001%207.82843Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0001%207.82843V20H11.0001V7.82843L5.63614%2013.1924L4.22192%2011.7782L12.0001%204L19.7783%2011.7782L18.3641%2013.1924L13.0001%207.82843Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-arrow-up-s-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9999%2010.8284L7.0502%2015.7782L5.63599%2014.364L11.9999%208L18.3639%2014.364L16.9497%2015.7782L11.9999%2010.8284Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9999%2010.8284L7.0502%2015.7782L5.63599%2014.364L11.9999%208L18.3639%2014.364L16.9497%2015.7782L11.9999%2010.8284Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-asterisk { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9998%203L12.9996%2010.267L19.294%206.63397L20.294%208.36602L14.0006%2011.999L20.294%2015.634L19.294%2017.366L12.9996%2013.732L12.9998%2021H10.9998L10.9996%2013.732L4.70557%2017.366L3.70557%2015.634L9.99857%2012L3.70557%208.36602L4.70557%206.63397L10.9996%2010.267L10.9998%203H12.9998Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9998%203L12.9996%2010.267L19.294%206.63397L20.294%208.36602L14.0006%2011.999L20.294%2015.634L19.294%2017.366L12.9996%2013.732L12.9998%2021H10.9998L10.9996%2013.732L4.70557%2017.366L3.70557%2015.634L9.99857%2012L3.70557%208.36602L4.70557%206.63397L10.9996%2010.267L10.9998%203H12.9998Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-at-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C13.6418%2020%2015.1681%2019.5054%2016.4381%2018.6571L17.5476%2020.3214C15.9602%2021.3818%2014.0523%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012V13.5C22%2015.433%2020.433%2017%2018.5%2017C17.2958%2017%2016.2336%2016.3918%2015.6038%2015.4659C14.6942%2016.4115%2013.4158%2017%2012%2017C9.23858%2017%207%2014.7614%207%2012C7%209.23858%209.23858%207%2012%207C13.1258%207%2014.1647%207.37209%2015.0005%208H17V13.5C17%2014.3284%2017.6716%2015%2018.5%2015C19.3284%2015%2020%2014.3284%2020%2013.5V12ZM12%209C10.3431%209%209%2010.3431%209%2012C9%2013.6569%2010.3431%2015%2012%2015C13.6569%2015%2015%2013.6569%2015%2012C15%2010.3431%2013.6569%209%2012%209Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C13.6418%2020%2015.1681%2019.5054%2016.4381%2018.6571L17.5476%2020.3214C15.9602%2021.3818%2014.0523%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012V13.5C22%2015.433%2020.433%2017%2018.5%2017C17.2958%2017%2016.2336%2016.3918%2015.6038%2015.4659C14.6942%2016.4115%2013.4158%2017%2012%2017C9.23858%2017%207%2014.7614%207%2012C7%209.23858%209.23858%207%2012%207C13.1258%207%2014.1647%207.37209%2015.0005%208H17V13.5C17%2014.3284%2017.6716%2015%2018.5%2015C19.3284%2015%2020%2014.3284%2020%2013.5V12ZM12%209C10.3431%209%209%2010.3431%209%2012C9%2013.6569%2010.3431%2015%2012%2015C13.6569%2015%2015%2013.6569%2015%2012C15%2010.3431%2013.6569%209%2012%209Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-bar-chart-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2013H8V21H2V13ZM16%208H22V21H16V8ZM9%203H15V21H9V3ZM4%2015V19H6V15H4ZM11%205V19H13V5H11ZM18%2010V19H20V10H18Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2013H8V21H2V13ZM16%208H22V21H16V8ZM9%203H15V21H9V3ZM4%2015V19H6V15H4ZM11%205V19H13V5H11ZM18%2010V19H20V10H18Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-book-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2018H6C5.44772%2018%205%2018.4477%205%2019C5%2019.5523%205.44772%2020%206%2020H21V22H6C4.34315%2022%203%2020.6569%203%2019V4C3%202.89543%203.89543%202%205%202H21V18ZM5%2016.05C5.16156%2016.0172%205.32877%2016%205.5%2016H19V4H5V16.05ZM16%209H8V7H16V9Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2018H6C5.44772%2018%205%2018.4477%205%2019C5%2019.5523%205.44772%2020%206%2020H21V22H6C4.34315%2022%203%2020.6569%203%2019V4C3%202.89543%203.89543%202%205%202H21V18ZM5%2016.05C5.16156%2016.0172%205.32877%2016%205.5%2016H19V4H5V16.05ZM16%209H8V7H16V9Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-box-3-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%201L21.5%206.5V17.5L12%2023L2.5%2017.5V6.5L12%201ZM5.49388%207.0777L12.0001%2010.8444L18.5062%207.07774L12%203.311L5.49388%207.0777ZM4.5%208.81329V16.3469L11.0001%2020.1101V12.5765L4.5%208.81329ZM13.0001%2020.11L19.5%2016.3469V8.81337L13.0001%2012.5765V20.11Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%201L21.5%206.5V17.5L12%2023L2.5%2017.5V6.5L12%201ZM5.49388%207.0777L12.0001%2010.8444L18.5062%207.07774L12%203.311L5.49388%207.0777ZM4.5%208.81329V16.3469L11.0001%2020.1101V12.5765L4.5%208.81329ZM13.0001%2020.11L19.5%2016.3469V8.81337L13.0001%2012.5765V20.11Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-briefcase-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%205V2C7%201.44772%207.44772%201%208%201H16C16.5523%201%2017%201.44772%2017%202V5H21C21.5523%205%2022%205.44772%2022%206V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V6C2%205.44772%202.44772%205%203%205H7ZM4%2016V19H20V16H4ZM4%2014H20V7H4V14ZM9%203V5H15V3H9ZM11%2011H13V13H11V11Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%205V2C7%201.44772%207.44772%201%208%201H16C16.5523%201%2017%201.44772%2017%202V5H21C21.5523%205%2022%205.44772%2022%206V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V6C2%205.44772%202.44772%205%203%205H7ZM4%2016V19H20V16H4ZM4%2014H20V7H4V14ZM9%203V5H15V3H9ZM11%2011H13V13H11V11Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-bug-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.05636%208.30049C6.11995%208.19854%206.18609%208.09835%206.25469%208H17.7453C17.8139%208.09835%2017.88%208.19854%2017.9436%208.30049L19.9641%207.13397L20.9641%208.86602L18.7512%2010.1436C18.9134%2010.7348%2019%2011.3573%2019%2012V13H22V15H19C19%2015.9534%2018.8094%2016.8623%2018.4642%2017.6907L20.9641%2019.134L19.9641%2020.866L17.4383%2019.4077C16.3533%2020.7447%2014.7853%2021.6737%2013%2021.9291V14H11V21.9291C9.21467%2021.6737%207.64665%2020.7447%206.56171%2019.4077L4.0359%2020.866L3.0359%2019.134L5.5358%2017.6907C5.19061%2016.8623%205%2015.9534%205%2015H2V13H5V12C5%2011.3573%205.08661%2010.7348%205.2488%2010.1436L3.0359%208.86602L4.0359%207.13397L6.05636%208.30049ZM8%206C8%203.79086%209.79086%202%2012%202C14.2091%202%2016%203.79086%2016%206H8Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.05636%208.30049C6.11995%208.19854%206.18609%208.09835%206.25469%208H17.7453C17.8139%208.09835%2017.88%208.19854%2017.9436%208.30049L19.9641%207.13397L20.9641%208.86602L18.7512%2010.1436C18.9134%2010.7348%2019%2011.3573%2019%2012V13H22V15H19C19%2015.9534%2018.8094%2016.8623%2018.4642%2017.6907L20.9641%2019.134L19.9641%2020.866L17.4383%2019.4077C16.3533%2020.7447%2014.7853%2021.6737%2013%2021.9291V14H11V21.9291C9.21467%2021.6737%207.64665%2020.7447%206.56171%2019.4077L4.0359%2020.866L3.0359%2019.134L5.5358%2017.6907C5.19061%2016.8623%205%2015.9534%205%2015H2V13H5V12C5%2011.3573%205.08661%2010.7348%205.2488%2010.1436L3.0359%208.86602L4.0359%207.13397L6.05636%208.30049ZM8%206C8%203.79086%209.79086%202%2012%202C14.2091%202%2016%203.79086%2016%206H8Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-calculator-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%202H20C20.5523%202%2021%202.44772%2021%203V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V3C3%202.44772%203.44772%202%204%202ZM5%204V20H19V4H5ZM7%206H17V10H7V6ZM7%2012H9V14H7V12ZM7%2016H9V18H7V16ZM11%2012H13V14H11V12ZM11%2016H13V18H11V16ZM15%2012H17V18H15V12Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%202H20C20.5523%202%2021%202.44772%2021%203V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V3C3%202.44772%203.44772%202%204%202ZM5%204V20H19V4H5ZM7%206H17V10H7V6ZM7%2012H9V14H7V12ZM7%2016H9V18H7V16ZM11%2012H13V14H11V12ZM11%2016H13V18H11V16ZM15%2012H17V18H15V12Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-calendar-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%201V3H15V1H17V3H21C21.5523%203%2022%203.44772%2022%204V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V4C2%203.44772%202.44772%203%203%203H7V1H9ZM20%2011H4V19H20V11ZM8%2013V15H6V13H8ZM13%2013V15H11V13H13ZM18%2013V15H16V13H18ZM7%205H4V9H20V5H17V7H15V5H9V7H7V5Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%201V3H15V1H17V3H21C21.5523%203%2022%203.44772%2022%204V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V4C2%203.44772%202.44772%203%203%203H7V1H9ZM20%2011H4V19H20V11ZM8%2013V15H6V13H8ZM13%2013V15H11V13H13ZM18%2013V15H16V13H18ZM7%205H4V9H20V5H17V7H15V5H9V7H7V5Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-calendar-event-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%201V3H15V1H17V3H21C21.5523%203%2022%203.44772%2022%204V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V4C2%203.44772%202.44772%203%203%203H7V1H9ZM20%2011H4V19H20V11ZM11%2013V17H6V13H11ZM7%205H4V9H20V5H17V7H15V5H9V7H7V5Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%201V3H15V1H17V3H21C21.5523%203%2022%203.44772%2022%204V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V4C2%203.44772%202.44772%203%203%203H7V1H9ZM20%2011H4V19H20V11ZM11%2013V17H6V13H11ZM7%205H4V9H20V5H17V7H15V5H9V7H7V5Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-camera-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%203H15L17%205H21C21.5523%205%2022%205.44772%2022%206V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V6C2%205.44772%202.44772%205%203%205H7L9%203ZM12%2019C15.3137%2019%2018%2016.3137%2018%2013C18%209.68629%2015.3137%207%2012%207C8.68629%207%206%209.68629%206%2013C6%2016.3137%208.68629%2019%2012%2019ZM12%2017C9.79086%2017%208%2015.2091%208%2013C8%2010.7909%209.79086%209%2012%209C14.2091%209%2016%2010.7909%2016%2013C16%2015.2091%2014.2091%2017%2012%2017Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%203H15L17%205H21C21.5523%205%2022%205.44772%2022%206V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V6C2%205.44772%202.44772%205%203%205H7L9%203ZM12%2019C15.3137%2019%2018%2016.3137%2018%2013C18%209.68629%2015.3137%207%2012%207C8.68629%207%206%209.68629%206%2013C6%2016.3137%208.68629%2019%2012%2019ZM12%2017C9.79086%2017%208%2015.2091%208%2013C8%2010.7909%209.79086%209%2012%209C14.2091%209%2016%2010.7909%2016%2013C16%2015.2091%2014.2091%2017%2012%2017Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-camera-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.82843%205L7.82843%207H4V19H20V7H16.1716L14.1716%205H9.82843ZM9%203H15L17%205H21C21.5523%205%2022%205.44772%2022%206V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V6C2%205.44772%202.44772%205%203%205H7L9%203ZM12%2018C8.96243%2018%206.5%2015.5376%206.5%2012.5C6.5%209.46243%208.96243%207%2012%207C15.0376%207%2017.5%209.46243%2017.5%2012.5C17.5%2015.5376%2015.0376%2018%2012%2018ZM12%2016C13.933%2016%2015.5%2014.433%2015.5%2012.5C15.5%2010.567%2013.933%209%2012%209C10.067%209%208.5%2010.567%208.5%2012.5C8.5%2014.433%2010.067%2016%2012%2016Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.82843%205L7.82843%207H4V19H20V7H16.1716L14.1716%205H9.82843ZM9%203H15L17%205H21C21.5523%205%2022%205.44772%2022%206V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V6C2%205.44772%202.44772%205%203%205H7L9%203ZM12%2018C8.96243%2018%206.5%2015.5376%206.5%2012.5C6.5%209.46243%208.96243%207%2012%207C15.0376%207%2017.5%209.46243%2017.5%2012.5C17.5%2015.5376%2015.0376%2018%2012%2018ZM12%2016C13.933%2016%2015.5%2014.433%2015.5%2012.5C15.5%2010.567%2013.933%209%2012%209C10.067%209%208.5%2010.567%208.5%2012.5C8.5%2014.433%2010.067%2016%2012%2016Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-camera-off-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.5859%2021H3.00016C2.44787%2021%202.00016%2020.5523%202.00016%2020V6.00003C2.00016%205.44775%202.44787%205.00003%203.00016%205.00003H3.58594L1.39355%202.80765L2.80777%201.39343L22.6068%2021.1924L21.1925%2022.6066L19.5859%2021ZM5.58594%207.00003H4.00016V19H17.5859L15.4053%2016.8194C14.4688%2017.5588%2013.286%2018%2012.0002%2018C8.96259%2018%206.50016%2015.5376%206.50016%2012.5C6.50016%2011.2142%206.94141%2010.0314%207.68076%209.09485L5.58594%207.00003ZM9.11052%2010.5246C8.72543%2011.0868%208.50016%2011.7671%208.50016%2012.5C8.50016%2014.433%2010.0672%2016%2012.0002%2016C12.7331%2016%2013.4134%2015.7748%2013.9756%2015.3897L9.11052%2010.5246ZM22.0002%2017.7858L20.0002%2015.7858V7.00003H16.1717L14.1717%205.00003H9.82858L9.52147%205.30715L8.10726%203.89293L9.00016%203.00003H15.0002L17.0002%205.00003H21.0002C21.5524%205.00003%2022.0002%205.44775%2022.0002%206.00003V17.7858ZM11.2633%207.04897C11.5043%207.0167%2011.7503%207.00003%2012.0002%207.00003C15.0377%207.00003%2017.5002%209.46247%2017.5002%2012.5C17.5002%2012.7499%2017.4835%2012.9959%2017.4512%2013.2369L15.1133%2010.899C14.7794%2010.251%2014.2492%209.72077%2013.6012%209.38686L11.2633%207.04897Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.5859%2021H3.00016C2.44787%2021%202.00016%2020.5523%202.00016%2020V6.00003C2.00016%205.44775%202.44787%205.00003%203.00016%205.00003H3.58594L1.39355%202.80765L2.80777%201.39343L22.6068%2021.1924L21.1925%2022.6066L19.5859%2021ZM5.58594%207.00003H4.00016V19H17.5859L15.4053%2016.8194C14.4688%2017.5588%2013.286%2018%2012.0002%2018C8.96259%2018%206.50016%2015.5376%206.50016%2012.5C6.50016%2011.2142%206.94141%2010.0314%207.68076%209.09485L5.58594%207.00003ZM9.11052%2010.5246C8.72543%2011.0868%208.50016%2011.7671%208.50016%2012.5C8.50016%2014.433%2010.0672%2016%2012.0002%2016C12.7331%2016%2013.4134%2015.7748%2013.9756%2015.3897L9.11052%2010.5246ZM22.0002%2017.7858L20.0002%2015.7858V7.00003H16.1717L14.1717%205.00003H9.82858L9.52147%205.30715L8.10726%203.89293L9.00016%203.00003H15.0002L17.0002%205.00003H21.0002C21.5524%205.00003%2022.0002%205.44775%2022.0002%206.00003V17.7858ZM11.2633%207.04897C11.5043%207.0167%2011.7503%207.00003%2012.0002%207.00003C15.0377%207.00003%2017.5002%209.46247%2017.5002%2012.5C17.5002%2012.7499%2017.4835%2012.9959%2017.4512%2013.2369L15.1133%2010.899C14.7794%2010.251%2014.2492%209.72077%2013.6012%209.38686L11.2633%207.04897Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-chat-1-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%203H14C18.4183%203%2022%206.58172%2022%2011C22%2015.4183%2018.4183%2019%2014%2019V22.5C9%2020.5%202%2017.5%202%2011C2%206.58172%205.58172%203%2010%203ZM12%2017H14C17.3137%2017%2020%2014.3137%2020%2011C20%207.68629%2017.3137%205%2014%205H10C6.68629%205%204%207.68629%204%2011C4%2014.61%206.46208%2016.9656%2012%2019.4798V17Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%203H14C18.4183%203%2022%206.58172%2022%2011C22%2015.4183%2018.4183%2019%2014%2019V22.5C9%2020.5%202%2017.5%202%2011C2%206.58172%205.58172%203%2010%203ZM12%2017H14C17.3137%2017%2020%2014.3137%2020%2011C20%207.68629%2017.3137%205%2014%205H10C6.68629%205%204%207.68629%204%2011C4%2014.61%206.46208%2016.9656%2012%2019.4798V17Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-chat-new-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%203V5H4V18.3851L5.76282%2017H20V10H22V18C22%2018.5523%2021.5523%2019%2021%2019H6.45455L2%2022.5V4C2%203.44772%202.44772%203%203%203H14ZM19%203V0H21V3H24V5H21V8H19V5H16V3H19Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%203V5H4V18.3851L5.76282%2017H20V10H22V18C22%2018.5523%2021.5523%2019%2021%2019H6.45455L2%2022.5V4C2%203.44772%202.44772%203%203%203H14ZM19%203V0H21V3H24V5H21V8H19V5H16V3H19Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-check-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.9997%2015.1709L19.1921%205.97852L20.6063%207.39273L9.9997%2017.9993L3.63574%2011.6354L5.04996%2010.2212L9.9997%2015.1709Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.9997%2015.1709L19.1921%205.97852L20.6063%207.39273L9.9997%2017.9993L3.63574%2011.6354L5.04996%2010.2212L9.9997%2015.1709Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-checkbox-blank-circle-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-checkbox-blank-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203ZM5%205V19H19V5H5Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203ZM5%205V19H19V5H5Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-checkbox-circle-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022ZM17.4571%209.45711L11%2015.9142L6.79289%2011.7071L8.20711%2010.2929L11%2013.0858L16.0429%208.04289L17.4571%209.45711Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022ZM17.4571%209.45711L11%2015.9142L6.79289%2011.7071L8.20711%2010.2929L11%2013.0858L16.0429%208.04289L17.4571%209.45711Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-checkbox-circle-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2012C4%207.58172%207.58172%204%2012%204C16.4183%204%2020%207.58172%2020%2012C20%2016.4183%2016.4183%2020%2012%2020C7.58172%2020%204%2016.4183%204%2012ZM12%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202ZM17.4571%209.45711L16.0429%208.04289L11%2013.0858L8.20711%2010.2929L6.79289%2011.7071L11%2015.9142L17.4571%209.45711Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2012C4%207.58172%207.58172%204%2012%204C16.4183%204%2020%207.58172%2020%2012C20%2016.4183%2016.4183%2020%2012%2020C7.58172%2020%204%2016.4183%204%2012ZM12%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202ZM17.4571%209.45711L16.0429%208.04289L11%2013.0858L8.20711%2010.2929L6.79289%2011.7071L11%2015.9142L17.4571%209.45711Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-checkbox-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203ZM5%205V19H19V5H5ZM11.0026%2016L6.75999%2011.7574L8.17421%2010.3431L11.0026%2013.1716L16.6595%207.51472L18.0737%208.92893L11.0026%2016Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203ZM5%205V19H19V5H5ZM11.0026%2016L6.75999%2011.7574L8.17421%2010.3431L11.0026%2013.1716L16.6595%207.51472L18.0737%208.92893L11.0026%2016Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-close-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9997%2010.5865L16.9495%205.63672L18.3637%207.05093L13.4139%2012.0007L18.3637%2016.9504L16.9495%2018.3646L11.9997%2013.4149L7.04996%2018.3646L5.63574%2016.9504L10.5855%2012.0007L5.63574%207.05093L7.04996%205.63672L11.9997%2010.5865Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9997%2010.5865L16.9495%205.63672L18.3637%207.05093L13.4139%2012.0007L18.3637%2016.9504L16.9495%2018.3646L11.9997%2013.4149L7.04996%2018.3646L5.63574%2016.9504L10.5855%2012.0007L5.63574%207.05093L7.04996%205.63672L11.9997%2010.5865Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-contract-left-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.0712%204.92883L16.4854%206.34305L11.8286%2010.9999L21.0004%2011L21.0004%2013L11.8286%2012.9999L16.4854%2017.6568L15.0712%2019.071L8.00016%2011.9999L15.0712%204.92883ZM4.00037%2018.9998L4.00037%204.99985H6.00037L6.00037%2018.9998H4.00037Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.0712%204.92883L16.4854%206.34305L11.8286%2010.9999L21.0004%2011L21.0004%2013L11.8286%2012.9999L16.4854%2017.6568L15.0712%2019.071L8.00016%2011.9999L15.0712%204.92883ZM4.00037%2018.9998L4.00037%204.99985H6.00037L6.00037%2018.9998H4.00037Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-corner-right-up-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9999%2019.0001L5.00003%2019.0002L5%2017.0002L11.9999%2017.0001L12%206.8283L8.05027%2010.778L6.63606%209.36381L13%202.99985L19.364%209.36381L17.9498%2010.778L14%206.82825L13.9999%2019.0001Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9999%2019.0001L5.00003%2019.0002L5%2017.0002L11.9999%2017.0001L12%206.8283L8.05027%2010.778L6.63606%209.36381L13%202.99985L19.364%209.36381L17.9498%2010.778L14%206.82825L13.9999%2019.0001Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-cup-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2013V5H6V13C6%2014.1046%206.89543%2015%208%2015H14C15.1046%2015%2016%2014.1046%2016%2013ZM5%203H20C21.1046%203%2022%203.89543%2022%205V8C22%209.10457%2021.1046%2010%2020%2010H18V13C18%2015.2091%2016.2091%2017%2014%2017H8C5.79086%2017%204%2015.2091%204%2013V4C4%203.44772%204.44772%203%205%203ZM18%205V8H20V5H18ZM2%2019H20V21H2V19Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2013V5H6V13C6%2014.1046%206.89543%2015%208%2015H14C15.1046%2015%2016%2014.1046%2016%2013ZM5%203H20C21.1046%203%2022%203.89543%2022%205V8C22%209.10457%2021.1046%2010%2020%2010H18V13C18%2015.2091%2016.2091%2017%2014%2017H8C5.79086%2017%204%2015.2091%204%2013V4C4%203.44772%204.44772%203%205%203ZM18%205V8H20V5H18ZM2%2019H20V21H2V19Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-database-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2012.5C5%2012.8134%205.46101%2013.3584%206.53047%2013.8931C7.91405%2014.5849%209.87677%2015%2012%2015C14.1232%2015%2016.0859%2014.5849%2017.4695%2013.8931C18.539%2013.3584%2019%2012.8134%2019%2012.5V10.3287C17.35%2011.3482%2014.8273%2012%2012%2012C9.17273%2012%206.64996%2011.3482%205%2010.3287V12.5ZM19%2015.3287C17.35%2016.3482%2014.8273%2017%2012%2017C9.17273%2017%206.64996%2016.3482%205%2015.3287V17.5C5%2017.8134%205.46101%2018.3584%206.53047%2018.8931C7.91405%2019.5849%209.87677%2020%2012%2020C14.1232%2020%2016.0859%2019.5849%2017.4695%2018.8931C18.539%2018.3584%2019%2017.8134%2019%2017.5V15.3287ZM3%2017.5V7.5C3%205.01472%207.02944%203%2012%203C16.9706%203%2021%205.01472%2021%207.5V17.5C21%2019.9853%2016.9706%2022%2012%2022C7.02944%2022%203%2019.9853%203%2017.5ZM12%2010C14.1232%2010%2016.0859%209.58492%2017.4695%208.89313C18.539%208.3584%2019%207.81342%2019%207.5C19%207.18658%2018.539%206.6416%2017.4695%206.10687C16.0859%205.41508%2014.1232%205%2012%205C9.87677%205%207.91405%205.41508%206.53047%206.10687C5.46101%206.6416%205%207.18658%205%207.5C5%207.81342%205.46101%208.3584%206.53047%208.89313C7.91405%209.58492%209.87677%2010%2012%2010Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2012.5C5%2012.8134%205.46101%2013.3584%206.53047%2013.8931C7.91405%2014.5849%209.87677%2015%2012%2015C14.1232%2015%2016.0859%2014.5849%2017.4695%2013.8931C18.539%2013.3584%2019%2012.8134%2019%2012.5V10.3287C17.35%2011.3482%2014.8273%2012%2012%2012C9.17273%2012%206.64996%2011.3482%205%2010.3287V12.5ZM19%2015.3287C17.35%2016.3482%2014.8273%2017%2012%2017C9.17273%2017%206.64996%2016.3482%205%2015.3287V17.5C5%2017.8134%205.46101%2018.3584%206.53047%2018.8931C7.91405%2019.5849%209.87677%2020%2012%2020C14.1232%2020%2016.0859%2019.5849%2017.4695%2018.8931C18.539%2018.3584%2019%2017.8134%2019%2017.5V15.3287ZM3%2017.5V7.5C3%205.01472%207.02944%203%2012%203C16.9706%203%2021%205.01472%2021%207.5V17.5C21%2019.9853%2016.9706%2022%2012%2022C7.02944%2022%203%2019.9853%203%2017.5ZM12%2010C14.1232%2010%2016.0859%209.58492%2017.4695%208.89313C18.539%208.3584%2019%207.81342%2019%207.5C19%207.18658%2018.539%206.6416%2017.4695%206.10687C16.0859%205.41508%2014.1232%205%2012%205C9.87677%205%207.91405%205.41508%206.53047%206.10687C5.46101%206.6416%205%207.18658%205%207.5C5%207.81342%205.46101%208.3584%206.53047%208.89313C7.91405%209.58492%209.87677%2010%2012%2010Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-delete-bin-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%206H22V8H20V21C20%2021.5523%2019.5523%2022%2019%2022H5C4.44772%2022%204%2021.5523%204%2021V8H2V6H7V3C7%202.44772%207.44772%202%208%202H16C16.5523%202%2017%202.44772%2017%203V6ZM18%208H6V20H18V8ZM9%2011H11V17H9V11ZM13%2011H15V17H13V11ZM9%204V6H15V4H9Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%206H22V8H20V21C20%2021.5523%2019.5523%2022%2019%2022H5C4.44772%2022%204%2021.5523%204%2021V8H2V6H7V3C7%202.44772%207.44772%202%208%202H16C16.5523%202%2017%202.44772%2017%203V6ZM18%208H6V20H18V8ZM9%2011H11V17H9V11ZM13%2011H15V17H13V11ZM9%204V6H15V4H9Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-device-recover-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%202C19.5523%202%2020%202.44772%2020%203V21C20%2021.5523%2019.5523%2022%2019%2022H5C4.44772%2022%204%2021.5523%204%2021V3C4%202.44772%204.44772%202%205%202H19ZM18%204H6V20H18V4ZM12%207C14.7614%207%2017%209.23858%2017%2012C17%2013.7973%2016.0517%2015.3731%2014.6282%2016.2544L12.5%2012H15C15%2010.3431%2013.6569%209%2012%209C10.3431%209%209%2010.3431%209%2012C9%2013.6569%2010.3431%2015%2012%2015L12.9552%2016.9089C12.646%2016.9687%2012.3267%2017%2012%2017C9.23858%2017%207%2014.7614%207%2012C7%209.23858%209.23858%207%2012%207Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%202C19.5523%202%2020%202.44772%2020%203V21C20%2021.5523%2019.5523%2022%2019%2022H5C4.44772%2022%204%2021.5523%204%2021V3C4%202.44772%204.44772%202%205%202H19ZM18%204H6V20H18V4ZM12%207C14.7614%207%2017%209.23858%2017%2012C17%2013.7973%2016.0517%2015.3731%2014.6282%2016.2544L12.5%2012H15C15%2010.3431%2013.6569%209%2012%209C10.3431%209%209%2010.3431%209%2012C9%2013.6569%2010.3431%2015%2012%2015L12.9552%2016.9089C12.646%2016.9687%2012.3267%2017%2012%2017C9.23858%2017%207%2014.7614%207%2012C7%209.23858%209.23858%207%2012%207Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-download-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%2010H18L12%2016L6%2010H11V3H13V10ZM4%2019H20V12H22V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V12H4V19Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%2010H18L12%2016L6%2010H11V3H13V10ZM4%2019H20V12H22V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V12H4V19Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-draft-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%202C20.5523%202%2021%202.44772%2021%203V6.757L19%208.757V4H5V20H19V17.242L21%2015.242V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V3C3%202.44772%203.44772%202%204%202H20ZM21.7782%208.80761L23.1924%2010.2218L15.4142%2018L13.9979%2017.9979L14%2016.5858L21.7782%208.80761ZM13%2012V14H8V12H13ZM16%208V10H8V8H16Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%202C20.5523%202%2021%202.44772%2021%203V6.757L19%208.757V4H5V20H19V17.242L21%2015.242V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V3C3%202.44772%203.44772%202%204%202H20ZM21.7782%208.80761L23.1924%2010.2218L15.4142%2018L13.9979%2017.9979L14%2016.5858L21.7782%208.80761ZM13%2012V14H8V12H13ZM16%208V10H8V8H16Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-draggable { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.5%207C9.32843%207%2010%206.32843%2010%205.5C10%204.67157%209.32843%204%208.5%204C7.67157%204%207%204.67157%207%205.5C7%206.32843%207.67157%207%208.5%207ZM8.5%2013.5C9.32843%2013.5%2010%2012.8284%2010%2012C10%2011.1716%209.32843%2010.5%208.5%2010.5C7.67157%2010.5%207%2011.1716%207%2012C7%2012.8284%207.67157%2013.5%208.5%2013.5ZM10%2018.5C10%2019.3284%209.32843%2020%208.5%2020C7.67157%2020%207%2019.3284%207%2018.5C7%2017.6716%207.67157%2017%208.5%2017C9.32843%2017%2010%2017.6716%2010%2018.5ZM15.5%207C16.3284%207%2017%206.32843%2017%205.5C17%204.67157%2016.3284%204%2015.5%204C14.6716%204%2014%204.67157%2014%205.5C14%206.32843%2014.6716%207%2015.5%207ZM17%2012C17%2012.8284%2016.3284%2013.5%2015.5%2013.5C14.6716%2013.5%2014%2012.8284%2014%2012C14%2011.1716%2014.6716%2010.5%2015.5%2010.5C16.3284%2010.5%2017%2011.1716%2017%2012ZM15.5%2020C16.3284%2020%2017%2019.3284%2017%2018.5C17%2017.6716%2016.3284%2017%2015.5%2017C14.6716%2017%2014%2017.6716%2014%2018.5C14%2019.3284%2014.6716%2020%2015.5%2020Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.5%207C9.32843%207%2010%206.32843%2010%205.5C10%204.67157%209.32843%204%208.5%204C7.67157%204%207%204.67157%207%205.5C7%206.32843%207.67157%207%208.5%207ZM8.5%2013.5C9.32843%2013.5%2010%2012.8284%2010%2012C10%2011.1716%209.32843%2010.5%208.5%2010.5C7.67157%2010.5%207%2011.1716%207%2012C7%2012.8284%207.67157%2013.5%208.5%2013.5ZM10%2018.5C10%2019.3284%209.32843%2020%208.5%2020C7.67157%2020%207%2019.3284%207%2018.5C7%2017.6716%207.67157%2017%208.5%2017C9.32843%2017%2010%2017.6716%2010%2018.5ZM15.5%207C16.3284%207%2017%206.32843%2017%205.5C17%204.67157%2016.3284%204%2015.5%204C14.6716%204%2014%204.67157%2014%205.5C14%206.32843%2014.6716%207%2015.5%207ZM17%2012C17%2012.8284%2016.3284%2013.5%2015.5%2013.5C14.6716%2013.5%2014%2012.8284%2014%2012C14%2011.1716%2014.6716%2010.5%2015.5%2010.5C16.3284%2010.5%2017%2011.1716%2017%2012ZM15.5%2020C16.3284%2020%2017%2019.3284%2017%2018.5C17%2017.6716%2016.3284%2017%2015.5%2017C14.6716%2017%2014%2017.6716%2014%2018.5C14%2019.3284%2014.6716%2020%2015.5%2020Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-edit-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2018.89H6.41421L15.7279%209.57627L14.3137%208.16206L5%2017.4758V18.89ZM21%2020.89H3V16.6473L16.435%203.21231C16.8256%202.82179%2017.4587%202.82179%2017.8492%203.21231L20.6777%206.04074C21.0682%206.43126%2021.0682%207.06443%2020.6777%207.45495L9.24264%2018.89H21V20.89ZM15.7279%206.74785L17.1421%208.16206L18.5563%206.74785L17.1421%205.33363L15.7279%206.74785Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2018.89H6.41421L15.7279%209.57627L14.3137%208.16206L5%2017.4758V18.89ZM21%2020.89H3V16.6473L16.435%203.21231C16.8256%202.82179%2017.4587%202.82179%2017.8492%203.21231L20.6777%206.04074C21.0682%206.43126%2021.0682%207.06443%2020.6777%207.45495L9.24264%2018.89H21V20.89ZM15.7279%206.74785L17.1421%208.16206L18.5563%206.74785L17.1421%205.33363L15.7279%206.74785Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-eraser-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.58564%208.85449L3.63589%2013.8042L8.83021%2018.9985L9.99985%2018.9978V18.9966H11.1714L14.9496%2015.2184L8.58564%208.85449ZM9.99985%207.44027L16.3638%2013.8042L19.1922%2010.9758L12.8283%204.61185L9.99985%207.44027ZM13.9999%2018.9966H20.9999V20.9966H11.9999L8.00229%2020.9991L1.51457%2014.5113C1.12405%2014.1208%201.12405%2013.4877%201.51457%2013.0971L12.1212%202.49053C12.5117%202.1%2013.1449%202.1%2013.5354%202.49053L21.3136%2010.2687C21.7041%2010.6592%2021.7041%2011.2924%2021.3136%2011.6829L13.9999%2018.9966Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.58564%208.85449L3.63589%2013.8042L8.83021%2018.9985L9.99985%2018.9978V18.9966H11.1714L14.9496%2015.2184L8.58564%208.85449ZM9.99985%207.44027L16.3638%2013.8042L19.1922%2010.9758L12.8283%204.61185L9.99985%207.44027ZM13.9999%2018.9966H20.9999V20.9966H11.9999L8.00229%2020.9991L1.51457%2014.5113C1.12405%2014.1208%201.12405%2013.4877%201.51457%2013.0971L12.1212%202.49053C12.5117%202.1%2013.1449%202.1%2013.5354%202.49053L21.3136%2010.2687C21.7041%2010.6592%2021.7041%2011.2924%2021.3136%2011.6829L13.9999%2018.9966Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-error-warning-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM11%2015V17H13V15H11ZM11%207V13H13V7H11Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM11%2015V17H13V15H11ZM11%207V13H13V7H11Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-error-warning-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM11%2015H13V17H11V15ZM11%207H13V13H11V7Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM11%2015H13V17H11V15ZM11%207H13V13H11V7Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-expand-height-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%202H18V4H6V2ZM16.9497%209.44975L12%204.5L7.05273%209.44727L8.46695%2010.8615L11%208.32843V15.6706L8.46499%2013.1356L7.05078%2014.5498L12%2019.5L16.9497%2014.5503L15.5355%2013.136L13%2015.6716V8.32843L15.5355%2010.864L16.9497%209.44975ZM18%2020V22H6V20H18Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%202H18V4H6V2ZM16.9497%209.44975L12%204.5L7.05273%209.44727L8.46695%2010.8615L11%208.32843V15.6706L8.46499%2013.1356L7.05078%2014.5498L12%2019.5L16.9497%2014.5503L15.5355%2013.136L13%2015.6716V8.32843L15.5355%2010.864L16.9497%209.44975ZM18%2020V22H6V20H18Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-expand-right-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.1717%2011L12.5148%206.34317L13.929%204.92896L21.0001%2012L13.929%2019.0711L12.5148%2017.6569L17.1716%2013L7.9998%2013.0002L7.99978%2011.0002L17.1717%2011ZM3.99985%2019L3.99985%204.99997H5.99985V19H3.99985Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.1717%2011L12.5148%206.34317L13.929%204.92896L21.0001%2012L13.929%2019.0711L12.5148%2017.6569L17.1716%2013L7.9998%2013.0002L7.99978%2011.0002L17.1717%2011ZM3.99985%2019L3.99985%204.99997H5.99985V19H3.99985Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-expand-up-down-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%209%2012%203%206%209H18ZM18%2015%2012%2021%206%2015H18Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%209%2012%203%206%209H18ZM18%2015%2012%2021%206%2015H18Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-expand-up-down-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.2072%209.0428%2012.0001%202.83569%205.793%209.0428%207.20721%2010.457%2012.0001%205.66412%2016.793%2010.457%2018.2072%209.0428ZM5.79285%2014.9572%2012%2021.1643%2018.2071%2014.9572%2016.7928%2013.543%2012%2018.3359%207.20706%2013.543%205.79285%2014.9572Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.2072%209.0428%2012.0001%202.83569%205.793%209.0428%207.20721%2010.457%2012.0001%205.66412%2016.793%2010.457%2018.2072%209.0428ZM5.79285%2014.9572%2012%2021.1643%2018.2071%2014.9572%2016.7928%2013.543%2012%2018.3359%207.20706%2013.543%205.79285%2014.9572Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-eye-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0003%203C17.3924%203%2021.8784%206.87976%2022.8189%2012C21.8784%2017.1202%2017.3924%2021%2012.0003%2021C6.60812%2021%202.12215%2017.1202%201.18164%2012C2.12215%206.87976%206.60812%203%2012.0003%203ZM12.0003%2019C16.2359%2019%2019.8603%2016.052%2020.7777%2012C19.8603%207.94803%2016.2359%205%2012.0003%205C7.7646%205%204.14022%207.94803%203.22278%2012C4.14022%2016.052%207.7646%2019%2012.0003%2019ZM12.0003%2016.5C9.51498%2016.5%207.50026%2014.4853%207.50026%2012C7.50026%209.51472%209.51498%207.5%2012.0003%207.5C14.4855%207.5%2016.5003%209.51472%2016.5003%2012C16.5003%2014.4853%2014.4855%2016.5%2012.0003%2016.5ZM12.0003%2014.5C13.381%2014.5%2014.5003%2013.3807%2014.5003%2012C14.5003%2010.6193%2013.381%209.5%2012.0003%209.5C10.6196%209.5%209.50026%2010.6193%209.50026%2012C9.50026%2013.3807%2010.6196%2014.5%2012.0003%2014.5Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0003%203C17.3924%203%2021.8784%206.87976%2022.8189%2012C21.8784%2017.1202%2017.3924%2021%2012.0003%2021C6.60812%2021%202.12215%2017.1202%201.18164%2012C2.12215%206.87976%206.60812%203%2012.0003%203ZM12.0003%2019C16.2359%2019%2019.8603%2016.052%2020.7777%2012C19.8603%207.94803%2016.2359%205%2012.0003%205C7.7646%205%204.14022%207.94803%203.22278%2012C4.14022%2016.052%207.7646%2019%2012.0003%2019ZM12.0003%2016.5C9.51498%2016.5%207.50026%2014.4853%207.50026%2012C7.50026%209.51472%209.51498%207.5%2012.0003%207.5C14.4855%207.5%2016.5003%209.51472%2016.5003%2012C16.5003%2014.4853%2014.4855%2016.5%2012.0003%2016.5ZM12.0003%2014.5C13.381%2014.5%2014.5003%2013.3807%2014.5003%2012C14.5003%2010.6193%2013.381%209.5%2012.0003%209.5C10.6196%209.5%209.50026%2010.6193%209.50026%2012C9.50026%2013.3807%2010.6196%2014.5%2012.0003%2014.5Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-file-copy-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.9998%206V3C6.9998%202.44772%207.44752%202%207.9998%202H19.9998C20.5521%202%2020.9998%202.44772%2020.9998%203V17C20.9998%2017.5523%2020.5521%2018%2019.9998%2018H16.9998V20.9991C16.9998%2021.5519%2016.5499%2022%2015.993%2022H4.00666C3.45059%2022%203%2021.5554%203%2020.9991L3.0026%207.00087C3.0027%206.44811%203.45264%206%204.00942%206H6.9998ZM5.00242%208L5.00019%2020H14.9998V8H5.00242ZM8.9998%206H16.9998V16H18.9998V4H8.9998V6Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.9998%206V3C6.9998%202.44772%207.44752%202%207.9998%202H19.9998C20.5521%202%2020.9998%202.44772%2020.9998%203V17C20.9998%2017.5523%2020.5521%2018%2019.9998%2018H16.9998V20.9991C16.9998%2021.5519%2016.5499%2022%2015.993%2022H4.00666C3.45059%2022%203%2021.5554%203%2020.9991L3.0026%207.00087C3.0027%206.44811%203.45264%206%204.00942%206H6.9998ZM5.00242%208L5.00019%2020H14.9998V8H5.00242ZM8.9998%206H16.9998V16H18.9998V4H8.9998V6Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-filter-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%204V6H20L14%2015V22H10V15L4%206H3V4H21Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%204V6H20L14%2015V22H10V15L4%206H3V4H21Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-filter-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%204V6H20L15%2013.5V22H9V13.5L4%206H3V4H21ZM6.4037%206L11%2012.8944V20H13V12.8944L17.5963%206H6.4037Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%204V6H20L15%2013.5V22H9V13.5L4%206H3V4H21ZM6.4037%206L11%2012.8944V20H13V12.8944L17.5963%206H6.4037Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-filter-off-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.92893%200.514648L21.0711%2014.6568L19.6569%2016.071L15.834%2012.2486L15%2013.4999V21.9999H9V13.4999L4%205.99993H3V3.99993L7.585%203.99965L5.51472%201.92886L6.92893%200.514648ZM9.585%205.99965L6.4037%205.99993L11%2012.8944V19.9999H13V12.8944L14.392%2010.8066L9.585%205.99965ZM21%203.99993V5.99993H20L18.085%208.87193L16.643%207.42893L17.5963%205.99993H15.213L13.213%203.99993H21Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.92893%200.514648L21.0711%2014.6568L19.6569%2016.071L15.834%2012.2486L15%2013.4999V21.9999H9V13.4999L4%205.99993H3V3.99993L7.585%203.99965L5.51472%201.92886L6.92893%200.514648ZM9.585%205.99965L6.4037%205.99993L11%2012.8944V19.9999H13V12.8944L14.392%2010.8066L9.585%205.99965ZM21%203.99993V5.99993H20L18.085%208.87193L16.643%207.42893L17.5963%205.99993H15.213L13.213%203.99993H21Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-forbid-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM8.52313%207.10891C8.25459%207.30029%207.99828%207.51644%207.75736%207.75736C7.51644%207.99828%207.30029%208.25459%207.10891%208.52313L15.4769%2016.8911C15.7454%2016.6997%2016.0017%2016.4836%2016.2426%2016.2426C16.4836%2016.0017%2016.6997%2015.7454%2016.8911%2015.4769L8.52313%207.10891Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM8.52313%207.10891C8.25459%207.30029%207.99828%207.51644%207.75736%207.75736C7.51644%207.99828%207.30029%208.25459%207.10891%208.52313L15.4769%2016.8911C15.7454%2016.6997%2016.0017%2016.4836%2016.2426%2016.2426C16.4836%2016.0017%2016.6997%2015.7454%2016.8911%2015.4769L8.52313%207.10891Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-forbid-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM8.52313%207.10891L16.8911%2015.4769C16.6997%2015.7454%2016.4836%2016.0017%2016.2426%2016.2426C16.0017%2016.4836%2015.7454%2016.6997%2015.4769%2016.8911L7.10891%208.52313C7.30029%208.25459%207.51644%207.99828%207.75736%207.75736C7.99828%207.51644%208.25459%207.30029%208.52313%207.10891Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM8.52313%207.10891L16.8911%2015.4769C16.6997%2015.7454%2016.4836%2016.0017%2016.2426%2016.2426C16.0017%2016.4836%2015.7454%2016.6997%2015.4769%2016.8911L7.10891%208.52313C7.30029%208.25459%207.51644%207.99828%207.75736%207.75736C7.99828%207.51644%208.25459%207.30029%208.52313%207.10891Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-fullscreen-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%203V5H4V9H2V3H8ZM2%2021V15H4V19H8V21H2ZM22%2021H16V19H20V15H22V21ZM22%209H20V5H16V3H22V9Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%203V5H4V9H2V3H8ZM2%2021V15H4V19H8V21H2ZM22%2021H16V19H20V15H22V21ZM22%209H20V5H16V3H22V9Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-graduation-cap-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2011.3333L0%209L12%202L24%209V17.5H22V10.1667L20%2011.3333V18.0113L19.7774%2018.2864C17.9457%2020.5499%2015.1418%2022%2012%2022C8.85817%2022%206.05429%2020.5499%204.22263%2018.2864L4%2018.0113V11.3333ZM6%2012.5V17.2917C7.46721%2018.954%209.61112%2020%2012%2020C14.3889%2020%2016.5328%2018.954%2018%2017.2917V12.5L12%2016L6%2012.5ZM3.96927%209L12%2013.6846L20.0307%209L12%204.31541L3.96927%209Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2011.3333L0%209L12%202L24%209V17.5H22V10.1667L20%2011.3333V18.0113L19.7774%2018.2864C17.9457%2020.5499%2015.1418%2022%2012%2022C8.85817%2022%206.05429%2020.5499%204.22263%2018.2864L4%2018.0113V11.3333ZM6%2012.5V17.2917C7.46721%2018.954%209.61112%2020%2012%2020C14.3889%2020%2016.5328%2018.954%2018%2017.2917V12.5L12%2016L6%2012.5ZM3.96927%209L12%2013.6846L20.0307%209L12%204.31541L3.96927%209Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-group-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2022C2%2017.5817%205.58172%2014%2010%2014C14.4183%2014%2018%2017.5817%2018%2022H16C16%2018.6863%2013.3137%2016%2010%2016C6.68629%2016%204%2018.6863%204%2022H2ZM10%2013C6.685%2013%204%2010.315%204%207C4%203.685%206.685%201%2010%201C13.315%201%2016%203.685%2016%207C16%2010.315%2013.315%2013%2010%2013ZM10%2011C12.21%2011%2014%209.21%2014%207C14%204.79%2012.21%203%2010%203C7.79%203%206%204.79%206%207C6%209.21%207.79%2011%2010%2011ZM18.2837%2014.7028C21.0644%2015.9561%2023%2018.752%2023%2022H21C21%2019.564%2019.5483%2017.4671%2017.4628%2016.5271L18.2837%2014.7028ZM17.5962%203.41321C19.5944%204.23703%2021%206.20361%2021%208.5C21%2011.3702%2018.8042%2013.7252%2016%2013.9776V11.9646C17.6967%2011.7222%2019%2010.264%2019%208.5C19%207.11935%2018.2016%205.92603%2017.041%205.35635L17.5962%203.41321Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2022C2%2017.5817%205.58172%2014%2010%2014C14.4183%2014%2018%2017.5817%2018%2022H16C16%2018.6863%2013.3137%2016%2010%2016C6.68629%2016%204%2018.6863%204%2022H2ZM10%2013C6.685%2013%204%2010.315%204%207C4%203.685%206.685%201%2010%201C13.315%201%2016%203.685%2016%207C16%2010.315%2013.315%2013%2010%2013ZM10%2011C12.21%2011%2014%209.21%2014%207C14%204.79%2012.21%203%2010%203C7.79%203%206%204.79%206%207C6%209.21%207.79%2011%2010%2011ZM18.2837%2014.7028C21.0644%2015.9561%2023%2018.752%2023%2022H21C21%2019.564%2019.5483%2017.4671%2017.4628%2016.5271L18.2837%2014.7028ZM17.5962%203.41321C19.5944%204.23703%2021%206.20361%2021%208.5C21%2011.3702%2018.8042%2013.7252%2016%2013.9776V11.9646C17.6967%2011.7222%2019%2010.264%2019%208.5C19%207.11935%2018.2016%205.92603%2017.041%205.35635L17.5962%203.41321Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-headphone-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%204C7.58172%204%204%207.58172%204%2012H7C8.10457%2012%209%2012.8954%209%2014V19C9%2020.1046%208.10457%2021%207%2021H4C2.89543%2021%202%2020.1046%202%2019V12C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012V19C22%2020.1046%2021.1046%2021%2020%2021H17C15.8954%2021%2015%2020.1046%2015%2019V14C15%2012.8954%2015.8954%2012%2017%2012H20C20%207.58172%2016.4183%204%2012%204ZM4%2014V19H7V14H4ZM17%2014V19H20V14H17Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%204C7.58172%204%204%207.58172%204%2012H7C8.10457%2012%209%2012.8954%209%2014V19C9%2020.1046%208.10457%2021%207%2021H4C2.89543%2021%202%2020.1046%202%2019V12C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012V19C22%2020.1046%2021.1046%2021%2020%2021H17C15.8954%2021%2015%2020.1046%2015%2019V14C15%2012.8954%2015.8954%2012%2017%2012H20C20%207.58172%2016.4183%204%2012%204ZM4%2014V19H7V14H4ZM17%2014V19H20V14H17Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-information-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM11%2011V17H13V11H11ZM11%207V9H13V7H11Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM11%2011V17H13V11H11ZM11%207V9H13V7H11Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-information-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM11%207H13V9H11V7ZM11%2011H13V17H11V11Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM11%207H13V9H11V7ZM11%2011H13V17H11V11Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-layout-column-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%205V19H19V5H12ZM4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%205V19H19V5H12ZM4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-layout-column-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%205H5V19H11V5ZM13%205V19H19V5H13ZM4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%205H5V19H11V5ZM13%205V19H19V5H13ZM4%203H20C20.5523%203%2021%203.44772%2021%204V20C21%2020.5523%2020.5523%2021%2020%2021H4C3.44772%2021%203%2020.5523%203%2020V4C3%203.44772%203.44772%203%204%203Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-lightbulb-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.97308%2018H11V13H13V18H14.0269C14.1589%2016.7984%2014.7721%2015.8065%2015.7676%2014.7226C15.8797%2014.6006%2016.5988%2013.8564%2016.6841%2013.7501C17.5318%2012.6931%2018%2011.385%2018%2010C18%206.68629%2015.3137%204%2012%204C8.68629%204%206%206.68629%206%2010C6%2011.3843%206.46774%2012.6917%207.31462%2013.7484C7.40004%2013.855%208.12081%2014.6012%208.23154%2014.7218C9.22766%2015.8064%209.84103%2016.7984%209.97308%2018ZM10%2020V21H14V20H10ZM5.75395%2014.9992C4.65645%2013.6297%204%2011.8915%204%2010C4%205.58172%207.58172%202%2012%202C16.4183%202%2020%205.58172%2020%2010C20%2011.8925%2019.3428%2013.6315%2018.2443%2015.0014C17.624%2015.7748%2016%2017%2016%2018.5V21C16%2022.1046%2015.1046%2023%2014%2023H10C8.89543%2023%208%2022.1046%208%2021V18.5C8%2017%206.37458%2015.7736%205.75395%2014.9992Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.97308%2018H11V13H13V18H14.0269C14.1589%2016.7984%2014.7721%2015.8065%2015.7676%2014.7226C15.8797%2014.6006%2016.5988%2013.8564%2016.6841%2013.7501C17.5318%2012.6931%2018%2011.385%2018%2010C18%206.68629%2015.3137%204%2012%204C8.68629%204%206%206.68629%206%2010C6%2011.3843%206.46774%2012.6917%207.31462%2013.7484C7.40004%2013.855%208.12081%2014.6012%208.23154%2014.7218C9.22766%2015.8064%209.84103%2016.7984%209.97308%2018ZM10%2020V21H14V20H10ZM5.75395%2014.9992C4.65645%2013.6297%204%2011.8915%204%2010C4%205.58172%207.58172%202%2012%202C16.4183%202%2020%205.58172%2020%2010C20%2011.8925%2019.3428%2013.6315%2018.2443%2015.0014C17.624%2015.7748%2016%2017%2016%2018.5V21C16%2022.1046%2015.1046%2023%2014%2023H10C8.89543%2023%208%2022.1046%208%2021V18.5C8%2017%206.37458%2015.7736%205.75395%2014.9992Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-link { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.3638%2015.5355L16.9496%2014.1213L18.3638%2012.7071C20.3164%2010.7545%2020.3164%207.58866%2018.3638%205.63604C16.4112%203.68341%2013.2453%203.68341%2011.2927%205.63604L9.87849%207.05025L8.46428%205.63604L9.87849%204.22182C12.6122%201.48815%2017.0443%201.48815%2019.778%204.22182C22.5117%206.95549%2022.5117%2011.3876%2019.778%2014.1213L18.3638%2015.5355ZM15.5353%2018.364L14.1211%2019.7782C11.3875%2022.5118%206.95531%2022.5118%204.22164%2019.7782C1.48797%2017.0445%201.48797%2012.6123%204.22164%209.87868L5.63585%208.46446L7.05007%209.87868L5.63585%2011.2929C3.68323%2013.2455%203.68323%2016.4113%205.63585%2018.364C7.58847%2020.3166%2010.7543%2020.3166%2012.7069%2018.364L14.1211%2016.9497L15.5353%2018.364ZM14.8282%207.75736L16.2425%209.17157L9.17139%2016.2426L7.75717%2014.8284L14.8282%207.75736Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.3638%2015.5355L16.9496%2014.1213L18.3638%2012.7071C20.3164%2010.7545%2020.3164%207.58866%2018.3638%205.63604C16.4112%203.68341%2013.2453%203.68341%2011.2927%205.63604L9.87849%207.05025L8.46428%205.63604L9.87849%204.22182C12.6122%201.48815%2017.0443%201.48815%2019.778%204.22182C22.5117%206.95549%2022.5117%2011.3876%2019.778%2014.1213L18.3638%2015.5355ZM15.5353%2018.364L14.1211%2019.7782C11.3875%2022.5118%206.95531%2022.5118%204.22164%2019.7782C1.48797%2017.0445%201.48797%2012.6123%204.22164%209.87868L5.63585%208.46446L7.05007%209.87868L5.63585%2011.2929C3.68323%2013.2455%203.68323%2016.4113%205.63585%2018.364C7.58847%2020.3166%2010.7543%2020.3166%2012.7069%2018.364L14.1211%2016.9497L15.5353%2018.364ZM14.8282%207.75736L16.2425%209.17157L9.17139%2016.2426L7.75717%2014.8284L14.8282%207.75736Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-lock-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%208V7C6%203.68629%208.68629%201%2012%201C15.3137%201%2018%203.68629%2018%207V8H20C20.5523%208%2021%208.44772%2021%209V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V9C3%208.44772%203.44772%208%204%208H6ZM19%2010H5V20H19V10ZM11%2015.7324C10.4022%2015.3866%2010%2014.7403%2010%2014C10%2012.8954%2010.8954%2012%2012%2012C13.1046%2012%2014%2012.8954%2014%2014C14%2014.7403%2013.5978%2015.3866%2013%2015.7324V18H11V15.7324ZM8%208H16V7C16%204.79086%2014.2091%203%2012%203C9.79086%203%208%204.79086%208%207V8Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%208V7C6%203.68629%208.68629%201%2012%201C15.3137%201%2018%203.68629%2018%207V8H20C20.5523%208%2021%208.44772%2021%209V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V9C3%208.44772%203.44772%208%204%208H6ZM19%2010H5V20H19V10ZM11%2015.7324C10.4022%2015.3866%2010%2014.7403%2010%2014C10%2012.8954%2010.8954%2012%2012%2012C13.1046%2012%2014%2012.8954%2014%2014C14%2014.7403%2013.5978%2015.3866%2013%2015.7324V18H11V15.7324ZM8%208H16V7C16%204.79086%2014.2091%203%2012%203C9.79086%203%208%204.79086%208%207V8Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-lock-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2010H20C20.5523%2010%2021%2010.4477%2021%2011V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V11C3%2010.4477%203.44772%2010%204%2010H5V9C5%205.13401%208.13401%202%2012%202C15.866%202%2019%205.13401%2019%209V10ZM5%2012V20H19V12H5ZM11%2014H13V18H11V14ZM17%2010V9C17%206.23858%2014.7614%204%2012%204C9.23858%204%207%206.23858%207%209V10H17Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2010H20C20.5523%2010%2021%2010.4477%2021%2011V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V11C3%2010.4477%203.44772%2010%204%2010H5V9C5%205.13401%208.13401%202%2012%202C15.866%202%2019%205.13401%2019%209V10ZM5%2012V20H19V12H5ZM11%2014H13V18H11V14ZM17%2010V9C17%206.23858%2014.7614%204%2012%204C9.23858%204%207%206.23858%207%209V10H17Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-lock-unlock-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%2010H20C20.5523%2010%2021%2010.4477%2021%2011V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V11C3%2010.4477%203.44772%2010%204%2010H5V9C5%205.13401%208.13401%202%2012%202C14.7405%202%2017.1131%203.5748%2018.2624%205.86882L16.4731%206.76344C15.6522%205.12486%2013.9575%204%2012%204C9.23858%204%207%206.23858%207%209V10ZM5%2012V20H19V12H5ZM10%2015H14V17H10V15Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%2010H20C20.5523%2010%2021%2010.4477%2021%2011V21C21%2021.5523%2020.5523%2022%2020%2022H4C3.44772%2022%203%2021.5523%203%2021V11C3%2010.4477%203.44772%2010%204%2010H5V9C5%205.13401%208.13401%202%2012%202C14.7405%202%2017.1131%203.5748%2018.2624%205.86882L16.4731%206.76344C15.6522%205.12486%2013.9575%204%2012%204C9.23858%204%207%206.23858%207%209V10ZM5%2012V20H19V12H5ZM10%2015H14V17H10V15Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-login-circle-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%2011V8L15%2012L10%2016V13H1V11H10ZM2.4578%2015H4.58152C5.76829%2017.9318%208.64262%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C8.64262%204%205.76829%206.06817%204.58152%209H2.4578C3.73207%204.94289%207.52236%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C7.52236%2022%203.73207%2019.0571%202.4578%2015Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%2011V8L15%2012L10%2016V13H1V11H10ZM2.4578%2015H4.58152C5.76829%2017.9318%208.64262%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C8.64262%204%205.76829%206.06817%204.58152%209H2.4578C3.73207%204.94289%207.52236%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C7.52236%2022%203.73207%2019.0571%202.4578%2015Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-logout-circle-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2011H13V13H5V16L0%2012L5%208V11ZM3.99927%2018H6.70835C8.11862%2019.2447%209.97111%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C9.97111%204%208.11862%204.75527%206.70835%206H3.99927C5.82368%203.57111%208.72836%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C8.72836%2022%205.82368%2020.4289%203.99927%2018Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2011H13V13H5V16L0%2012L5%208V11ZM3.99927%2018H6.70835C8.11862%2019.2447%209.97111%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C9.97111%204%208.11862%204.75527%206.70835%206H3.99927C5.82368%203.57111%208.72836%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C8.72836%2022%205.82368%2020.4289%203.99927%2018Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-loop-left-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%204C9.25144%204%206.82508%205.38626%205.38443%207.5H8V9.5H2V3.5H4V5.99936C5.82381%203.57166%208.72764%202%2012%202C17.5228%202%2022%206.47715%2022%2012H20C20%207.58172%2016.4183%204%2012%204ZM4%2012C4%2016.4183%207.58172%2020%2012%2020C14.7486%2020%2017.1749%2018.6137%2018.6156%2016.5H16V14.5H22V20.5H20V18.0006C18.1762%2020.4283%2015.2724%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012H4Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%204C9.25144%204%206.82508%205.38626%205.38443%207.5H8V9.5H2V3.5H4V5.99936C5.82381%203.57166%208.72764%202%2012%202C17.5228%202%2022%206.47715%2022%2012H20C20%207.58172%2016.4183%204%2012%204ZM4%2012C4%2016.4183%207.58172%2020%2012%2020C14.7486%2020%2017.1749%2018.6137%2018.6156%2016.5H16V14.5H22V20.5H20V18.0006C18.1762%2020.4283%2015.2724%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012H4Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-loop-right-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%204C14.7486%204%2017.1749%205.38626%2018.6156%207.5H16V9.5H22V3.5H20V5.99936C18.1762%203.57166%2015.2724%202%2012%202C6.47715%202%202%206.47715%202%2012H4C4%207.58172%207.58172%204%2012%204ZM20%2012C20%2016.4183%2016.4183%2020%2012%2020C9.25144%2020%206.82508%2018.6137%205.38443%2016.5H8V14.5H2V20.5H4V18.0006C5.82381%2020.4283%208.72764%2022%2012%2022C17.5228%2022%2022%2017.5228%2022%2012H20Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%204C14.7486%204%2017.1749%205.38626%2018.6156%207.5H16V9.5H22V3.5H20V5.99936C18.1762%203.57166%2015.2724%202%2012%202C6.47715%202%202%206.47715%202%2012H4C4%207.58172%207.58172%204%2012%204ZM20%2012C20%2016.4183%2016.4183%2020%2012%2020C9.25144%2020%206.82508%2018.6137%205.38443%2016.5H8V14.5H2V20.5H4V18.0006C5.82381%2020.4283%208.72764%2022%2012%2022C17.5228%2022%2022%2017.5228%2022%2012H20Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-mail-send-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%203C21.5523%203%2022%203.44772%2022%204V20.0066C22%2020.5552%2021.5447%2021%2021.0082%2021H2.9918C2.44405%2021%202%2020.5551%202%2020.0066V19H20V7.3L12%2014.5L2%205.5V4C2%203.44772%202.44772%203%203%203H21ZM8%2015V17H0V15H8ZM5%2010V12H0V10H5ZM19.5659%205H4.43414L12%2011.8093L19.5659%205Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%203C21.5523%203%2022%203.44772%2022%204V20.0066C22%2020.5552%2021.5447%2021%2021.0082%2021H2.9918C2.44405%2021%202%2020.5551%202%2020.0066V19H20V7.3L12%2014.5L2%205.5V4C2%203.44772%202.44772%203%203%203H21ZM8%2015V17H0V15H8ZM5%2010V12H0V10H5ZM19.5659%205H4.43414L12%2011.8093L19.5659%205Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-menu-fold-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2017.9995V19.9995H3V17.9995H21ZM6.59619%203.90332L8.01041%205.31753L4.82843%208.49951L8.01041%2011.6815L6.59619%2013.0957L2%208.49951L6.59619%203.90332ZM21%2010.9995V12.9995H12V10.9995H21ZM21%203.99951V5.99951H12V3.99951H21Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2017.9995V19.9995H3V17.9995H21ZM6.59619%203.90332L8.01041%205.31753L4.82843%208.49951L8.01041%2011.6815L6.59619%2013.0957L2%208.49951L6.59619%203.90332ZM21%2010.9995V12.9995H12V10.9995H21ZM21%203.99951V5.99951H12V3.99951H21Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-menu-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%204H21V6H3V4ZM3%2011H21V13H3V11ZM3%2018H21V20H3V18Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%204H21V6H3V4ZM3%2011H21V13H3V11ZM3%2018H21V20H3V18Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-menu-unfold-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2017.9995V19.9995H3V17.9995H21ZM17.4038%203.90332L22%208.49951L17.4038%2013.0957L15.9896%2011.6815L19.1716%208.49951L15.9896%205.31753L17.4038%203.90332ZM12%2010.9995V12.9995H3V10.9995H12ZM12%203.99951V5.99951H3V3.99951H12Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2017.9995V19.9995H3V17.9995H21ZM17.4038%203.90332L22%208.49951L17.4038%2013.0957L15.9896%2011.6815L19.1716%208.49951L15.9896%205.31753L17.4038%203.90332ZM12%2010.9995V12.9995H3V10.9995H12ZM12%203.99951V5.99951H3V3.99951H12Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-message-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.45455%2019L2%2022.5V4C2%203.44772%202.44772%203%203%203H21C21.5523%203%2022%203.44772%2022%204V18C22%2018.5523%2021.5523%2019%2021%2019H6.45455ZM5.76282%2017H20V5H4V18.3851L5.76282%2017ZM8%2010H16V12H8V10Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.45455%2019L2%2022.5V4C2%203.44772%202.44772%203%203%203H21C21.5523%203%2022%203.44772%2022%204V18C22%2018.5523%2021.5523%2019%2021%2019H6.45455ZM5.76282%2017H20V5H4V18.3851L5.76282%2017ZM8%2010H16V12H8V10Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-moon-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%207C10%2010.866%2013.134%2014%2017%2014C18.9584%2014%2020.729%2013.1957%2021.9995%2011.8995C22%2011.933%2022%2011.9665%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C12.0335%202%2012.067%202%2012.1005%202.00049C10.8043%203.27098%2010%205.04157%2010%207ZM4%2012C4%2016.4183%207.58172%2020%2012%2020C15.0583%2020%2017.7158%2018.2839%2019.062%2015.7621C18.3945%2015.9187%2017.7035%2016%2017%2016C12.0294%2016%208%2011.9706%208%207C8%206.29648%208.08133%205.60547%208.2379%204.938C5.71611%206.28423%204%208.9417%204%2012Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%207C10%2010.866%2013.134%2014%2017%2014C18.9584%2014%2020.729%2013.1957%2021.9995%2011.8995C22%2011.933%2022%2011.9665%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C12.0335%202%2012.067%202%2012.1005%202.00049C10.8043%203.27098%2010%205.04157%2010%207ZM4%2012C4%2016.4183%207.58172%2020%2012%2020C15.0583%2020%2017.7158%2018.2839%2019.062%2015.7621C18.3945%2015.9187%2017.7035%2016%2017%2016C12.0294%2016%208%2011.9706%208%207C8%206.29648%208.08133%205.60547%208.2379%204.938C5.71611%206.28423%204%208.9417%204%2012Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-music-2-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%203V17C20%2019.2091%2018.2091%2021%2016%2021C13.7909%2021%2012%2019.2091%2012%2017C12%2014.7909%2013.7909%2013%2016%2013C16.7286%2013%2017.4117%2013.1948%2018%2013.5351V5H9V17C9%2019.2091%207.20914%2021%205%2021C2.79086%2021%201%2019.2091%201%2017C1%2014.7909%202.79086%2013%205%2013C5.72857%2013%206.41165%2013.1948%207%2013.5351V3H20ZM5%2019C6.10457%2019%207%2018.1046%207%2017C7%2015.8954%206.10457%2015%205%2015C3.89543%2015%203%2015.8954%203%2017C3%2018.1046%203.89543%2019%205%2019ZM16%2019C17.1046%2019%2018%2018.1046%2018%2017C18%2015.8954%2017.1046%2015%2016%2015C14.8954%2015%2014%2015.8954%2014%2017C14%2018.1046%2014.8954%2019%2016%2019Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%203V17C20%2019.2091%2018.2091%2021%2016%2021C13.7909%2021%2012%2019.2091%2012%2017C12%2014.7909%2013.7909%2013%2016%2013C16.7286%2013%2017.4117%2013.1948%2018%2013.5351V5H9V17C9%2019.2091%207.20914%2021%205%2021C2.79086%2021%201%2019.2091%201%2017C1%2014.7909%202.79086%2013%205%2013C5.72857%2013%206.41165%2013.1948%207%2013.5351V3H20ZM5%2019C6.10457%2019%207%2018.1046%207%2017C7%2015.8954%206.10457%2015%205%2015C3.89543%2015%203%2015.8954%203%2017C3%2018.1046%203.89543%2019%205%2019ZM16%2019C17.1046%2019%2018%2018.1046%2018%2017C18%2015.8954%2017.1046%2015%2016%2015C14.8954%2015%2014%2015.8954%2014%2017C14%2018.1046%2014.8954%2019%2016%2019Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-palette-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C17.5222%202%2022%205.97778%2022%2010.8889C22%2013.9556%2019.5111%2016.4444%2016.4444%2016.4444H14.4778C13.5556%2016.4444%2012.8111%2017.1889%2012.8111%2018.1111C12.8111%2018.5333%2012.9778%2018.9222%2013.2333%2019.2111C13.5%2019.5111%2013.6667%2019.9%2013.6667%2020.3333C13.6667%2021.2556%2012.9%2022%2012%2022C6.47778%2022%202%2017.5222%202%2012C2%206.47778%206.47778%202%2012%202ZM10.8111%2018.1111C10.8111%2016.0843%2012.451%2014.4444%2014.4778%2014.4444H16.4444C18.4065%2014.4444%2020%2012.851%2020%2010.8889C20%207.1392%2016.4677%204%2012%204C7.58235%204%204%207.58235%204%2012C4%2016.19%207.2226%2019.6285%2011.324%2019.9718C10.9948%2019.4168%2010.8111%2018.7761%2010.8111%2018.1111ZM7.5%2012C6.67157%2012%206%2011.3284%206%2010.5C6%209.67157%206.67157%209%207.5%209C8.32843%209%209%209.67157%209%2010.5C9%2011.3284%208.32843%2012%207.5%2012ZM16.5%2012C15.6716%2012%2015%2011.3284%2015%2010.5C15%209.67157%2015.6716%209%2016.5%209C17.3284%209%2018%209.67157%2018%2010.5C18%2011.3284%2017.3284%2012%2016.5%2012ZM12%209C11.1716%209%2010.5%208.32843%2010.5%207.5C10.5%206.67157%2011.1716%206%2012%206C12.8284%206%2013.5%206.67157%2013.5%207.5C13.5%208.32843%2012.8284%209%2012%209Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C17.5222%202%2022%205.97778%2022%2010.8889C22%2013.9556%2019.5111%2016.4444%2016.4444%2016.4444H14.4778C13.5556%2016.4444%2012.8111%2017.1889%2012.8111%2018.1111C12.8111%2018.5333%2012.9778%2018.9222%2013.2333%2019.2111C13.5%2019.5111%2013.6667%2019.9%2013.6667%2020.3333C13.6667%2021.2556%2012.9%2022%2012%2022C6.47778%2022%202%2017.5222%202%2012C2%206.47778%206.47778%202%2012%202ZM10.8111%2018.1111C10.8111%2016.0843%2012.451%2014.4444%2014.4778%2014.4444H16.4444C18.4065%2014.4444%2020%2012.851%2020%2010.8889C20%207.1392%2016.4677%204%2012%204C7.58235%204%204%207.58235%204%2012C4%2016.19%207.2226%2019.6285%2011.324%2019.9718C10.9948%2019.4168%2010.8111%2018.7761%2010.8111%2018.1111ZM7.5%2012C6.67157%2012%206%2011.3284%206%2010.5C6%209.67157%206.67157%209%207.5%209C8.32843%209%209%209.67157%209%2010.5C9%2011.3284%208.32843%2012%207.5%2012ZM16.5%2012C15.6716%2012%2015%2011.3284%2015%2010.5C15%209.67157%2015.6716%209%2016.5%209C17.3284%209%2018%209.67157%2018%2010.5C18%2011.3284%2017.3284%2012%2016.5%2012ZM12%209C11.1716%209%2010.5%208.32843%2010.5%207.5C10.5%206.67157%2011.1716%206%2012%206C12.8284%206%2013.5%206.67157%2013.5%207.5C13.5%208.32843%2012.8284%209%2012%209Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-phone-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.36556%2010.6821C10.302%2012.3288%2011.6712%2013.698%2013.3179%2014.6344L14.2024%2013.3961C14.4965%2012.9845%2015.0516%2012.8573%2015.4956%2013.0998C16.9024%2013.8683%2018.4571%2014.3353%2020.0789%2014.4637C20.599%2014.5049%2021%2014.9389%2021%2015.4606V19.9234C21%2020.4361%2020.6122%2020.8657%2020.1022%2020.9181C19.5723%2020.9726%2019.0377%2021%2018.5%2021C9.93959%2021%203%2014.0604%203%205.5C3%204.96227%203.02742%204.42771%203.08189%203.89776C3.1343%203.38775%203.56394%203%204.07665%203H8.53942C9.0611%203%209.49513%203.40104%209.5363%203.92109C9.66467%205.54288%2010.1317%207.09764%2010.9002%208.50444C11.1427%208.9484%2011.0155%209.50354%2010.6039%209.79757L9.36556%2010.6821ZM6.84425%2010.0252L8.7442%208.66809C8.20547%207.50514%207.83628%206.27183%207.64727%205H5.00907C5.00303%205.16632%205%205.333%205%205.5C5%2012.9558%2011.0442%2019%2018.5%2019C18.667%2019%2018.8337%2018.997%2019%2018.9909V16.3527C17.7282%2016.1637%2016.4949%2015.7945%2015.3319%2015.2558L13.9748%2017.1558C13.4258%2016.9425%2012.8956%2016.6915%2012.3874%2016.4061L12.3293%2016.373C10.3697%2015.2587%208.74134%2013.6303%207.627%2011.6707L7.59394%2011.6126C7.30849%2011.1044%207.05754%2010.5742%206.84425%2010.0252Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.36556%2010.6821C10.302%2012.3288%2011.6712%2013.698%2013.3179%2014.6344L14.2024%2013.3961C14.4965%2012.9845%2015.0516%2012.8573%2015.4956%2013.0998C16.9024%2013.8683%2018.4571%2014.3353%2020.0789%2014.4637C20.599%2014.5049%2021%2014.9389%2021%2015.4606V19.9234C21%2020.4361%2020.6122%2020.8657%2020.1022%2020.9181C19.5723%2020.9726%2019.0377%2021%2018.5%2021C9.93959%2021%203%2014.0604%203%205.5C3%204.96227%203.02742%204.42771%203.08189%203.89776C3.1343%203.38775%203.56394%203%204.07665%203H8.53942C9.0611%203%209.49513%203.40104%209.5363%203.92109C9.66467%205.54288%2010.1317%207.09764%2010.9002%208.50444C11.1427%208.9484%2011.0155%209.50354%2010.6039%209.79757L9.36556%2010.6821ZM6.84425%2010.0252L8.7442%208.66809C8.20547%207.50514%207.83628%206.27183%207.64727%205H5.00907C5.00303%205.16632%205%205.333%205%205.5C5%2012.9558%2011.0442%2019%2018.5%2019C18.667%2019%2018.8337%2018.997%2019%2018.9909V16.3527C17.7282%2016.1637%2016.4949%2015.7945%2015.3319%2015.2558L13.9748%2017.1558C13.4258%2016.9425%2012.8956%2016.6915%2012.3874%2016.4061L12.3293%2016.373C10.3697%2015.2587%208.74134%2013.6303%207.627%2011.6707L7.59394%2011.6126C7.30849%2011.1044%207.05754%2010.5742%206.84425%2010.0252Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-play-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.3944%2012.0001L10%207.7371V16.263L16.3944%2012.0001ZM19.376%2012.4161L8.77735%2019.4818C8.54759%2019.635%208.23715%2019.5729%208.08397%2019.3432C8.02922%2019.261%208%2019.1645%208%2019.0658V4.93433C8%204.65818%208.22386%204.43433%208.5%204.43433C8.59871%204.43433%208.69522%204.46355%208.77735%204.5183L19.376%2011.584C19.6057%2011.7372%2019.6678%2012.0477%2019.5146%2012.2774C19.478%2012.3323%2019.4309%2012.3795%2019.376%2012.4161Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.3944%2012.0001L10%207.7371V16.263L16.3944%2012.0001ZM19.376%2012.4161L8.77735%2019.4818C8.54759%2019.635%208.23715%2019.5729%208.08397%2019.3432C8.02922%2019.261%208%2019.1645%208%2019.0658V4.93433C8%204.65818%208.22386%204.43433%208.5%204.43433C8.59871%204.43433%208.69522%204.46355%208.77735%204.5183L19.376%2011.584C19.6057%2011.7372%2019.6678%2012.0477%2019.5146%2012.2774C19.478%2012.3323%2019.4309%2012.3795%2019.376%2012.4161Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-presentation-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%204C8%205.10457%207.10457%206%206%206%204.89543%206%204%205.10457%204%204%204%202.89543%204.89543%202%206%202%207.10457%202%208%202.89543%208%204ZM5%2016V22H3V10C3%208.34315%204.34315%207%206%207%206.82059%207%207.56423%207.32946%208.10585%207.86333L10.4803%2010.1057%2012.7931%207.79289%2014.2073%209.20711%2010.5201%2012.8943%209%2011.4587V22H7V16H5ZM6%209C5.44772%209%205%209.44772%205%2010V14H7V10C7%209.44772%206.55228%209%206%209ZM19%205H10V3H20C20.5523%203%2021%203.44772%2021%204V15C21%2015.5523%2020.5523%2016%2020%2016H16.5758L19.3993%2022H17.1889L14.3654%2016H10V14H19V5Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%204C8%205.10457%207.10457%206%206%206%204.89543%206%204%205.10457%204%204%204%202.89543%204.89543%202%206%202%207.10457%202%208%202.89543%208%204ZM5%2016V22H3V10C3%208.34315%204.34315%207%206%207%206.82059%207%207.56423%207.32946%208.10585%207.86333L10.4803%2010.1057%2012.7931%207.79289%2014.2073%209.20711%2010.5201%2012.8943%209%2011.4587V22H7V16H5ZM6%209C5.44772%209%205%209.44772%205%2010V14H7V10C7%209.44772%206.55228%209%206%209ZM19%205H10V3H20C20.5523%203%2021%203.44772%2021%204V15C21%2015.5523%2020.5523%2016%2020%2016H16.5758L19.3993%2022H17.1889L14.3654%2016H10V14H19V5Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-printer-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%202C17.5523%202%2018%202.44772%2018%203V7H21C21.5523%207%2022%207.44772%2022%208V18C22%2018.5523%2021.5523%2019%2021%2019H18V21C18%2021.5523%2017.5523%2022%2017%2022H7C6.44772%2022%206%2021.5523%206%2021V19H3C2.44772%2019%202%2018.5523%202%2018V8C2%207.44772%202.44772%207%203%207H6V3C6%202.44772%206.44772%202%207%202H17ZM16%2017H8V20H16V17ZM20%209H4V17H6V16C6%2015.4477%206.44772%2015%207%2015H17C17.5523%2015%2018%2015.4477%2018%2016V17H20V9ZM8%2010V12H5V10H8ZM16%204H8V7H16V4Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%202C17.5523%202%2018%202.44772%2018%203V7H21C21.5523%207%2022%207.44772%2022%208V18C22%2018.5523%2021.5523%2019%2021%2019H18V21C18%2021.5523%2017.5523%2022%2017%2022H7C6.44772%2022%206%2021.5523%206%2021V19H3C2.44772%2019%202%2018.5523%202%2018V8C2%207.44772%202.44772%207%203%207H6V3C6%202.44772%206.44772%202%207%202H17ZM16%2017H8V20H16V17ZM20%209H4V17H6V16C6%2015.4477%206.44772%2015%207%2015H17C17.5523%2015%2018%2015.4477%2018%2016V17H20V9ZM8%2010V12H5V10H8ZM16%204H8V7H16V4Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-prohibited-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.0943%205.68009L18.3199%2016.9057C19.3736%2015.5506%2020%2013.8491%2020%2012C20%207.58172%2016.4183%204%2012%204C10.1509%204%208.44939%204.62644%207.0943%205.68009ZM16.9057%2018.3199L5.68009%207.0943C4.62644%208.44939%204%2010.1509%204%2012C4%2016.4183%207.58172%2020%2012%2020C13.8491%2020%2015.5506%2019.3736%2016.9057%2018.3199ZM4.92893%204.92893C6.73748%203.12038%209.23885%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2014.7611%2020.8796%2017.2625%2019.0711%2019.0711C17.2625%2020.8796%2014.7611%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%209.23885%203.12038%206.73748%204.92893%204.92893Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.0943%205.68009L18.3199%2016.9057C19.3736%2015.5506%2020%2013.8491%2020%2012C20%207.58172%2016.4183%204%2012%204C10.1509%204%208.44939%204.62644%207.0943%205.68009ZM16.9057%2018.3199L5.68009%207.0943C4.62644%208.44939%204%2010.1509%204%2012C4%2016.4183%207.58172%2020%2012%2020C13.8491%2020%2015.5506%2019.3736%2016.9057%2018.3199ZM4.92893%204.92893C6.73748%203.12038%209.23885%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2014.7611%2020.8796%2017.2625%2019.0711%2019.0711C17.2625%2020.8796%2014.7611%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%209.23885%203.12038%206.73748%204.92893%204.92893Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-pushpin-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.3126%2010.1753L20.8984%2011.5895L20.1913%2010.8824L15.9486%2015.125L15.2415%2018.6606L13.8273%2020.0748L9.58466%2015.8321L4.63492%2020.7819L3.2207%2019.3677L8.17045%2014.4179L3.92781%2010.1753L5.34202%208.76107L8.87756%208.05396L13.1202%203.81132L12.4131%203.10422L13.8273%201.69L22.3126%2010.1753Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.3126%2010.1753L20.8984%2011.5895L20.1913%2010.8824L15.9486%2015.125L15.2415%2018.6606L13.8273%2020.0748L9.58466%2015.8321L4.63492%2020.7819L3.2207%2019.3677L8.17045%2014.4179L3.92781%2010.1753L5.34202%208.76107L8.87756%208.05396L13.1202%203.81132L12.4131%203.10422L13.8273%201.69L22.3126%2010.1753Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-pushpin-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.8273%201.69L22.3126%2010.1753L20.8984%2011.5895L20.1913%2010.8824L15.9486%2015.125L15.2415%2018.6606L13.8273%2020.0748L9.58466%2015.8321L4.63492%2020.7819L3.2207%2019.3677L8.17045%2014.4179L3.92781%2010.1753L5.34202%208.76107L8.87756%208.05396L13.1202%203.81132L12.4131%203.10422L13.8273%201.69ZM14.5344%205.22554L9.86358%209.89637L7.0417%2010.4607L13.5418%2016.9609L14.1062%2014.139L18.7771%209.46818L14.5344%205.22554Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.8273%201.69L22.3126%2010.1753L20.8984%2011.5895L20.1913%2010.8824L15.9486%2015.125L15.2415%2018.6606L13.8273%2020.0748L9.58466%2015.8321L4.63492%2020.7819L3.2207%2019.3677L8.17045%2014.4179L3.92781%2010.1753L5.34202%208.76107L8.87756%208.05396L13.1202%203.81132L12.4131%203.10422L13.8273%201.69ZM14.5344%205.22554L9.86358%209.89637L7.0417%2010.4607L13.5418%2016.9609L14.1062%2014.139L18.7771%209.46818L14.5344%205.22554Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-question-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM11%2015V17H13V15H11ZM13%2013.3551C14.4457%2012.9248%2015.5%2011.5855%2015.5%2010C15.5%208.067%2013.933%206.5%2012%206.5C10.302%206.5%208.88637%207.70919%208.56731%209.31346L10.5288%209.70577C10.6656%209.01823%2011.2723%208.5%2012%208.5C12.8284%208.5%2013.5%209.17157%2013.5%2010C13.5%2010.8284%2012.8284%2011.5%2012%2011.5C11.4477%2011.5%2011%2011.9477%2011%2012.5V14H13V13.3551Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM11%2015V17H13V15H11ZM13%2013.3551C14.4457%2012.9248%2015.5%2011.5855%2015.5%2010C15.5%208.067%2013.933%206.5%2012%206.5C10.302%206.5%208.88637%207.70919%208.56731%209.31346L10.5288%209.70577C10.6656%209.01823%2011.2723%208.5%2012%208.5C12.8284%208.5%2013.5%209.17157%2013.5%2010C13.5%2010.8284%2012.8284%2011.5%2012%2011.5C11.4477%2011.5%2011%2011.9477%2011%2012.5V14H13V13.3551Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-question-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM11%2015H13V17H11V15ZM13%2013.3551V14H11V12.5C11%2011.9477%2011.4477%2011.5%2012%2011.5C12.8284%2011.5%2013.5%2010.8284%2013.5%2010C13.5%209.17157%2012.8284%208.5%2012%208.5C11.2723%208.5%2010.6656%209.01823%2010.5288%209.70577L8.56731%209.31346C8.88637%207.70919%2010.302%206.5%2012%206.5C13.933%206.5%2015.5%208.067%2015.5%2010C15.5%2011.5855%2014.4457%2012.9248%2013%2013.3551Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM11%2015H13V17H11V15ZM13%2013.3551V14H11V12.5C11%2011.9477%2011.4477%2011.5%2012%2011.5C12.8284%2011.5%2013.5%2010.8284%2013.5%2010C13.5%209.17157%2012.8284%208.5%2012%208.5C11.2723%208.5%2010.6656%209.01823%2010.5288%209.70577L8.56731%209.31346C8.88637%207.70919%2010.302%206.5%2012%206.5C13.933%206.5%2015.5%208.067%2015.5%2010C15.5%2011.5855%2014.4457%2012.9248%2013%2013.3551Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-question-mark { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2019C12.8284%2019%2013.5%2019.6716%2013.5%2020.5C13.5%2021.3284%2012.8284%2022%2012%2022C11.1716%2022%2010.5%2021.3284%2010.5%2020.5C10.5%2019.6716%2011.1716%2019%2012%2019ZM12%202C15.3137%202%2018%204.68629%2018%208C18%2010.1646%2017.2474%2011.2907%2015.3259%2012.9231C13.3986%2014.5604%2013%2015.2969%2013%2017H11C11%2014.526%2011.787%2013.3052%2014.031%2011.3989C15.5479%2010.1102%2016%209.43374%2016%208C16%205.79086%2014.2091%204%2012%204C9.79086%204%208%205.79086%208%208V9H6V8C6%204.68629%208.68629%202%2012%202Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2019C12.8284%2019%2013.5%2019.6716%2013.5%2020.5C13.5%2021.3284%2012.8284%2022%2012%2022C11.1716%2022%2010.5%2021.3284%2010.5%2020.5C10.5%2019.6716%2011.1716%2019%2012%2019ZM12%202C15.3137%202%2018%204.68629%2018%208C18%2010.1646%2017.2474%2011.2907%2015.3259%2012.9231C13.3986%2014.5604%2013%2015.2969%2013%2017H11C11%2014.526%2011.787%2013.3052%2014.031%2011.3989C15.5479%2010.1102%2016%209.43374%2016%208C16%205.79086%2014.2091%204%2012%204C9.79086%204%208%205.79086%208%208V9H6V8C6%204.68629%208.68629%202%2012%202Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-refresh-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.46257%204.43262C7.21556%202.91688%209.5007%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2014.1361%2021.3302%2016.1158%2020.1892%2017.7406L17%2012H20C20%207.58172%2016.4183%204%2012%204C9.84982%204%207.89777%204.84827%206.46023%206.22842L5.46257%204.43262ZM18.5374%2019.5674C16.7844%2021.0831%2014.4993%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%209.86386%202.66979%207.88416%203.8108%206.25944L7%2012H4C4%2016.4183%207.58172%2020%2012%2020C14.1502%2020%2016.1022%2019.1517%2017.5398%2017.7716L18.5374%2019.5674Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.46257%204.43262C7.21556%202.91688%209.5007%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2014.1361%2021.3302%2016.1158%2020.1892%2017.7406L17%2012H20C20%207.58172%2016.4183%204%2012%204C9.84982%204%207.89777%204.84827%206.46023%206.22842L5.46257%204.43262ZM18.5374%2019.5674C16.7844%2021.0831%2014.4993%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%209.86386%202.66979%207.88416%203.8108%206.25944L7%2012H4C4%2016.4183%207.58172%2020%2012%2020C14.1502%2020%2016.1022%2019.1517%2017.5398%2017.7716L18.5374%2019.5674Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-restart-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.5374%2019.5674C16.7844%2021.0831%2014.4993%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2014.1361%2021.3302%2016.1158%2020.1892%2017.7406L17%2012H20C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C14.1502%2020%2016.1022%2019.1517%2017.5398%2017.7716L18.5374%2019.5674Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.5374%2019.5674C16.7844%2021.0831%2014.4993%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2014.1361%2021.3302%2016.1158%2020.1892%2017.7406L17%2012H20C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C14.1502%2020%2016.1022%2019.1517%2017.5398%2017.7716L18.5374%2019.5674Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-school-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%200.585693L18%206.58569V9H22V19H23V21H1V19H2V9H6V6.58569L12%200.585693ZM18%2019H20V11H18V19ZM6%2011H4V19H6V11ZM8%207.41412V18.9999H11V12H13V18.9999H16V7.41412L12%203.41412L8%207.41412Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%200.585693L18%206.58569V9H22V19H23V21H1V19H2V9H6V6.58569L12%200.585693ZM18%2019H20V11H18V19ZM6%2011H4V19H6V11ZM8%207.41412V18.9999H11V12H13V18.9999H16V7.41412L12%203.41412L8%207.41412Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-search-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.031%2016.6168L22.3137%2020.8995L20.8995%2022.3137L16.6168%2018.031C15.0769%2019.263%2013.124%2020%2011%2020C6.032%2020%202%2015.968%202%2011C2%206.032%206.032%202%2011%202C15.968%202%2020%206.032%2020%2011C20%2013.124%2019.263%2015.0769%2018.031%2016.6168ZM16.0247%2015.8748C17.2475%2014.6146%2018%2012.8956%2018%2011C18%207.1325%2014.8675%204%2011%204C7.1325%204%204%207.1325%204%2011C4%2014.8675%207.1325%2018%2011%2018C12.8956%2018%2014.6146%2017.2475%2015.8748%2016.0247L16.0247%2015.8748Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.031%2016.6168L22.3137%2020.8995L20.8995%2022.3137L16.6168%2018.031C15.0769%2019.263%2013.124%2020%2011%2020C6.032%2020%202%2015.968%202%2011C2%206.032%206.032%202%2011%202C15.968%202%2020%206.032%2020%2011C20%2013.124%2019.263%2015.0769%2018.031%2016.6168ZM16.0247%2015.8748C17.2475%2014.6146%2018%2012.8956%2018%2011C18%207.1325%2014.8675%204%2011%204C7.1325%204%204%207.1325%204%2011C4%2014.8675%207.1325%2018%2011%2018C12.8956%2018%2014.6146%2017.2475%2015.8748%2016.0247L16.0247%2015.8748Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-send-plane-fill { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.94607%209.31543C1.42353%209.14125%201.4194%208.86022%201.95682%208.68108L21.043%202.31901C21.5715%202.14285%2021.8746%202.43866%2021.7265%202.95694L16.2733%2022.0432C16.1223%2022.5716%2015.8177%2022.59%2015.5944%2022.0876L11.9999%2014L17.9999%206.00005L9.99992%2012L1.94607%209.31543Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.94607%209.31543C1.42353%209.14125%201.4194%208.86022%201.95682%208.68108L21.043%202.31901C21.5715%202.14285%2021.8746%202.43866%2021.7265%202.95694L16.2733%2022.0432C16.1223%2022.5716%2015.8177%2022.59%2015.5944%2022.0876L11.9999%2014L17.9999%206.00005L9.99992%2012L1.94607%209.31543Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-settings-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.68637%204.00008L11.293%201.39348C11.6835%201.00295%2012.3167%201.00295%2012.7072%201.39348L15.3138%204.00008H19.0001C19.5524%204.00008%2020.0001%204.4478%2020.0001%205.00008V8.68637L22.6067%2011.293C22.9972%2011.6835%2022.9972%2012.3167%2022.6067%2012.7072L20.0001%2015.3138V19.0001C20.0001%2019.5524%2019.5524%2020.0001%2019.0001%2020.0001H15.3138L12.7072%2022.6067C12.3167%2022.9972%2011.6835%2022.9972%2011.293%2022.6067L8.68637%2020.0001H5.00008C4.4478%2020.0001%204.00008%2019.5524%204.00008%2019.0001V15.3138L1.39348%2012.7072C1.00295%2012.3167%201.00295%2011.6835%201.39348%2011.293L4.00008%208.68637V5.00008C4.00008%204.4478%204.4478%204.00008%205.00008%204.00008H8.68637ZM6.00008%206.00008V9.5148L3.5148%2012.0001L6.00008%2014.4854V18.0001H9.5148L12.0001%2020.4854L14.4854%2018.0001H18.0001V14.4854L20.4854%2012.0001L18.0001%209.5148V6.00008H14.4854L12.0001%203.5148L9.5148%206.00008H6.00008ZM12.0001%2016.0001C9.79094%2016.0001%208.00008%2014.2092%208.00008%2012.0001C8.00008%209.79094%209.79094%208.00008%2012.0001%208.00008C14.2092%208.00008%2016.0001%209.79094%2016.0001%2012.0001C16.0001%2014.2092%2014.2092%2016.0001%2012.0001%2016.0001ZM12.0001%2014.0001C13.1047%2014.0001%2014.0001%2013.1047%2014.0001%2012.0001C14.0001%2010.8955%2013.1047%2010.0001%2012.0001%2010.0001C10.8955%2010.0001%2010.0001%2010.8955%2010.0001%2012.0001C10.0001%2013.1047%2010.8955%2014.0001%2012.0001%2014.0001Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.68637%204.00008L11.293%201.39348C11.6835%201.00295%2012.3167%201.00295%2012.7072%201.39348L15.3138%204.00008H19.0001C19.5524%204.00008%2020.0001%204.4478%2020.0001%205.00008V8.68637L22.6067%2011.293C22.9972%2011.6835%2022.9972%2012.3167%2022.6067%2012.7072L20.0001%2015.3138V19.0001C20.0001%2019.5524%2019.5524%2020.0001%2019.0001%2020.0001H15.3138L12.7072%2022.6067C12.3167%2022.9972%2011.6835%2022.9972%2011.293%2022.6067L8.68637%2020.0001H5.00008C4.4478%2020.0001%204.00008%2019.5524%204.00008%2019.0001V15.3138L1.39348%2012.7072C1.00295%2012.3167%201.00295%2011.6835%201.39348%2011.293L4.00008%208.68637V5.00008C4.00008%204.4478%204.4478%204.00008%205.00008%204.00008H8.68637ZM6.00008%206.00008V9.5148L3.5148%2012.0001L6.00008%2014.4854V18.0001H9.5148L12.0001%2020.4854L14.4854%2018.0001H18.0001V14.4854L20.4854%2012.0001L18.0001%209.5148V6.00008H14.4854L12.0001%203.5148L9.5148%206.00008H6.00008ZM12.0001%2016.0001C9.79094%2016.0001%208.00008%2014.2092%208.00008%2012.0001C8.00008%209.79094%209.79094%208.00008%2012.0001%208.00008C14.2092%208.00008%2016.0001%209.79094%2016.0001%2012.0001C16.0001%2014.2092%2014.2092%2016.0001%2012.0001%2016.0001ZM12.0001%2014.0001C13.1047%2014.0001%2014.0001%2013.1047%2014.0001%2012.0001C14.0001%2010.8955%2013.1047%2010.0001%2012.0001%2010.0001C10.8955%2010.0001%2010.0001%2010.8955%2010.0001%2012.0001C10.0001%2013.1047%2010.8955%2014.0001%2012.0001%2014.0001Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-settings-3-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.33946%2017.0002C2.90721%2016.2515%202.58277%2015.4702%202.36133%2014.6741C3.3338%2014.1779%203.99972%2013.1668%203.99972%2012.0002C3.99972%2010.8345%203.3348%209.824%202.36353%209.32741C2.81025%207.71651%203.65857%206.21627%204.86474%204.99001C5.7807%205.58416%206.98935%205.65534%207.99972%205.072C9.01009%204.48866%209.55277%203.40635%209.4962%202.31604C11.1613%201.8846%2012.8847%201.90004%2014.5031%202.31862C14.4475%203.40806%2014.9901%204.48912%2015.9997%205.072C17.0101%205.65532%2018.2187%205.58416%2019.1346%204.99007C19.7133%205.57986%2020.2277%206.25151%2020.66%207.00021C21.0922%207.7489%2021.4167%208.53025%2021.6381%209.32628C20.6656%209.82247%2019.9997%2010.8336%2019.9997%2012.0002C19.9997%2013.166%2020.6646%2014.1764%2021.6359%2014.673C21.1892%2016.2839%2020.3409%2017.7841%2019.1347%2019.0104C18.2187%2018.4163%2017.0101%2018.3451%2015.9997%2018.9284C14.9893%2019.5117%2014.4467%2020.5941%2014.5032%2021.6844C12.8382%2022.1158%2011.1148%2022.1004%209.49633%2021.6818C9.55191%2020.5923%209.00929%2019.5113%207.99972%2018.9284C6.98938%2018.3451%205.78079%2018.4162%204.86484%2019.0103C4.28617%2018.4205%203.77172%2017.7489%203.33946%2017.0002ZM8.99972%2017.1964C10.0911%2017.8265%2010.8749%2018.8227%2011.2503%2019.9659C11.7486%2020.0133%2012.2502%2020.014%2012.7486%2019.9675C13.1238%2018.8237%2013.9078%2017.8268%2014.9997%2017.1964C16.0916%2016.5659%2017.347%2016.3855%2018.5252%2016.6324C18.8146%2016.224%2019.0648%2015.7892%2019.2729%2015.334C18.4706%2014.4373%2017.9997%2013.2604%2017.9997%2012.0002C17.9997%2010.74%2018.4706%209.5632%2019.2729%208.6665C19.1688%208.4405%2019.0538%208.21822%2018.9279%208.00021C18.802%207.78219%2018.667%207.57148%2018.5233%207.36842C17.3457%207.61476%2016.0911%207.43414%2014.9997%206.80405C13.9083%206.17395%2013.1246%205.17768%2012.7491%204.03455C12.2509%203.98714%2011.7492%203.98646%2011.2509%204.03292C10.8756%205.17671%2010.0916%206.17364%208.99972%206.80405C7.9078%207.43447%206.65245%207.61494%205.47428%207.36803C5.18485%207.77641%204.93463%208.21117%204.72656%208.66637C5.52881%209.56311%205.99972%2010.74%205.99972%2012.0002C5.99972%2013.2604%205.52883%2014.4372%204.72656%2015.3339C4.83067%2015.5599%204.94564%2015.7822%205.07152%2016.0002C5.19739%2016.2182%205.3324%2016.4289%205.47612%2016.632C6.65377%2016.3857%207.90838%2016.5663%208.99972%2017.1964ZM11.9997%2015.0002C10.3429%2015.0002%208.99972%2013.6571%208.99972%2012.0002C8.99972%2010.3434%2010.3429%209.00021%2011.9997%209.00021C13.6566%209.00021%2014.9997%2010.3434%2014.9997%2012.0002C14.9997%2013.6571%2013.6566%2015.0002%2011.9997%2015.0002ZM11.9997%2013.0002C12.552%2013.0002%2012.9997%2012.5525%2012.9997%2012.0002C12.9997%2011.4479%2012.552%2011.0002%2011.9997%2011.0002C11.4474%2011.0002%2010.9997%2011.4479%2010.9997%2012.0002C10.9997%2012.5525%2011.4474%2013.0002%2011.9997%2013.0002Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.33946%2017.0002C2.90721%2016.2515%202.58277%2015.4702%202.36133%2014.6741C3.3338%2014.1779%203.99972%2013.1668%203.99972%2012.0002C3.99972%2010.8345%203.3348%209.824%202.36353%209.32741C2.81025%207.71651%203.65857%206.21627%204.86474%204.99001C5.7807%205.58416%206.98935%205.65534%207.99972%205.072C9.01009%204.48866%209.55277%203.40635%209.4962%202.31604C11.1613%201.8846%2012.8847%201.90004%2014.5031%202.31862C14.4475%203.40806%2014.9901%204.48912%2015.9997%205.072C17.0101%205.65532%2018.2187%205.58416%2019.1346%204.99007C19.7133%205.57986%2020.2277%206.25151%2020.66%207.00021C21.0922%207.7489%2021.4167%208.53025%2021.6381%209.32628C20.6656%209.82247%2019.9997%2010.8336%2019.9997%2012.0002C19.9997%2013.166%2020.6646%2014.1764%2021.6359%2014.673C21.1892%2016.2839%2020.3409%2017.7841%2019.1347%2019.0104C18.2187%2018.4163%2017.0101%2018.3451%2015.9997%2018.9284C14.9893%2019.5117%2014.4467%2020.5941%2014.5032%2021.6844C12.8382%2022.1158%2011.1148%2022.1004%209.49633%2021.6818C9.55191%2020.5923%209.00929%2019.5113%207.99972%2018.9284C6.98938%2018.3451%205.78079%2018.4162%204.86484%2019.0103C4.28617%2018.4205%203.77172%2017.7489%203.33946%2017.0002ZM8.99972%2017.1964C10.0911%2017.8265%2010.8749%2018.8227%2011.2503%2019.9659C11.7486%2020.0133%2012.2502%2020.014%2012.7486%2019.9675C13.1238%2018.8237%2013.9078%2017.8268%2014.9997%2017.1964C16.0916%2016.5659%2017.347%2016.3855%2018.5252%2016.6324C18.8146%2016.224%2019.0648%2015.7892%2019.2729%2015.334C18.4706%2014.4373%2017.9997%2013.2604%2017.9997%2012.0002C17.9997%2010.74%2018.4706%209.5632%2019.2729%208.6665C19.1688%208.4405%2019.0538%208.21822%2018.9279%208.00021C18.802%207.78219%2018.667%207.57148%2018.5233%207.36842C17.3457%207.61476%2016.0911%207.43414%2014.9997%206.80405C13.9083%206.17395%2013.1246%205.17768%2012.7491%204.03455C12.2509%203.98714%2011.7492%203.98646%2011.2509%204.03292C10.8756%205.17671%2010.0916%206.17364%208.99972%206.80405C7.9078%207.43447%206.65245%207.61494%205.47428%207.36803C5.18485%207.77641%204.93463%208.21117%204.72656%208.66637C5.52881%209.56311%205.99972%2010.74%205.99972%2012.0002C5.99972%2013.2604%205.52883%2014.4372%204.72656%2015.3339C4.83067%2015.5599%204.94564%2015.7822%205.07152%2016.0002C5.19739%2016.2182%205.3324%2016.4289%205.47612%2016.632C6.65377%2016.3857%207.90838%2016.5663%208.99972%2017.1964ZM11.9997%2015.0002C10.3429%2015.0002%208.99972%2013.6571%208.99972%2012.0002C8.99972%2010.3434%2010.3429%209.00021%2011.9997%209.00021C13.6566%209.00021%2014.9997%2010.3434%2014.9997%2012.0002C14.9997%2013.6571%2013.6566%2015.0002%2011.9997%2015.0002ZM11.9997%2013.0002C12.552%2013.0002%2012.9997%2012.5525%2012.9997%2012.0002C12.9997%2011.4479%2012.552%2011.0002%2011.9997%2011.0002C11.4474%2011.0002%2010.9997%2011.4479%2010.9997%2012.0002C10.9997%2012.5525%2011.4474%2013.0002%2011.9997%2013.0002Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-shield-star-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%204.60434V13.7889C5%2015.1263%205.6684%2016.3752%206.7812%2017.1171L12%2020.5963L17.2188%2017.1171C18.3316%2016.3752%2019%2015.1263%2019%2013.7889V4.60434L12%203.04879L5%204.60434ZM3.78307%202.82598L12%201L20.2169%202.82598C20.6745%202.92766%2021%203.33347%2021%203.80217V13.7889C21%2015.795%2019.9974%2017.6684%2018.3282%2018.7812L12%2023L5.6718%2018.7812C4.00261%2017.6684%203%2015.795%203%2013.7889V3.80217C3%203.33347%203.32553%202.92766%203.78307%202.82598ZM12%2013.5L9.06107%2015.0451L9.62236%2011.7725L7.24472%209.45492L10.5305%208.97746L12%206L13.4695%208.97746L16.7553%209.45492L14.3776%2011.7725L14.9389%2015.0451L12%2013.5Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%204.60434V13.7889C5%2015.1263%205.6684%2016.3752%206.7812%2017.1171L12%2020.5963L17.2188%2017.1171C18.3316%2016.3752%2019%2015.1263%2019%2013.7889V4.60434L12%203.04879L5%204.60434ZM3.78307%202.82598L12%201L20.2169%202.82598C20.6745%202.92766%2021%203.33347%2021%203.80217V13.7889C21%2015.795%2019.9974%2017.6684%2018.3282%2018.7812L12%2023L5.6718%2018.7812C4.00261%2017.6684%203%2015.795%203%2013.7889V3.80217C3%203.33347%203.32553%202.92766%203.78307%202.82598ZM12%2013.5L9.06107%2015.0451L9.62236%2011.7725L7.24472%209.45492L10.5305%208.97746L12%206L13.4695%208.97746L16.7553%209.45492L14.3776%2011.7725L14.9389%2015.0451L12%2013.5Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-spam-3-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.936%202.50098L21.501%208.06595V15.936L15.936%2021.501H8.06595L2.50098%2015.936V8.06595L8.06595%202.50098H15.936ZM15.1076%204.50098H8.89437L4.50098%208.89437V15.1076L8.89437%2019.501H15.1076L19.501%2015.1076V8.89437L15.1076%204.50098ZM8.00024%2011.0002H16.0002V13.0002H8.00024V11.0002Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.936%202.50098L21.501%208.06595V15.936L15.936%2021.501H8.06595L2.50098%2015.936V8.06595L8.06595%202.50098H15.936ZM15.1076%204.50098H8.89437L4.50098%208.89437V15.1076L8.89437%2019.501H15.1076L19.501%2015.1076V8.89437L15.1076%204.50098ZM8.00024%2011.0002H16.0002V13.0002H8.00024V11.0002Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-sparkling-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%204.4375C15.3462%204.4375%2016.4375%203.34619%2016.4375%202H17.5625C17.5625%203.34619%2018.6538%204.4375%2020%204.4375V5.5625C18.6538%205.5625%2017.5625%206.65381%2017.5625%208H16.4375C16.4375%206.65381%2015.3462%205.5625%2014%205.5625V4.4375ZM1%2011C4.31371%2011%207%208.31371%207%205H9C9%208.31371%2011.6863%2011%2015%2011V13C11.6863%2013%209%2015.6863%209%2019H7C7%2015.6863%204.31371%2013%201%2013V11ZM4.87601%2012C6.18717%2012.7276%207.27243%2013.8128%208%2015.124%208.72757%2013.8128%209.81283%2012.7276%2011.124%2012%209.81283%2011.2724%208.72757%2010.1872%208%208.87601%207.27243%2010.1872%206.18717%2011.2724%204.87601%2012ZM17.25%2014C17.25%2015.7949%2015.7949%2017.25%2014%2017.25V18.75C15.7949%2018.75%2017.25%2020.2051%2017.25%2022H18.75C18.75%2020.2051%2020.2051%2018.75%2022%2018.75V17.25C20.2051%2017.25%2018.75%2015.7949%2018.75%2014H17.25Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%204.4375C15.3462%204.4375%2016.4375%203.34619%2016.4375%202H17.5625C17.5625%203.34619%2018.6538%204.4375%2020%204.4375V5.5625C18.6538%205.5625%2017.5625%206.65381%2017.5625%208H16.4375C16.4375%206.65381%2015.3462%205.5625%2014%205.5625V4.4375ZM1%2011C4.31371%2011%207%208.31371%207%205H9C9%208.31371%2011.6863%2011%2015%2011V13C11.6863%2013%209%2015.6863%209%2019H7C7%2015.6863%204.31371%2013%201%2013V11ZM4.87601%2012C6.18717%2012.7276%207.27243%2013.8128%208%2015.124%208.72757%2013.8128%209.81283%2012.7276%2011.124%2012%209.81283%2011.2724%208.72757%2010.1872%208%208.87601%207.27243%2010.1872%206.18717%2011.2724%204.87601%2012ZM17.25%2014C17.25%2015.7949%2015.7949%2017.25%2014%2017.25V18.75C15.7949%2018.75%2017.25%2020.2051%2017.25%2022H18.75C18.75%2020.2051%2020.2051%2018.75%2022%2018.75V17.25C20.2051%2017.25%2018.75%2015.7949%2018.75%2014H17.25Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-speak-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.9337%208.96494C16.426%205.03562%2013.0675%202%209%202%204.58172%202%201%205.58172%201%2010%201%2011.8924%201.65707%2013.6313%202.7555%2015.0011%203.56351%2016.0087%204.00033%2017.1252%204.00025%2018.3061L4%2022H13L13.001%2019H15C16.1046%2019%2017%2018.1046%2017%2017V14.071L18.9593%2013.2317C19.3025%2013.0847%2019.3324%2012.7367%2019.1842%2012.5037L16.9337%208.96494ZM3%2010C3%206.68629%205.68629%204%209%204%2012.0243%204%2014.5665%206.25141%2014.9501%209.22118L15.0072%209.66262%2016.5497%2012.0881%2015%2012.7519V17H11.0017L11.0007%2020H6.00013L6.00025%2018.3063C6.00036%2016.6672%205.40965%2015.114%204.31578%2013.7499%203.46818%2012.6929%203%2011.3849%203%2010ZM21.1535%2018.1024%2019.4893%2016.9929C20.4436%2015.5642%2021%2013.8471%2021%2012.0001%2021%2010.153%2020.4436%208.4359%2019.4893%207.00722L21.1535%205.89771C22.32%207.64386%2023%209.74254%2023%2012.0001%2023%2014.2576%2022.32%2016.3562%2021.1535%2018.1024Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.9337%208.96494C16.426%205.03562%2013.0675%202%209%202%204.58172%202%201%205.58172%201%2010%201%2011.8924%201.65707%2013.6313%202.7555%2015.0011%203.56351%2016.0087%204.00033%2017.1252%204.00025%2018.3061L4%2022H13L13.001%2019H15C16.1046%2019%2017%2018.1046%2017%2017V14.071L18.9593%2013.2317C19.3025%2013.0847%2019.3324%2012.7367%2019.1842%2012.5037L16.9337%208.96494ZM3%2010C3%206.68629%205.68629%204%209%204%2012.0243%204%2014.5665%206.25141%2014.9501%209.22118L15.0072%209.66262%2016.5497%2012.0881%2015%2012.7519V17H11.0017L11.0007%2020H6.00013L6.00025%2018.3063C6.00036%2016.6672%205.40965%2015.114%204.31578%2013.7499%203.46818%2012.6929%203%2011.3849%203%2010ZM21.1535%2018.1024%2019.4893%2016.9929C20.4436%2015.5642%2021%2013.8471%2021%2012.0001%2021%2010.153%2020.4436%208.4359%2019.4893%207.00722L21.1535%205.89771C22.32%207.64386%2023%209.74254%2023%2012.0001%2023%2014.2576%2022.32%2016.3562%2021.1535%2018.1024Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-speed-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2013.3334L2.77735%2019.4818C2.54759%2019.635%202.23715%2019.5729%202.08397%2019.3432C2.02922%2019.261%202%2019.1645%202%2019.0658V4.93433C2%204.65818%202.22386%204.43433%202.5%204.43433C2.59871%204.43433%202.69522%204.46355%202.77735%204.5183L12%2010.6667V4.93433C12%204.65818%2012.2239%204.43433%2012.5%204.43433C12.5987%204.43433%2012.6952%204.46355%2012.7774%204.5183L23.376%2011.584C23.6057%2011.7372%2023.6678%2012.0477%2023.5146%2012.2774C23.478%2012.3323%2023.4309%2012.3795%2023.376%2012.4161L12.7774%2019.4818C12.5476%2019.635%2012.2372%2019.5729%2012.084%2019.3432C12.0292%2019.261%2012%2019.1645%2012%2019.0658V13.3334ZM10.3944%2012.0001L4%207.7371V16.263L10.3944%2012.0001ZM14%207.7371V16.263L20.3944%2012.0001L14%207.7371Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2013.3334L2.77735%2019.4818C2.54759%2019.635%202.23715%2019.5729%202.08397%2019.3432C2.02922%2019.261%202%2019.1645%202%2019.0658V4.93433C2%204.65818%202.22386%204.43433%202.5%204.43433C2.59871%204.43433%202.69522%204.46355%202.77735%204.5183L12%2010.6667V4.93433C12%204.65818%2012.2239%204.43433%2012.5%204.43433C12.5987%204.43433%2012.6952%204.46355%2012.7774%204.5183L23.376%2011.584C23.6057%2011.7372%2023.6678%2012.0477%2023.5146%2012.2774C23.478%2012.3323%2023.4309%2012.3795%2023.376%2012.4161L12.7774%2019.4818C12.5476%2019.635%2012.2372%2019.5729%2012.084%2019.3432C12.0292%2019.261%2012%2019.1645%2012%2019.0658V13.3334ZM10.3944%2012.0001L4%207.7371V16.263L10.3944%2012.0001ZM14%207.7371V16.263L20.3944%2012.0001L14%207.7371Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-subtract-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2011V13H19V11H5Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2011V13H19V11H5Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-sun-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2018C8.68629%2018%206%2015.3137%206%2012C6%208.68629%208.68629%206%2012%206C15.3137%206%2018%208.68629%2018%2012C18%2015.3137%2015.3137%2018%2012%2018ZM12%2016C14.2091%2016%2016%2014.2091%2016%2012C16%209.79086%2014.2091%208%2012%208C9.79086%208%208%209.79086%208%2012C8%2014.2091%209.79086%2016%2012%2016ZM11%201H13V4H11V1ZM11%2020H13V23H11V20ZM3.51472%204.92893L4.92893%203.51472L7.05025%205.63604L5.63604%207.05025L3.51472%204.92893ZM16.9497%2018.364L18.364%2016.9497L20.4853%2019.0711L19.0711%2020.4853L16.9497%2018.364ZM19.0711%203.51472L20.4853%204.92893L18.364%207.05025L16.9497%205.63604L19.0711%203.51472ZM5.63604%2016.9497L7.05025%2018.364L4.92893%2020.4853L3.51472%2019.0711L5.63604%2016.9497ZM23%2011V13H20V11H23ZM4%2011V13H1V11H4Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2018C8.68629%2018%206%2015.3137%206%2012C6%208.68629%208.68629%206%2012%206C15.3137%206%2018%208.68629%2018%2012C18%2015.3137%2015.3137%2018%2012%2018ZM12%2016C14.2091%2016%2016%2014.2091%2016%2012C16%209.79086%2014.2091%208%2012%208C9.79086%208%208%209.79086%208%2012C8%2014.2091%209.79086%2016%2012%2016ZM11%201H13V4H11V1ZM11%2020H13V23H11V20ZM3.51472%204.92893L4.92893%203.51472L7.05025%205.63604L5.63604%207.05025L3.51472%204.92893ZM16.9497%2018.364L18.364%2016.9497L20.4853%2019.0711L19.0711%2020.4853L16.9497%2018.364ZM19.0711%203.51472L20.4853%204.92893L18.364%207.05025L16.9497%205.63604L19.0711%203.51472ZM5.63604%2016.9497L7.05025%2018.364L4.92893%2020.4853L3.51472%2019.0711L5.63604%2016.9497ZM23%2011V13H20V11H23ZM4%2011V13H1V11H4Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-table-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%208H20V5H4V8ZM14%2019V10H10V19H14ZM16%2019H20V10H16V19ZM8%2019V10H4V19H8ZM3%203H21C21.5523%203%2022%203.44772%2022%204V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V4C2%203.44772%202.44772%203%203%203Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%208H20V5H4V8ZM14%2019V10H10V19H14ZM16%2019H20V10H16V19ZM8%2019V10H4V19H8ZM3%203H21C21.5523%203%2022%203.44772%2022%204V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V4C2%203.44772%202.44772%203%203%203Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-team-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2011C14.7614%2011%2017%2013.2386%2017%2016V22H15V16C15%2014.4023%2013.7511%2013.0963%2012.1763%2013.0051L12%2013C10.4023%2013%209.09634%2014.2489%209.00509%2015.8237L9%2016V22H7V16C7%2013.2386%209.23858%2011%2012%2011ZM5.5%2014C5.77885%2014%206.05009%2014.0326%206.3101%2014.0942C6.14202%2014.594%206.03873%2015.122%206.00896%2015.6693L6%2016L6.0007%2016.0856C5.88757%2016.0456%205.76821%2016.0187%205.64446%2016.0069L5.5%2016C4.7203%2016%204.07955%2016.5949%204.00687%2017.3555L4%2017.5V22H2V17.5C2%2015.567%203.567%2014%205.5%2014ZM18.5%2014C20.433%2014%2022%2015.567%2022%2017.5V22H20V17.5C20%2016.7203%2019.4051%2016.0796%2018.6445%2016.0069L18.5%2016C18.3248%2016%2018.1566%2016.03%2018.0003%2016.0852L18%2016C18%2015.3343%2017.8916%2014.694%2017.6915%2014.0956C17.9499%2014.0326%2018.2211%2014%2018.5%2014ZM5.5%208C6.88071%208%208%209.11929%208%2010.5C8%2011.8807%206.88071%2013%205.5%2013C4.11929%2013%203%2011.8807%203%2010.5C3%209.11929%204.11929%208%205.5%208ZM18.5%208C19.8807%208%2021%209.11929%2021%2010.5C21%2011.8807%2019.8807%2013%2018.5%2013C17.1193%2013%2016%2011.8807%2016%2010.5C16%209.11929%2017.1193%208%2018.5%208ZM5.5%2010C5.22386%2010%205%2010.2239%205%2010.5C5%2010.7761%205.22386%2011%205.5%2011C5.77614%2011%206%2010.7761%206%2010.5C6%2010.2239%205.77614%2010%205.5%2010ZM18.5%2010C18.2239%2010%2018%2010.2239%2018%2010.5C18%2010.7761%2018.2239%2011%2018.5%2011C18.7761%2011%2019%2010.7761%2019%2010.5C19%2010.2239%2018.7761%2010%2018.5%2010ZM12%202C14.2091%202%2016%203.79086%2016%206C16%208.20914%2014.2091%2010%2012%2010C9.79086%2010%208%208.20914%208%206C8%203.79086%209.79086%202%2012%202ZM12%204C10.8954%204%2010%204.89543%2010%206C10%207.10457%2010.8954%208%2012%208C13.1046%208%2014%207.10457%2014%206C14%204.89543%2013.1046%204%2012%204Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2011C14.7614%2011%2017%2013.2386%2017%2016V22H15V16C15%2014.4023%2013.7511%2013.0963%2012.1763%2013.0051L12%2013C10.4023%2013%209.09634%2014.2489%209.00509%2015.8237L9%2016V22H7V16C7%2013.2386%209.23858%2011%2012%2011ZM5.5%2014C5.77885%2014%206.05009%2014.0326%206.3101%2014.0942C6.14202%2014.594%206.03873%2015.122%206.00896%2015.6693L6%2016L6.0007%2016.0856C5.88757%2016.0456%205.76821%2016.0187%205.64446%2016.0069L5.5%2016C4.7203%2016%204.07955%2016.5949%204.00687%2017.3555L4%2017.5V22H2V17.5C2%2015.567%203.567%2014%205.5%2014ZM18.5%2014C20.433%2014%2022%2015.567%2022%2017.5V22H20V17.5C20%2016.7203%2019.4051%2016.0796%2018.6445%2016.0069L18.5%2016C18.3248%2016%2018.1566%2016.03%2018.0003%2016.0852L18%2016C18%2015.3343%2017.8916%2014.694%2017.6915%2014.0956C17.9499%2014.0326%2018.2211%2014%2018.5%2014ZM5.5%208C6.88071%208%208%209.11929%208%2010.5C8%2011.8807%206.88071%2013%205.5%2013C4.11929%2013%203%2011.8807%203%2010.5C3%209.11929%204.11929%208%205.5%208ZM18.5%208C19.8807%208%2021%209.11929%2021%2010.5C21%2011.8807%2019.8807%2013%2018.5%2013C17.1193%2013%2016%2011.8807%2016%2010.5C16%209.11929%2017.1193%208%2018.5%208ZM5.5%2010C5.22386%2010%205%2010.2239%205%2010.5C5%2010.7761%205.22386%2011%205.5%2011C5.77614%2011%206%2010.7761%206%2010.5C6%2010.2239%205.77614%2010%205.5%2010ZM18.5%2010C18.2239%2010%2018%2010.2239%2018%2010.5C18%2010.7761%2018.2239%2011%2018.5%2011C18.7761%2011%2019%2010.7761%2019%2010.5C19%2010.2239%2018.7761%2010%2018.5%2010ZM12%202C14.2091%202%2016%203.79086%2016%206C16%208.20914%2014.2091%2010%2012%2010C9.79086%2010%208%208.20914%208%206C8%203.79086%209.79086%202%2012%202ZM12%204C10.8954%204%2010%204.89543%2010%206C10%207.10457%2010.8954%208%2012%208C13.1046%208%2014%207.10457%2014%206C14%204.89543%2013.1046%204%2012%204Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-text { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%206V21H11V6H5V4H19V6H13Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%206V21H11V6H5V4H19V6H13Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-time-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM13%2012H17V14H11V7H13V12Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM13%2012H17V14H11V7H13V12Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-upload-2-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2019H20V12H22V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V12H4V19ZM13%209V16H11V9H6L12%203L18%209H13Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2019H20V12H22V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V12H4V19ZM13%209V16H11V9H6L12%203L18%209H13Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-user-add-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2014.252V16.3414C13.3744%2016.1203%2012.7013%2016%2012%2016C8.68629%2016%206%2018.6863%206%2022H4C4%2017.5817%207.58172%2014%2012%2014C12.6906%2014%2013.3608%2014.0875%2014%2014.252ZM12%2013C8.685%2013%206%2010.315%206%207C6%203.685%208.685%201%2012%201C15.315%201%2018%203.685%2018%207C18%2010.315%2015.315%2013%2012%2013ZM12%2011C14.21%2011%2016%209.21%2016%207C16%204.79%2014.21%203%2012%203C9.79%203%208%204.79%208%207C8%209.21%209.79%2011%2012%2011ZM18%2017V14H20V17H23V19H20V22H18V19H15V17H18Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2014.252V16.3414C13.3744%2016.1203%2012.7013%2016%2012%2016C8.68629%2016%206%2018.6863%206%2022H4C4%2017.5817%207.58172%2014%2012%2014C12.6906%2014%2013.3608%2014.0875%2014%2014.252ZM12%2013C8.685%2013%206%2010.315%206%207C6%203.685%208.685%201%2012%201C15.315%201%2018%203.685%2018%207C18%2010.315%2015.315%2013%2012%2013ZM12%2011C14.21%2011%2016%209.21%2016%207C16%204.79%2014.21%203%2012%203C9.79%203%208%204.79%208%207C8%209.21%209.79%2011%2012%2011ZM18%2017V14H20V17H23V19H20V22H18V19H15V17H18Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-user-forbid-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%207C8%204.79086%209.79086%203%2012%203C14.2091%203%2016%204.79086%2016%207C16%209.20914%2014.2091%2011%2012%2011C9.79086%2011%208%209.20914%208%207ZM12%201C8.68629%201%206%203.68629%206%207C6%2010.3137%208.68629%2013%2012%2013C15.3137%2013%2018%2010.3137%2018%207C18%203.68629%2015.3137%201%2012%201ZM15%2018C15%2016.3431%2016.3431%2015%2018%2015C18.4631%2015%2018.9018%2015.105%2019.2934%2015.2924L15.2924%2019.2934C15.105%2018.9018%2015%2018.4631%2015%2018ZM16.7066%2020.7076L20.7076%2016.7066C20.895%2017.0982%2021%2017.5369%2021%2018C21%2019.6569%2019.6569%2021%2018%2021C17.5369%2021%2017.0982%2020.895%2016.7066%2020.7076ZM18%2013C15.2386%2013%2013%2015.2386%2013%2018C13%2020.7614%2015.2386%2023%2018%2023C20.7614%2023%2023%2020.7614%2023%2018C23%2015.2386%2020.7614%2013%2018%2013ZM12%2014C12.0843%2014%2012.1683%2014.0013%2012.252%2014.0039C11.8236%2014.6189%2011.4914%2015.3059%2011.2772%2016.0431C8.30431%2016.4%206%2018.9309%206%2022H4C4%2017.5817%207.58172%2014%2012%2014Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%207C8%204.79086%209.79086%203%2012%203C14.2091%203%2016%204.79086%2016%207C16%209.20914%2014.2091%2011%2012%2011C9.79086%2011%208%209.20914%208%207ZM12%201C8.68629%201%206%203.68629%206%207C6%2010.3137%208.68629%2013%2012%2013C15.3137%2013%2018%2010.3137%2018%207C18%203.68629%2015.3137%201%2012%201ZM15%2018C15%2016.3431%2016.3431%2015%2018%2015C18.4631%2015%2018.9018%2015.105%2019.2934%2015.2924L15.2924%2019.2934C15.105%2018.9018%2015%2018.4631%2015%2018ZM16.7066%2020.7076L20.7076%2016.7066C20.895%2017.0982%2021%2017.5369%2021%2018C21%2019.6569%2019.6569%2021%2018%2021C17.5369%2021%2017.0982%2020.895%2016.7066%2020.7076ZM18%2013C15.2386%2013%2013%2015.2386%2013%2018C13%2020.7614%2015.2386%2023%2018%2023C20.7614%2023%2023%2020.7614%2023%2018C23%2015.2386%2020.7614%2013%2018%2013ZM12%2014C12.0843%2014%2012.1683%2014.0013%2012.252%2014.0039C11.8236%2014.6189%2011.4914%2015.3059%2011.2772%2016.0431C8.30431%2016.4%206%2018.9309%206%2022H4C4%2017.5817%207.58172%2014%2012%2014Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .i-ri-vidicon-line { -webkit-mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%209.2L22.2133%205.55071C22.4395%205.39235%2022.7513%205.44737%2022.9096%205.6736C22.9684%205.75764%2023%205.85774%2023%205.96033V18.0397C23%2018.3158%2022.7761%2018.5397%2022.5%2018.5397C22.3974%2018.5397%2022.2973%2018.5081%2022.2133%2018.4493L17%2014.8V19C17%2019.5523%2016.5523%2020%2016%2020H2C1.44772%2020%201%2019.5523%201%2019V5C1%204.44772%201.44772%204%202%204H16C16.5523%204%2017%204.44772%2017%205V9.2ZM17%2012.3587L21%2015.1587V8.84131L17%2011.6413V12.3587ZM3%206V18H15V6H3ZM5%208H7V10H5V8Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%209.2L22.2133%205.55071C22.4395%205.39235%2022.7513%205.44737%2022.9096%205.6736C22.9684%205.75764%2023%205.85774%2023%205.96033V18.0397C23%2018.3158%2022.7761%2018.5397%2022.5%2018.5397C22.3974%2018.5397%2022.2973%2018.5081%2022.2133%2018.4493L17%2014.8V19C17%2019.5523%2016.5523%2020%2016%2020H2C1.44772%2020%201%2019.5523%201%2019V5C1%204.44772%201.44772%204%202%204H16C16.5523%204%2017%204.44772%2017%205V9.2ZM17%2012.3587L21%2015.1587V8.84131L17%2011.6413V12.3587ZM3%206V18H15V6H3ZM5%208H7V10H5V8Z'/%3e%3c/svg%3e"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .bg-cover { background-size: cover; } .bg-top { background-position: top; } .\!p-0 { padding: calc(var(--spacing) * 0) !important; } .\!p-\[2px\] { padding: 2px !important; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-\[0\.1rem\] { padding: .1rem; } .p-\[2px\] { padding: 2px; } .p-px { padding: 1px; } .\!px-0 { padding-inline: calc(var(--spacing) * 0) !important; } .\!px-4 { padding-inline: calc(var(--spacing) * 4) !important; } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .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-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .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-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-8 { padding-block: calc(var(--spacing) * 8); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .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-7 { padding-right: calc(var(--spacing) * 7); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * .5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .\!pl-1 { padding-left: calc(var(--spacing) * 1) !important; } .\!pl-4 { padding-left: calc(var(--spacing) * 4) !important; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-0\.5 { padding-left: calc(var(--spacing) * .5); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .pl-24 { padding-left: calc(var(--spacing) * 24); } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-text-top { vertical-align: text-top; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .text-base { font-size: 1rem; font-weight: 500; line-height: 1.33; } .text-button { font-size: .916rem; font-weight: 700; line-height: 1; } .text-headline { font-size: 1.618rem; font-weight: 700; line-height: 1.1; } .text-headline-md { font-size: 1.125rem; font-weight: 700; line-height: 1.33; } .text-headline-sm { font-size: 1rem; font-weight: 700; line-height: 1.33; } .text-headline-xl { font-size: 2.618rem; font-weight: 700; line-height: 1.1; } .text-sm { font-size: .833rem; font-weight: 400; line-height: 1.1; } .text-sm-bold { font-size: .833rem; font-weight: 700; line-height: 1; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[9pt\] { font-size: 9pt; } .text-\[14pt\] { font-size: 14pt; } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-5\! { --tw-leading: calc(var(--spacing) * 5) !important; line-height: calc(var(--spacing) * 5) !important; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-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); } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .break-normal { overflow-wrap: normal; word-break: normal; } .break-all { word-break: break-all; } .break-keep { word-break: keep-all; } .text-ellipsis { text-overflow: ellipsis; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .text-black { color: var(--color-black); } .text-black\/50 { color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .text-black\/50 { color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .text-ui { color: var(--color-text-ui); } .text-ui-0 { color: var(--color-text-ui-0); } .text-ui-10 { color: var(--color-text-ui-10); } .text-ui-25 { color: var(--color-text-ui-25); } .text-ui-50 { color: var(--color-text-ui-50); } .text-ui-75 { color: var(--color-text-ui-75); } .text-ui-100 { color: var(--color-text-ui-100); } .text-ui-brand { color: var(--color-text-ui-brand); } .text-ui-brand-hover { color: var(--color-text-ui-brand-hover); } .text-ui-brand-secondary { color: var(--color-text-ui-brand-secondary); } .text-ui-brand-secondary-hover { color: var(--color-text-ui-brand-secondary-hover); } .text-ui-caution { color: var(--color-text-ui-caution); } .text-ui-caution-hover { color: var(--color-text-ui-caution-hover); } .text-ui-caution-secondary { color: var(--color-text-ui-caution-secondary); } .text-ui-danger { color: var(--color-text-ui-danger); } .text-ui-danger-hover { color: var(--color-text-ui-danger-hover); } .text-ui-danger-secondary { color: var(--color-text-ui-danger-secondary); } .text-ui-danger-secondary-hover { color: var(--color-text-ui-danger-secondary-hover); } .text-ui-disabled { color: var(--color-text-ui-disabled); } .text-ui-disabled-secondary { color: var(--color-text-ui-disabled-secondary); } .text-ui-hover { color: var(--color-text-ui-hover); } .text-ui-neutral { color: var(--color-text-ui-neutral); } .text-ui-neutral-hover { color: var(--color-text-ui-neutral-hover); } .text-ui-neutral-secondary { color: var(--color-text-ui-neutral-secondary); } .text-ui-onbrand { color: var(--color-text-ui-onbrand); } .text-ui-onbrand-hover { color: var(--color-text-ui-onbrand-hover); } .text-ui-onbrand-secondary { color: var(--color-text-ui-onbrand-secondary); } .text-ui-oncaution { color: var(--color-text-ui-oncaution); } .text-ui-oncaution-hover { color: var(--color-text-ui-oncaution-hover); } .text-ui-oncaution-secondary { color: var(--color-text-ui-oncaution-secondary); } .text-ui-ondanger { color: var(--color-text-ui-ondanger); } .text-ui-ondanger-hover { color: var(--color-text-ui-ondanger-hover); } .text-ui-ondanger-secondary { color: var(--color-text-ui-ondanger-secondary); } .text-ui-ondisabled { color: var(--color-text-ui-ondisabled); } .text-ui-ondisabled-secondary { color: var(--color-text-ui-ondisabled-secondary); } .text-ui-onneutral { color: var(--color-text-ui-onneutral); } .text-ui-onneutral-hover { color: var(--color-text-ui-onneutral-hover); } .text-ui-onneutral-secondary { color: var(--color-text-ui-onneutral-secondary); } .text-ui-onselected { color: var(--color-text-ui-onselected); } .text-ui-onselected-hover { color: var(--color-text-ui-onselected-hover); } .text-ui-onselected-secondary { color: var(--color-text-ui-onselected-secondary); } .text-ui-onstatistic { color: var(--color-text-ui-onstatistic); } .text-ui-onstatistic-hover { color: var(--color-text-ui-onstatistic-hover); } .text-ui-onstatistic-secondary { color: var(--color-text-ui-onstatistic-secondary); } .text-ui-onsuccess { color: var(--color-text-ui-onsuccess); } .text-ui-onsuccess-hover { color: var(--color-text-ui-onsuccess-hover); } .text-ui-onsuccess-secondary { color: var(--color-text-ui-onsuccess-secondary); } .text-ui-onwarning { color: var(--color-text-ui-onwarning); } .text-ui-onwarning-hover { color: var(--color-text-ui-onwarning-hover); } .text-ui-onwarning-secondary { color: var(--color-text-ui-onwarning-secondary); } .text-ui-secondary { color: var(--color-text-ui-secondary); } .text-ui-selected { color: var(--color-text-ui-selected); } .text-ui-selected-hover { color: var(--color-text-ui-selected-hover); } .text-ui-selected-secondary { color: var(--color-text-ui-selected-secondary); } .text-ui-selected-secondary-hover { color: var(--color-text-ui-selected-secondary-hover); } .text-ui-statistic { color: var(--color-text-ui-statistic); } .text-ui-statistic-hover { color: var(--color-text-ui-statistic-hover); } .text-ui-statistic-secondary { color: var(--color-text-ui-statistic-secondary); } .text-ui-statistic-secondary-hover { color: var(--color-text-ui-statistic-secondary-hover); } .text-ui-success { color: var(--color-text-ui-success); } .text-ui-success-hover { color: var(--color-text-ui-success-hover); } .text-ui-success-secondary { color: var(--color-text-ui-success-secondary); } .text-ui-success-secondary-hover { color: var(--color-text-ui-success-secondary-hover); } .text-ui-warning { color: var(--color-text-ui-warning); } .text-ui-warning-hover { color: var(--color-text-ui-warning-hover); } .text-ui-warning-secondary { color: var(--color-text-ui-warning-secondary); } .text-ui-warning-secondary-hover { color: var(--color-text-ui-warning-secondary-hover); } .text-uistatic { color: var(--color-text-uistatic); } .text-uistatic\! { color: var(--color-text-uistatic) !important; } .text-uistatic-0 { color: var(--color-text-uistatic-0); } .text-uistatic-10 { color: var(--color-text-uistatic-10); } .text-uistatic-25 { color: var(--color-text-uistatic-25); } .text-uistatic-50 { color: var(--color-text-uistatic-50); } .text-uistatic-75 { color: var(--color-text-uistatic-75); } .text-uistatic-100 { color: var(--color-text-uistatic-100); } .text-white { color: var(--color-white); } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .normal-nums { font-variant-numeric: normal; } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-black\/50 { text-decoration-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .decoration-black\/50 { -webkit-text-decoration-color: color-mix(in oklab, var(--color-black) 50%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--color-black) 50%, transparent); text-decoration-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .decoration-dotted { text-decoration-style: dotted; } .underline-offset-2 { text-underline-offset: 2px; } .accent-ui { accent-color: var(--color-accent-ui); } .accent-ui-brand { accent-color: var(--color-accent-ui-brand); } .accent-ui-caution { accent-color: var(--color-accent-ui-caution); } .accent-ui-danger { accent-color: var(--color-accent-ui-danger); } .accent-ui-disabled { accent-color: var(--color-accent-ui-disabled); } .accent-ui-neutral { accent-color: var(--color-accent-ui-neutral); } .accent-ui-onbrand { accent-color: var(--color-accent-ui-onbrand); } .accent-ui-oncaution { accent-color: var(--color-accent-ui-oncaution); } .accent-ui-ondanger { accent-color: var(--color-accent-ui-ondanger); } .accent-ui-ondisabled { accent-color: var(--color-accent-ui-ondisabled); } .accent-ui-onneutral { accent-color: var(--color-accent-ui-onneutral); } .accent-ui-onselected { accent-color: var(--color-accent-ui-onselected); } .accent-ui-onstatistic { accent-color: var(--color-accent-ui-onstatistic); } .accent-ui-onsuccess { accent-color: var(--color-accent-ui-onsuccess); } .accent-ui-onwarning { accent-color: var(--color-accent-ui-onwarning); } .accent-ui-selected { accent-color: var(--color-accent-ui-selected); } .accent-ui-statistic { accent-color: var(--color-accent-ui-statistic); } .accent-ui-success { accent-color: var(--color-accent-ui-success); } .accent-ui-warning { accent-color: var(--color-accent-ui-warning); } .\!opacity-0 { opacity: 0 !important; } .\!opacity-50 { opacity: .5 !important; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: .1; } .opacity-25 { opacity: .25; } .opacity-35 { opacity: .35; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-100 { opacity: 1; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-ui-0 { --tw-shadow: var(--color-shadow-ui-0); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-ui-10 { --tw-shadow: var(--color-shadow-ui-10); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-ui-25 { --tw-shadow: var(--color-shadow-ui-25); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-ui-50 { --tw-shadow: var(--color-shadow-ui-50); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-ui-75 { --tw-shadow: var(--color-shadow-ui-75); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-ui-100 { --tw-shadow: var(--color-shadow-ui-100); 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-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-3 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .inset-ring-2 { --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-ui { --tw-ring-color: var(--color-ring-ui); } .ring-ui-brand, .ring-ui-brand\/10 { --tw-ring-color: var(--color-ring-ui-brand); } @supports (color: color-mix(in lab, red, red)) { .ring-ui-brand\/10 { --tw-ring-color: color-mix(in oklab, var(--color-ring-ui-brand) 10%, transparent); } } .ring-ui-brand\/25 { --tw-ring-color: var(--color-ring-ui-brand); } @supports (color: color-mix(in lab, red, red)) { .ring-ui-brand\/25 { --tw-ring-color: color-mix(in oklab, var(--color-ring-ui-brand) 25%, transparent); } } .ring-ui-brand\/50 { --tw-ring-color: var(--color-ring-ui-brand); } @supports (color: color-mix(in lab, red, red)) { .ring-ui-brand\/50 { --tw-ring-color: color-mix(in oklab, var(--color-ring-ui-brand) 50%, transparent); } } .ring-ui-caution { --tw-ring-color: var(--color-ring-ui-caution); } .ring-ui-danger, .ring-ui-danger\/10 { --tw-ring-color: var(--color-ring-ui-danger); } @supports (color: color-mix(in lab, red, red)) { .ring-ui-danger\/10 { --tw-ring-color: color-mix(in oklab, var(--color-ring-ui-danger) 10%, transparent); } } .ring-ui-danger\/20 { --tw-ring-color: var(--color-ring-ui-danger); } @supports (color: color-mix(in lab, red, red)) { .ring-ui-danger\/20 { --tw-ring-color: color-mix(in oklab, var(--color-ring-ui-danger) 20%, transparent); } } .ring-ui-danger\/50 { --tw-ring-color: var(--color-ring-ui-danger); } @supports (color: color-mix(in lab, red, red)) { .ring-ui-danger\/50 { --tw-ring-color: color-mix(in oklab, var(--color-ring-ui-danger) 50%, transparent); } } .ring-ui-neutral { --tw-ring-color: var(--color-ring-ui-neutral); } .ring-ui-statistic { --tw-ring-color: var(--color-ring-ui-statistic); } .ring-ui-success { --tw-ring-color: var(--color-ring-ui-success); } .ring-ui-warning { --tw-ring-color: var(--color-ring-ui-warning); } .inset-ring-ui-neutral { --tw-inset-ring-color: var(--color-ring-ui-neutral); } .ring-offset-8 { --tw-ring-offset-width: 8px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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, ); } .saturate-200 { --tw-saturate: saturate(200%); 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, ); } .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, visibility, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .delay-150 { transition-delay: .15s; } .duration-100 { --tw-duration: .1s; transition-duration: .1s; } .duration-150 { --tw-duration: .15s; transition-duration: .15s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .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-all { -webkit-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; user-select: text; } @media (hover: hover) { .group-hover\:visible:is(:where(.group):hover *) { visibility: visible; } .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:bg-ui-25\!:is(:where(.group):hover *) { background-color: var(--color-bg-ui-25) !important; } .group-hover\:bg-ui-75:is(:where(.group):hover *) { background-color: var(--color-bg-ui-75); } .group-hover\:icon-ui-75:is(:where(.group):hover *) { background-color: var(--color-icon-ui-75); } .group-hover\:icon-ui-100:is(:where(.group):hover *) { background-color: var(--color-icon-ui-100); } .group-hover\:icon-uistatic-100:is(:where(.group):hover *) { background-color: var(--color-icon-uistatic-100); } .group-hover\:\!opacity-25:is(:where(.group):hover *) { opacity: .25 !important; } .group-hover\:\!opacity-100:is(:where(.group):hover *) { opacity: 1 !important; } .group-hover\:opacity-25:is(:where(.group):hover *) { opacity: .25; } .group-hover\:opacity-50:is(:where(.group):hover *) { opacity: .5; } .group-hover\:opacity-75:is(:where(.group):hover *) { opacity: .75; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .first\:font-bold:first-child { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .last\:\!border-r-0:last-child { border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .focus-within\:text-ui-100:focus-within { color: var(--color-text-ui-100); } .focus-within\:opacity-100:focus-within { opacity: 1; } .focus-within\:ring-2:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .hover\:border-solid:hover { --tw-border-style: solid; border-style: solid; } .hover\:border-transparent:hover { border-color: #0000; } .hover\:border-ui-50:hover { border-color: var(--color-border-ui-50); } .hover\:bg-ui:hover { background-color: var(--color-bg-ui); } .hover\:bg-ui-25:hover { background-color: var(--color-bg-ui-25); } .hover\:bg-ui-75:hover { background-color: var(--color-bg-ui-75); } .hover\:bg-ui-100:hover { background-color: var(--color-bg-ui-100); } .hover\:bg-ui-brand-hover:hover { background-color: var(--color-bg-ui-brand-hover); } .hover\:bg-ui-brand-secondary:hover { background-color: var(--color-bg-ui-brand-secondary); } .hover\:bg-ui-hover:hover { background-color: var(--color-bg-ui-hover); } .hover\:icon-ui-danger:hover { background-color: var(--color-icon-ui-danger); } .hover\:font-bold:hover { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .hover\:text-ui-75:hover { color: var(--color-text-ui-75); } .hover\:text-ui-100:hover { color: var(--color-text-ui-100); } .hover\:text-ui-hover:hover { color: var(--color-text-ui-hover); } .hover\:text-ui-onbrand-hover:hover { color: var(--color-text-ui-onbrand-hover); } .hover\:text-ui-ondanger-hover:hover { color: var(--color-text-ui-ondanger-hover); } .hover\:text-ui-secondary-hover:hover { color: var(--color-text-ui-secondary-hover); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-50:hover { opacity: .5; } .hover\:opacity-75:hover { opacity: .75; } .hover\:opacity-100:hover { opacity: 1; } .hover\:ring-2: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); } .hover\:inset-ring-2:hover { --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-ui-brand:hover { --tw-ring-color: var(--color-ring-ui-brand); } .hover\:ring-ui-neutral:hover { --tw-ring-color: var(--color-ring-ui-neutral); } .hover\:inset-ring-ui-neutral:hover { --tw-inset-ring-color: var(--color-ring-ui-neutral); } } .focus\:\!rounded:focus { border-radius: .25rem !important; } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-ui:focus { --tw-ring-color: var(--color-ring-ui); } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .active\:cursor-grabbing:active { cursor: grabbing; } @media (min-width: 1920px) { .\33 xl\:w-1\/2 { width: 50%; } .\33 xl\:px-8 { padding-inline: calc(var(--spacing) * 8); } .\33 xl\:px-12 { padding-inline: calc(var(--spacing) * 12); } } @media (min-width: 2160px) { .\34 xl\:px-20 { padding-inline: calc(var(--spacing) * 20); } } @media (min-width: 40rem) { .sm\:py-4 { padding-block: calc(var(--spacing) * 4); } } @media (min-width: 64rem) { .lg\:mt-20 { margin-top: calc(var(--spacing) * 20); } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .lg\:max-w-12 { max-width: calc(var(--spacing) * 12); } .lg\:min-w-12 { min-width: calc(var(--spacing) * 12); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .lg\:px-9 { padding-inline: calc(var(--spacing) * 9); } } @media (min-width: 80rem) { .xl\:mt-0 { margin-top: calc(var(--spacing) * 0); } .xl\:w-1\/2 { width: 50%; } } @media (prefers-color-scheme: dark) { .dark\:block { display: block; } .dark\:hidden { display: none; } .dark\:border-ui-brand { border-color: var(--color-border-ui-brand); } .dark\:bg-black { background-color: var(--color-black); } .dark\:bg-ui { background-color: var(--color-bg-ui); } .dark\:text-white { color: var(--color-white); } .dark\:text-white\/50 { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } @media print { .print\:\!invisible { visibility: hidden !important; } .print\:\!mb-0 { margin-bottom: calc(var(--spacing) * 0) !important; } .print\:\!hidden { display: none !important; } .print\:\!justify-start { justify-content: flex-start !important; } .print\:\!pl-2 { padding-left: calc(var(--spacing) * 2) !important; } } .\[\&\>\*\]\:w-18 > * { width: calc(var(--spacing) * 18); } .\[\&\>\*\]\:w-20 > * { width: calc(var(--spacing) * 20); } .\[\&\>\*\]\:bg-ui > * { background-color: var(--color-bg-ui); } .\[\&\>div\]\:h-full > div { height: 100%; } .\[\&\>div\]\:p-2 > div { padding: calc(var(--spacing) * 2); } } :root { --color-palette-neutral-50: #ffffffe6; --color-palette-neutral-100: #fff; --color-palette-neutral-200: #f4f4f5; --color-palette-neutral-300: #eaeaec; --color-palette-neutral-400: #e2e2e4; --color-palette-neutral-500: #d5d5d8; --color-palette-neutral-600: #a5a5a7; --color-palette-neutral-700: #5b5b5d; --color-palette-neutral-750: #414143; --color-palette-neutral-800: #262627; --color-palette-neutral-850: #a5a5a733; --color-palette-neutral-900: #000; --color-palette-neutral-950: #000c; --color-palette-brand-50: #1b77c126; --color-palette-brand-100: #1b77c180; --color-palette-brand-200: #a6cef7; --color-palette-brand-300: #79b4ee; --color-palette-brand-400: #4292d9; --color-palette-brand-500: #1b77c1; --color-palette-brand-600: #005290; --color-palette-brand-700: #00467e; --color-palette-brand-800: #003c6d; --color-palette-brand-900: #002a51; --color-palette-statistic-50: #9f37fe26; --color-palette-statistic-100: #9f37fe80; --color-palette-statistic-200: #e0bcff; --color-palette-statistic-300: #d097ff; --color-palette-statistic-400: #b865ff; --color-palette-statistic-500: #9f37fe; --color-palette-statistic-600: #7608c7; --color-palette-statistic-700: #6600ae; --color-palette-statistic-800: #580098; --color-palette-statistic-900: #3f0070; --color-palette-success-50: #2b850026; --color-palette-success-100: #2b850080; --color-palette-success-200: #bdf188; --color-palette-success-300: #86e229; --color-palette-success-400: #5bb400; --color-palette-success-500: #2b8500; --color-palette-success-600: #005e00; --color-palette-success-700: #004500; --color-palette-success-900: #003200; --color-palette-danger-50: #e11c4826; --color-palette-danger-100: #e11c4866; --color-palette-danger-200: #ffc8c9; --color-palette-danger-300: #ff8e96; --color-palette-danger-400: #fe576b; --color-palette-danger-500: #e11c48; --color-palette-danger-600: #c00034; --color-palette-danger-700: #a50028; --color-palette-danger-800: #8e0020; --color-palette-danger-900: #6a0014; --color-palette-warning-50: #e8bf0026; --color-palette-warning-100: #e8bf0080; --color-palette-warning-200: #feeb95; --color-palette-warning-300: #f6d74c; --color-palette-warning-400: #e8bf00; --color-palette-warning-500: #d0ac07; --color-palette-warning-600: #c09e02; --color-palette-warning-700: #a78b06; --color-palette-warning-800: #897205; --color-palette-warning-900: #524403; --color-palette-caution-50: #fff7ec; --color-palette-caution-100: #ffeed3; --color-palette-caution-200: #ffd9a5; --color-palette-caution-300: #ffbd6d; --color-palette-caution-400: #ff9632; --color-palette-caution-500: #ff760a; --color-palette-caution-600: #ff5d00; --color-palette-caution-700: #cc4202; --color-palette-caution-800: #a1330b; --color-palette-caution-900: #822d0c; } .svws-ui-avatar { position: relative; } .svws-ui-avatar .avatar--edit-trigger { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-neutral); background-color: var(--color-bg-ui); margin-top: auto; margin-right: calc(var(--spacing) * -1.5); margin-bottom: calc(var(--spacing) * -.5); height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); border-radius: var(--radius-sm); padding: calc(var(--spacing) * .5); margin-left: auto; } .avatar { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui-neutral); border-radius: var(--radius-xl); width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; } .avatar svg { color: var(--color-text-ui-secondary); opacity: .5; bottom: calc(var(--spacing) * -.5); width: 100%; height: 83.3333%; margin-bottom: -5%; position: absolute; } .avatar img, .avatar video { top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); z-index: 10; object-fit: cover; object-position: center; width: 100%; height: 100%; position: absolute; } .avatar video { background-color: var(--color-bg-ui-neutral); } .is-capturing .avatar { opacity: 1; } .avatar--has-image { border-color: #0000; } .avatar--edit { top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); z-index: 20; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; } .is-capturing .avatar--edit, .avatar--edit .button { display: none; } .avatar--edit .button--icon { padding: .4rem; } .avatar--edit:hover, .avatar--edit:focus, .avatar--edit:focus-within { border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-disabled); background-color: var(--color-bg-ui); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .avatar--edit:hover, .avatar--edit:focus, .avatar--edit:focus-within { outline-offset: 2px; outline: 2px solid #0000; } } :is(.avatar--edit:hover, .avatar--edit:focus, .avatar--edit:focus-within) .avatar--edit-trigger { display: none; } :is(.avatar--edit:hover, .avatar--edit:focus, .avatar--edit:focus-within) .button { display: block; } .avatar--edit:focus-visible + .avatar { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-brand); } .avatar--capture-control { margin-top: calc(var(--spacing) * 4); justify-content: center; align-items: center; gap: calc(var(--spacing) * 1); display: flex; } .is-capturing { background-color: var(--color-bg-ui); z-index: 50; flex-direction: column; justify-content: center; align-items: center; height: 100vh; display: flex; position: fixed; } .is-capturing .avatar { order: calc(1 * -1); --tw-border-style: none; padding: calc(var(--spacing) * 0); border-radius: var(--radius-3xl); border-style: none; width: 90vmin; height: 90vmin; } @media (min-width: 48rem) { .is-capturing .avatar { width: 37.5rem; height: 37.5rem; } } .badge { border-style: var(--tw-border-style); --tw-leading: 1; --tw-font-weight: var(--font-weight-bold); line-height: 1; font-weight: var(--font-weight-bold); border-radius: var(--radius-sm); vertical-align: text-top; border-width: thin; align-items: center; gap: .25em; padding: .35em .5em; font-size: .65em; display: inline-flex; } .badge svg { margin: -.1em; } .badge--lg { border-radius: var(--radius-md); padding: .25em .45em; font-size: .8em; } .badge--error { background-color: var(--color-bg-ui-danger); border-color: var(--color-border-ui-danger); color: var(--color-text-ui-ondanger); } .badge--primary { background-color: var(--color-bg-ui-brand); border-color: var(--color-border-ui-brand); color: var(--color-text-ui-onbrand); } .badge--light { background-color: var(--color-bg-ui-neutral); border-color: var(--color-border-ui); color: var(--color-text-ui-onneutral); } .badge--success { background-color: var(--color-bg-ui-success); border-color: var(--color-border-ui-success); color: var(--color-text-ui-onsuccess); } .badge--highlight { background-color: var(--color-bg-ui-warning); border-color: var(--color-border-ui-warning); color: var(--color-text-ui-onwarning); } .badge--short { -webkit-line-clamp: 1; width: calc(var(--spacing) * 16); word-break: break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; max-width: 100%; display: -webkit-box; position: relative; overflow: hidden; } .badge--small { margin-top: .4em; margin-bottom: -.5em; padding: .25em .45em; font-size: .5em; } .notification { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-neutral); background-color: var(--color-bg-ui); color: var(--color-text-ui); z-index: 40; border-radius: var(--radius-lg); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); width: 100%; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); pointer-events: auto; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); flex-direction: column; flex-shrink: 0; transition: transform .2s ease-out; display: flex; position: relative; overflow: hidden; } .notification .notification--icon span { margin-right: calc(var(--spacing) * 2); animation: var(--animate-pulse); cursor: default; opacity: 1; } .notification--error { border-color: var(--color-border-ui-danger); background-color: var(--color-bg-ui-danger); color: var(--color-text-ui-ondanger); } .notification--error .notification--icon, .notification--error .notification--close-button, .notification--error .notification--send-button, .notification--error .notification--copy-button, .notification--error .notification--details-button { cursor: pointer; opacity: .8; } @media (hover: hover) { :is(.notification--error .notification--icon, .notification--error .notification--close-button, .notification--error .notification--send-button, .notification--error .notification--copy-button, .notification--error .notification--details-button):hover { opacity: 1; } } :is(.notification--error .notification--icon, .notification--error .notification--close-button, .notification--error .notification--send-button, .notification--error .notification--copy-button, .notification--error .notification--details-button) span.icon { background-color: var(--color-icon-ui-ondanger); } .notification--success { border-color: var(--color-border-ui-success); background-color: var(--color-bg-ui-success); color: var(--color-text-ui-onsuccess); } .notification--success .notification--icon, .notification--success .notification--close-button, .notification--success .notification--copy-button, .notification--success .notification--send-button, .notification--success .notification--details-button { cursor: pointer; opacity: .8; } @media (hover: hover) { :is(.notification--success .notification--icon, .notification--success .notification--close-button, .notification--success .notification--copy-button, .notification--success .notification--send-button, .notification--success .notification--details-button):hover { opacity: 1; } } :is(.notification--success .notification--icon, .notification--success .notification--close-button, .notification--success .notification--copy-button, .notification--success .notification--send-button, .notification--success .notification--details-button) span.icon { background-color: var(--color-icon-ui-onsuccess); color: var(--color-text-ui-onsuccess); } .notification--warning { border-color: var(--color-border-ui-warning); background-color: var(--color-bg-ui-warning); color: var(--color-text-ui-onwarning); } .notification--warning .notification--icon, .notification--warning .notification--close-button, .notification--warning .notification--copy-button, .notification--warning .notification--send-button, .notification--warning .notification--details-button { cursor: pointer; opacity: .8; } @media (hover: hover) { :is(.notification--warning .notification--icon, .notification--warning .notification--close-button, .notification--warning .notification--copy-button, .notification--warning .notification--send-button, .notification--warning .notification--details-button):hover { opacity: 1; } } :is(.notification--warning .notification--icon, .notification--warning .notification--close-button, .notification--warning .notification--copy-button, .notification--warning .notification--send-button, .notification--warning .notification--details-button) span.icon { background-color: var(--color-icon-ui-onwarning); color: var(--color-text-ui-onwarning); } .notification--content-wrapper { -webkit-overflow-scrolling: touch; width: 100%; height: 100%; overflow-y: auto; } .notification--wrapper { inset: calc(var(--spacing) * 0); z-index: 50; position: fixed; overflow-y: auto; } .notification--content { column-gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); flex-wrap: wrap; flex-grow: 1; display: flex; overflow: hidden; } .notification--content .notification--icon { display: inline-block; } .notification--content .notification--text { font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .notification--content .notification--stack { margin-inline: calc(var(--spacing) * -3); margin-top: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * -2); border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); background-color: var(--color-bg-uistatic-0); min-width: 100%; padding: calc(var(--spacing) * 3); font-family: var(--font-mono); white-space: pre-wrap; overflow: auto; } .notification--content--has-header .notification--header { margin-bottom: calc(var(--spacing) * .5); --tw-font-weight: var(--font-weight-bold); width: auto; font-size: 1rem; font-weight: 700; line-height: 1.33; font-weight: var(--font-weight-bold); } .notification--content--has-header .notification--text { --tw-font-weight: var(--font-weight-medium); width: 100%; font-weight: var(--font-weight-medium); overflow-wrap: break-word; } .notification--details-button, .notification--copy-button { align-items: center; gap: calc(var(--spacing) * 1); border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 2); font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); display: flex; } .svws-ui-spinner { animation: var(--animate-spin); display: none; } .svws-api--pending .svws-ui-spinner { display: inline-block; } .tooltip-trigger .icon--indicator { color: var(--color-text-ui); width: 1em; height: 1em; margin-left: .1em; } .cursor-pointer .tooltip-trigger { cursor: pointer; } .cursor-auto .tooltip-trigger { cursor: auto; } .page--statistik :is(.tooltip-trigger--triggered span.icon) { background-color: var(--color-icon-ui-statistic); } .tooltip-trigger--danger.tooltip-trigger--triggered span.icon { background-color: var(--color-icon-ui-danger-hover) !important; } .tooltip-trigger--danger span.icon { background-color: var(--color-icon-ui-danger); } .tooltip-trigger--underline { text-decoration-line: underline; text-decoration-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .tooltip-trigger--underline { -webkit-text-decoration-color: color-mix(in oklab, var(--color-black) 20%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--color-black) 20%, transparent); text-decoration-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .tooltip-trigger--underline { text-decoration-style: dashed; } @media (prefers-color-scheme: dark) { .tooltip-trigger--underline { text-decoration-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .tooltip-trigger--underline { -webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 20%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 20%, transparent); text-decoration-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } .tooltip-trigger--underline.tooltip-trigger--triggered { text-decoration-line: none; } .tooltip { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); z-index: 50; border-radius: var(--radius-md); width: max-content; max-width: 24rem; box-shadow: -8px -8px 25px -3px #0000001a, 8px 8px 25px -3px #0000001a, -4px 4px 6px -4px #0000001a; } .tooltip-content { z-index: 10; border-radius: var(--radius-md); background-color: var(--color-bg-ui); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * .5); position: relative; } .tooltip-arrow { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); } .tooltip--autosize { max-width: none; } .tooltip--primary, .tooltip--primary .tooltip-content { background-color: var(--color-bg-ui-brand); color: var(--color-text-ui-onbrand); } .tooltip--primary, .tooltip--primary .tooltip-arrow { border-color: var(--color-border-ui-brand); } .page--statistik .tooltip--primary, .page--statistik .tooltip--primary .tooltip-content { background-color: var(--color-bg-ui-statistic); color: var(--color-text-ui-onstatistic); } .page--statistik .tooltip--primary, .page--statistik .tooltip--primary .tooltip-arrow { border-color: var(--color-border-ui-statistic); } .tooltip--danger, .tooltip--danger .tooltip-content { background-color: var(--color-bg-ui-danger); color: var(--color-text-ui-ondanger); } .tooltip--danger, .tooltip--danger .tooltip-arrow { border-color: var(--color-border-ui-danger); } .tooltip--dark, .tooltip--dark .tooltip-content { background-color: var(--color-bg-ui-danger); color: var(--color-text-ui-ondanger); } .tooltip--dark, .tooltip--dark .tooltip-arrow { border-color: var(--color-border-ui-danger); } .button { border-radius: var(--radius-md); border-style: var(--tw-border-style); -webkit-user-select: none; user-select: none; --tw-font-weight: var(--font-weight-bold); font-size: .916rem; font-weight: 700; line-height: 1; font-weight: var(--font-weight-bold); border-width: thin; justify-content: center; align-items: center; gap: .25em; margin: .2em; padding: .45em .75em; display: flex; position: relative; } .svws-ui-table-filter .button { min-height: 2.25rem; } .button:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .button:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .button:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-brand); } .button:active { --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); --tw-brightness: brightness(110%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .svws-ui-tfoot .button { height: calc(var(--spacing) * 7); min-height: unset; } .button--primary { border-color: var(--color-border-ui-brand); background-color: var(--color-bg-ui-brand); color: var(--color-text-ui-onbrand); } .button--primary:hover, .button--primary:focus-visible { border-color: var(--color-border-ui-brand-hover); background-color: var(--color-bg-ui-brand-hover); color: var(--color-text-ui-onbrand-hover); } .button--primary .icon, .button--primary .icon-sm { background-color: var(--color-icon-ui-onbrand); } .page--statistik .button--primary { border-color: var(--color-border-ui-statistic); background-color: var(--color-bg-ui-statistic); color: var(--color-text-ui-onstatistic); } .page--statistik .button--primary .icon, .page--statistik .button--primary .icon-sm { background-color: var(--color-icon-ui-onstatistic); } .page--statistik .button--primary:hover, .page--statistik .button--primary:focus-visible { border-color: var(--color-border-ui-statistic-hover); background-color: var(--color-bg-ui-statistic-hover); color: var(--color-text-ui-onstatistic-hover); } .button--secondary { border-color: var(--color-border-ui); color: var(--color-text-ui); background-color: #0000; } .notification--error .button--secondary, .svws-ui-stundenplan--unterricht--warning .button--secondary { border-color: var(--color-border-ui-ondanger); color: var(--color-text-ui-ondanger); } .button--secondary:hover, .button--secondary:focus-visible { border-color: var(--color-border-ui-brand); color: var(--color-text-ui-brand); } :is(.button--secondary:hover, .button--secondary:focus-visible) .icon, :is(.button--secondary:hover, .button--secondary:focus-visible) .icon-sm { background-color: var(--color-icon-ui-brand); } .notification--error :is(.button--secondary:hover, .button--secondary:focus-visible), .svws-ui-stundenplan--unterricht--warning :is(.button--secondary:hover, .button--secondary:focus-visible) { border-color: var(--color-border-ui-ondanger-hover); color: var(--color-text-ui-ondanger-hover); } .notification--error .button--secondary:focus-visible, .svws-ui-stundenplan--unterricht--warning .button--secondary:focus-visible { --tw-ring-color: var(--color-ring-ui-neutral); } .button--transparent, .button--icon { background-color: #0000; border-color: #0000; } :is(.button--transparent, .button--icon):hover, :is(.button--transparent, .button--icon):focus-visible { background-color: var(--color-bg-ui-hover); color: var(--color-text-ui-onneutral-hover); } :is(:is(.button--transparent, .button--icon):hover, :is(.button--transparent, .button--icon):focus-visible) .icon, :is(:is(.button--transparent, .button--icon):hover, :is(.button--transparent, .button--icon):focus-visible) .icon-sm { background-color: var(--color-icon-ui-brand); } :is(.button--transparent, .button--icon):active { --tw-brightness: brightness(95%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .button--danger, .button--trash { border-color: var(--color-border-ui-danger); color: var(--color-text-ui-danger); background-color: #0000; } :is(.button--danger, .button--trash) .icon, :is(.button--danger, .button--trash) .icon-sm { background-color: var(--color-icon-ui-danger); } :is(.button--danger, .button--trash):hover, :is(.button--danger, .button--trash):focus-visible { background-color: var(--color-bg-ui-danger); color: var(--color-text-ui-ondanger); } :is(:is(.button--danger, .button--trash):hover, :is(.button--danger, .button--trash):focus-visible) .icon, :is(:is(.button--danger, .button--trash):hover, :is(.button--danger, .button--trash):focus-visible) .icon-sm { background-color: var(--color-icon-ui-ondanger); } :is(.button--danger, .button--trash):focus-visible { --tw-ring-color: var(--color-ring-ui-danger); } .button--trash { border-radius: var(--radius-sm); padding-block: calc(var(--spacing) * 0); width: 1.6em; height: 1.6em; position: relative; border: 0 !important; } .button--trash:hover, .button--trash:focus-visible { background-color: var(--color-icon-ui-danger-hover); } :is(.button--trash, .button--icon).button--small, .svws-ui-tbody :is(.button--trash, .button--icon) { height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); padding: .3em !important; } .svws-ui-tfoot :is(.button--trash, .button--icon).button { height: calc(var(--spacing) * 7); width: calc(var(--spacing) * 7); font-size: .916rem; font-weight: 700; line-height: 1; padding: .25em !important; } .button--icon { border-style: var(--tw-border-style); padding: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); border-width: 0; justify-content: center; align-items: center; } .button:disabled .button--trash-icon .icon { background-color: var(--color-icon-ui-danger-secondary); } .button:disabled, .button:disabled:hover, .button:disabled:focus, .button:disabled:focus-visible { border-color: var(--color-border-ui-disabled); background-color: var(--color-bg-ui-disabled); color: var(--color-text-ui-ondisabled); pointer-events: none; cursor: not-allowed; } :is(.button:disabled, .button:disabled:hover, .button:disabled:focus, .button:disabled:focus-visible) .button--trash-icon .icon { background-color: var(--color-icon-ui-danger-secondary-hover); } .button--small, .content-card--header .button, .svws-ui-tbody .button, .router-tab-bar--subnav .button, .router-tab-bar--subnav .radio--label { font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .button--small, .svws-ui-tbody .button, .content-card--header .button, .router-tab-bar--subnav .button { padding: .3rem .65rem; } .svws-ui-tbody .button { margin-block: calc(var(--spacing) * -2); border-radius: .25rem; align-self: center; height: 100%; padding: .1rem .5rem; } .svws-ui-tbody .button.button--transparent { padding-inline: calc(var(--spacing) * 1.5); } .svws-ui-tbody .button--icon.button--small { margin: calc(var(--spacing) * -.5); height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); padding: calc(var(--spacing) * 0) !important; } .button--big { padding-top: .64em; padding-bottom: .64em; } .button--badge { background-color: var(--color-bg-ui-brand); color: var(--color-text-ui-onbrand); top: calc(var(--spacing) * 0); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); pointer-events: none; margin-top: calc(var(--spacing) * -3); margin-left: calc(var(--spacing) * -3); padding-inline: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 5); margin-top: calc(var(--spacing) * 0); margin-left: calc(var(--spacing) * -1.5); height: calc(var(--spacing) * 4); border-radius: 3.40282e38px; justify-content: center; align-items: center; font-size: .75rem; display: flex; position: absolute; left: 100%; } .svws-ui-checkbox, input[type="checkbox"] { padding: calc(var(--spacing) * 1); color: inherit; accent-color: var(--color-accent-ui); margin: .2em; } :is(.svws-ui-checkbox, input[type="checkbox"])[color="success"] { color: var(--color-text-ui-success); accent-color: var(--color-accent-ui-success); } :is(.svws-ui-checkbox, input[type="checkbox"])[color="error"] { color: var(--color-text-ui-danger); accent-color: var(--color-accent-ui-danger); } :is(.svws-ui-checkbox, input[type="checkbox"])[color="warning"] { color: var(--color-text-ui-warning); accent-color: var(--color-accent-ui-warning); } :is(.svws-ui-checkbox, input[type="checkbox"]).svws-bw, :is(.svws-ui-checkbox, input[type="checkbox"]).svws-bw input[type="checkbox"] { accent-color: var(--color-accent-ui-neutral); } :is(.svws-ui-checkbox, input[type="checkbox"]).svws-headless { padding: calc(var(--spacing) * 0); } .svws-loading :is(.svws-ui-checkbox, input[type="checkbox"]), :is(.svws-ui-checkbox, input[type="checkbox"]).svws-loading { accent-color: var(--color-accent-ui-disabled); animation: var(--animate-pulse); } :is(.svws-loading :is(.svws-ui-checkbox, input[type="checkbox"]), :is(.svws-ui-checkbox, input[type="checkbox"]).svws-loading), :is(.svws-loading :is(.svws-ui-checkbox, input[type="checkbox"]), :is(.svws-ui-checkbox, input[type="checkbox"]).svws-loading) .svws-ui-checkbox--label { cursor: wait; } .svws-ui-checkbox { margin-block: calc(var(--spacing) * .5); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: var(--leading-tight); line-height: var(--leading-tight); align-items: flex-start; display: inline-flex; } .svws-ui-checkbox .svws-ui-checkbox--statistic-icon { background-color: var(--color-icon-ui-statistic); pointer-events: auto; margin-right: calc(var(--spacing) * 1); } .router-tab-bar--subnav .svws-ui-checkbox { margin-block: calc(var(--spacing) * 0); font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); padding: .3rem .65rem; } .router-tab-bar--subnav .svws-ui-checkbox:first-child { margin-left: calc(var(--spacing) * -3); } .router-tab-bar--subnav .svws-ui-checkbox .svws-ui-checkbox--label { margin-top: calc(var(--spacing) * 0); } input[type="checkbox"] { height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); cursor: pointer; } input[type="checkbox"]:focus, input[type="checkbox"]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } input[type="checkbox"]:focus-visible[color="success"] { --tw-ring-color: var(--color-ring-ui-success); } input[type="checkbox"]:focus-visible[color="error"] { --tw-ring-color: var(--color-ring-ui-danger); } input[type="checkbox"]:focus-visible[color="warning"] { --tw-ring-color: var(--color-ring-ui-warning); } input[type="checkbox"] ~ .svws-ui-checkbox--label { margin-left: calc(var(--spacing) * 1.5); cursor: pointer; margin-top: -.1rem; } input[type="checkbox"][disabled] { pointer-events: none; cursor: default; accent-color: var(--color-accent-ui-disabled); } input[type="checkbox"][disabled] ~ .svws-ui-checkbox--label, input[type="checkbox"][disabled] ~ .svws-ui-toggle--icon { color: var(--color-text-ui-disabled); cursor: default; } :is(input[type="checkbox"][disabled] ~ .svws-ui-checkbox--label, input[type="checkbox"][disabled] ~ .svws-ui-toggle--icon) .svws-ui-checkbox--statistic-icon { background-color: var(--color-icon-ui-disabled); } input[type="checkbox"].svws-headless { appearance: none; border-radius: var(--radius-sm); border-style: var(--tw-border-style); padding: calc(var(--spacing) * 0); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); background-color: #0000; border-width: thin; border-color: #0000; justify-content: center; align-items: center; display: flex; } input[type="checkbox"].svws-headless:before { content: ""; } input[type="checkbox"].svws-headless:not(:checked), input[type="checkbox"].svws-headless:hover:not([disabled]), input[type="checkbox"].svws-headless:focus-visible:not([disabled]) { border-color: var(--color-text-uistatic-75); } input[type="checkbox"].svws-headless:not(:checked)[disabled] { opacity: .25; border-color: #0000; } input[type="checkbox"].svws-headless:not(:checked)[disabled]:before { content: "✕"; font-size: 75%; } input[type="checkbox"].svws-headless:checked { font-size: 95%; } input[type="checkbox"].svws-headless:checked[disabled] { opacity: .75; } input[type="checkbox"].svws-headless:checked:before { content: "✓"; } .svws-ui-toggle .svws-ui-toggle--icon { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-neutral); background-color: var(--color-bg-ui-neutral); margin-left: calc(var(--spacing) * -4); height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 8); cursor: pointer; --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-radius: .3rem; flex-shrink: 0; justify-content: flex-start; align-items: center; padding: 1px; display: flex; overflow: hidden; } .svws-ui-toggle .svws-ui-toggle--icon:before { content: ""; border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); height: 100%; width: calc(var(--spacing) * 4); border-radius: .2rem; display: inline-block; } .svws-ui-toggle:hover .svws-ui-toggle--icon, .svws-ui-toggle:hover .svws-ui-toggle--icon:before { border-color: var(--color-border-ui-neutral-hover); } .svws-ui-toggle:hover input[type="checkbox"]:checked ~ .svws-ui-toggle--icon { background-color: var(--color-bg-ui-brand-hover); border-color: #0000; } .svws-ui-toggle:has([disabled]) { pointer-events: none; } .svws-ui-toggle input[type="checkbox"] { margin-right: calc(var(--spacing) * 0); opacity: 0 !important; } .svws-ui-toggle input[type="checkbox"]:focus-visible ~ .svws-ui-toggle--icon { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-brand); --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .svws-ui-toggle input[type="checkbox"]:checked ~ .svws-ui-toggle--icon { border-color: var(--color-border-ui-brand); background-color: var(--color-bg-ui-brand); justify-content: flex-end; } .svws-ui-toggle input[type="checkbox"]:checked ~ .svws-ui-toggle--icon:before { border-color: #0000; } .svws-ui-toggle input[type="checkbox"]:checked:focus-visible ~ .svws-ui-toggle--icon { background-color: var(--color-bg-ui-brand-hover); } .svws-ui-toggle input[type="checkbox"]:indeterminate ~ .svws-ui-toggle--icon { justify-content: center; } .svws-ui-toggle input[type="checkbox"][disabled] ~ .svws-ui-toggle--icon { opacity: .5; } .svws-ui-toggle input[type="checkbox"][disabled] ~ .svws-ui-toggle--icon:before { border-color: var(--color-border-ui-neutral); } .svws-ui-toggle.svws-bw input[type="checkbox"]:checked ~ .svws-ui-toggle--icon { background-color: var(--color-bg-ui-100); border-color: #0000; } .svws-ui-toggle.svws-bw input[type="checkbox"]:checked ~ .svws-ui-toggle--icon:before { background-color: var(--color-bg-ui); border-color: #0000; } .svws-ui-toggle.svws-loading input[type="checkbox"] { visibility: hidden; } .svws-ui-dropdown-list { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); z-index: 50; border-radius: var(--radius-lg); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); width: 100%; min-width: 11rem; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: oklch(55.1% .027 264.364); } @supports (color: color-mix(in lab, red, red)) { .svws-ui-dropdown-list { --tw-shadow-color: color-mix(in oklab, var(--color-gray-500) var(--tw-shadow-alpha), transparent); } } .svws-ui-dropdown-list--items { padding-inline: calc(var(--spacing) * 1); padding-top: calc(var(--spacing) * 1); padding-bottom: calc(var(--spacing) * 1); flex-direction: column; gap: 1px; max-height: 24rem; display: flex; overflow: hidden auto; } .svws-ui-dropdown-list--item { border-style: var(--tw-border-style); cursor: pointer; justify-content: space-between; align-items: flex-start; gap: calc(var(--spacing) * .5); border-radius: var(--radius-sm); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1.5); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); border-width: thin; border-color: #0000; display: inline-flex; } .svws-ui-dropdown-list--item.svws-selected { border-color: var(--color-border-ui-selected); background-color: var(--color-bg-ui-selected); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-text-ui-onselected); } .svws-ui-dropdown-list--item.svws-active, .svws-ui-dropdown-list--item:hover, .svws-ui-dropdown-list--item:focus-visible { border-color: var(--color-border-ui); background-color: var(--color-bg-ui-hover); } :is(.svws-ui-dropdown-list--item.svws-active, .svws-ui-dropdown-list--item:hover, .svws-ui-dropdown-list--item:focus-visible).svws-selected { border-color: var(--color-border-ui-selected); background-color: var(--color-bg-ui-selected-hover); color: var(--color-text-ui-onbrand-hover); } :is(.svws-ui-dropdown-list--item.svws-active, .svws-ui-dropdown-list--item:hover, .svws-ui-dropdown-list--item:focus-visible).svws-selected .icon { background-color: var(--color-icon-ui-onbrand); } .svws-ui-dropdown-list--item.svws-active { z-index: 10; border-color: var(--color-border-ui-brand); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } .input-number-component input::placeholder { color: var(--color-text-ui-secondary); } .input-number--statistic-icon { pointer-events: auto; margin-top: calc(var(--spacing) * .5); background-color: var(--color-icon-ui-statistic); } .placeholder--visible .input-number-component input::placeholder { color: var(--color-text-ui); } .input-number-component { width: calc(100% - .4rem); min-width: calc(var(--spacing) * 16); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); white-space: nowrap; margin: .2em; display: inline-flex; position: relative; overflow: hidden; } .input-number-component:not(.input-number-component--headless) { margin-top: .8em; } .input-number-component:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .input-number-component:focus { outline-offset: 2px; outline: 2px solid #0000; } } .input-number-component input { cursor: text; text-overflow: ellipsis; } .input-number-component input:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .input-number-component input:focus { outline-offset: 2px; outline: 2px solid #0000; } } .input-number--number input { padding-right: calc(var(--spacing) * 14); appearance: textfield; } .input-number--number input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .input-number--number input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .input-number--number .svws-input-stepper { top: calc(var(--spacing) * 1); right: calc(var(--spacing) * 1.5); bottom: calc(var(--spacing) * 1); justify-content: center; align-items: center; gap: calc(var(--spacing) * 1); display: flex; position: absolute; } .input-number--number .svws-input-stepper button { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui-neutral); --tw-leading: 1; border-radius: .2rem; line-height: 1; } .input-number--number .svws-input-stepper button:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .input-number--number .svws-input-stepper button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .input-number--number .svws-input-stepper button:hover, .input-number--number .svws-input-stepper button:focus-visible { border-color: var(--color-border-ui-neutral-hover); background-color: var(--color-bg-ui-neutral-hover); } .input-number--number .svws-input-stepper button:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } .input-number--number .svws-input-stepper button.svws-disabled { pointer-events: none; opacity: .25; } .input-number--number .svws-input-stepper button.svws-disabled span.icon { opacity: .5; } .input-number--number .svws-input-stepper button .icon { margin-top: .1rem; } .input-number--number .input-number--placeholder { max-width: calc(100% - .7em); } .input-number--control { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); border-radius: var(--radius-md); height: calc(var(--spacing) * 9); width: 100%; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); white-space: nowrap; padding: .5em .7em; } .input-number--control:hover, .input-number--control:focus:active { border-color: var(--color-border-ui); } .input-number--rounded-sm { border-radius: 3.40282e38px; } .input-number-component:focus-within .input-number--control, .input-number--filled .input-number--control { border-color: var(--color-border-ui); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .input-number-component:focus-within .input-number--control, .input-number--filled .input-number--control { outline-offset: 2px; outline: 2px solid #0000; } } .input-number-component:focus-within .input-number--control { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-neutral); } .input-number--filled:not(:focus-within):not(:hover) .input-number--control { border-color: var(--color-border-ui); } .input-number--invalid.input-number--filled:not(:focus-within):not(:hover) .input-number--control, .input-number--invalid.input-number--filled:not(:focus-within):hover .input-number--control { border-color: var(--color-border-ui-danger); } .input-number--filled:not(:focus-within):hover .input-number--control, .input-number--readonly:hover .input-number--control, .input-number--readonly.input-number--filled:hover .input-number--control { border-color: var(--color-border-ui); } .input-number--control--multiselect-tags { border-bottom-style: var(--tw-border-style); padding-top: calc(var(--spacing) * 1); padding-bottom: calc(var(--spacing) * 0); border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } :scope.input-number--filled { color: var(--color-text-ui-brand); } .input-number--readonly .input-number--control { pointer-events: auto; cursor: default; -webkit-user-select: none; user-select: none; } .input-number--placeholder { pointer-events: none; opacity: .6; transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); align-items: center; line-height: 1.33; display: flex; position: absolute; top: .5em; left: .7em; } .input-number-component:not(.input-number--filled) .input-number--placeholder { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .wrapper--tag-list :is(.input-number-component:not(.input-number--filled) .input-number--placeholder), .wrapper--tag-list:not(.wrapper--filled) :is(.input-number-component:not(.input-number--filled) .input-number--placeholder) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .input-number--placeholder--prefix { top: .5em; left: 4.5em; } .multiselect-input-component .input-number--placeholder { top: .5em; } .input-number-component:focus-within .input-number--placeholder, .input-number--filled .input-number--placeholder { background-color: var(--color-bg-ui); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: var(--radius-sm); padding-inline: calc(var(--spacing) * 1); opacity: 1; font-size: .78rem; top: 0; left: .7em; } .input-number--invalid .input-number--placeholder, .input-number--invalid:not(:focus-within) .input-number--control { color: var(--color-text-ui-danger); } .input-number--invalid input { border-color: var(--color-border-ui-danger); } .input-number--invalid .input-number--state-icon { background-color: var(--color-icon-ui-danger); } .input-number--disabled { pointer-events: none; cursor: default; } .input-number--disabled .input-number--placeholder { color: var(--color-text-ui-disabled); } .input-number--disabled .input-number--statistic-icon, .input-number--disabled .input-number--state-icon { background-color: var(--color-icon-ui-disabled); } .input-number--control:disabled { color: var(--color-text-ui-disabled); pointer-events: none; border-color: var(--color-border-ui-disabled) !important; } .input-number-component:focus-within, .input-number--filled { overflow: visible; } .input-number--placeholder--required { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); display: inline-block; position: relative; top: -.2em; } .input-number--headless, .svws-ui-table .input-number--control { border-style: var(--tw-border-style); white-space: nowrap; --tw-outline-style: none; border-width: 0; outline-style: none; width: 100%; } @media (forced-colors: active) { .input-number--headless, .svws-ui-table .input-number--control { outline-offset: 2px; outline: 2px solid #0000; } } :is(.input-number--headless, .svws-ui-table .input-number--control):not([class*="bg-"]) { background-color: unset; } :is(.input-number--headless, .svws-ui-table .input-number--control)::placeholder { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: inherit; } :is(.input-number--headless, .svws-ui-table .input-number--control):hover:not(:focus) { text-underline-offset: 2px; text-decoration-line: underline; text-decoration-style: dotted; } .input-number--inline { cursor: text; text-underline-offset: 2px; text-decoration-line: underline; text-decoration-style: dotted; } .svws-ui-select.svws-ui-multiselect { width: calc(100% - .4rem); margin: .2em; display: inline-flex; } .svws-ui-select.svws-ui-multiselect:not(.svws-headless) { margin-top: .8em; } .svws-ui-select.svws-ui-multiselect:focus-visible, .svws-ui-select.svws-ui-multiselect:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-neutral); } .svws-ui-select.svws-ui-multiselect .svws-dropdown-icon { top: .175rem; right: .19rem; } .svws-ui-select.svws-ui-multiselect .text-input-component { margin: calc(var(--spacing) * 0) !important; } .svws-ui-select.svws-ui-multiselect .text-input-component .text-input--control:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-border-style: none; background-color: #0000; border-style: none; } .svws-ui-select.svws-ui-multiselect.svws-open.svws-autocomplete .svws-tags { margin-bottom: 2rem; } .svws-ui-select.svws-ui-multiselect:not(.svws-headless) { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); min-height: 2.25rem; color: var(--color-text-ui); border-radius: var(--radius-md); } .svws-ui-select.svws-ui-multiselect:not(.svws-headless) .text-input-component { top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); cursor: pointer; width: 100%; height: 100%; position: absolute; } .svws-ui-select.svws-ui-multiselect:not(.svws-headless).svws-open.svws-autocomplete .text-input--control { height: 2.25rem; padding-left: calc(var(--spacing) * 3); margin-top: auto; } .svws-ui-select.svws-ui-multiselect:not(.svws-headless):not(.svws-open) .text-input--control { display: none; } .svws-ui-select.svws-ui-multiselect:not(.svws-headless):hover { border-color: var(--color-border-ui); } .svws-ui-select.svws-ui-multiselect .svws-tags { pointer-events: none; z-index: 10; margin: calc(var(--spacing) * .5); margin-top: calc(var(--spacing) * 2); place-content: flex-start; gap: calc(var(--spacing) * .5); padding-right: calc(var(--spacing) * 5); flex-wrap: wrap; display: flex; position: relative; } .svws-ui-select.svws-ui-multiselect .svws-tags .svws-remove { pointer-events: auto; top: calc(var(--spacing) * 0); left: calc(var(--spacing) * .5); margin-block: calc(var(--spacing) * -1); width: auto; height: auto; padding-block: calc(var(--spacing) * 0); position: relative; } .svws-ui-select.svws-ui-multiselect .svws-tags .svws-remove .icon { margin-top: calc(var(--spacing) * 0); height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); } .svws-ui-select.svws-ui-multiselect .svws-tags .svws-remove:hover .icon { background-color: var(--color-icon-ui-danger); } .svws-ui-select.svws-ui-multiselect .svws-tags .svws-tag { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); align-items: center; gap: calc(var(--spacing) * .5); border-radius: var(--radius-sm); padding-right: calc(var(--spacing) * 1); padding-left: calc(var(--spacing) * 2); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: 1; line-height: 1; display: inline-flex; } .svws-ui-select.svws-ui-multiselect.svws-disabled { pointer-events: none; } .svws-ui-select.svws-ui-multiselect.svws-disabled .svws-tags { opacity: .25; } .svws-ui-select.svws-ui-multiselect.svws-disabled .svws-tags .svws-remove { visibility: hidden; margin-right: calc(var(--spacing) * -3); } .radio--label { cursor: pointer; -webkit-user-select: none; user-select: none; margin: .2em; font-size: .916rem; font-weight: 700; line-height: 1; position: relative; } .radio--label:focus-within input { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-brand); --tw-outline-style: none; border-radius: .25rem; outline-style: none; } .radio--label--text { border-radius: var(--radius-md); align-items: center; column-gap: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 1.5); padding-right: calc(var(--spacing) * 3); padding-left: calc(var(--spacing) * 7); min-height: 1.25rem; display: flex; } .radio--label--no-text .radio--label--text { padding-left: 1.5em; } .radio--icon-type-view:not(.radio--label--checked) .radio--label--text, .radio--row .radio--label--no-icon .radio--label--text { padding-left: .75em; } .radio--label:hover .radio--label--text { background-color: var(--color-bg-ui-hover); color: var(--color-text-ui-hover); } .radio--label:hover .radio--indicator ~ .radio--indicator-icon { opacity: 1; } .radio--indicator { pointer-events: none; inset: calc(var(--spacing) * 0); appearance: none; width: 100%; height: 100%; position: absolute; } .radio--indicator:checked ~ .radio--label--text, .radio--label--checked .radio--label--text { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .svws-sub-nav-target :is(.radio--indicator:checked ~ .radio--label--text, .radio--label--checked .radio--label--text) { background-color: var(--color-bg-ui); } .radio--indicator ~ .radio--indicator-icon { pointer-events: none; inset: calc(var(--spacing) * 0); top: calc(var(--spacing) * 1.5); left: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); opacity: .7; position: absolute; } .radio--label:not(.radio--label--checked) .radio--indicator-icon .radio--indicator-icon--checked { display: none; } .radio--indicator:checked ~ .radio--indicator-icon, .radio--label--checked .radio--indicator-icon { color: var(--color-text-ui-brand); opacity: 1; } :is(.radio--indicator:checked ~ .radio--indicator-icon, .radio--label--checked .radio--indicator-icon) .icon { background-color: var(--color-icon-ui-onselected); } :is(.radio--indicator:checked ~ .radio--indicator-icon, .radio--label--checked .radio--indicator-icon) .radio--indicator-icon--blank { display: none; } :is(.radio--indicator:checked ~ .radio--indicator-icon, .radio--label--checked .radio--indicator-icon) .radio--indicator-icon--checked { display: block; } .radio--statistic-icon { background-color: var(--color-icon-ui-statistic); pointer-events: auto; margin-block: calc(var(--spacing) * -.5); } .radio--label--disabled { pointer-events: none; cursor: not-allowed; } .radio--label--disabled .radio--statistic-icon { background-color: var(--color-icon-ui-disabled); } .radio--label--disabled .radio--label--text { background-color: var(--color-bg-ui-disabled); color: var(--color-text-ui-disabled); } .radio--label--disabled .icon { opacity: .5; } .radio--label--disabled .radio--indicator:checked ~ .radio--indicator-icon, .radio--label--disabled.radio--label--checked .radio--indicator-icon, .radio--statistics :is(.radio--label--disabled .radio--indicator:checked ~ .radio--indicator-icon, .radio--label--disabled.radio--label--checked .radio--indicator-icon), .page--statistik :is(.radio--label--disabled .radio--indicator:checked ~ .radio--indicator-icon, .radio--label--disabled.radio--label--checked .radio--indicator-icon) { color: var(--color-text-ui-disabled); } .radio--label--disabled .radio--indicator:checked ~ .radio--label--text, .radio--label--disabled.radio--label--checked .radio--label--text, .radio--statistics :is(.radio--label--disabled .radio--indicator:checked ~ .radio--label--text, .radio--label--disabled.radio--label--checked .radio--label--text), .page--statistik :is(.radio--label--disabled .radio--indicator:checked ~ .radio--label--text, .radio--label--disabled.radio--label--checked .radio--label--text) { background-color: var(--color-bg-ui-disabled); color: var(--color-text-ui-disabled); } .svws-ui-select { cursor: pointer; width: calc(100% - .4rem); margin: .2em; display: inline-flex; position: relative; } .svws-ui-select:not(.svws-headless) { margin-top: .8em; } .svws-ui-table .svws-ui-select { margin-block: calc(var(--spacing) * -.5); padding: calc(var(--spacing) * 0); } .svws-ui-select .svws-dropdown-icon, .svws-ui-select .svws-remove { top: calc(var(--spacing) * 1); height: calc(var(--spacing) * 7); width: calc(var(--spacing) * 5); border-radius: var(--radius-sm); justify-content: center; align-items: center; font-size: 1.125rem; font-weight: 700; line-height: 1.33; display: inline-flex; position: absolute; } .svws-ui-select .svws-dropdown-icon { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui-neutral); pointer-events: none; right: calc(var(--spacing) * 1); } .svws-ui-select .text-input-component { width: 100%; margin: calc(var(--spacing) * 0) !important; } .svws-ui-select .text-input-component:hover, .svws-ui-select .text-input-component:focus-visible, .svws-ui-select .text-input-component:focus-within { flex-grow: 1; } :is(.svws-ui-select .text-input-component:hover, .svws-ui-select .text-input-component:focus-visible, .svws-ui-select .text-input-component:focus-within) ~ .svws-dropdown-icon { border-color: var(--color-border-ui-neutral-hover); background-color: var(--color-bg-ui-neutral-hover); } .svws-ui-select .svws-remove { right: calc(var(--spacing) * 7.5); height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); color: var(--color-text-ui-secondary); } .svws-ui-select .svws-remove .icon { margin-top: .3rem; } .svws-ui-select .svws-remove:hover { color: var(--color-text-ui-danger); } .svws-ui-select .svws-remove:focus, .svws-ui-select .svws-remove:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-select .svws-remove:focus, .svws-ui-select .svws-remove:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-select .svws-remove:focus-visible { background-color: var(--color-bg-ui-danger); color: var(--color-text-ui-ondanger); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-danger); } .svws-ui-select.svws-open { z-index: 50; } .svws-ui-select:not(.svws-readonly) .text-input--control, .svws-ui-select:not(.svws-readonly) .text-input--headless { cursor: pointer; word-break: break-all; text-overflow: ellipsis; } .svws-ui-select.svws-readonly .text-input--control, .svws-ui-select.svws-readonly .text-input--headless { cursor: default; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .svws-ui-select:not(.svws-readonly) .text-input--control { padding-right: calc(var(--spacing) * 8); } .svws-ui-select .text-input--headless { padding-left: calc(var(--spacing) * 5); } .svws-ui-select.svws-headless .svws-dropdown-icon { margin-top: calc(var(--spacing) * .5); } .svws-ui-select.svws-headless .svws-remove { margin-top: calc(var(--spacing) * 0); } .svws-ui-select.svws-removable.svws-has-value:not(.svws-readonly) .text-input--control { padding-right: calc(var(--spacing) * 12); } .svws-ui-select.svws-removable.svws-has-value:not(.svws-readonly) .text-input--headless { padding-left: 2.1rem; } .svws-ui-select.svws-headless .svws-dropdown-icon, .svws-ui-select.svws-headless .svws-remove { top: calc(var(--spacing) * 0); height: calc(var(--spacing) * 5); right: auto; } .svws-ui-select.svws-headless .svws-dropdown-icon { color: var(--color-text-ui-secondary); width: calc(var(--spacing) * 4); border-style: var(--tw-border-style); font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); background-color: #0000; border-width: 0; } .svws-ui-table .svws-clicked :is(.svws-ui-select.svws-headless .svws-dropdown-icon) { color: var(--color-text-ui-selected); } .svws-ui-select.svws-headless .svws-remove { right: auto; left: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); justify-content: center; align-items: center; display: inline-flex; } .svws-ui-table.svws-has-background :is(.svws-ui-select.svws-headless .svws-ui-select--icon) { background-color: var(--color-icon-uistatic); } .svws-ui-select.svws-headless .text-input-component { margin: calc(var(--spacing) * 0); } .svws-ui-table.svws-has-background :is(:is(.svws-ui-select.svws-headless .text-input-component:hover, .svws-ui-select.svws-headless .text-input-component:focus-visible, .svws-ui-select.svws-headless .text-input-component:focus-within) ~ .svws-dropdown-icon) { background-color: var(--color-bg-uistatic-75); color: var(--color-text-ui); } .svws-ui-select.svws-headless:not(.svws-open) .text-input-component:focus-visible ~ .svws-dropdown-icon { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } .svws-ui-select.svws-danger { color: var(--color-text-ui-danger); } .svws-ui-select.svws-danger .text-input--headless { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .svws-ui-select.svws-danger.svws-headless .svws-dropdown-icon { background-color: var(--color-bg-uistatic-75); color: var(--color-text-ui-danger); } .svws-ui-select.svws-disabled { pointer-events: none; cursor: default; } .svws-ui-select.svws-disabled.svws-headless .text-input--headless, .svws-ui-select.svws-disabled.svws-removable.svws-ui-select.svws-disabled.svws-has-value .text-input--headless { padding-left: calc(var(--spacing) * 5); opacity: .25; } .svws-ui-select.svws-disabled .svws-dropdown-icon { opacity: .1; } .svws-ui-select.svws-disabled .svws-remove { display: none; } .ui-select :popover-open { margin: calc(var(--spacing) * 0); position: absolute; } .textarea-input { margin: .2em; display: flex; position: relative; } .textarea-input:not(.textarea-input--headless) { margin-top: .8em; } .textarea-input textarea::placeholder { color: var(--color-text-ui-secondary); } .textarea-input.textarea-input--headless { background-color: #0000; } .textarea-input.textarea-input--headless textarea { --tw-border-style: none; background-color: #0000; border-style: none; } .textarea-input--control { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); border-radius: var(--radius-md); width: 100%; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); cursor: text; min-width: 10em; min-height: 2.5em; padding: .5em .7em; } .textarea-input--control:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .textarea-input--control:focus { outline-offset: 2px; outline: 2px solid #0000; } } .textarea-input--control:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-neutral); } span.textarea-input--control { padding-top: .4em; padding-bottom: .4em; } .textarea-input--focus .textarea-input--control, .textarea-input--filled .textarea-input--control { border-color: var(--color-border-ui); } .textarea-input--invalid:not(.textarea-input--disabled) .textarea-input--control { border-color: var(--color-border-ui-danger); } .textarea-input--resize-none .textarea-input--control { resize: none; } .textarea-input--resize-vertical .textarea-input--control { resize: vertical; } .textarea-input--resize-horizontal .textarea-input--control { resize: horizontal; } .textarea-input--resize-both .textarea-input--control { resize: both; } .textarea-input--placeholder { gap: calc(var(--spacing) * 1); pointer-events: none; opacity: .6; transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); align-items: center; line-height: 1.33; display: flex; position: absolute; top: .5em; left: .7em; } .textarea-input--placeholder .icon { width: 1.4em; } .textarea-input:not(.textarea-input--filled):not(:focus-within):not(.textarea-input--disabled):hover .textarea-input--placeholder { opacity: .8; } .textarea-input--statistics.textarea-input--invalid:not(.textarea-input--disabled) .textarea-input--control { border-color: var(--color-border-ui-danger); } .textarea-input--placeholder--required { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); display: inline-block; position: relative; top: -.2em; } .textarea-input--focus:not(.textarea-input--headless) .textarea-input--placeholder, .textarea-input:focus-within .textarea-input--placeholder, .textarea-input--filled:not(.textarea-input--headless) .textarea-input--placeholder { background-color: var(--color-bg-ui); opacity: 1; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); padding-inline: calc(var(--spacing) * 1); border-radius: .25rem; font-size: .78rem; top: 0; left: .7em; } .textarea-input--headless.textarea-input--filled .textarea-input--placeholder { opacity: 0; } .textarea-input--invalid .textarea-input--placeholder, .textarea-input--invalid:not(:focus-within):not(.textarea-input--disabled) .textarea-input--control { color: var(--color-text-ui-danger); } .textarea-input--invalid .textarea-input--state-icon { background-color: var(--color-icon-ui-danger); } .textarea-input--statistic-icon { background-color: var(--color-icon-ui-statistic); pointer-events: auto; margin-top: calc(var(--spacing) * .5); } .textarea-input--disabled .textarea-input--control { border-color: var(--color-border-ui-disabled); background-color: var(--color-bg-ui); color: var(--color-text-ui-disabled); pointer-events: none; resize: none; } .textarea-input--disabled .textarea-input--statistic-icon, .textarea-input--disabled .textarea-input--state-icon { background-color: var(--color-icon-ui-disabled); } .textarea-input--disabled .textarea-input--placeholder { background-color: var(--color-bg-ui); color: var(--color-text-ui-disabled); } .placeholder--visible .text-input-component input::placeholder { opacity: 1; } .text-input-component input::placeholder { opacity: .3; } .text-input-component { color: var(--color-text-ui); width: calc(100% - .4rem); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); white-space: nowrap; margin: .2em; display: flex; position: relative; overflow: hidden; } .text-input-component:not(.text-input-component--headless) { margin-top: .8em; } .text-input-component:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .text-input-component:focus { outline-offset: 2px; outline: 2px solid #0000; } } .text-input-component input { cursor: text; text-overflow: ellipsis; } .text-input-component input[type="email"], .text-input-component input[type="tel"] { padding-right: 1.6rem; } .text-input-component input:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .text-input-component input:focus { outline-offset: 2px; outline: 2px solid #0000; } } .text-input-component .icon.svws-icon { pointer-events: none; top: calc(var(--spacing) * 1); right: calc(var(--spacing) * 1.5); bottom: calc(var(--spacing) * 1); margin-top: calc(var(--spacing) * 1); width: calc(var(--spacing) * 5); border-radius: var(--radius-sm); padding-right: calc(var(--spacing) * 1); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); opacity: .5; justify-content: flex-end; align-items: center; display: inline-flex; position: absolute; } .text-input-component .icon.svws-icon--remove { pointer-events: auto; top: calc(var(--spacing) * 1); right: calc(var(--spacing) * 1); bottom: calc(var(--spacing) * 1); margin-top: calc(var(--spacing) * 1); margin-right: calc(var(--spacing) * 6); width: calc(var(--spacing) * 5); cursor: pointer; border-radius: var(--radius-sm); padding-right: calc(var(--spacing) * 1); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); justify-content: flex-end; align-items: center; display: inline-flex; position: absolute; } .text-input-component .icon.svws-icon--remove:hover { background-color: var(--color-icon-ui-danger); } .svws-ui-table .text-input--date input { margin-block: calc(var(--spacing) * -.5); } .text-input--date .text-input--control { padding-right: calc(var(--spacing) * 0); } .text-input--date .svws-icon { width: calc(var(--spacing) * 7); } .text-input--date.text-input-component--headless, .svws-ui-table .svws-ui-tbody .svws-ui-td .text-input--date { margin-block: auto; margin-left: calc(var(--spacing) * -1); } :is(.text-input--date.text-input-component--headless, .svws-ui-table .svws-ui-tbody .svws-ui-td .text-input--date) .svws-icon.icon { top: calc(var(--spacing) * -1); right: calc(var(--spacing) * 0); height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); position: relative; } .text-input-component .text-input--muss-icon { background-color: var(--color-icon-ui-danger); } .text-input-component .text-input--kann-icon { background-color: var(--color-icon-ui-caution); } .text-input-component .text-input--hinweis-icon { background-color: var(--color-icon-ui-warning); } .text-input--invalid .svws-icon { background-color: var(--color-icon-ui-danger); color: var(--color-text-ui-danger); } .text-input--statistic-kann .svws-icon { background-color: var(--color-icon-ui-caution); color: var(--color-text-ui-caution); } .text-input--statistic-hinweis .svws-icon { background-color: var(--color-icon-ui-warning); color: var(--color-text-ui-warning); } .text-input--control { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); border-radius: var(--radius-md); height: calc(var(--spacing) * 9); width: 100%; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); white-space: nowrap; padding: .5em .7em; } .text-input--control:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .text-input--control:focus { outline-offset: 2px; outline: 2px solid #0000; } } .text-input--prefix { padding-left: 4.2em; } .text-input--rounded-sm { border-radius: 3.40282e38px; } .svws-ui-table.svws-has-background .text-input--headless { color: var(--color-text-uistatic); } .multiselect-input-component .text-input--control, .multiselect-input-component .text-input--headless { text-overflow: ellipsis; padding-right: 3.2rem; overflow: hidden; } .text-input-component:focus-within .text-input--control, .text-input--filled .text-input--control { border-color: var(--color-border-ui); } .text-input-component .text-input--control:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-neutral); } .text-input--invalid.text-input-component:focus-within .text-input--control, .text-input--invalid .text-input--control { border-color: var(--color-border-ui-danger); } .text-input--statistic-kann.text-input-component:focus-within .text-input--control, .text-input--statistic-kann .text-input--control { border-color: var(--color-border-ui-caution); } .text-input--statistic-hinweis.text-input-component:focus-within .text-input--control, .text-input--statistic-hinweis .text-input--control { border-color: var(--color-border-ui-warning); } .text-input--invalid.text-input--filled:not(:focus-within) .text-input--control { border-color: var(--color-border-ui-danger); } .text-input--statistic-kann.text-input--filled:not(:focus-within) .text-input--control { border-color: var(--color-border-ui-caution); } .text-input--statistic-hinweis.text-input--filled:not(:focus-within) .text-input--control { border-color: var(--color-border-ui-warning); } .text-input--control--multiselect-tags { border-bottom-style: var(--tw-border-style); padding-top: calc(var(--spacing) * 1); padding-bottom: calc(var(--spacing) * 0); border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .text-input--search { position: relative; } .text-input--search.text-input--filled { color: var(--color-text-ui-brand); } .text-input--search input { padding-left: calc(var(--spacing) * 8); } .text-input--search input::placeholder { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-text-ui); opacity: .5; } .text-input--search-icon { left: calc(var(--spacing) * 2); opacity: .25; position: absolute; top: 50%; transform: translateY(-50%)scale(.9); } .text-input-component:not(.text-input--filled):not(:focus-within):not(.text-input--disabled):hover .text-input--search-icon { opacity: 1; } .text-input-component:focus-within .text-input--search-icon, .text-input--filled .text-input--search-icon { opacity: 1; transform: translateY(-50%)scale(1); } .text-input--control[type="date"]::-webkit-inner-spin-button { opacity: 0; } .text-input--control[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; } .text-input--readonly .text-input--control { pointer-events: auto; cursor: default; -webkit-user-select: none; user-select: none; } .text-input--placeholder { pointer-events: none; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); opacity: .5; transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); font-weight: var(--font-weight-medium); align-items: center; line-height: 1.33; display: flex; position: absolute; top: .5em; left: .7em; } .text-input-component:not(.text-input--filled):not(:focus-within) .text-input--placeholder { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .wrapper--tag-list :is(.text-input-component:not(.text-input--filled):not(:focus-within) .text-input--placeholder), .wrapper--tag-list:not(.wrapper--filled) :is(.text-input-component:not(.text-input--filled):not(:focus-within) .text-input--placeholder) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .text-input-component:not(.text-input--filled):not(:focus-within):not(.text-input--disabled):not(.text-input--readonly):hover .text-input--placeholder, .text-input-component.text-input--search:not(:focus-within):not(.text-input--disabled):hover input::placeholder { opacity: .75; } .text-input--placeholder--prefix { top: .5em; left: 4.3em; } .multiselect-input-component .text-input--placeholder { top: .5em; } .text-input-component:focus-within .text-input--placeholder, .text-input--filled .text-input--placeholder { background-color: var(--color-bg-ui); opacity: 1; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); padding-inline: calc(var(--spacing) * 1); border-radius: .25rem; font-size: .78rem; top: 0; left: .7em; } .text-input--invalid .text-input--placeholder, .text-input--invalid:not(:focus-within) .text-input--control { color: var(--color-text-ui-danger); } .text-input--statistic-kann .text-input--placeholder, .text-input--statistic-kann:not(:focus-within) .text-input--control { color: var(--color-text-ui-caution); } .text-input--statistic-hinweis .text-input--placeholder, .text-input--statistic-hinweis:not(:focus-within) .text-input--control { color: var(--color-text-ui-warning); } .text-input--statistic-icon { background-color: var(--color-icon-ui-statistic); pointer-events: auto; margin-top: calc(var(--spacing) * .5); } :is(.text-input--control:disabled, .text-input--disabled) .text-input--control { border-color: var(--color-border-ui-disabled); background-color: var(--color-bg-ui); color: var(--color-text-ui-disabled); pointer-events: none; } :is(.text-input--control:disabled, .text-input--disabled) .svws-icon, :is(.text-input--control:disabled, .text-input--disabled) .text-input--statistic-icon, :is(.text-input--control:disabled, .text-input--disabled) .text-input--state-icon { background-color: var(--color-icon-ui-disabled); } :is(.text-input--control:disabled, .text-input--disabled) .text-input--placeholder { background-color: var(--color-bg-ui); color: var(--color-text-ui-disabled); } .text-input-component:focus-within, .text-input--filled { overflow: visible; } .text-input--placeholder--required { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); display: inline-block; position: relative; top: -.2em; } .text-input--invalid .text-input--statistic-kann .text-input--state-icon { background-color: var(--color-icon-ui-caution); } .text-input--invalid.text-input--statistic-hinweis .text-input--state-icon { background-color: var(--color-icon-ui-warning); } .text-input--invalid.text-input--statistic-muss .text-input--state-icon, .text-input--invalid .text-input--state-icon { background-color: var(--color-icon-ui-danger); } .text-input-component--headless .text-input--control:not([class*="text-ui"]) { color: inherit; } .text-input--headless, .svws-ui-table .text-input--control { border-style: var(--tw-border-style); white-space: nowrap; --tw-outline-style: none; border-width: 0; outline-style: none; width: 100%; } @media (forced-colors: active) { .text-input--headless, .svws-ui-table .text-input--control { outline-offset: 2px; outline: 2px solid #0000; } } :is(.text-input--headless, .svws-ui-table .text-input--control):not([class*="bg-"]) { background-color: unset; } :is(.text-input--headless, .svws-ui-table .text-input--control):not([class*="text-"]) { color: inherit; } :is(.text-input--headless, .svws-ui-table .text-input--control)::placeholder { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: inherit; } :is(.text-input--headless, .svws-ui-table .text-input--control):hover:not(:focus) { text-underline-offset: 2px; text-decoration-line: underline; text-decoration-style: dotted; } .text-input--inline { cursor: text; text-underline-offset: 2px; text-decoration-line: underline; text-decoration-style: dotted; } .text-input-component .icon.svws-icon--remove:focus-visible { background-color: var(--color-icon-ui-danger); } html { background-color: var(--color-bg-ui-neutral); color: var(--color-text-ui); font-size: 10px; } html.font-size-small { font-size: 9px; } html.font-size-large { font-size: 11px; } @media (min-width: 1280px) { html { font-size: 12px; } html.font-size-small { font-size: 11px; } html.font-size-large { font-size: 13px; } } .app--layout { background-color: var(--color-bg-ui-neutral); gap: calc(var(--spacing) * 2); width: 100%; height: 100vh; padding: calc(var(--spacing) * 2); flex-direction: row; display: flex; position: relative; overflow: hidden; } .app--menu { margin-block: calc(var(--spacing) * -3); margin-right: calc(var(--spacing) * -3); max-width: calc(var(--spacing) * 32); min-width: fit-content; padding-block: calc(var(--spacing) * 3); padding-right: calc(var(--spacing) * 3); overflow-y: auto; } @-moz-document url-prefix() { .app--menu.has-scrollbar { padding-right: calc(var(--scrollbar-width) + .75rem); } } .app--sidebar, .app--second-sidebar, .app--content-container { background-color: var(--color-bg-ui); border-radius: var(--radius-3xl); flex-direction: column; height: 100%; display: flex; overflow-y: hidden; } .app--content-container, .app--second-sidebar { border-left-style: var(--tw-border-style); border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .app--sidebar { margin-right: calc(var(--spacing) * -2); border-right-style: var(--tw-border-style); height: 100%; padding: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 0); border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; flex-shrink: 0; width: 20%; min-width: 24rem; max-width: 30rem; position: relative; } .app--sidebar .app--sidebar-container { border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); height: 100%; } .app--sidebar .secondary-menu--headline { margin-top: calc(var(--spacing) * -2); } .app--sidebar .s-toggle-first { top: calc(var(--spacing) * 0); right: calc(var(--spacing) * 0); z-index: 40; padding-top: calc(var(--spacing) * 4); padding-right: calc(var(--spacing) * 2); flex-direction: column; display: flex; position: absolute; } .app--sidebar .s-toggle-first button { align-items: center; gap: calc(var(--spacing) * 1); border-radius: var(--radius-lg); padding: calc(var(--spacing) * .5); color: var(--color-text-ui-secondary); flex-direction: column; font-size: 1rem; font-weight: 700; line-height: 1.33; display: inline-flex; } .app--sidebar .s-toggle-first button svg { flex-shrink: 0; font-size: 1.125rem; font-weight: 700; line-height: 1.33; } .app--sidebar .s-toggle-first button:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .app--sidebar .s-toggle-first button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .app--sidebar .s-toggle-first button:hover, .app--sidebar .s-toggle-first button:focus-visible { background-color: var(--color-bg-ui-hover); color: var(--color-text-ui); } .app--sidebar .s-toggle-first button:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } .app--sidebar .s-toggle-first .s-title { writing-mode: sideways-lr; } .app--sidebar:not(.app--sidebar-normal) { width: 15%; min-width: 16rem; max-width: 20rem; } .app--second-sidebar { margin-right: calc(var(--spacing) * -2); border-right-style: var(--tw-border-style); height: 100%; padding: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 0); border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; flex-shrink: 0; width: 20%; min-width: 24rem; max-width: 30rem; position: relative; } .app--second-sidebar .app--second-sidebar-container { border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); height: 100%; } .app--second-sidebar .secondary-menu--headline { margin-top: calc(var(--spacing) * -2); } .app--second-sidebar .s-toggle-second { top: calc(var(--spacing) * 0); right: calc(var(--spacing) * 0); z-index: 40; padding-top: calc(var(--spacing) * 4); padding-right: calc(var(--spacing) * 2); flex-direction: column; display: flex; position: absolute; } .app--second-sidebar .s-toggle-second button { align-items: center; gap: calc(var(--spacing) * 1); border-radius: var(--radius-lg); padding: calc(var(--spacing) * .5); color: var(--color-text-ui-50); flex-direction: column; font-size: 1rem; font-weight: 700; line-height: 1.33; display: inline-flex; } .app--second-sidebar .s-toggle-second button svg { flex-shrink: 0; font-size: 1.125rem; font-weight: 700; line-height: 1.33; } .app--second-sidebar .s-toggle-second button:hover, .app--second-sidebar .s-toggle-second button:focus-visible { background-color: var(--color-bg-ui-75); color: var(--color-text-ui-100); } .app--second-sidebar .s-toggle-second .s-title { writing-mode: sideways-lr; } .app--second-sidebar:not(.app--sidebar-normal) { width: 15%; min-width: 16rem; max-width: 20rem; } @media (orientation: portrait) { .app--sidebar .s-toggle-first .s-toggle-second { display: none; } } @media (orientation: landscape) { .s-sidebar-collapsed .app--sidebar { pointer-events: none; z-index: 40; height: auto; width: calc(var(--spacing) * 9); min-width: calc(var(--spacing) * 0); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 1); padding-top: calc(var(--spacing) * 1); margin-right: calc(var(--spacing) * -10); margin-left: calc(var(--spacing) * -1); background-color: #0000; border-width: 0; } @media (min-width: 1920px) { .s-sidebar-collapsed .app--sidebar { margin-right: calc(var(--spacing) * -11); margin-left: calc(var(--spacing) * -.5); } } .s-sidebar-collapsed .app--sidebar .app--sidebar-container { display: none; } .s-sidebar-collapsed .s-toggle-first { pointer-events: auto; top: calc(var(--spacing) * .5); left: calc(var(--spacing) * .5); padding-right: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 1); position: relative; } .s-sidebar-collapsed .app--second-sidebar { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); padding-left: calc(var(--spacing) * 8); } .s-second-sidebar-collapsed .app--second-sidebar { pointer-events: none; z-index: 40; height: auto; width: calc(var(--spacing) * 9); min-width: calc(var(--spacing) * 0); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 1); padding-top: calc(var(--spacing) * 1); margin-right: calc(var(--spacing) * -10); margin-left: calc(var(--spacing) * -1); background-color: #0000; border-width: 0; } @media (min-width: 1920px) { .s-second-sidebar-collapsed .app--second-sidebar { margin-right: calc(var(--spacing) * -11); margin-left: calc(var(--spacing) * -.5); } } .s-second-sidebar-collapsed .app--second-sidebar .app--second-sidebar-container { display: none; } .s-second-sidebar-collapsed .s-toggle-second { pointer-events: auto; top: calc(var(--spacing) * .5); left: calc(var(--spacing) * .5); padding-right: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 1); position: relative; } .s-all-sidebars-collapsed .app--content-container { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-10); } .s-all-sidebars-collapsed .s-toggle-second { margin-top: calc(var(--spacing) * 9); } .s-all-sidebars-collapsed:not(.s-sidebar) .s-toggle-second { margin-top: calc(var(--spacing) * 0); } } .app--content { flex-direction: row; flex: 1; display: flex; position: relative; overflow: hidden; } @media (min-width: 48rem) { .app--content { flex-direction: row; } } @media (orientation: portrait) { .app--layout { row-gap: calc(var(--spacing) * 0); flex-wrap: wrap; } .app--menu { margin-inline: calc(var(--spacing) * -2); margin-block: calc(var(--spacing) * 0); width: auto; min-width: 100%; max-width: none; min-height: fit-content; padding-top: calc(var(--spacing) * 0); padding-right: calc(var(--spacing) * 0); padding-bottom: calc(var(--spacing) * 2); padding-left: calc(var(--spacing) * 2); overflow: auto hidden; } .app--menu .sidebar--menu--header { height: 100%; min-height: unset; padding-left: calc(var(--spacing) * 3); } .app--menu + .app--content { min-width: 100%; } .app--layout:not(.app--layout--login) :is(.app--sidebar, .app--second-sidebar, .app--content) { height: calc(100% - 4rem); } } .app--content-container { width: 100%; overflow: hidden; } .app-layout--aside-container { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 8); flex-direction: column; width: 100%; height: 100%; display: flex; overflow-y: auto; } .app--content-container.fullwidth-content { --tw-border-style: none; border-style: none; border-radius: 0; } .app--layout--has-aside .app--content-container { padding-right: 50%; } .app-layout--aside { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); top: calc(var(--spacing) * 9); right: calc(var(--spacing) * 2); bottom: calc(var(--spacing) * 2); z-index: 50; margin-left: calc(var(--spacing) * -4); border-radius: var(--radius-2xl); width: 50%; position: absolute; } .app--sidebar-container, .app--second-sidebar-container { overflow: hidden; } .secondary-menu--headline, .secondary-menu--header, .secondary-menu--content .text-headline, .app--sidebar .svws-ui-table-filter, .app--second-sidebar .svws-ui-table-filter { padding-inline: calc(var(--spacing) * 2); } @media not all and (min-width: 64rem) { .app--content-container:not(.fullwidth-content) { padding-inline: calc(var(--spacing) * 0); } } .secondary-menu--content .secondary-menu--navigation { padding-inline: calc(var(--spacing) * 3); } @media (min-width: 2000px) { .secondary-menu--headline, .secondary-menu--header, .secondary-menu--content .text-headline, .app--sidebar .svws-ui-table-filter, .app--second-sidebar .svws-ui-table-filter { padding-inline: calc(var(--spacing) * 2); } .secondary-menu--content .secondary-menu--navigation { padding-inline: calc(var(--spacing) * 5); } .secondary-menu--content .v-table tr:not(.table--row-indent) th:first-child:not(.column--checkbox), .secondary-menu--content .v-table tr:not(.table--row-indent) td:first-child:not(.column--checkbox), .secondary-menu--content .v-table tr.table--row-indent { padding-left: calc(var(--spacing) * 8); } } .sidebar--menu--header, .secondary-menu--headline, .page--header { flex-direction: column; justify-content: center; align-items: flex-start; min-height: 6.5rem; display: flex; } @media (min-width: 1280px) or (orientation: portrait) { .sidebar--menu--header, .secondary-menu--headline, .page--header { min-height: 8rem; } } .app--content--placeholder { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .app--content--placeholder span.icon { background-color: var(--color-icon-ui-25); width: 100%; max-width: 20vw; height: 20%; } .app-layout--notification-list { pointer-events: none; top: calc(var(--spacing) * 0); right: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); z-index: 50; position: fixed; } .ui-card { gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); min-width: fit-content; margin: .2em; } .ui-card .ui-card--header { align-items: center; gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); border-style: var(--tw-border-style); width: 100%; padding: calc(var(--spacing) * 4); text-align: left; transition-property: border-radius; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .1s; --tw-ease: var(--ease-in-out); transition-duration: .1s; transition-delay: .45s; transition-timing-function: var(--ease-in-out); border-width: thin; display: flex; } .ui-card .ui-card--header .ui-card--header--icon span { width: var(--icon-size-xl); height: var(--icon-size-xl); line-height: var(--icon-size-xl); background-color: var(--color-text-ui); display: block; } .ui-card .ui-card--header .ui-card--header--title-wrapper { flex-direction: column; justify-content: center; display: flex; } .ui-card .ui-card--header .ui-card--header--title-wrapper .ui-card--header--title { font-size: 1.125rem; font-weight: 700; line-height: 1.33; } .ui-card .ui-card--header .ui-card--header--title-wrapper .ui-card--header--subtitle { font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .ui-card .ui-card--header .ui-card--header--right-section { align-items: center; gap: calc(var(--spacing) * 3); margin-left: auto; display: flex; } .ui-card .ui-card--header .ui-card--header--right-section .ui-card--header--info { --tw-font-weight: var(--font-weight-medium); font-size: 1rem; font-weight: 700; line-height: 1.33; font-weight: var(--font-weight-medium); } .ui-card .ui-card--header .ui-card--header--collapse-icon .ui-card--icon-enter-active, .ui-card .ui-card--header .ui-card--header--collapse-icon .ui-card--icon-leave-active { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; --tw-ease: linear; transition-duration: .2s; transition-timing-function: linear; } .ui-card .ui-card--header .ui-card--header--collapse-icon .ui-card--icon-enter-from { opacity: 0; } .ui-card .ui-card--header .ui-card--header--collapse-icon .ui-card--icon-enter-to { opacity: 1; } .ui-card .ui-card--header .ui-card--header--collapse-icon .ui-card--icon-leave-active { opacity: 0; } .ui-card .ui-card--header .ui-card--header--collapse-icon span { width: var(--icon-size-lg); height: var(--icon-size-lg); line-height: var(--icon-size-lg); background-color: var(--color-text-ui); display: block; } .ui-card .ui-card--header.ui-card--active { transition-property: border-radius; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .1s; --tw-ease: var(--ease-in-out); transition-duration: .1s; transition-delay: 0s; transition-timing-function: var(--ease-in-out); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ui-card .ui-card--body-wrapper { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); overflow: hidden; } .ui-card .ui-card--body-wrapper .ui-card--body { gap: calc(var(--spacing) * 3); border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: thin; border-top-style: var(--tw-border-style); background-color: var(--color-bg-ui-neutral); padding: calc(var(--spacing) * 4); border-top-width: 0; flex-direction: column; display: flex; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--body--content { justify-content: space-between; align-items: flex-start; gap: calc(var(--spacing) * 3); scrollbar-width: thin; display: flex; overflow: auto; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--body--content .ui-card--content--main { text-align: justify; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--body--footer { align-items: center; gap: calc(var(--spacing) * 3); scrollbar-width: thin; display: flex; position: relative; overflow: auto; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--body--footer .ui-card--footer--main { text-align: justify; color: var(--color-text-ui-secondary); } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--buttons { gap: calc(var(--spacing) * 3); display: flex; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--buttons .ui-card--button { justify-content: center; align-items: center; width: auto; height: auto; display: flex; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--buttons .ui-card--button.button--icon { margin-top: calc(var(--spacing) * 1); box-sizing: border-box; padding: calc(var(--spacing) * 0) !important; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--buttons .ui-card--button.button--icon span { width: var(--icon-size); height: var(--icon-size); line-height: var(--icon-size); background-color: var(--color-text-ui); display: inline-block; } .ui-card .ui-card--body-wrapper .ui-card--body .ui-card--buttons .ui-card--button.button--icon:disabled { background-color: #0000; background-color: var(--color-icon-ui-50); } .ui-card.ui-card--compact .ui-card--header { gap: calc(var(--spacing) * 1); padding: calc(var(--spacing) * 1); } .ui-card.ui-card--compact .ui-card--header .ui-card--header--icon span, .ui-card.ui-card--compact .ui-card--header .ui-card--header--collapse-icon span { width: var(--icon-size-sm); height: var(--icon-size-sm); line-height: var(--icon-size-sm); background-color: var(--color-text-ui); display: inline-block; } .ui-card.ui-card--compact .ui-card--header .ui-card--header--title-wrapper .ui-card--header--title { font-size: 1rem; font-weight: 700; line-height: 1.33; } .ui-card.ui-card--compact .ui-card--header .ui-card--header--right-section { gap: calc(var(--spacing) * 1); } .ui-card.ui-card--compact .ui-card--header .ui-card--header--right-section .header--info { font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .ui-card.ui-card--compact .ui-card--body-wrapper .ui-card--body { gap: calc(var(--spacing) * 1); padding: calc(var(--spacing) * 2); } .ui-card.ui-card--compact .ui-card--body-wrapper .ui-card--body .ui-card--body--content, .ui-card.ui-card--compact .ui-card--body-wrapper .ui-card--body .ui-card--body--footer, .ui-card.ui-card--compact .ui-card--body-wrapper .ui-card--body .ui-card--card--buttons { gap: calc(var(--spacing) * 1); } .ui-card .ui-card--collapse-enter-active, .ui-card .ui-card--collapse-leave-active { transition-property: max-height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .5s; --tw-ease: var(--ease-in-out); transition-duration: .5s; transition-delay: 50ms; transition-timing-function: var(--ease-in-out); } .ui-card .ui-card--collapse-leave-active { transition-delay: 0s; } .content-card { height: fit-content; } .content-card.svws-has-background { background-color: var(--color-bg-ui-neutral); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 3); } .content-card.svws-has-background:first-child { padding-top: calc(var(--spacing) * 6); } .content-card.svws-has-background:last-child { padding-bottom: calc(var(--spacing) * 6); } .content-card.svws-has-background .svws-ui-table { border-radius: var(--radius-lg); } .content-card.svws-has-background .svws-ui-table .svws-ui-tr .svws-ui-td:last-child { padding-right: calc(var(--spacing) * 0) !important; } .content-card.svws-has-background .svws-ui-table .svws-ui-tbody:last-child .svws-ui-tr:last-child .svws-ui-td, .content-card.svws-has-background .svws-ui-table .svws-ui-tfoot { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .content-card.svws-has-background .svws-ui-thead { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } @media not all and (min-width: 80rem) { .content-card.col-span-full .content-card--actions { margin-bottom: calc(var(--spacing) * 0); width: auto; } } @media not all and (min-width: 48rem) { .content-card.col-span-full .content-card--actions { margin-bottom: calc(var(--spacing) * 3); width: 100%; } } .content-card.h-full .content-card--content { min-height: 100%; } .content-card--content--overflow-scroll { flex-direction: column; height: 100%; display: flex; } .content-card--headline { color: var(--color-text-ui); --tw-leading: 1; max-width: 100%; margin-bottom: calc(var(--spacing) * 1); width: auto; padding-block: calc(var(--spacing) * 1); flex-shrink: 0; justify-content: space-between; align-items: center; font-size: 1.125rem; font-weight: 700; line-height: 1; display: inline-flex; } .content-card--headline--large { font-size: 1.618rem; font-weight: 700; line-height: 1.1; } .content-card--header { margin-bottom: calc(var(--spacing) * 1); width: auto; padding-block: calc(var(--spacing) * 1); justify-content: space-between; align-items: center; display: inline-flex; } .content-card--header--has-actions { margin-bottom: calc(var(--spacing) * 0); align-items: flex-start; column-gap: calc(var(--spacing) * 8); row-gap: calc(var(--spacing) * 1); flex-wrap: wrap; width: 100%; display: flex; } .content-card--header--has-actions .content-card--headline { -webkit-hyphens: auto; hyphens: auto; } @media (min-width: 40rem) { .content-card--header--has-actions .content-card--headline { flex-grow: 1; } } .content-card--actions { margin-top: calc(var(--spacing) * -1); align-items: center; column-gap: calc(var(--spacing) * 2); display: flex; } @media not all and (min-width: 80rem) { .content-card--actions { margin-bottom: calc(var(--spacing) * 3); width: 100%; } } .content-card--wrapper--light-bg .content-card--header { background-color: var(--color-bg-ui); } .svws-ui-dashboard { grid-auto-flow: dense; gap: calc(var(--spacing) * 2); grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; } @media (min-width: 48rem) { .svws-ui-dashboard { gap: calc(var(--spacing) * 4); } } @media (min-width: 64rem) { .svws-ui-dashboard { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .svws-ui-dashboard-tile { background-color: var(--color-bg-ui-brand-secondary); color: var(--color-text-ui); border-radius: var(--radius-lg); padding: calc(var(--spacing) * 3); flex-direction: column; display: flex; } @media (min-width: 40rem) { .svws-ui-dashboard-tile { padding: calc(var(--spacing) * 4); } } @media (min-width: 48rem) { .svws-ui-dashboard-tile { padding: calc(var(--spacing) * 5); } } .svws-ui-dashboard-tile { font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } @media (min-width: 48rem) { .svws-ui-dashboard-tile { --tw-font-weight: var(--font-weight-normal); font-size: 1.618rem; font-weight: 700; line-height: 1.1; font-weight: var(--font-weight-normal); } } .page--statistik .svws-ui-dashboard-tile { background-color: var(--color-bg-ui-statistic-secondary); } .svws-ui-dashboard-tile .dashboard-tile--title { color: var(--color-text-ui-brand); margin-bottom: calc(var(--spacing) * .5); font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: 1; --tw-font-weight: var(--font-weight-medium); line-height: 1; font-weight: var(--font-weight-medium); } @media (min-width: 48rem) { .svws-ui-dashboard-tile .dashboard-tile--title { --tw-leading: 1; --tw-font-weight: var(--font-weight-medium); font-size: 1.125rem; font-weight: 700; line-height: 1; font-weight: var(--font-weight-medium); } } .page--statistik :is(.svws-ui-dashboard-tile .dashboard-tile--title) { color: var(--color-text-ui-statistic); } .svws-ui-dashboard-tile .dashboard-tile--title + .dashboard-tile--number { padding-top: calc(var(--spacing) * 5); } .svws-ui-dashboard-tile .dashboard-tile--number { color: var(--color-text-ui-brand); --tw-leading: 1; --tw-font-weight: var(--font-weight-bold); font-size: 2.618rem; font-weight: 700; line-height: 1; font-weight: var(--font-weight-bold); flex-direction: column; margin-top: auto; display: flex; } @media (min-width: 48rem) { .svws-ui-dashboard-tile .dashboard-tile--number { font-size: 4rem; } } .page--statistik :is(.svws-ui-dashboard-tile .dashboard-tile--number) { color: var(--color-text-ui-statistic); } .svws-ui-dashboard-tile .dashboard-tile--number-label { margin-bottom: calc(var(--spacing) * 1); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); position: relative; } @media (min-width: 48rem) { .svws-ui-dashboard-tile .dashboard-tile--number-label { font-size: 1.125rem; font-weight: 700; line-height: 1.33; } } .svws-ui-dashboard-tile .data-table { font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .svws-ui-dashboard-tile .data-table .data-table__thead { font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .svws-ui-dashboard-tile--transparent, .page--statistik .svws-ui-dashboard-tile--transparent { padding-inline: calc(var(--spacing) * 2); background-color: #0000; } .svws-ui-dashboard-tile--dark { background-color: var(--color-bg-ui-brand); color: var(--color-text-ui-onbrand); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .svws-ui-dashboard-tile--dark .dashboard-tile--title { color: var(--color-text-ui-onbrand-secondary); } .page--statistik :is(.svws-ui-dashboard-tile--dark .dashboard-tile--title) { color: var(--color-text-ui-onstatistic-secondary); } .svws-ui-dashboard-tile--dark .dashboard-tile--number { color: var(--color-text-ui-onbrand-secondary); } .page--statistik .svws-ui-dashboard-tile--dark { background-color: var(--color-bg-ui-statistic); color: var(--color-text-ui-onstatistic); } .page--statistik .svws-ui-dashboard-tile--dark .dashboard-tile--number { color: var(--color-text-ui-onstatistic-secondary); } .svws-ui-dashboard-tile--clickable { cursor: pointer; } .svws-ui-dashboard-tile--clickable:hover, .svws-ui-dashboard-tile--clickable:focus-visible { background-color: var(--color-bg-ui-brand-hover); color: var(--color-text-ui-onbrand); } .page--statistik :is(.svws-ui-dashboard-tile--clickable:hover, .svws-ui-dashboard-tile--clickable:focus-visible) { background-color: var(--color-bg-ui-statistic-hover); color: var(--color-text-ui-onstatistic); } :is(.svws-ui-dashboard-tile--clickable:hover, .svws-ui-dashboard-tile--clickable:focus-visible) .dashboard-tile--title { color: var(--color-text-ui-onbrand-secondary); } .page--statistik :is(:is(.svws-ui-dashboard-tile--clickable:hover, .svws-ui-dashboard-tile--clickable:focus-visible) .dashboard-tile--title) { color: var(--color-text-ui-onstatistic-secondary); } .page--header { color: var(--color-text-ui); padding-inline: calc(var(--spacing) * 6); } @media (min-width: 1920px) { .page--header { padding-inline: calc(var(--spacing) * 12); } } @media (min-width: 2160px) { .page--header { padding-inline: calc(var(--spacing) * 20); } } @media (min-width: 64rem) { .page--header { padding-inline: calc(var(--spacing) * 9); } } .page--header { gap: calc(var(--spacing) * 2); flex-direction: column; flex-shrink: 0; justify-content: center; min-height: 6.5rem; display: flex; } @media (min-width: 1280px) or (orientation: portrait) { .page--header { min-height: 8rem; } } .page--header .svws-ui-avatar { width: calc(var(--spacing) * 20); } .page--header .svws-headline-wrapper { align-content: center; column-gap: calc(var(--spacing) * 2); flex-wrap: wrap; font-size: 1.618rem; font-weight: 700; line-height: 1.1; display: flex; } .page--header .svws-headline { align-items: center; column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); display: inline-flex; } .page--header .svws-headline .svws-ui-badge { margin-block: calc(var(--spacing) * 0); } .page--header .svws-subline { color: var(--color-text-ui-secondary); width: 100%; } .svws-ui-header { color: var(--color-text-ui); padding-inline: calc(var(--spacing) * 6); flex-direction: row; justify-content: space-between; align-items: center; display: flex; } @media (min-width: 1920px) { .svws-ui-header { padding-inline: calc(var(--spacing) * 12); } } @media (min-width: 2160px) { .svws-ui-header { padding-inline: calc(var(--spacing) * 20); } } @media (min-width: 64rem) { .svws-ui-header { padding-inline: calc(var(--spacing) * 9); } } .svws-ui-header { gap: calc(var(--spacing) * 2); flex-shrink: 0; min-height: 6.5rem; } @media (min-width: 1280px) or (orientation: portrait) { .svws-ui-header { min-height: 8rem; } } .svws-ui-header .svws-ui-avatar { width: calc(var(--spacing) * 20); } .svws-ui-header .svws-headline-wrapper { align-content: center; column-gap: calc(var(--spacing) * 2); flex-wrap: wrap; font-size: 1.618rem; font-weight: 700; line-height: 1.1; display: flex; } .svws-ui-header .svws-headline { align-items: center; column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); display: inline-flex; } .svws-ui-header .svws-headline .svws-ui-badge { margin-block: calc(var(--spacing) * 0); } .svws-ui-header .svws-subline { color: var(--color-text-ui-secondary); width: 100%; } .svws-ui-header--title { gap: calc(var(--spacing) * 5); display: flex; } .svws-ui-header--actions { align-items: flex-start; gap: calc(var(--spacing) * 2); flex-wrap: wrap; min-height: 3rem; display: flex; } .input-wrapper { column-gap: calc(var(--spacing) * 2); flex-grow: 1; grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid; } .input-wrapper .input-wrapper:not(.col-span-1) { grid-column: 1 / -1; } .input-wrapper .button { margin-right: auto; } @media (min-width: 40rem) { .input-wrapper--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .input-wrapper--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 48rem) { .input-wrapper--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .input-wrapper--checkboxes { column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 0); } .input-wrapper--center { justify-items: center; } .input-wrapper--center .button { margin-inline: auto; } .svws-ui-spacing { height: calc(var(--spacing) * 2); grid-column: 1 / -1; } .svws-ui-spacing--2 { height: calc(var(--spacing) * 9); } .svws-ui-table { background-color: var(--color-bg-ui); color: var(--color-text-ui); --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); --checkbox-width: 1.75rem; background-color: rgb(var(--color-bg-ui)); flex-direction: column; width: 100%; max-height: 100%; display: flex; } .svws-ui-table.svws-has-background { color: var(--color-text-ui-100); } .svws-ui-table.svws-no-data, .svws-ui-table.svws-no-data .svws-ui-thead, .svws-ui-table.svws-no-data .svws-ui-tbody, .svws-ui-table.svws-no-data .svws-ui-tfoot, .svws-ui-table.svws-no-data .svws-ui-td { border-color: var(--color-border-ui-disabled); } .app--sidebar-container .svws-ui-table { border-inline-style: var(--tw-border-style); border-inline-width: 0; } .content-card .svws-ui-table:not(.svws-no-mx), .svws-table-offset .svws-ui-table { margin-inline: calc(var(--spacing) * -3); width: auto; } :is(.content-card .svws-ui-table:not(.svws-no-mx), .svws-table-offset .svws-ui-table) .svws-ui-td:first-child { padding-left: calc(var(--spacing) * 3); } :is(.content-card .svws-ui-table:not(.svws-no-mx):not(.svws-has-background), .svws-table-offset .svws-ui-table:not(.svws-has-background)) .svws-ui-td:last-child { padding-right: calc(var(--spacing) * 3); } .app-layout--aside-container .svws-ui-table { margin-inline: calc(var(--spacing) * -6); width: auto; } .app-layout--aside-container .svws-ui-table .svws-ui-td:first-child { padding-left: calc(var(--spacing) * 6); } .app-layout--aside-container .svws-ui-table .svws-ui-td:last-child { padding-right: calc(var(--spacing) * 6); } .svws-ui-table .svws-ui-badge { color: var(--color-text-ui-100); } .svws-ui-table .svws-ui-badge.svws-has-background :is(.svws-ui-table .svws-ui-badge) { border-color: #0000; } .svws-ui-table input[type="checkbox"] { margin: calc(var(--spacing) * 0); --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .svws-ui-thead, .svws-ui-tbody, .svws-ui-tfoot { min-width: fit-content; } .svws-ui-thead, .svws-ui-tfoot, .svws-ui-tfoot--data { border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); position: sticky; } .svws-ui-table.svws-has-background :is(.svws-ui-thead, .svws-ui-tfoot, .svws-ui-tfoot--data) { border-color: var(--color-border-ui); } :is(.svws-ui-thead, .svws-ui-tfoot, .svws-ui-tfoot--data) .svws-ui-tr:last-child .svws-ui-td { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .svws-ui-thead { top: calc(var(--spacing) * 0); z-index: 20; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .svws-ui-thead .svws-ui-tr:not(:last-child) .svws-ui-td { border-top-style: var(--tw-border-style); border-top-width: 1px; border-top-color: #0000; } .svws-ui-thead .svws-ui-badge { --tw-font-weight: var(--font-weight-bold); font-size: .916rem; font-weight: 700; line-height: 1; font-weight: var(--font-weight-bold); color: var(--color-text-ui-100); } .svws-no-data .svws-ui-thead { color: var(--color-text-ui-disabled); pointer-events: none; } .svws-ui-thead .svws-ui-td { padding-top: calc(var(--spacing) * 0); align-items: center; font-size: .916rem; font-weight: 700; line-height: 1; } .svws-ui-thead .svws-ui-td.svws-sortable-column { cursor: pointer; -webkit-user-select: none; user-select: none; } .svws-ui-thead .svws-ui-td.svws-sortable-column:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-thead .svws-ui-td.svws-sortable-column:focus { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-thead .svws-ui-td.svws-sortable-column .tooltip-trigger { cursor: pointer; } .svws-ui-thead .svws-ui-td.svws-sortable-column:not(.svws-active):hover .svws-sorting-icon { background-color: var(--color-bg-ui-hover); } .svws-ui-thead .svws-ui-td.svws-sortable-column:not(.svws-active):hover .svws-sorting-icon .svws-sorting-asc, .svws-ui-thead .svws-ui-td.svws-sortable-column:not(.svws-active):hover .svws-sorting-icon .svws-sorting-desc { opacity: 1; } .svws-ui-thead .svws-ui-td.svws-sortable-column:focus-visible .svws-sorting-icon { background-color: var(--color-bg-ui-hover); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } .svws-ui-thead .svws-ui-td.svws-sortable-column.svws-active, .svws-ui-thead .svws-ui-td.svws-sortable-column.svws-active:hover { color: var(--color-text-ui-brand); } :is(.svws-ui-thead .svws-ui-td.svws-sortable-column.svws-active, .svws-ui-thead .svws-ui-td.svws-sortable-column.svws-active:hover) .svws-sorting-icon { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .page--statistik :is(:is(.svws-ui-thead .svws-ui-td.svws-sortable-column.svws-active, .svws-ui-thead .svws-ui-td.svws-sortable-column.svws-active:hover) .svws-sorting-icon) { background-color: var(--color-bg-ui-statistic-secondary); color: var(--color-text-ui-statistic); } .svws-ui-thead .svws-ui-td .svws-sorting-icon { margin-block: calc(var(--spacing) * -2); height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 0; flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; position: relative; } .svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-asc, .svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-desc { top: calc(var(--spacing) * .5); left: calc(var(--spacing) * .5); height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); opacity: .25; position: absolute; } :is(.svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-asc, .svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-desc).svws-active { color: var(--color-text-ui-brand); opacity: 1; } .page--statistik :is(.svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-asc, .svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-desc).svws-active { color: var(--color-text-ui-statistic); } .svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-asc { clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); } .svws-ui-thead .svws-ui-td .svws-sorting-icon .svws-sorting-desc { clip-path: polygon(50% 0, 50% 100%, 100% 100%, 100% 0); } .svws-ui-thead .svws-ui-td .tooltip-trigger { -webkit-line-clamp: 1; -webkit-box-orient: vertical; align-items: center; height: 100%; display: inline-flex; overflow: hidden; } .svws-ui-tbody { flex-direction: column; height: auto; display: flex; } .svws-clickable .svws-ui-tbody .svws-ui-tr { cursor: pointer; } .svws-clickable .svws-ui-tbody .svws-ui-tr:not(.svws-clicked):hover, .svws-clickable .svws-ui-tbody .svws-ui-tr:not(.svws-clicked):focus-visible { background-color: var(--color-bg-ui-hover); } .svws-ui-tbody .button { height: 1.4rem; } .svws-ui-tbody .svws-ui-checkbox { margin-block: calc(var(--spacing) * 0); } .svws-ui-table.svws-has-background :is(.svws-ui-tbody .svws-ui-tr) { background-color: var(--background-color); } .svws-ui-tbody .svws-ui-td .text-input-component { margin-block: calc(var(--spacing) * -.5); width: 100%; height: auto; } .svws-ui-tbody .svws-ui-td .text-input--control { --tw-border-style: none; border-style: none; } .svws-has-selection .svws-ui-tbody .svws-ui-tr:not(.svws-selected):not(.svws-clicked) { color: var(--color-text-ui-secondary); } .svws-has-selection .svws-ui-tbody .svws-ui-tr:not(.svws-selected):not(.svws-clicked) .svws-ui-badge { color: var(--color-text-ui-100); opacity: 1; } .svws-ui-tfoot, .svws-ui-tfoot--data { z-index: 10; border-block-style: var(--tw-border-style); border-block-width: 1px; margin-top: -1px; position: sticky; bottom: -1px; } .svws-ui-table.overflow-auto :is(.svws-ui-tfoot, .svws-ui-tfoot--data) { bottom: calc(var(--spacing) * 0); } .svws-ui-tfoot .svws-ui-tr { align-items: center; width: 100%; display: flex; } .svws-ui-tfoot .svws-ui-tr .svws-ui-td { border-color: #0000; align-items: center; } .svws-selectable .svws-ui-tfoot .svws-ui-td:first-child { width: var(--checkbox-width); } .svws-ui-tr { min-height: 1.7rem; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); display: grid; position: relative; } .svws-ui-tr:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-tr:focus { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-tr { min-width: fit-content; } .svws-ui-tr.svws-selected { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .svws-ui-tr.svws-clicked { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .svws-ui-tr.svws-clicked .svws-ui-badge { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .page--statistik .svws-ui-tr.svws-clicked { background-color: var(--color-bg-ui-statistic-secondary); color: var(--color-text-ui-statistic); } .svws-ui-tr.svws-clicked .svws-ui-tr:not(.svws-clicked) { background-color: var(--color-bg-ui); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-text-ui); } .svws-ui-tfoot .svws-ui-tr { height: auto; min-height: 2.25rem; } .svws-ui-thead .svws-ui-tr { height: auto; min-height: 1.9rem; } .svws-ui-thead .svws-ui-tr .svws-ui-td { padding-block: calc(var(--spacing) * 2); } .svws-ui-tr:focus { background-color: var(--color-bg-ui-hover); } .svws-ui-td { border-color: var(--color-border-ui); align-items: flex-start; gap: calc(var(--spacing) * 1); border-bottom-style: var(--tw-border-style); --tw-leading: 1; border-bottom-width: 1px; padding: .3rem .25rem; line-height: 1; display: flex; overflow: hidden; } .svws-ui-td.svws-no-padding { padding: calc(var(--spacing) * 0); } .svws-ui-td .svws-no-padding { margin: -.1rem -.25rem; } .svws-ui-td.svws-divider { border-right-style: var(--tw-border-style); border-right-width: 1px; } .svws-ui-td.svws-divider + .svws-ui-td:not(.svws-align-center) { padding-left: calc(var(--spacing) * 2); } .svws-ui-td.svws-divider + .svws-ui-td:not(.svws-align-center) .svws-ui-badge { margin-left: calc(var(--spacing) * -1.5); } .svws-ui-table.svws-has-background .svws-ui-td { border-color: var(--color-text-uistatic-50); } .svws-ui-td.svws-align-right { text-align: right; justify-content: flex-end; } .svws-ui-td.svws-align-center { text-align: center; justify-content: center; } .svws-ui-td.svws-disabled, .svws-disabled .svws-ui-td, .svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td { color: var(--color-text-ui-disabled); cursor: default; position: relative; } .svws-ui-table.svws-has-background :is(.svws-ui-td.svws-disabled, .svws-disabled .svws-ui-td, .svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td) { color: var(--color-text-uistatic); } :is(.svws-ui-td.svws-disabled, .svws-disabled .svws-ui-td, .svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td):before { background-color: var(--color-bg-ui-100); pointer-events: none; inset: calc(var(--spacing) * 0); content: ""; position: absolute; } .svws-ui-table.svws-has-background :is(.svws-ui-td.svws-disabled, .svws-disabled .svws-ui-td, .svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td):before { background-color: var(--color-bg-uistatic-0); opacity: .3; } .svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td { color: var(--color-text-ui); } .svws-has-background :is(.svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td), .svws-has-background :is(.svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td) .button { color: var(--color-text-uistatic); } .svws-ui-table.svws-has-background :is(.svws-ui-td.svws-disabled-soft, .svws-disabled-soft .svws-ui-td):before { background-color: var(--color-bg-uistatic-0); opacity: .2; box-shadow: 0 0 0 1px #0003; } .svws-ui-tr.svws-disabled-soft .svws-ui-td:before { border-color: #0000; } .app--sidebar-container .svws-ui-table:not(.svws-selectable) .svws-ui-td:first-child, .svws-ui-table.svws-selectable .svws-ui-td.svws-no-data-text { padding-left: calc(var(--spacing) * 3); } @media (min-width: 2160px) { .app--sidebar-container .svws-ui-table:not(.svws-selectable) .svws-ui-td:first-child, .svws-ui-table.svws-selectable .svws-ui-td.svws-no-data-text { padding-left: calc(var(--spacing) * 8); } } @media (min-width: 96rem) { .app--sidebar-container .svws-ui-table:not(.svws-selectable) .svws-ui-td:first-child, .svws-ui-table.svws-selectable .svws-ui-td.svws-no-data-text { padding-left: calc(var(--spacing) * 7); } } .app--sidebar-container .svws-ui-td.svws-align-right:last-child { padding-right: calc(var(--spacing) * 3); } .drag-el:last-child .svws-ui-td { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .svws-ui-td .button { padding: .1em .7em; font-size: .833rem; } .svws-ui-td .text-input-component input { width: 100%; height: auto; padding-block: calc(var(--spacing) * 0); } .svws-ui-td input[type="date"] { padding-inline: calc(var(--spacing) * 0); } .svws-ui-table .svws-ui-tr .svws-ui-tr { grid-column: 1 / -1; } .svws-ui-table .svws-ui-tr .svws-ui-tr:last-child { padding-bottom: calc(var(--spacing) * 4); } .svws-ui-table .svws-ui-tr .svws-ui-tr > .svws-ui-td { --tw-border-style: dashed; border-style: dashed; border-color: #0000; } .svws-ui-table .svws-ui-tr .svws-ui-tr > .svws-ui-td.svws-divider { border-right-style: var(--tw-border-style); --tw-border-style: solid; border-style: solid; border-right-width: 1px; border-color: var(--color-border-ui-25); } .svws-ui-table .svws-ui-tr > .svws-ui-tr:not(:last-child) { border-color: var(--color-border-ui); border-bottom-style: var(--tw-border-style); --tw-border-style: dashed; border-style: dashed; border-bottom-width: 1px; } .svws-ui-table .svws-toggle-collapse { margin-inline: calc(var(--spacing) * .5); margin-block: calc(var(--spacing) * -.5); height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); border-radius: var(--radius-sm); justify-content: center; align-items: center; display: inline-flex; } .svws-ui-table .svws-toggle-collapse:hover, .svws-ui-table .svws-toggle-collapse:focus-visible { background-color: var(--color-bg-ui-hover); } .svws-ui-table.svws-type-navigation { margin-inline: calc(var(--spacing) * 0); } .svws-ui-table.svws-type-navigation, .svws-ui-table.svws-type-navigation .svws-ui-thead, .svws-ui-table.svws-type-navigation .svws-ui-tbody, .svws-ui-table.svws-type-navigation .svws-ui-tfoot, .svws-ui-table.svws-type-navigation .svws-ui-td { --tw-border-style: none; border-style: none; } .svws-ui-table.svws-type-navigation .svws-ui-tbody { flex-direction: column; gap: .1rem; display: flex; } .svws-ui-table.svws-type-navigation .svws-ui-tbody .svws-ui-tr { border-radius: .25rem; width: fit-content; } .svws-ui-table.svws-type-grid { border-inline-style: var(--tw-border-style); border-inline-width: 1px; border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-border-ui); } .svws-ui-table.svws-type-grid.svws-has-background { border-color: var(--color-border-ui-75); } :is(.svws-ui-table.svws-type-grid .svws-ui-thead, .svws-ui-table.svws-type-grid .svws-ui-tbody) .svws-ui-td:not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 1px; border-color: var(--color-border-ui); } :is(.svws-ui-table.svws-type-grid .svws-ui-thead, .svws-ui-table.svws-type-grid .svws-ui-tbody) .svws-ui-td:not(.svws-align-center) { padding-left: calc(var(--spacing) * 1.5); } :is(.svws-ui-table.svws-type-grid .svws-ui-thead, .svws-ui-table.svws-type-grid .svws-ui-tbody) .svws-ui-td:not(.svws-align-center):not(:last-child) { padding-right: calc(var(--spacing) * 1.5); } :is(.svws-ui-table.svws-type-grid .svws-ui-thead, .svws-ui-table.svws-type-grid .svws-ui-tbody) .svws-ui-td.svws-divider { border-right-style: var(--tw-border-style); border-right-width: 2px; } :is(.svws-ui-table.svws-type-grid.svws-has-background .svws-ui-thead, .svws-ui-table.svws-type-grid.svws-has-background .svws-ui-tbody) .svws-ui-td:not(:last-child) { border-color: var(--color-border-ui-75); } .content-card .svws-ui-table.svws-type-grid:not(.svws-no-mx) .svws-ui-td:first-child, .svws-table-offset .svws-ui-table.svws-type-grid .svws-ui-td:first-child { padding-left: calc(var(--spacing) * 3); } .content-card .svws-ui-table.svws-type-grid.svws-selectable:not(.svws-no-mx) .svws-ui-td:first-child, .svws-table-offset .svws-ui-table.svws-type-grid.svws-selectable .svws-ui-td:first-child { padding-left: calc(var(--spacing) * 1); } .svws-ui-table-filter { margin-bottom: calc(var(--spacing) * 4); color: var(--color-text-ui); } .svws-ui-table-filter .svws-ui-checkbox { --tw-font-weight: var(--font-weight-normal); font-size: .916rem; font-weight: 700; line-height: 1; font-weight: var(--font-weight-normal); } .svws-ui-table-filter .svws-ui-checkbox .svws-ui-checkbox--label { padding-top: calc(var(--spacing) * .5); } .svws-ui-table-filter .button--badge { background-color: var(--color-bg-ui-brand); top: calc(var(--spacing) * 1.5); right: calc(var(--spacing) * .5); margin-top: calc(var(--spacing) * 0); height: calc(var(--spacing) * 2); width: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 0); left: auto; } .svws-ui-table-filter--advanced { padding-top: calc(var(--spacing) * 2); grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid; } .svws-fachwahlen--has-selection .svws-ui-tbody .svws-ui-td:not(.svws-selected) { background-color: var(--color-bg-ui); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-text-ui); opacity: .5; } .svws-fachwahlen--has-selection .svws-ui-td.svws-selected { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .modal--pageWrapper { height: 100vh; padding: calc(var(--spacing) * 6); pointer-events: auto; justify-content: center; align-items: center; display: flex; } .modal--pageWrapper--help { pointer-events: none; justify-content: flex-end; align-items: flex-start; } .modal--titlebar { flex-direction: row; justify-content: space-between; align-items: center; width: 100%; display: flex; } .modal { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); margin-block: calc(var(--spacing) * 8); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); vertical-align: bottom; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); overflow: hidden; } @media (min-width: 40rem) { .modal { vertical-align: middle; } } .modal { z-index: 50; border-radius: var(--radius-xl); flex-direction: column; align-items: center; width: 100%; max-width: 28rem; max-height: 100%; margin-inline: auto; display: flex; position: relative; } .modal--sm { width: 100%; max-width: 28rem; } .modal--md { border-radius: var(--radius-xl); width: 100%; max-width: 58rem; } .modal--lg { border-radius: var(--radius-xl); width: 100%; max-width: 90rem; } .modal--help { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); margin: calc(var(--spacing) * 0); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); height: 100%; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); pointer-events: auto; border-radius: var(--radius-lg); width: 100%; max-width: 47rem; } .modal--help .modal--description, .modal--help .modal--content { text-align: left; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .modal--danger .modal--title { color: var(--color-text-ui-danger); } .modal--danger .button--primary { border-color: var(--color-border-ui-danger); background-color: var(--color-bg-ui-danger); color: var(--color-text-ui-ondanger); } .modal .modal--titlebar { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-border-ui); padding: calc(var(--spacing) * 2); } .modal .modal--titlebar .button { border-radius: var(--radius-md); } .modal .modal--titlebar .button:focus { border-style: var(--tw-border-style); --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); --tw-outline-style: none; border-width: 0; outline-style: none; } @media (forced-colors: active) { .modal .modal--titlebar .button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .modal--title { padding-inline: calc(var(--spacing) * 2); flex-grow: 1; font-size: 1rem; font-weight: 700; line-height: 1.33; } .modal--content-wrapper:not(.modal--content-noscroll) { -webkit-overflow-scrolling: touch; width: 100%; height: 100%; overflow-y: auto; } .modal--content-wrapper { flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .modal--description { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 5); text-align: center; font-size: 1rem; font-weight: 700; line-height: 1.33; } .modal--content:not(.modal--content-noscroll) { width: 100%; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 5); text-align: center; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .modal--content { width: 100%; height: 100%; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 5); text-align: center; font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); flex-direction: column; display: flex; overflow: hidden; } .modal--wrapper { pointer-events: none; inset: calc(var(--spacing) * 0); z-index: 50; -webkit-overflow-scrolling: touch; position: fixed; overflow-y: auto; } .modal--actions, .modal--logs { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 6); display: flex; } .modal--description + .modal--content, .modal--description + .modal--actions, .modal--content + .modal--actions { padding-top: calc(var(--spacing) * 0); } .modal--overlay { background-color: var(--color-bg-ui-neutral); } @supports (color: color-mix(in lab, red, red)) { .modal--overlay { background-color: color-mix(in oklab, var(--color-bg-ui-neutral) 70%, transparent); } } .modal--overlay { --tw-backdrop-grayscale: grayscale(100%); -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, ); top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); z-index: 50; width: 100%; height: 100%; position: absolute; } .modal .markdown h1 { margin-top: calc(var(--spacing) * 2); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .modal .markdown h2 { margin-top: calc(var(--spacing) * 1.5); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .modal .markdown h3 { margin-top: calc(var(--spacing) * 1); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .sidebar--menu { color: var(--color-text-ui); flex-direction: column; flex: 1; width: 100%; min-width: fit-content; min-height: 100%; display: flex; } @media (orientation: portrait) { .sidebar--menu { min-height: unset; column-gap: calc(var(--spacing) * 5); flex-direction: row; } } .sidebar--menu--body { flex: 1; } @media (orientation: portrait) { .sidebar--menu--body { gap: calc(var(--spacing) * 1); } } .sidebar--menu--body, .sidebar--menu--footer { flex-direction: column; display: flex; } @media (orientation: portrait) { .sidebar--menu--body, .sidebar--menu--footer { flex-direction: row; } } .sidebar--menu--footer { padding-top: calc(var(--spacing) * 16); } @media (orientation: portrait) { .sidebar--menu--footer { margin-left: calc(var(--spacing) * 12); padding-top: calc(var(--spacing) * 0); align-items: center; } .sidebar--menu--footer .sidebar--menu-item { order: 1; } .sidebar--menu--footer .sidebar--menu--footer-credits { margin-right: calc(var(--spacing) * 3); margin-left: calc(var(--spacing) * 8); order: 2; min-width: 5rem; } .sidebar--menu--footer .sidebar--menu--footer-credits .mb-2 { margin-bottom: .25rem; } } .sidebar--menu--footer .text-ellipsis-line-clamp { text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; word-break: break-all; -webkit-box-orient: vertical; max-width: 100%; display: -webkit-box; overflow: hidden; } .sidebar--menu--footer .button { justify-content: center; gap: calc(var(--spacing) * .5); width: 100%; padding-inline: calc(var(--spacing) * .5); display: inline-flex; } .sidebar--menu--footer .button svg { flex-shrink: 0; } .sidebar--menu--collapsed .sidebar--menu--body, .sidebar--menu--collapsed .sidebar--menu--footer { padding-inline: calc(var(--spacing) * 1); } .app--appearance-settings { margin-top: calc(var(--spacing) * 1); margin-bottom: calc(var(--spacing) * 3); gap: calc(var(--spacing) * 1); flex-direction: column; display: flex; } @media (orientation: portrait) { .app--appearance-settings { margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 0); padding-block: calc(var(--spacing) * 0); } } .app--menu--initials { flex-direction: column; justify-content: center; align-items: center; width: 100%; margin-inline: auto; display: flex; position: relative; } .app--menu--initials .app--menu--initials--icon { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui); color: var(--color-text-ui); border-radius: var(--radius-lg); --tw-font-weight: var(--font-weight-bold); width: 100%; font-weight: var(--font-weight-bold); height: calc(var(--spacing) * 12); width: calc(var(--spacing) * 12); flex-direction: column; justify-content: center; align-items: center; margin-inline: auto; display: flex; position: relative; overflow: hidden; } @media (min-width: 80rem) { .app--menu--initials .app--menu--initials--icon { height: calc(var(--spacing) * 14); width: calc(var(--spacing) * 14); } } .app--menu--initials .app--menu--initials--icon.svws-is-admin-client:before { top: calc(var(--spacing) * 0); right: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); content: ""; background: repeating-linear-gradient(-45deg, #000, #000 5px, #ff0 5px 10px); height: 4px; position: absolute; } .app--menu--initials svg { width: 75%; margin-inline: auto; display: none; } .sidebar--menu-item { margin-block: calc(var(--spacing) * 1); cursor: pointer; border-radius: var(--radius-sm); padding: calc(var(--spacing) * 1); flex-direction: column; align-items: center; padding: .25rem .1rem; display: flex; } @media (orientation: portrait) { .sidebar--menu-item { margin-block: calc(var(--spacing) * 0); min-width: 4.5rem; padding-inline: calc(var(--spacing) * 1); justify-content: center; } } .sidebar--menu-item:last-child { margin-bottom: calc(var(--spacing) * 0); } .sidebar--menu-item span.icon-lg { margin-bottom: calc(var(--spacing) * -2); } .sidebar--menu-item--active { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .sidebar--menu-item--active:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .sidebar--menu-item--active:focus { outline-offset: 2px; outline: 2px solid #0000; } } .sidebar--menu-item--active:hover, .sidebar--menu-item--active:focus-visible { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .sidebar--menu-item--active:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui-brand); } .sidebar--menu-item--active .icon-lg { background-color: var(--color-icon-ui-brand); } :is(.sidebar--menu-item:hover, .sidebar--menu-item:focus, .sidebar--menu--body .sidebar--menu-item:hover, .sidebar--menu--body .sidebar--menu-item:focus, .sidebar--menu--footer .sidebar--menu-item:hover, .sidebar--menu--footer .sidebar--menu-item:focus):not(.sidebar--menu-item--active) { background-color: var(--color-bg-ui-hover); } .sidebar--menu-item--label { text-overflow: ellipsis; max-width: 100%; font-size: .78rem; overflow: hidden; } @media (min-width: 1920px) { .sidebar--menu .sidebar--menu-item--label { font-size: .9rem; } } .secondary-menu--content .sidebar--menu-item { color: var(--color-text-ui); margin-block: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); display: inline-block; } .secondary-menu--content .sidebar--menu-item:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .secondary-menu--content .sidebar--menu-item:focus { outline-offset: 2px; outline: 2px solid #0000; } } .secondary-menu--content .sidebar--menu-item:hover, .secondary-menu--content .sidebar--menu-item:focus-visible { background-color: var(--color-bg-ui-hover); } .secondary-menu--content .sidebar--menu-item--active { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .secondary-menu--content .sidebar--menu-item--label { font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .sidebar--menu-item--icon { font-size: 1.2rem; } @media (min-width: 1280px) { .sidebar--menu-item--icon { font-size: 1.3rem; } } @media (min-width: 2000px) { .sidebar--menu-item--icon { font-size: 1.35rem; } } .sidebar--menu-item--subline { font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } @media (orientation: portrait) { .sidebar--menu-item--subline { font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .sidebar--menu-item--disabled, .sidebar--menu-item--disabled:hover, .sidebar--menu-item--disabled:focus { background-color: var(--color-bg-ui-disabled); color: var(--color-text-ui-disabled); pointer-events: none; border-color: var(--color-border-ui-disabled) !important; } .secondary-menu--headline { padding-block: calc(var(--spacing) * 2); z-index: 20; font-size: 1.618rem; font-weight: 700; line-height: 1.1; position: relative; } .app--sidebar-container .v-table th:last-child, .app--sidebar-container .v-table td:last-child { border-right-style: var(--tw-border-style); border-right-width: 0; } .secondary-menu--header { z-index: 10; flex-shrink: 0; position: relative; } .secondary-menu--content { z-index: 0; flex-direction: column; flex-grow: 1; display: flex; position: relative; overflow-y: auto; } .secondary-menu--content .svws-ui-tfoot { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .secondary-menu--content .secondary-menu--navigation { flex-direction: column; align-items: flex-start; display: flex; } .secondary-menu--content .secondary-menu--navigation .sidebar--menu-item { margin-block: calc(var(--spacing) * .5); } .secondary-menu--navigation + .secondary-menu--navigation { margin-top: calc(var(--spacing) * 5); padding-top: calc(var(--spacing) * 5); } .secondary-menu--navigation--headline { margin-bottom: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 3); font-size: 1.125rem; font-weight: 700; line-height: 1.33; } .input { cursor: pointer; } .secondary-menu--breadcrumbs { flex-wrap: wrap; display: flex; } .secondary-menu--breadcrumbs > :not(:last-child) { cursor: pointer; color: var(--color-text-ui-secondary); } .secondary-menu--breadcrumbs > :not(:last-child):hover { color: var(--color-text-ui-brand); } .secondary-menu--breadcrumbs > :not(:last-child):after { margin-inline: calc(var(--spacing) * 1); color: var(--color-text-ui-secondary); content: "/"; display: inline-block; } .svws-ui-sub-nav { width: 100%; } @media print { .svws-ui-sub-nav { display: none !important; } } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper { z-index: 30; border-radius: var(--radius-md); background-color: var(--color-bg-ui-neutral); flex-shrink: 0; align-items: center; width: 100%; display: flex; position: relative; overflow: hidden; } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .router-tab-bar--subnav { z-index: 10; padding-inline: calc(var(--spacing) * .5); padding-block: calc(var(--spacing) * .5); justify-content: flex-start; align-items: center; gap: calc(var(--spacing) * 2); width: 100%; font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); -ms-overflow-style: none; scrollbar-width: none; flex-shrink: 0; display: flex; position: relative; overflow: scroll hidden; } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .router-tab-bar--subnav::-webkit-scrollbar { display: none; } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .router-tab-bar--subnav:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .router-tab-bar--subnav:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .router-tab-bar--subnav:before { content: ""; } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .router-tab-bar--subnav > * { flex-shrink: 0; } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .router-tab-bar--subnav .button { border-style: var(--tw-border-style); border-width: 0; } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button { z-index: 50; height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 12); cursor: pointer; padding-block: calc(var(--spacing) * 1); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-gradient-from: #0000; align-items: center; display: flex; position: absolute; } @supports (color: color-mix(in lab, red, red)) { .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button { --tw-gradient-from: color-mix(in oklab, var(--color-white) 0%, transparent); } } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button { --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)); --tw-gradient-via: var(--color-white); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-via-position: 50%; --tw-gradient-to: var(--color-white); } @media (prefers-color-scheme: dark) { .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button { --tw-gradient-from: #0000; } @supports (color: color-mix(in lab, red, red)) { .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button { --tw-gradient-from: color-mix(in oklab, var(--color-black) 0%, transparent); } } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button { --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)); --tw-gradient-via: var(--color-black); --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-via-position: 50%; --tw-gradient-to: var(--color-black); } } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button .button { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui-neutral); height: 100%; width: calc(var(--spacing) * 5); padding: calc(var(--spacing) * 0); border-radius: .25rem; } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button .button:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button .button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button .button:hover, .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button .button:focus-visible { border-color: var(--color-border-ui-neutral-hover); background-color: var(--color-bg-ui-neutral-hover); } .svws-ui-sub-nav .svws-ui-sub-nav--wrapper .svws-ui-sub-nav--scroll-button .button:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } .svws-ui-page { flex-direction: column; align-items: flex-start; height: 100%; display: flex; overflow: hidden; } .svws-ui-page.svws-single-tab .svws-ui-tabs--list { visibility: hidden; } .svws-ui-tab-content { flex-grow: 1; width: 100%; position: relative; overflow: auto; } .svws-api--pending .svws-ui-tab-content { opacity: .5; --tw-grayscale: grayscale(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .svws-ui-tabs, .svws-sub-nav-target { width: 100%; padding-inline: calc(var(--spacing) * 6); } @media (min-width: 1920px) { .svws-ui-tabs, .svws-sub-nav-target { padding-inline: calc(var(--spacing) * 12); } } @media (min-width: 2160px) { .svws-ui-tabs, .svws-sub-nav-target { padding-inline: calc(var(--spacing) * 20); } } @media (min-width: 64rem) { .svws-ui-tabs, .svws-sub-nav-target { padding-inline: calc(var(--spacing) * 9); } } @media print { .svws-ui-tabs, .svws-sub-nav-target { display: none !important; } } :is(.svws-ui-tabs, .svws-sub-nav-target) .svws-ui-tabs--secondary { padding-inline: calc(var(--spacing) * 0); } .svws-sub-nav-target { z-index: 30; scrollbar-width: none; width: 100%; position: relative; } .svws-has-sub-nav .svws-ui-tabs--wrapper:before { border-radius: var(--radius-md); height: 10px; bottom: -8px; } .svws-ui-tabs--wrapper:before { background-color: var(--color-bg-ui-neutral); right: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); content: ""; height: 2px; position: absolute; } .svws-ui-tabs--wrapper { background-color: var(--color-bg-ui); z-index: 30; margin-inline: calc(var(--spacing) * -3); width: auto; padding-inline: calc(var(--spacing) * .5); flex-shrink: 0; align-items: center; display: flex; position: relative; overflow: hidden; } .svws-ui-tabs--list { width: 100%; padding: 2px; padding-bottom: calc(var(--spacing) * 2); -ms-overflow-style: none; scrollbar-width: none; flex-direction: row; align-items: center; column-gap: 2px; margin-bottom: -1px; display: flex; position: relative; overflow-x: scroll; } .svws-ui-tabs--list::-webkit-scrollbar { display: none; } .svws-ui-tabs--list:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-tabs--list:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-tabs--scroll-button { top: calc(var(--spacing) * -.5); z-index: 20; height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 12); cursor: pointer; padding-block: calc(var(--spacing) * 1); font-size: 1rem; font-weight: 500; line-height: 1.33; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--color-bg-ui); align-items: center; display: flex; position: absolute; } .svws-ui-tabs--scroll-button .button { border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui); background-color: var(--color-bg-ui-neutral); height: 100%; width: calc(var(--spacing) * 5); padding: calc(var(--spacing) * 0); border-radius: .25rem; } .svws-ui-tabs--scroll-button .button:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-tabs--scroll-button .button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-tabs--scroll-button .button:hover, .svws-ui-tabs--scroll-button .button:focus-visible { border-color: var(--color-border-ui-neutral-hover); background-color: var(--color-bg-ui-neutral-hover); } .svws-ui-tabs--scroll-button .button:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); } .svws-sub-nav-target { flex-shrink: 0; overflow-x: auto; } .svws-ui-secondary-tabs { border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 1); padding-top: calc(var(--spacing) * 1.5); padding-bottom: calc(var(--spacing) * 3); gap: 2px; margin-top: -1px; font-size: .916rem; font-weight: 700; line-height: 1; display: flex; } .svws-ui-tab-button { background-color: var(--color-bg-ui); color: var(--color-text-ui); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); -webkit-user-select: none; user-select: none; font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); white-space: nowrap; border-style: var(--tw-border-style); border-width: thin; border-color: #0000; border-radius: .25rem; justify-content: center; align-items: center; display: inline-flex; position: relative; } .svws-ui-tab-button .svws-ui-spinner { top: calc(var(--spacing) * 1.5); right: calc(var(--spacing) * .5); height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); position: absolute; } .svws-ui-tab-button:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .svws-ui-tab-button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .svws-ui-tab-button:hover, .svws-ui-tab-button:focus-visible { background-color: var(--color-bg-ui-hover); color: var(--color-text-ui-hover); } .page--statistik :is(.svws-ui-tab-button:hover, .svws-ui-tab-button:focus-visible) { color: var(--color-text-ui-statistic); } .svws-ui-tab-button:active { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .page--statistik .svws-ui-tab-button:active { background-color: var(--color-bg-ui-statistic-secondary); color: var(--color-text-ui-statistic); } .svws-ui-tab-button:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); z-index: 10; } .page--statistik .svws-ui-tab-button:focus-visible { --tw-ring-color: var(--color-ring-ui-statistic); } .svws-ui-tab-button.svws-active, .svws-ui-tab-button.svws-active:hover { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } :is(.svws-ui-tabs :is(.svws-ui-tab-button.svws-active, .svws-ui-tab-button.svws-active:hover), .svws-ui-secondary-tabs :is(.svws-ui-tab-button.svws-active, .svws-ui-tab-button.svws-active:hover)):before { right: calc(var(--spacing) * 2); bottom: calc(var(--spacing) * -2); left: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); content: ""; border-bottom-width: 2px; height: 2px; position: absolute; } .svws-ui-secondary-tabs :is(.svws-ui-tab-button.svws-active, .svws-ui-tab-button.svws-active:hover) { background-color: var(--color-bg-ui); } .svws-ui-secondary-tabs :is(.svws-ui-tab-button.svws-active, .svws-ui-tab-button.svws-active:hover):before { bottom: calc(var(--spacing) * -1); } .page--statistik :is(.svws-ui-tab-button.svws-active, .svws-ui-tab-button.svws-active:hover) { color: var(--color-text-ui-statistic); } .svws-api--pending .svws-ui-tab-button.svws-active span { animation: var(--animate-pulse); } .svws-ui-tab-button:disabled { pointer-events: none; color: var(--color-text-ui-disabled); background-color: #0000; } .page--statistik .svws-ui-tabs .svws-ui-tab-button.svws-active { background-color: var(--color-bg-ui-statistic-secondary); color: var(--color-text-ui-statistic); } .svws-ui-tabs--vertical { flex-direction: row; flex-grow: 1; align-items: flex-start; width: 100%; display: flex; } .tab-bar-vertical--panel { flex-grow: 1; overflow-y: auto; } .tab-bar-vertical--wrapper { margin-right: calc(var(--spacing) * 8); flex-direction: column; flex-shrink: 1; align-items: flex-start; display: flex; position: relative; overflow: hidden; } .tab-bar-vertical--content { background-color: var(--color-bg-ui-neutral); border-radius: var(--radius-md); -ms-overflow-style: none; scrollbar-width: none; flex-direction: column; gap: 2px; padding: 4px; display: flex; position: relative; overflow-y: scroll; } .tab-bar-vertical--content .svws-ui-tab-button { width: 100%; } .tab-bar-vertical--content .svws-ui-tab-button.svws-active { background-color: var(--color-bg-ui); overflow: hidden; } .tab-bar-vertical--content .svws-ui-tab-button.svws-active:after { pointer-events: none; bottom: calc(var(--spacing) * 0); border-right-style: var(--tw-border-style); border-right-width: 2px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0; height: 100%; display: none; } .tab-bar-vertical--content::-webkit-scrollbar { display: none; } .tab-bar-vertical--scroll-button-background { z-index: 20; pointer-events: none; --tw-gradient-from: #0000; width: 100%; position: absolute; } @supports (color: color-mix(in lab, red, red)) { .tab-bar-vertical--scroll-button-background { --tw-gradient-from: color-mix(in oklab, var(--color-white) 0%, transparent); } } .tab-bar-vertical--scroll-button-background { --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)); --tw-gradient-via: var(--color-white); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-via-position: 50%; --tw-gradient-to: var(--color-white); } @media (prefers-color-scheme: dark) { .tab-bar-vertical--scroll-button-background { --tw-gradient-from: #0000; } @supports (color: color-mix(in lab, red, red)) { .tab-bar-vertical--scroll-button-background { --tw-gradient-from: color-mix(in oklab, var(--color-black) 0%, transparent); } } .tab-bar-vertical--scroll-button-background { --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)); --tw-gradient-via: var(--color-black); --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-via-position: 50%; --tw-gradient-to: var(--color-black); } } .tab-bar-vertical--scroll-button-background-down { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); padding-top: calc(var(--spacing) * 8); border-bottom-right-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px; bottom: .875rem; } .tab-bar-vertical--scroll-button-background-up { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); padding-bottom: calc(var(--spacing) * 8); border-top-left-radius: 3.40282e38px; border-top-right-radius: 3.40282e38px; top: .875rem; } .tab-bar-vertical--scroll-button { pointer-events: auto; width: 100%; padding-block: calc(var(--spacing) * 3.5); color: var(--color-text-ui); border-radius: 3.40282e38px; justify-content: center; align-items: center; display: inline-flex; } .tab-bar-vertical--scroll-button:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .tab-bar-vertical--scroll-button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .tab-bar-vertical--scroll-button:focus { --tw-ring-inset: inset; } .tab-bar-vertical--button { color: var(--color-text-ui); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1.5); -webkit-user-select: none; user-select: none; font-size: .833rem; font-weight: 400; line-height: 1.1; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); white-space: nowrap; border-style: var(--tw-border-style); border-width: thin; border-color: #0000; border-radius: .25rem; align-items: center; display: inline-flex; position: relative; } .tab-bar-vertical--button .svws-ui-spinner { top: calc(var(--spacing) * 1.5); right: calc(var(--spacing) * .5); height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); position: absolute; } .tab-bar-vertical--button:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .tab-bar-vertical--button:focus { outline-offset: 2px; outline: 2px solid #0000; } } .tab-bar-vertical--button:hover, .tab-bar-vertical--button:focus-visible { background-color: var(--color-bg-ui-neutral-hover); color: var(--color-text-ui-onneutral-hover); } .page--statistik :is(.tab-bar-vertical--button:hover, .tab-bar-vertical--button:focus-visible) { color: var(--color-text-ui-statistic); } .tab-bar-vertical--button:active { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .page--statistik .tab-bar-vertical--button:active { background-color: var(--color-bg-ui-statistic-secondary); color: var(--color-text-ui-statistic); } .tab-bar-vertical--button:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-ring-ui); z-index: 10; } .page--statistik .tab-bar-vertical--button:focus-visible { --tw-ring-color: var(--color-ring-ui-statistic); } .tab-bar-vertical--button.svws-active, .tab-bar-vertical--button.svws-active:hover { background-color: var(--color-bg-ui-selected); color: var(--color-text-ui-onselected); } .svws-ui-tabs--vertical :is(.tab-bar-vertical--button.svws-active, .tab-bar-vertical--button.svws-active:hover):before { border-right-style: var(--tw-border-style); content: ""; border-right-width: 2px; width: 2px; position: absolute; top: -1px; bottom: -1px; left: -5px; } .page--statistik :is(.tab-bar-vertical--button.svws-active, .tab-bar-vertical--button.svws-active:hover) { color: var(--color-text-ui-statistic); } .svws-api--pending .tab-bar-vertical--button.svws-active span { animation: var(--animate-pulse); } .tab-bar-vertical--button:disabled { pointer-events: none; color: var(--color-text-ui-disabled); background-color: #0000; } .page--statistik .svws-ui-tabs--vertical .tab-bar-vertical--button.svws-active:before { background-color: var(--color-bg-ui-statistic-secondary); color: var(--color-text-ui-statistic); } .svws-ui-stundenplan { min-width: max-content; height: 100%; padding-right: calc(var(--spacing) * 4); --zeitrasterRows: 0; flex-direction: column; flex-grow: 1; display: flex; overflow: hidden scroll; } .svws-ui-stundenplan--head, .svws-ui-stundenplan--body { grid-auto-flow: column; display: grid; } :not(.svws-hat-zeitachse).svws-spalte-pausenzeit :is(.svws-ui-stundenplan--head, .svws-ui-stundenplan--body) { grid-template-columns: 8rem repeat(auto-fit, minmax(0, 1fr) minmax(2rem, .2fr)); } @media screen { .svws-hat-zeitachse:not(.svws-spalte-pausenzeit) :is(.svws-ui-stundenplan--head, .svws-ui-stundenplan--body) { grid-template-columns: 2rem repeat(auto-fit, minmax(0, 1fr)); } .svws-hat-zeitachse.svws-spalte-pausenzeit :is(.svws-ui-stundenplan--head, .svws-ui-stundenplan--body) { grid-template-columns: 2rem 8rem repeat(auto-fit, minmax(0, 1fr) minmax(2rem, .2fr)); } } .svws-ui-stundenplan--head { background-color: var(--color-bg-ui); padding-block: calc(var(--spacing) * 1); top: calc(var(--spacing) * 0); z-index: 20; border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-25); height: 2.75rem; font-size: .916rem; font-weight: 700; line-height: 1; position: sticky; } @media screen { .svws-hat-zeitachse .svws-ui-stundenplan--head { border-left-style: var(--tw-border-style); border-left-width: 0; } } .svws-ui-stundenplan--head .svws-time-icon { text-align: center; opacity: .25; align-self: center; width: 100%; } .svws-ui-stundenplan--body { border-inline-style: var(--tw-border-style); border-inline-width: 1px; border-color: var(--color-border-ui-25); background-color: var(--color-bg-ui); margin-top: -1px; position: relative; } @media print { .svws-ui-stundenplan--body { margin-top: calc(var(--spacing) * 0) !important; } } @media screen { .svws-hat-zeitachse .svws-ui-stundenplan--body { border-left-style: var(--tw-border-style); border-left-width: 0; } } .svws-ui-stundenplan--zeitraster { grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: repeat(var(--zeitrasterRows), minmax(.6rem, 1fr)); display: grid; } .svws-zeitraster-1 .svws-ui-stundenplan--zeitraster { grid-template-rows: repeat(var(--zeitrasterRows), minmax(.1rem, 1fr)); } .svws-ui-stundenplan--zeitraster.svws-zeitachse { cursor: default; border-right-style: var(--tw-border-style); border-right-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0; border-color: var(--color-border-ui-25); -webkit-user-select: none; user-select: none; height: 100%; } @media print { .svws-ui-stundenplan--zeitraster.svws-zeitachse { display: none !important; } } .svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause { width: 100%; height: 100%; padding: calc(var(--spacing) * 1); --tw-leading: var(--leading-tight); line-height: var(--leading-tight); --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); flex-direction: column; display: flex; overflow: hidden; } :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause) .svws-multiple { flex-grow: 1; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; height: 100%; display: grid; } .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):hover, .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):focus-visible { background-color: var(--color-bg-ui-25); color: var(--color-text-ui-75); } :is(.svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):hover, .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):focus-visible) .svws-ui-stundenplan--unterricht, :is(.svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):hover, .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):focus-visible) .svws-ui-stundenplan--pausen-aufsicht, :is(.svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):hover, .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause):focus-visible).svws-label { background-color: var(--color-bg-ui); } .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause).svws-selected-stunde { border-color: var(--color-border-ui-neutral); } @supports (color: color-mix(in lab, red, red)) { .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause).svws-selected-stunde { border-color: color-mix(in oklab, var(--color-border-ui-neutral) 25%, transparent); } } .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--stunde, .svws-ui-stundenplan--pause).svws-selected-stunde { background-color: var(--color-bg-ui-selected); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-text-ui-onselected); } .svws-ui-stundenplan--stunde { border-style: var(--tw-border-style); border-width: thin; border-right-style: var(--tw-border-style); border-right-width: 0; border-color: var(--color-border-ui-25); } .svws-spalte-pausenzeit .svws-ui-stundenplan--stunde { border-right-style: var(--tw-border-style); border-right-width: 1px; } .svws-ui-stundenplan--zeitangaben .svws-ui-stundenplan--stunde { border-right-style: var(--tw-border-style); border-right-width: 0; border-left-style: var(--tw-border-style); border-left-width: 0; } .svws-ohne-zeitachse .svws-ui-stundenplan--stunde + .svws-ui-stundenplan--stunde { border-top-style: var(--tw-border-style); border-top-width: 0; } .svws-ui-stundenplan--pause { border-block-style: var(--tw-border-style); border-block-width: 0; } .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--pause:not(.svws-no-hover):hover, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--pause:not(.svws-no-hover):focus-visible { background-color: var(--color-bg-ui-25); color: var(--color-text-ui-75); } .svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: thin; border-color: var(--color-border-ui-10); width: 100%; padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); --tw-leading: 1; align-content: center; align-items: center; line-height: 1; } :is(.svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht):not(.tooltip-mode) { column-gap: calc(var(--spacing) * 2); grid-template-columns: minmax(min-content, 1fr) minmax(min-content, .5fr) minmax(min-content, 1fr) minmax(min-content, 1fr); display: grid; } :is(.svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht).svws-compact { padding-block: calc(var(--spacing) * 1); grid-template-columns: repeat(2, minmax(0, 1fr)); } .svws-ui-stundenplan--mode-planung :is(.svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht) { justify-content: center; align-items: center; gap: calc(var(--spacing) * 1); flex-direction: column; flex-grow: 1; display: flex; } :is(.svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht) + .svws-ui-stundenplan--unterricht, :is(.svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht) + .svws-ui-stundenplan--pausen-aufsicht { border-top-left-radius: 0; border-top-right-radius: 0; } :is(.svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht):not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } :is(.svws-ui-stundenplan--unterricht, .svws-ui-stundenplan--pausen-aufsicht) .tooltip-trigger { max-width: 14rem; } .svws-ui-stundenplan--mode-planung .svws-wochentag-label { cursor: pointer; text-align: center; --tw-font-weight: var(--font-weight-bold); width: 100%; font-weight: var(--font-weight-bold); justify-content: center; align-items: center; display: inline-flex; } :is(.svws-ui-stundenplan--mode-planung .svws-wochentag-label:hover, .svws-ui-stundenplan--mode-planung .svws-wochentag-label:focus-visible) span { background-color: var(--color-bg-ui); } .svws-ui-stundenplan--mode-planung .svws-wochentag-label.svws-selected span { border-color: var(--color-border-ui-neutral); } @supports (color: color-mix(in lab, red, red)) { .svws-ui-stundenplan--mode-planung .svws-wochentag-label.svws-selected span { border-color: color-mix(in oklab, var(--color-border-ui-neutral) 25%, transparent); } } .svws-ui-stundenplan--mode-planung .svws-wochentag-label.svws-selected span { background-color: var(--color-bg-ui-selected); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-text-ui-onselected); } @media (hover: hover) { .svws-ui-stundenplan--mode-planung .svws-wochentag-label.svws-selected span:hover { background-color: var(--color-bg-ui-25); color: var(--color-text-ui-75); } } .svws-ui-stundenplan--mode-planung .svws-wochentag-label.svws-selected .icon { background-color: var(--color-icon-ui-onselected); } :is(.svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--zeitraster.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--stunde.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--pause.svws-selected) .svws-ui-stundenplan--unterricht, :is(.svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--zeitraster.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--stunde.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--pause.svws-selected) .svws-ui-stundenplan--pausen-aufsicht { background-color: var(--color-bg-ui-selected); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-text-ui-onselected); } :is(:is(.svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--zeitraster.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--stunde.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--pause.svws-selected) .svws-ui-stundenplan--unterricht, :is(.svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--zeitraster.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--stunde.svws-selected, .svws-ui-stundenplan--mode-planung .svws-ui-stundenplan--pause.svws-selected) .svws-ui-stundenplan--pausen-aufsicht) .icon { background-color: var(--color-icon-ui-onselected); } .svws-ui-stundenplan--unterricht--warning { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-sm); background-color: var(--color-bg-ui-danger); padding: calc(var(--spacing) * 2); text-align: center; color: var(--color-text-ui-ondanger); flex-direction: column; flex-grow: 1; display: flex; } @media print { .svws-ui-stundenplan--unterricht--warning { display: none !important; } } .svws-ui-stundenplan--unterricht--warning ~ .svws-ui-stundenplan--unterricht { flex-grow: 0; min-height: 2rem; display: none; } @media print { .svws-ui-stundenplan--unterricht--warning ~ .svws-ui-stundenplan--unterricht { display: grid !important; } } .svws-ui-stundenplan--unterricht--warning ~ .svws-ui-stundenplan--unterricht.svws-compact { min-height: 5rem; } .svws-ui-stundenplan--unterricht--warning.svws-show { display: none; } .svws-ui-stundenplan--unterricht--warning.svws-show ~ .svws-ui-stundenplan--unterricht { display: grid; } .svws-ui-stundenplan--einheit { border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-border-ui-50); width: 50%; height: 1px; padding-right: calc(var(--spacing) * 1); text-align: right; opacity: .5; letter-spacing: -.08em; margin-left: auto; font-size: .66rem; } .svws-ui-stundenplan--einheit.svws-small { width: 50%; } .svws-ui-stundenplan--einheit.svws-extended { opacity: .5; width: 100%; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { 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-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%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } } .laufbahn-cell { &[data-v-7b6e08e3]:focus { outline: none; box-shadow: inset 0 0 0 2px; } } .svws-ui-tfoot--data { .tooltip-trigger[data-v-395e2461] { margin: -0.5rem; } } .svws-ergebnis--not-enough[data-v-395e2461] { background-color: var(--color-bg-ui-danger); color: var(--color-text-ui-ondanger); } .svws-ergebnis--low[data-v-395e2461] { background-color: var(--color-bg-ui-warning); color: var(--color-text-ui-onwarning); } .svws-ergebnis--good[data-v-395e2461] { background-color: var(--color-bg-ui-success-secondary); color: var(--color-text-uistatic); } .svws-ergebnis--more[data-v-395e2461] { background-color: var(--color-bg-ui-success); color: var(--color-text-ui-onsuccess); } .svws-ui-tr[data-v-395e2461] { grid-template-columns: minmax(5rem, 0.75fr) minmax(12rem, 3fr) 3rem repeat(9, 4.5rem); } .svws-ui-tr[data-v-ef0e0954] { grid-template-columns: 1.8rem auto; } .svws-ui-tr[data-v-9d768cf7] { grid-template-columns: 1.8rem auto; } .svws-ui-tr[data-v-127aa1f1] { grid-template-columns: 1.8rem auto; } .button[data-v-bd36db5a] { position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; z-index: 10; margin-right: 0; } .svws-ui-dropdown-list[data-v-bd36db5a] { min-width: fit-content; } .svws-ui-stundenplan--auswahl--wrapper { grid-template-columns: minmax(10rem, 0.5fr) minmax(8rem, 0.5fr) minmax(12rem, 0.75fr) minmax(12rem, 1.5fr); } @media print { .svws-ui-stundenplan--auswahl--wrapper { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); } } tr[data-v-13175433] { grid-template-columns: var(--80d40226); } .svws-ui-tr { &[data-v-9ff9b9ba] { grid-template-columns: 6em 1fr 4em 4em; min-height: auto; } .svws-ui-td[data-v-9ff9b9ba] { line-height: 1.25rem; vertical-align: middle; } } .login-footer-link[data-v-d94fe4b7] { display: inline-block; } .login-footer-link[data-v-d94fe4b7]:hover, .login-footer-link[data-v-d94fe4b7]:focus, .login-footer-link:hover .hover-underline[data-v-d94fe4b7], .login-footer-link:focus .hover-underline[data-v-d94fe4b7] { text-decoration-line: underline; } /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-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; } } } @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-black: #000; --color-white: #fff; --spacing: .25rem; --container-2xl: 42rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-bold: 700; --leading-tight: 1.25; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer components; @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-1 { inset: calc(var(--spacing) * 1); } .top-0 { top: calc(var(--spacing) * 0); } .top-0\.5 { top: calc(var(--spacing) * .5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-5 { top: calc(var(--spacing) * 5); } .top-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .right-0 { right: calc(var(--spacing) * 0); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-6 { right: calc(var(--spacing) * 6); } .right-px { right: 1px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .order-0 { order: 0; } .order-1 { order: 1; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-full { grid-column: 1 / -1; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .-m-0\.5 { margin: calc(var(--spacing) * -.5); } .m-0 { margin: calc(var(--spacing) * 0); } .m-1 { margin: calc(var(--spacing) * 1); } .m-2 { margin: calc(var(--spacing) * 2); } .-mx-0\.5 { margin-inline: calc(var(--spacing) * -.5); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-auto { margin-inline: auto; } .-my-0\.5 { margin-block: calc(var(--spacing) * -.5); } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .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-20 { margin-block: calc(var(--spacing) * 20); } .my-auto { margin-block: auto; } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-px { margin-top: -1px; } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-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-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-auto { margin-top: auto; } .-mr-0\.5 { margin-right: calc(var(--spacing) * -.5); } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .-mr-3 { margin-right: calc(var(--spacing) * -3); } .mr-0\.5 { margin-right: calc(var(--spacing) * .5); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-auto { margin-right: auto; } .-mb-0\.5 { margin-bottom: calc(var(--spacing) * -.5); } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-3 { margin-bottom: calc(var(--spacing) * -3); } .-mb-5 { margin-bottom: calc(var(--spacing) * -5); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .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-9 { margin-bottom: calc(var(--spacing) * 9); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-auto { margin-bottom: auto; } .-ml-0\.5 { margin-left: calc(var(--spacing) * -.5); } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-5 { margin-left: calc(var(--spacing) * -5); } .ml-0\.5 { margin-left: calc(var(--spacing) * .5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .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-9 { margin-left: calc(var(--spacing) * 9); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-auto { margin-left: auto; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .table-cell { display: table-cell; } .\!h-full { height: 100% !important; } .h-1\/2 { height: 50%; } .h-2 { height: calc(var(--spacing) * 2); } .h-3\/4 { height: 75%; } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-7 { height: calc(var(--spacing) * 7); } .h-14 { height: calc(var(--spacing) * 14); } .h-20 { height: calc(var(--spacing) * 20); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[1em\] { height: 1em; } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-min { height: min-content; } .max-h-\[400px\] { max-height: 400px; } .max-h-full { max-height: 100%; } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-\[1\.5ch\] { min-height: 1.5ch; } .min-h-\[1\.85rem\] { min-height: 1.85rem; } .min-h-\[32px\] { min-height: 32px; } .min-h-fit { min-height: fit-content; } .min-h-full { min-height: 100%; } .\!w-full { width: 100% !important; } .w-1\/2 { width: 50%; } .w-1\/4 { width: 25%; } .w-1\/5 { width: 20%; } .w-1\/6 { width: 16.6667%; } .w-2\/3 { width: 66.6667%; } .w-2\/5 { width: 40%; } .w-3 { width: calc(var(--spacing) * 3); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/5 { width: 100%; } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-12 { width: calc(var(--spacing) * 12); } .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-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-96 { width: calc(var(--spacing) * 96); } .w-128 { width: calc(var(--spacing) * 128); } .w-140 { width: calc(var(--spacing) * 140); } .w-200 { width: calc(var(--spacing) * 200); } .w-250 { width: calc(var(--spacing) * 250); } .w-340 { width: calc(var(--spacing) * 340); } .w-\[29rem\] { width: 29rem; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-1\/2 { max-width: 50%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-88 { max-width: calc(var(--spacing) * 88); } .max-w-100 { max-width: calc(var(--spacing) * 100); } .max-w-120 { max-width: calc(var(--spacing) * 120); } .max-w-128 { max-width: calc(var(--spacing) * 128); } .max-w-140 { max-width: calc(var(--spacing) * 140); } .max-w-164 { max-width: calc(var(--spacing) * 164); } .max-w-180 { max-width: calc(var(--spacing) * 180); } .max-w-196 { max-width: calc(var(--spacing) * 196); } .max-w-240 { max-width: calc(var(--spacing) * 240); } .max-w-256 { max-width: calc(var(--spacing) * 256); } .max-w-280 { max-width: calc(var(--spacing) * 280); } .max-w-300 { max-width: calc(var(--spacing) * 300); } .max-w-354 { max-width: calc(var(--spacing) * 354); } .max-w-440 { max-width: calc(var(--spacing) * 440); } .max-w-480 { max-width: calc(var(--spacing) * 480); } .max-w-\[0\.75rem\] { max-width: .75rem; } .max-w-\[75vw\] { max-width: 75vw; } .max-w-fit { max-width: fit-content; } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-72 { min-width: calc(var(--spacing) * 72); } .min-w-88 { min-width: calc(var(--spacing) * 88); } .min-w-96 { min-width: calc(var(--spacing) * 96); } .min-w-100 { min-width: calc(var(--spacing) * 100); } .min-w-120 { min-width: calc(var(--spacing) * 120); } .min-w-128 { min-width: calc(var(--spacing) * 128); } .min-w-160 { min-width: calc(var(--spacing) * 160); } .min-w-176 { min-width: calc(var(--spacing) * 176); } .min-w-180 { min-width: calc(var(--spacing) * 180); } .min-w-196 { min-width: calc(var(--spacing) * 196); } .min-w-320 { min-width: calc(var(--spacing) * 320); } .min-w-\[1\.5ch\] { min-width: 1.5ch; } .min-w-\[2\.75rem\] { min-width: 2.75rem; } .min-w-\[10rem\] { min-width: 10rem; } .min-w-fit { min-width: fit-content; } .min-w-full { min-width: 100%; } .flex-0 { flex: 0; } .flex-1 { flex: 1; } .flex-none { flex: none; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .table-auto { table-layout: auto; } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-\[4\] { scale: 4; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-pulse { animation: var(--animate-pulse); } .\!cursor-grab { cursor: grab !important; } .\!cursor-pointer { cursor: pointer !important; } .cursor-copy { cursor: copy; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .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)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .content-center { align-content: center; } .\!items-start { align-items: flex-start !important; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .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; } .justify-items-end { justify-items: end; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-20 { gap: calc(var(--spacing) * 20); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } :where(.space-x-1 > :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))); } .\!gap-y-2 { row-gap: calc(var(--spacing) * 2) !important; } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } .self-center { align-self: center; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\!overflow-visible { overflow: visible !important; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .rounded { border-radius: .25rem; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; } .border-b, .border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-solid\! { --tw-border-style: solid !important; border-style: solid !important; } .\!border-black\/5 { border-color: #0000000d !important; } @supports (color: color-mix(in lab, red, red)) { .\!border-black\/5 { border-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important; } } .border-black\/5\! { border-color: #0000000d !important; } @supports (color: color-mix(in lab, red, red)) { .border-black\/5\! { border-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important; } } .border-black\/10 { border-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-transparent { border-color: #0000; } .border-l-transparent { border-left-color: #0000; } .\!p-0 { padding: calc(var(--spacing) * 0) !important; } .\!p-\[2px\] { padding: 2px !important; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-\[0\.1rem\] { padding: .1rem; } .p-\[2px\] { padding: 2px; } .p-px { padding: 1px; } .\!px-0 { padding-inline: calc(var(--spacing) * 0) !important; } .\!px-4 { padding-inline: calc(var(--spacing) * 4) !important; } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .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-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .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-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-8 { padding-block: calc(var(--spacing) * 8); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .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-7 { padding-right: calc(var(--spacing) * 7); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * .5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .\!pl-1 { padding-left: calc(var(--spacing) * 1) !important; } .\!pl-4 { padding-left: calc(var(--spacing) * 4) !important; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-0\.5 { padding-left: calc(var(--spacing) * .5); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .pl-24 { padding-left: calc(var(--spacing) * 24); } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-text-top { vertical-align: text-top; } .font-mono { font-family: var(--font-mono); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-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); } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .break-normal { overflow-wrap: normal; word-break: normal; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .text-black { color: var(--color-black); } .text-black\/50 { color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .text-black\/50 { color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .text-white { color: var(--color-white); } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .normal-nums { font-variant-numeric: normal; } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-black\/50 { text-decoration-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .decoration-black\/50 { -webkit-text-decoration-color: color-mix(in oklab, var(--color-black) 50%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--color-black) 50%, transparent); text-decoration-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .decoration-dotted { text-decoration-style: dotted; } .underline-offset-2 { text-underline-offset: 2px; } .\!opacity-0 { opacity: 0 !important; } .\!opacity-50 { opacity: .5 !important; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: .1; } .opacity-25 { opacity: .25; } .opacity-35 { opacity: .35; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-100 { opacity: 1; } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-3 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-offset-8 { --tw-ring-offset-width: 8px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .saturate-200 { --tw-saturate: saturate(200%); 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, ); } .select-none { -webkit-user-select: none; user-select: none; } @media (hover: hover) { .group-hover\:visible:is(:where(.group):hover *) { visibility: visible; } .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:\!opacity-25:is(:where(.group):hover *) { opacity: .25 !important; } .group-hover\:\!opacity-100:is(:where(.group):hover *) { opacity: 1 !important; } .group-hover\:opacity-25:is(:where(.group):hover *) { opacity: .25; } .group-hover\:opacity-50:is(:where(.group):hover *) { opacity: .5; } .group-hover\:opacity-75:is(:where(.group):hover *) { opacity: .75; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .first\:font-bold:first-child { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .last\:\!border-r-0:last-child { border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } @media (hover: hover) { .hover\:border-solid:hover { --tw-border-style: solid; border-style: solid; } .hover\:border-transparent:hover { border-color: #0000; } .hover\:font-bold:hover { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-50:hover { opacity: .5; } .hover\:opacity-75:hover { opacity: .75; } .hover\:opacity-100:hover { opacity: 1; } } .active\:cursor-grabbing:active { cursor: grabbing; } @media (min-width: 64rem) { .lg\:mt-20 { margin-top: calc(var(--spacing) * 20); } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .lg\:px-9 { padding-inline: calc(var(--spacing) * 9); } } @media (min-width: 80rem) { .xl\:mt-0 { margin-top: calc(var(--spacing) * 0); } .xl\:w-1\/2 { width: 50%; } } @media (prefers-color-scheme: dark) { .dark\:text-white\/50 { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } @media print { .print\:\!hidden { display: none !important; } .print\:\!justify-start { justify-content: flex-start !important; } .print\:\!pl-2 { padding-left: calc(var(--spacing) * 2) !important; } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-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 } @keyframes pulse { 50% { opacity: .5; } }