From 04bafb85a20fd5aac0d85227bc8fd3e42a85a2eb Mon Sep 17 00:00:00 2001 From: salam Date: Wed, 15 Oct 2025 16:13:50 +0200 Subject: [PATCH] lang wip --- lang/de/messages.php | 5 + lang/en/auth.php | 20 + lang/en/pagination.php | 19 + lang/en/passwords.php | 22 + lang/en/validation.php | 199 + resources/views/test.css | 20381 ---------------- .../vendor/notifications/email.blade.php | 52 + 7 files changed, 317 insertions(+), 20381 deletions(-) create mode 100644 lang/de/messages.php create mode 100644 lang/en/auth.php create mode 100644 lang/en/pagination.php create mode 100644 lang/en/passwords.php create mode 100644 lang/en/validation.php delete mode 100644 resources/views/test.css create mode 100644 resources/views/vendor/notifications/email.blade.php diff --git a/lang/de/messages.php b/lang/de/messages.php new file mode 100644 index 0000000..ec49020 --- /dev/null +++ b/lang/de/messages.php @@ -0,0 +1,5 @@ + 'Ihr Passwort wurde zurückgesetzt.', +]; diff --git a/lang/en/auth.php b/lang/en/auth.php new file mode 100644 index 0000000..6598e2c --- /dev/null +++ b/lang/en/auth.php @@ -0,0 +1,20 @@ + 'These credentials do not match our records.', + 'password' => 'The provided password is incorrect.', + 'throttle' => 'Too many login attempts. Please try again in :seconds seconds.', + +]; diff --git a/lang/en/pagination.php b/lang/en/pagination.php new file mode 100644 index 0000000..d481411 --- /dev/null +++ b/lang/en/pagination.php @@ -0,0 +1,19 @@ + '« Previous', + 'next' => 'Next »', + +]; diff --git a/lang/en/passwords.php b/lang/en/passwords.php new file mode 100644 index 0000000..fad3a7d --- /dev/null +++ b/lang/en/passwords.php @@ -0,0 +1,22 @@ + 'Your password has been reset.', + 'sent' => 'We have emailed your password reset link.', + 'throttled' => 'Please wait before retrying.', + 'token' => 'This password reset token is invalid.', + 'user' => "We can't find a user with that email address.", + +]; diff --git a/lang/en/validation.php b/lang/en/validation.php new file mode 100644 index 0000000..bd9cc11 --- /dev/null +++ b/lang/en/validation.php @@ -0,0 +1,199 @@ + 'The :attribute field must be accepted.', + 'accepted_if' => 'The :attribute field must be accepted when :other is :value.', + 'active_url' => 'The :attribute field must be a valid URL.', + 'after' => 'The :attribute field must be a date after :date.', + 'after_or_equal' => 'The :attribute field must be a date after or equal to :date.', + 'alpha' => 'The :attribute field must only contain letters.', + 'alpha_dash' => 'The :attribute field must only contain letters, numbers, dashes, and underscores.', + 'alpha_num' => 'The :attribute field must only contain letters and numbers.', + 'any_of' => 'The :attribute field is invalid.', + 'array' => 'The :attribute field must be an array.', + 'ascii' => 'The :attribute field must only contain single-byte alphanumeric characters and symbols.', + 'before' => 'The :attribute field must be a date before :date.', + 'before_or_equal' => 'The :attribute field must be a date before or equal to :date.', + 'between' => [ + 'array' => 'The :attribute field must have between :min and :max items.', + 'file' => 'The :attribute field must be between :min and :max kilobytes.', + 'numeric' => 'The :attribute field must be between :min and :max.', + 'string' => 'The :attribute field must be between :min and :max characters.', + ], + 'boolean' => 'The :attribute field must be true or false.', + 'can' => 'The :attribute field contains an unauthorized value.', + 'confirmed' => 'The :attribute field confirmation does not match.', + 'contains' => 'The :attribute field is missing a required value.', + 'current_password' => 'The password is incorrect.', + 'date' => 'The :attribute field must be a valid date.', + 'date_equals' => 'The :attribute field must be a date equal to :date.', + 'date_format' => 'The :attribute field must match the format :format.', + 'decimal' => 'The :attribute field must have :decimal decimal places.', + 'declined' => 'The :attribute field must be declined.', + 'declined_if' => 'The :attribute field must be declined when :other is :value.', + 'different' => 'The :attribute field and :other must be different.', + 'digits' => 'The :attribute field must be :digits digits.', + 'digits_between' => 'The :attribute field must be between :min and :max digits.', + 'dimensions' => 'The :attribute field has invalid image dimensions.', + 'distinct' => 'The :attribute field has a duplicate value.', + 'doesnt_contain' => 'The :attribute field must not contain any of the following: :values.', + 'doesnt_end_with' => 'The :attribute field must not end with one of the following: :values.', + 'doesnt_start_with' => 'The :attribute field must not start with one of the following: :values.', + 'email' => 'The :attribute field must be a valid email address.', + 'ends_with' => 'The :attribute field must end with one of the following: :values.', + 'enum' => 'The selected :attribute is invalid.', + 'exists' => 'The selected :attribute is invalid.', + 'extensions' => 'The :attribute field must have one of the following extensions: :values.', + 'file' => 'The :attribute field must be a file.', + 'filled' => 'The :attribute field must have a value.', + 'gt' => [ + 'array' => 'The :attribute field must have more than :value items.', + 'file' => 'The :attribute field must be greater than :value kilobytes.', + 'numeric' => 'The :attribute field must be greater than :value.', + 'string' => 'The :attribute field must be greater than :value characters.', + ], + 'gte' => [ + 'array' => 'The :attribute field must have :value items or more.', + 'file' => 'The :attribute field must be greater than or equal to :value kilobytes.', + 'numeric' => 'The :attribute field must be greater than or equal to :value.', + 'string' => 'The :attribute field must be greater than or equal to :value characters.', + ], + 'hex_color' => 'The :attribute field must be a valid hexadecimal color.', + 'image' => 'The :attribute field must be an image.', + 'in' => 'The selected :attribute is invalid.', + 'in_array' => 'The :attribute field must exist in :other.', + 'in_array_keys' => 'The :attribute field must contain at least one of the following keys: :values.', + 'integer' => 'The :attribute field must be an integer.', + 'ip' => 'The :attribute field must be a valid IP address.', + 'ipv4' => 'The :attribute field must be a valid IPv4 address.', + 'ipv6' => 'The :attribute field must be a valid IPv6 address.', + 'json' => 'The :attribute field must be a valid JSON string.', + 'list' => 'The :attribute field must be a list.', + 'lowercase' => 'The :attribute field must be lowercase.', + 'lt' => [ + 'array' => 'The :attribute field must have less than :value items.', + 'file' => 'The :attribute field must be less than :value kilobytes.', + 'numeric' => 'The :attribute field must be less than :value.', + 'string' => 'The :attribute field must be less than :value characters.', + ], + 'lte' => [ + 'array' => 'The :attribute field must not have more than :value items.', + 'file' => 'The :attribute field must be less than or equal to :value kilobytes.', + 'numeric' => 'The :attribute field must be less than or equal to :value.', + 'string' => 'The :attribute field must be less than or equal to :value characters.', + ], + 'mac_address' => 'The :attribute field must be a valid MAC address.', + 'max' => [ + 'array' => 'The :attribute field must not have more than :max items.', + 'file' => 'The :attribute field must not be greater than :max kilobytes.', + 'numeric' => 'The :attribute field must not be greater than :max.', + 'string' => 'The :attribute field must not be greater than :max characters.', + ], + 'max_digits' => 'The :attribute field must not have more than :max digits.', + 'mimes' => 'The :attribute field must be a file of type: :values.', + 'mimetypes' => 'The :attribute field must be a file of type: :values.', + 'min' => [ + 'array' => 'The :attribute field must have at least :min items.', + 'file' => 'The :attribute field must be at least :min kilobytes.', + 'numeric' => 'The :attribute field must be at least :min.', + 'string' => 'The :attribute field must be at least :min characters.', + ], + 'min_digits' => 'The :attribute field must have at least :min digits.', + 'missing' => 'The :attribute field must be missing.', + 'missing_if' => 'The :attribute field must be missing when :other is :value.', + 'missing_unless' => 'The :attribute field must be missing unless :other is :value.', + 'missing_with' => 'The :attribute field must be missing when :values is present.', + 'missing_with_all' => 'The :attribute field must be missing when :values are present.', + 'multiple_of' => 'The :attribute field must be a multiple of :value.', + 'not_in' => 'The selected :attribute is invalid.', + 'not_regex' => 'The :attribute field format is invalid.', + 'numeric' => 'The :attribute field must be a number.', + 'password' => [ + 'letters' => 'The :attribute field must contain at least one letter.', + 'mixed' => 'The :attribute field must contain at least one uppercase and one lowercase letter.', + 'numbers' => 'The :attribute field must contain at least one number.', + 'symbols' => 'The :attribute field must contain at least one symbol.', + 'uncompromised' => 'The given :attribute has appeared in a data leak. Please choose a different :attribute.', + ], + 'present' => 'The :attribute field must be present.', + 'present_if' => 'The :attribute field must be present when :other is :value.', + 'present_unless' => 'The :attribute field must be present unless :other is :value.', + 'present_with' => 'The :attribute field must be present when :values is present.', + 'present_with_all' => 'The :attribute field must be present when :values are present.', + 'prohibited' => 'The :attribute field is prohibited.', + 'prohibited_if' => 'The :attribute field is prohibited when :other is :value.', + 'prohibited_if_accepted' => 'The :attribute field is prohibited when :other is accepted.', + 'prohibited_if_declined' => 'The :attribute field is prohibited when :other is declined.', + 'prohibited_unless' => 'The :attribute field is prohibited unless :other is in :values.', + 'prohibits' => 'The :attribute field prohibits :other from being present.', + 'regex' => 'The :attribute field format is invalid.', + 'required' => 'The :attribute field is required.', + 'required_array_keys' => 'The :attribute field must contain entries for: :values.', + 'required_if' => 'The :attribute field is required when :other is :value.', + 'required_if_accepted' => 'The :attribute field is required when :other is accepted.', + 'required_if_declined' => 'The :attribute field is required when :other is declined.', + 'required_unless' => 'The :attribute field is required unless :other is in :values.', + 'required_with' => 'The :attribute field is required when :values is present.', + 'required_with_all' => 'The :attribute field is required when :values are present.', + 'required_without' => 'The :attribute field is required when :values is not present.', + 'required_without_all' => 'The :attribute field is required when none of :values are present.', + 'same' => 'The :attribute field must match :other.', + 'size' => [ + 'array' => 'The :attribute field must contain :size items.', + 'file' => 'The :attribute field must be :size kilobytes.', + 'numeric' => 'The :attribute field must be :size.', + 'string' => 'The :attribute field must be :size characters.', + ], + 'starts_with' => 'The :attribute field must start with one of the following: :values.', + 'string' => 'The :attribute field must be a string.', + 'timezone' => 'The :attribute field must be a valid timezone.', + 'unique' => 'The :attribute has already been taken.', + 'uploaded' => 'The :attribute failed to upload.', + 'uppercase' => 'The :attribute field must be uppercase.', + 'url' => 'The :attribute field must be a valid URL.', + 'ulid' => 'The :attribute field must be a valid ULID.', + 'uuid' => 'The :attribute field must be a valid UUID.', + + /* + |-------------------------------------------------------------------------- + | Custom Validation Language Lines + |-------------------------------------------------------------------------- + | + | Here you may specify custom validation messages for attributes using the + | convention "attribute.rule" to name the lines. This makes it quick to + | specify a specific custom language line for a given attribute rule. + | + */ + + 'custom' => [ + 'attribute-name' => [ + 'rule-name' => 'custom-message', + ], + ], + + /* + |-------------------------------------------------------------------------- + | Custom Validation Attributes + |-------------------------------------------------------------------------- + | + | The following language lines are used to swap our attribute placeholder + | with something more reader friendly such as "E-Mail Address" instead + | of "email". This simply helps us make our message more expressive. + | + */ + + 'attributes' => [], + +]; diff --git a/resources/views/test.css b/resources/views/test.css deleted file mode 100644 index 5e7d124..0000000 --- a/resources/views/test.css +++ /dev/null @@ -1,20381 +0,0 @@ -/*! tailwindcss v4.1.13 | 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-leading: initial; - --tw-font-weight: initial; - --tw-tracking: initial; - --tw-text-shadow-color: initial; - --tw-text-shadow-alpha: 100%; - --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-duration: initial; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-translate-z: 0; - --tw-divide-y-reverse: 0; - --tw-border-style: solid; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-scale-z: 1; - --tw-ease: initial; - --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-divide-x-reverse: 0; - --tw-content: ""; - --tw-outline-style: solid; - --tw-space-x-reverse: 0 - } - } -} - -@layer theme { - - :root, - :host { - --font-mono: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --color-sky-400: oklch(74.6% .16 232.661); - --color-gray-100: var(--gray-100); - --color-gray-200: var(--gray-200); - --color-gray-300: var(--gray-300); - --color-gray-400: var(--gray-400); - --color-gray-500: var(--gray-500); - --color-gray-600: var(--gray-600); - --color-gray-700: var(--gray-700); - --color-gray-900: var(--gray-900); - --color-gray-950: var(--gray-950); - --color-black: #000; - --color-white: #fff; - --spacing: .25rem; - --breakpoint-sm: 40rem; - --breakpoint-md: 48rem; - --breakpoint-lg: 64rem; - --breakpoint-xl: 80rem; - --breakpoint-2xl: 96rem; - --container-3xs: 16rem; - --container-xs: 20rem; - --container-sm: 24rem; - --container-md: 28rem; - --container-lg: 32rem; - --container-xl: 36rem; - --container-2xl: 42rem; - --container-3xl: 48rem; - --container-4xl: 56rem; - --container-5xl: 64rem; - --container-6xl: 72rem; - --container-7xl: 80rem; - --text-xs: .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: 1.5; - --text-lg: 1.125rem; - --text-lg--line-height: calc(1.75/1.125); - --text-xl: 1.25rem; - --text-xl--line-height: calc(1.75/1.25); - --text-2xl: 1.5rem; - --text-2xl--line-height: calc(2/1.5); - --text-3xl: 1.875rem; - --text-3xl--line-height: 1.2; - --font-weight-thin: 100; - --font-weight-extralight: 200; - --font-weight-light: 300; - --font-weight-normal: 400; - --font-weight-medium: 500; - --font-weight-semibold: 600; - --font-weight-bold: 700; - --font-weight-extrabold: 800; - --font-weight-black: 900; - --tracking-tighter: -.05em; - --tracking-tight: -.025em; - --leading-loose: 2; - --radius-md: .375rem; - --radius-lg: .5rem; - --radius-xl: .75rem; - --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-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --default-mono-font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --color-primary-400: var(--primary-400) - } -} - -@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; - 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 - } - - button:not(:disabled), - [role=button]:not(:disabled) { - cursor: pointer - } - - :root.dark { - color-scheme: dark - } - - [data-field-wrapper] { - scroll-margin-top: 8rem - } -} - -@layer components { - .tippy-box[data-animation=fade][data-state=hidden] { - opacity: 0 - } - - [data-tippy-root] { - max-width: calc(100vw - 10px) - } - - .tippy-box { - color: #fff; - white-space: normal; - background-color: #333; - border-radius: 4px; - outline: 0; - font-size: 14px; - line-height: 1.4; - transition-property: transform, visibility, opacity; - position: relative - } - - .tippy-box[data-placement^=top]>.tippy-arrow { - bottom: 0 - } - - .tippy-box[data-placement^=top]>.tippy-arrow:before { - border-width: 8px 8px 0; - border-top-color: initial; - transform-origin: top; - bottom: -7px; - left: 0 - } - - .tippy-box[data-placement^=bottom]>.tippy-arrow { - top: 0 - } - - .tippy-box[data-placement^=bottom]>.tippy-arrow:before { - border-width: 0 8px 8px; - border-bottom-color: initial; - transform-origin: bottom; - top: -7px; - left: 0 - } - - .tippy-box[data-placement^=left]>.tippy-arrow { - right: 0 - } - - .tippy-box[data-placement^=left]>.tippy-arrow:before { - border-width: 8px 0 8px 8px; - border-left-color: initial; - transform-origin: 0; - right: -7px - } - - .tippy-box[data-placement^=right]>.tippy-arrow { - left: 0 - } - - .tippy-box[data-placement^=right]>.tippy-arrow:before { - border-width: 8px 8px 8px 0; - border-right-color: initial; - transform-origin: 100%; - left: -7px - } - - .tippy-box[data-inertia][data-state=visible] { - transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11) - } - - .tippy-arrow { - color: #333; - width: 16px; - height: 16px - } - - .tippy-arrow:before { - content: ""; - border-style: solid; - border-color: #0000; - position: absolute - } - - .tippy-content { - z-index: 1; - padding: 5px 9px; - position: relative - } - - .tippy-box[data-theme~=light] { - color: #26323d; - background-color: #fff; - box-shadow: 0 0 20px 4px #9aa1b126, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926 - } - - .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before { - border-top-color: #fff - } - - .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before { - border-bottom-color: #fff - } - - .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before { - border-left-color: #fff - } - - .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before { - border-right-color: #fff - } - - .tippy-box[data-theme~=light]>.tippy-backdrop { - background-color: #fff - } - - .tippy-box[data-theme~=light]>.tippy-svg-arrow { - fill: #fff - } - - .fi-avatar { - width: calc(var(--spacing)*8); - height: calc(var(--spacing)*8); - border-radius: var(--radius-md); - object-fit: cover; - object-position: center - } - - .fi-avatar.fi-circular { - border-radius: 3.40282e38px - } - - .fi-avatar.fi-size-sm { - width: calc(var(--spacing)*6); - height: calc(var(--spacing)*6) - } - - .fi-avatar.fi-size-lg { - width: calc(var(--spacing)*10); - height: calc(var(--spacing)*10) - } - - .fi-badge { - justify-content: center; - align-items: center; - column-gap: calc(var(--spacing)*1); - border-radius: var(--radius-md); - background-color: var(--gray-50); - min-width: 1.5rem; - padding-inline: calc(var(--spacing)*2); - padding-block: calc(var(--spacing)*1); - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-600); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-600); - display: inline-flex - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge { - --tw-ring-color: color-mix(in oklab, var(--gray-600)10%, transparent) - } - } - - .fi-badge { - --tw-ring-inset: inset - } - - .fi-badge:where(.dark, .dark *) { - background-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-400)10%, transparent) - } - } - - .fi-badge:where(.dark, .dark *) { - color: var(--gray-200); - --tw-ring-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--gray-400)20%, transparent) - } - } - - .fi-badge:not(.fi-wrapped) { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden - } - - .fi-badge.fi-disabled, - .fi-badge[disabled] { - cursor: default; - opacity: .7 - } - - :is(.fi-badge.fi-disabled, .fi-badge[disabled]):not([x-tooltip]) { - pointer-events: none - } - - .fi-badge .fi-badge-label-ctn { - display: grid - } - - .fi-badge .fi-badge-label.fi-wrapped { - text-wrap: wrap; - word-break: break-word - } - - .fi-badge .fi-badge-label:not(.fi-wrapped) { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden - } - - .fi-badge .fi-icon { - flex-shrink: 0 - } - - .fi-badge.fi-size-xs { - min-width: 1rem; - padding-inline: calc(var(--spacing)*.5); - padding-block: calc(var(--spacing)*0); - --tw-tracking: var(--tracking-tighter); - letter-spacing: var(--tracking-tighter) - } - - .fi-badge.fi-size-sm { - min-width: 1.25rem; - padding-inline: calc(var(--spacing)*1.5); - padding-block: calc(var(--spacing)*.5); - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight) - } - - .fi-badge.fi-color { - background-color: var(--color-50); - color: var(--text); - --tw-ring-color: var(--color-600) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge.fi-color { - --tw-ring-color: color-mix(in oklab, var(--color-600)10%, transparent) - } - } - - .fi-badge.fi-color:where(.dark, .dark *) { - background-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge.fi-color:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-400)10%, transparent) - } - } - - .fi-badge.fi-color:where(.dark, .dark *) { - color: var(--dark-text); - --tw-ring-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge.fi-color:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-400)30%, transparent) - } - } - - .fi-badge.fi-color .fi-badge-delete-btn>.fi-icon { - color: var(--color-700) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge.fi-color .fi-badge-delete-btn>.fi-icon { - color: color-mix(in oklab, var(--color-700)50%, transparent) - } - } - - .fi-badge.fi-color .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *) { - color: var(--color-300) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge.fi-color .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *) { - color: color-mix(in oklab, var(--color-300)50%, transparent) - } - } - - .fi-badge:not(.fi-color) .fi-icon { - color: var(--gray-400) - } - - .fi-badge:not(.fi-color) .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-badge .fi-badge-delete-btn { - margin-block: calc(var(--spacing)*-1); - padding: calc(var(--spacing)*1); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - --tw-outline-style: none; - outline-style: none; - justify-content: center; - align-items: center; - margin-inline-start: calc(var(--spacing)*-1); - margin-inline-end: calc(var(--spacing)*-2); - transition-duration: 75ms; - display: flex - } - - .fi-badge .fi-badge-delete-btn>.fi-icon { - color: var(--gray-700) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge .fi-badge-delete-btn>.fi-icon { - color: color-mix(in oklab, var(--gray-700)50%, transparent) - } - } - - .fi-badge .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *) { - color: var(--gray-300) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *) { - color: color-mix(in oklab, var(--gray-300)50%, transparent) - } - } - - .fi-badge:not(.fi-disabled):not([disabled]) .fi-badge-delete-btn>.fi-icon:focus-visible { - color: var(--gray-700) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:not(.fi-disabled):not([disabled]) .fi-badge-delete-btn>.fi-icon:focus-visible { - color: color-mix(in oklab, var(--gray-700)75%, transparent) - } - } - - @media (hover:hover) { - .fi-badge:not(.fi-disabled):not([disabled]) .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):hover { - color: var(--gray-300) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:not(.fi-disabled):not([disabled]) .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):hover { - color: color-mix(in oklab, var(--gray-300)75%, transparent) - } - } - } - - .fi-badge:not(.fi-disabled):not([disabled]) .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):focus-visible { - color: var(--gray-300) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:not(.fi-disabled):not([disabled]) .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):focus-visible { - color: color-mix(in oklab, var(--gray-300)75%, transparent) - } - } - - @media (hover:hover) { - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:hover { - color: var(--color-700) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:hover { - color: color-mix(in oklab, var(--color-700)75%, transparent) - } - } - } - - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:focus-visible { - color: var(--color-700) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:focus-visible { - color: color-mix(in oklab, var(--color-700)75%, transparent) - } - } - - @media (hover:hover) { - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):hover { - color: var(--color-300) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):hover { - color: color-mix(in oklab, var(--color-300)75%, transparent) - } - } - } - - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):focus-visible { - color: var(--color-300) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-badge:not(.fi-disabled):not([disabled]).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark, .dark *):focus-visible { - color: color-mix(in oklab, var(--color-300)75%, transparent) - } - } - - .fi-breadcrumbs ol { - align-items: center; - column-gap: calc(var(--spacing)*2); - flex-wrap: wrap; - display: flex - } - - .fi-breadcrumbs ol li { - align-items: center; - column-gap: calc(var(--spacing)*2); - 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); - color: var(--gray-500); - display: flex - } - - .fi-breadcrumbs ol li:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-breadcrumbs ol li a { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - @media (hover:hover) { - .fi-breadcrumbs ol li a:hover { - color: var(--gray-700) - } - - .fi-breadcrumbs ol li a:where(.dark, .dark *):hover { - color: var(--gray-200) - } - } - - .fi-breadcrumbs ol li .fi-icon { - color: var(--gray-400); - display: flex - } - - .fi-breadcrumbs ol li .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-breadcrumbs ol li .fi-icon.fi-ltr:where(:dir(rtl), [dir=rtl], [dir=rtl] *), - .fi-breadcrumbs ol li .fi-icon.fi-rtl:where(:dir(ltr), [dir=ltr], [dir=ltr] *) { - display: none - } - - .fi-btn { - justify-content: center; - align-items: center; - gap: calc(var(--spacing)*1.5); - border-radius: var(--radius-lg); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - 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); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - --tw-outline-style: none; - outline-style: none; - grid-auto-flow: column; - transition-duration: 75ms; - display: inline-grid; - position: relative - } - - .fi-btn:not(.fi-disabled):not([disabled]):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) - } - - .fi-btn.fi-disabled, - .fi-btn[disabled] { - cursor: default; - opacity: .7 - } - - :is(.fi-btn.fi-disabled, .fi-btn[disabled]):not([x-tooltip]) { - pointer-events: none - } - - .fi-btn>.fi-icon { - color: var(--gray-400); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-btn>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-btn.fi-size-xs { - gap: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*2); - padding-block: calc(var(--spacing)*1.5); - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-btn.fi-size-sm { - gap: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*2.5); - padding-block: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-btn.fi-size-lg { - gap: calc(var(--spacing)*1.5); - padding-inline: calc(var(--spacing)*3.5); - padding-block: calc(var(--spacing)*2.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-btn.fi-size-xl { - gap: calc(var(--spacing)*1.5); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-btn.fi-outlined { - color: var(--gray-950); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-300) - } - - .fi-btn.fi-outlined:where(.dark, .dark *) { - color: var(--color-white); - --tw-ring-color: var(--gray-700) - } - - @media (hover:hover) { - .fi-btn.fi-outlined:not(.fi-disabled):not([disabled]):hover { - background-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn.fi-outlined:not(.fi-disabled):not([disabled]):hover { - background-color: color-mix(in oklab, var(--gray-400)10%, transparent) - } - } - } - - .fi-btn.fi-outlined:not(.fi-disabled):not([disabled]):focus-visible { - --tw-ring-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn.fi-outlined:not(.fi-disabled):not([disabled]):focus-visible { - --tw-ring-color: color-mix(in oklab, var(--gray-400)40%, transparent) - } - } - - .fi-btn.fi-outlined.fi-color { - color: var(--text); - --tw-ring-color: var(--color-600) - } - - .fi-btn.fi-outlined.fi-color:where(.dark, .dark *) { - color: var(--dark-text); - --tw-ring-color: var(--color-500) - } - - @media (hover:hover) { - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):hover { - background-color: var(--color-500) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):hover { - background-color: color-mix(in oklab, var(--color-500)10%, transparent) - } - } - } - - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):focus-visible { - --tw-ring-color: var(--color-500) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):focus-visible { - --tw-ring-color: color-mix(in oklab, var(--color-500)40%, transparent) - } - } - - @media (hover:hover) { - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: var(--color-600) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-600)10%, transparent) - } - } - } - - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - --tw-ring-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - --tw-ring-color: color-mix(in oklab, var(--color-400)40%, transparent) - } - } - - .fi-btn.fi-outlined.fi-color>.fi-icon { - color: var(--color-600) - } - - .fi-btn.fi-outlined.fi-color>.fi-icon:where(.dark, .dark *) { - color: var(--color-400) - } - - .fi-btn:not(.fi-outlined) { - background-color: var(--color-white); - color: var(--gray-950) - } - - .fi-btn:not(.fi-outlined):where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn:not(.fi-outlined):where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-btn:not(.fi-outlined):where(.dark, .dark *) { - color: var(--color-white) - } - - @media (hover:hover) { - .fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled]):hover { - background-color: var(--gray-50) - } - - .fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - } - - input:checked+label.fi-btn:not(.fi-outlined) { - background-color: var(--gray-400); - color: var(--color-white); - --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:checked+label.fi-btn:not(.fi-outlined):where(.dark, .dark *) { - background-color: var(--gray-600) - } - - @media (hover:hover) { - input:checked+label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled]):hover { - background-color: var(--gray-300) - } - - input:checked+label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: var(--gray-500) - } - } - - .fi-btn:not(.fi-outlined).fi-color:not(label) { - background-color: var(--bg); - color: var(--text) - } - - .fi-btn:not(.fi-outlined).fi-color:not(label):where(.dark, .dark *) { - background-color: var(--dark-bg); - color: var(--dark-text) - } - - @media (hover:hover) { - .fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled]):hover { - background-color: var(--hover-bg); - color: var(--hover-text) - } - } - - .fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled]):focus-visible { - --tw-ring-color: var(--color-500) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled]):focus-visible { - --tw-ring-color: color-mix(in oklab, var(--color-500)50%, transparent) - } - } - - @media (hover:hover) { - .fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: var(--dark-hover-bg); - color: var(--dark-hover-text) - } - } - - .fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - --tw-ring-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - --tw-ring-color: color-mix(in oklab, var(--color-400)50%, transparent) - } - } - - .fi-btn:not(.fi-outlined).fi-color:not(label)>.fi-icon { - color: var(--text) - } - - .fi-btn:not(.fi-outlined).fi-color:not(label)>.fi-icon:where(.dark, .dark *) { - color: var(--dark-text) - } - - input:checked+:is(label.fi-btn:not(.fi-outlined).fi-color) { - background-color: var(--bg); - color: var(--text); - --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:checked+:is(label.fi-btn:not(.fi-outlined).fi-color):where(.dark, .dark *) { - background-color: var(--dark-bg); - color: var(--dark-text) - } - - @media (hover:hover) { - input:checked+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]):hover { - background-color: var(--hover-bg); - color: var(--hover-text) - } - - input:checked+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: var(--dark-hover-bg); - color: var(--dark-hover-text) - } - } - - input:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]) { - z-index: 10; - --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(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - input:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]) { - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent) - } - } - - input:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - input:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - input:checked:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]) { - --tw-ring-color: var(--color-500) - } - - @supports (color:color-mix(in lab, red, red)) { - input:checked:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]) { - --tw-ring-color: color-mix(in oklab, var(--color-500)50%, transparent) - } - } - - input:checked:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *) { - --tw-ring-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - input:checked:focus-visible+label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-400)50%, transparent) - } - } - - label.fi-btn { - cursor: pointer - } - - label.fi-btn>.fi-icon:is(:checked+label>.fi-icon) { - color: var(--text) - } - - label.fi-btn>.fi-icon:is(:checked+label>.fi-icon):where(.dark, .dark *) { - color: var(--dark-text) - } - - .fi-btn:not(.fi-color), - label.fi-btn { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - - .fi-btn:not(.fi-color), - label.fi-btn { - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent) - } - } - - :is(.fi-btn:not(.fi-color), label.fi-btn):where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - :is(.fi-btn:not(.fi-color), label.fi-btn):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-btn.fi-labeled-from-sm, - .fi-btn.fi-labeled-from-md, - .fi-btn.fi-labeled-from-lg, - .fi-btn.fi-labeled-from-xl, - .fi-btn.fi-labeled-from-2xl { - display: none - } - - @media (min-width:40rem) { - .fi-btn.fi-labeled-from-sm { - display: inline-grid - } - } - - @media (min-width:48rem) { - .fi-btn.fi-labeled-from-md { - display: inline-grid - } - } - - @media (min-width:64rem) { - .fi-btn.fi-labeled-from-lg { - display: inline-grid - } - } - - @media (min-width:80rem) { - .fi-btn.fi-labeled-from-xl { - display: inline-grid - } - } - - @media (min-width:96rem) { - .fi-btn.fi-labeled-from-2xl { - display: inline-grid - } - } - - .fi-btn .fi-btn-badge-ctn { - inset-inline-start: 100%; - top: calc(var(--spacing)*0); - z-index: 1; - --tw-translate-x: -50%; - --tw-translate-y: -50%; - width: max-content; - translate: var(--tw-translate-x)var(--tw-translate-y); - border-radius: var(--radius-md); - background-color: var(--color-white); - position: absolute - } - - .fi-btn .fi-btn-badge-ctn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: 50%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-btn .fi-btn-badge-ctn:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - .fi-btn-group { - border-radius: var(--radius-lg); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - grid-auto-flow: column; - display: grid - } - - .fi-btn-group:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-btn-group:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-btn-group>.fi-btn { - border-radius: 0; - flex: 1 - } - - .fi-btn-group>.fi-btn:nth-child(1 of.fi-btn) { - border-start-start-radius: var(--radius-lg); - border-end-start-radius: var(--radius-lg) - } - - .fi-btn-group>.fi-btn:nth-last-child(1 of.fi-btn) { - border-start-end-radius: var(--radius-lg); - border-end-end-radius: var(--radius-lg) - } - - .fi-btn-group>.fi-btn:not(:nth-child(1 of.fi-btn)) { - --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, var(--color-gray-200)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) - } - - .fi-btn-group>.fi-btn:not(:nth-child(1 of.fi-btn)):where(.dark, .dark *) { - --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, #fff3); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) - } - - .fi-btn-group>.fi-btn:not(:nth-last-child(1 of.fi-btn)) { - margin-inline-end: 1px - } - - .fi-btn-group>.fi-btn.fi-processing:enabled { - cursor: wait; - opacity: .7 - } - - .fi-btn-group>.fi-btn:not(.fi-outlined) { - --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) - } - - .fi-btn-group>.fi-btn:not(.fi-color), - label:is(.fi-btn-group>.fi-btn) { - --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) - } - - .fi-dropdown-header { - gap: calc(var(--spacing)*2); - width: 100%; - padding: calc(var(--spacing)*3); - 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); - display: flex - } - - .fi-dropdown-header .fi-icon { - color: var(--gray-400) - } - - .fi-dropdown-header .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-dropdown-header span { - text-overflow: ellipsis; - white-space: nowrap; - text-align: start; - color: var(--gray-700); - flex: 1; - overflow: hidden - } - - .fi-dropdown-header span:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-dropdown-header.fi-color .fi-icon { - color: var(--color-500) - } - - .fi-dropdown-header.fi-color .fi-icon:where(.dark, .dark *) { - color: var(--color-400) - } - - .fi-dropdown-header.fi-color span { - color: var(--text) - } - - .fi-dropdown-header.fi-color span:where(.dark, .dark *) { - color: var(--dark-text) - } - - :scope .fi-dropdown-trigger { - cursor: pointer; - display: flex - } - - :scope .fi-dropdown-panel { - z-index: 10; - border-radius: var(--radius-lg); - background-color: var(--color-white); - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - width: 100vw; - 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: color-mix(in oklab, var(--gray-950)5%, transparent); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - position: absolute; - max-width: 14rem !important - } - - :scope .fi-dropdown-panel:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :scope .fi-dropdown-panel:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - :where(:scope .fi-dropdown-panel:not(.fi-dropdown-list)>: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))); - border-color: var(--gray-100) - } - - :where(:scope .fi-dropdown-panel:not(.fi-dropdown-list):where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(:scope .fi-dropdown-panel:not(.fi-dropdown-list):where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - :scope .fi-dropdown-panel.fi-opacity-0 { - opacity: 0 - } - - :scope .fi-dropdown-panel.fi-width-xs { - max-width: var(--container-xs) !important - } - - :scope .fi-dropdown-panel.fi-width-sm { - max-width: var(--container-sm) !important - } - - :scope .fi-dropdown-panel.fi-width-md { - max-width: var(--container-md) !important - } - - :scope .fi-dropdown-panel.fi-width-lg { - max-width: var(--container-lg) !important - } - - :scope .fi-dropdown-panel.fi-width-xl { - max-width: var(--container-xl) !important - } - - :scope .fi-dropdown-panel.fi-width-2xl { - max-width: var(--container-2xl) !important - } - - :scope .fi-dropdown-panel.fi-width-3xl { - max-width: var(--container-3xl) !important - } - - :scope .fi-dropdown-panel.fi-width-4xl { - max-width: var(--container-4xl) !important - } - - :scope .fi-dropdown-panel.fi-width-5xl { - max-width: var(--container-5xl) !important - } - - :scope .fi-dropdown-panel.fi-width-6xl { - max-width: var(--container-6xl) !important - } - - :scope .fi-dropdown-panel.fi-width-7xl { - max-width: var(--container-7xl) !important - } - - :scope .fi-dropdown-panel.fi-scrollable { - overflow-y: auto - } - - .fi-dropdown-list { - padding: calc(var(--spacing)*1); - gap: 1px; - display: grid - } - - .fi-dropdown-list>.fi-grid { - overflow-x: hidden - } - - .fi-dropdown-list-item { - align-items: center; - gap: calc(var(--spacing)*2); - border-radius: var(--radius-md); - width: 100%; - padding: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - white-space: nowrap; - 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)); - --tw-duration: 75ms; - --tw-outline-style: none; - outline-style: none; - transition-duration: 75ms; - display: flex; - overflow: hidden - } - - @media (hover:hover) { - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):hover { - background-color: var(--gray-50) - } - } - - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):focus-visible { - background-color: var(--gray-50) - } - - @media (hover:hover) { - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected { - background-color: var(--gray-50) - } - - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-dropdown-list-item.fi-disabled, - .fi-dropdown-list-item[disabled] { - cursor: default; - opacity: .7 - } - - :is(.fi-dropdown-list-item.fi-disabled, .fi-dropdown-list-item[disabled]):not([x-tooltip]) { - pointer-events: none - } - - .fi-dropdown-list-item .fi-icon { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-dropdown-list-item .fi-dropdown-list-item-image { - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5); - background-position: 50%; - background-size: cover; - border-radius: 3.40282e38px - } - - .fi-dropdown-list-item>.fi-icon { - color: var(--gray-400) - } - - .fi-dropdown-list-item>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-dropdown-list-item>.fi-icon.fi-color { - color: var(--color-500) - } - - .fi-dropdown-list-item>.fi-icon.fi-color:where(.dark, .dark *) { - color: var(--color-400) - } - - @media (hover:hover) { - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):hover { - background-color: var(--color-50) - } - } - - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):focus-visible { - background-color: var(--color-50) - } - - @media (hover:hover) { - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-400)10%, transparent) - } - } - } - - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - background-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-400)10%, transparent) - } - } - - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected { - background-color: var(--color-50) - } - - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(.dark, .dark *) { - background-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-400)10%, transparent) - } - } - - .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label { - color: var(--text) - } - - @media (hover:hover) { - .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:hover { - color: var(--hover-text) - } - } - - .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:where(.dark, .dark *) { - color: var(--dark-text) - } - - @media (hover:hover) { - .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:where(.dark, .dark *):hover { - color: var(--dark-hover-text) - } - } - - .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label.fi-selected { - color: var(--hover-text) - } - - .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label.fi-selected:where(.dark, .dark *) { - color: var(--dark-hover-text) - } - - .fi-dropdown-list-item .fi-badge { - min-width: 1.25rem; - padding-inline: calc(var(--spacing)*1.5); - padding-block: calc(var(--spacing)*.5); - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight) - } - - .fi-dropdown-list-item-label { - text-overflow: ellipsis; - white-space: nowrap; - text-align: start; - color: var(--gray-700); - flex: 1; - overflow: hidden - } - - .fi-dropdown-list-item-label:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-fieldset>legend { - padding-inline: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950); - margin-inline-start: calc(var(--spacing)*-2) - } - - .fi-fieldset>legend:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fieldset>legend .fi-fieldset-label-required-mark { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--danger-600) - } - - .fi-fieldset>legend .fi-fieldset-label-required-mark:where(.dark, .dark *) { - color: var(--danger-400) - } - - .fi-fieldset.fi-fieldset-label-hidden>legend { - clip-path: inset(50%); - white-space: nowrap; - border-width: 0; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - position: absolute; - overflow: hidden - } - - .fi-fieldset:not(.fi-fieldset-not-contained) { - border-radius: var(--radius-xl); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--gray-200); - padding: calc(var(--spacing)*6) - } - - .fi-fieldset:not(.fi-fieldset-not-contained):where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fieldset:not(.fi-fieldset-not-contained):where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fieldset.fi-fieldset-not-contained { - padding-top: calc(var(--spacing)*6) - } - - .fi-grid:not(.fi-grid-direction-col) { - grid-template-columns: var(--cols-default); - display: grid - } - - @media (min-width:40rem) { - .fi-grid:not(.fi-grid-direction-col).sm\:fi-grid-cols { - grid-template-columns: var(--cols-sm) - } - } - - @media (min-width:48rem) { - .fi-grid:not(.fi-grid-direction-col).md\:fi-grid-cols { - grid-template-columns: var(--cols-md) - } - } - - @media (min-width:64rem) { - .fi-grid:not(.fi-grid-direction-col).lg\:fi-grid-cols { - grid-template-columns: var(--cols-lg) - } - } - - @media (min-width:80rem) { - .fi-grid:not(.fi-grid-direction-col).xl\:fi-grid-cols { - grid-template-columns: var(--cols-xl) - } - } - - @media (min-width:96rem) { - .fi-grid:not(.fi-grid-direction-col).\32xl\:fi-grid-cols { - grid-template-columns: var(--cols-2xl) - } - } - - @supports (container-type:inline-size) { - @container (min-width:16rem) { - .fi-grid:not(.fi-grid-direction-col).\@3xs\:fi-grid-cols { - grid-template-columns: var(--cols-c3xs) - } - } - - @container (min-width:18rem) { - .fi-grid:not(.fi-grid-direction-col).\@2xs\:fi-grid-cols { - grid-template-columns: var(--cols-c2xs) - } - } - - @container (min-width:20rem) { - .fi-grid:not(.fi-grid-direction-col).\@xs\:fi-grid-cols { - grid-template-columns: var(--cols-cxs) - } - } - - @container (min-width:24rem) { - .fi-grid:not(.fi-grid-direction-col).\@sm\:fi-grid-cols { - grid-template-columns: var(--cols-csm) - } - } - - @container (min-width:28rem) { - .fi-grid:not(.fi-grid-direction-col).\@md\:fi-grid-cols { - grid-template-columns: var(--cols-cmd) - } - } - - @container (min-width:32rem) { - .fi-grid:not(.fi-grid-direction-col).\@lg\:fi-grid-cols { - grid-template-columns: var(--cols-clg) - } - } - - @container (min-width:36rem) { - .fi-grid:not(.fi-grid-direction-col).\@xl\:fi-grid-cols { - grid-template-columns: var(--cols-cxl) - } - } - - @container (min-width:42rem) { - .fi-grid:not(.fi-grid-direction-col).\@2xl\:fi-grid-cols { - grid-template-columns: var(--cols-c2xl) - } - } - - @container (min-width:48rem) { - .fi-grid:not(.fi-grid-direction-col).\@3xl\:fi-grid-cols { - grid-template-columns: var(--cols-c3xl) - } - } - - @container (min-width:56rem) { - .fi-grid:not(.fi-grid-direction-col).\@4xl\:fi-grid-cols { - grid-template-columns: var(--cols-c4xl) - } - } - - @container (min-width:64rem) { - .fi-grid:not(.fi-grid-direction-col).\@5xl\:fi-grid-cols { - grid-template-columns: var(--cols-c5xl) - } - } - - @container (min-width:72rem) { - .fi-grid:not(.fi-grid-direction-col).\@6xl\:fi-grid-cols { - grid-template-columns: var(--cols-c6xl) - } - } - - @container (min-width:80rem) { - .fi-grid:not(.fi-grid-direction-col).\@7xl\:fi-grid-cols { - grid-template-columns: var(--cols-c7xl) - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-grid:not(.fi-grid-direction-col).\!\@sm\:fi-grid-cols { - grid-template-columns: var(--cols-ncsm) - } - } - - @media (min-width:48rem) { - .fi-grid:not(.fi-grid-direction-col).\!\@md\:fi-grid-cols { - grid-template-columns: var(--cols-ncmd) - } - } - - @media (min-width:64rem) { - .fi-grid:not(.fi-grid-direction-col).\!\@lg\:fi-grid-cols { - grid-template-columns: var(--cols-nclg) - } - } - - @media (min-width:80rem) { - .fi-grid:not(.fi-grid-direction-col).\!\@xl\:fi-grid-cols { - grid-template-columns: var(--cols-ncxl) - } - } - - @media (min-width:96rem) { - .fi-grid:not(.fi-grid-direction-col).\!\@2xl\:fi-grid-cols { - grid-template-columns: var(--cols-nc2xl) - } - } - } - - .fi-grid.fi-grid-direction-col { - columns: var(--cols-default) - } - - @media (min-width:40rem) { - .fi-grid.fi-grid-direction-col.sm\:fi-grid-cols { - columns: var(--cols-sm) - } - } - - @media (min-width:48rem) { - .fi-grid.fi-grid-direction-col.md\:fi-grid-cols { - columns: var(--cols-md) - } - } - - @media (min-width:64rem) { - .fi-grid.fi-grid-direction-col.lg\:fi-grid-cols { - columns: var(--cols-lg) - } - } - - @media (min-width:80rem) { - .fi-grid.fi-grid-direction-col.xl\:fi-grid-cols { - columns: var(--cols-xl) - } - } - - @media (min-width:96rem) { - .fi-grid.fi-grid-direction-col.\32xl\:fi-grid-cols { - columns: var(--cols-2xl) - } - } - - @supports (container-type:inline-size) { - @container (min-width:16rem) { - .fi-grid.fi-grid-direction-col.\@3xs\:fi-grid-cols { - columns: var(--cols-c3xs) - } - } - - @container (min-width:18rem) { - .fi-grid.fi-grid-direction-col.\@2xs\:fi-grid-cols { - columns: var(--cols-c2xs) - } - } - - @container (min-width:20rem) { - .fi-grid.fi-grid-direction-col.\@xs\:fi-grid-cols { - columns: var(--cols-cxs) - } - } - - @container (min-width:24rem) { - .fi-grid.fi-grid-direction-col.\@sm\:fi-grid-cols { - columns: var(--cols-csm) - } - } - - @container (min-width:28rem) { - .fi-grid.fi-grid-direction-col.\@md\:fi-grid-cols { - columns: var(--cols-cmd) - } - } - - @container (min-width:32rem) { - .fi-grid.fi-grid-direction-col.\@lg\:fi-grid-cols { - columns: var(--cols-clg) - } - } - - @container (min-width:36rem) { - .fi-grid.fi-grid-direction-col.\@xl\:fi-grid-cols { - columns: var(--cols-cxl) - } - } - - @container (min-width:42rem) { - .fi-grid.fi-grid-direction-col.\@2xl\:fi-grid-cols { - columns: var(--cols-c2xl) - } - } - - @container (min-width:48rem) { - .fi-grid.fi-grid-direction-col.\@3xl\:fi-grid-cols { - columns: var(--cols-c3xl) - } - } - - @container (min-width:56rem) { - .fi-grid.fi-grid-direction-col.\@4xl\:fi-grid-cols { - columns: var(--cols-c4xl) - } - } - - @container (min-width:64rem) { - .fi-grid.fi-grid-direction-col.\@5xl\:fi-grid-cols { - columns: var(--cols-c5xl) - } - } - - @container (min-width:72rem) { - .fi-grid.fi-grid-direction-col.\@6xl\:fi-grid-cols { - columns: var(--cols-c6xl) - } - } - - @container (min-width:80rem) { - .fi-grid.fi-grid-direction-col.\@7xl\:fi-grid-cols { - columns: var(--cols-c7xl) - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-grid.fi-grid-direction-col.\!\@sm\:fi-grid-cols { - columns: var(--cols-ncsm) - } - } - - @media (min-width:48rem) { - .fi-grid.fi-grid-direction-col.\!\@md\:fi-grid-cols { - columns: var(--cols-ncmd) - } - } - - @media (min-width:64rem) { - .fi-grid.fi-grid-direction-col.\!\@lg\:fi-grid-cols { - columns: var(--cols-nclg) - } - } - - @media (min-width:80rem) { - .fi-grid.fi-grid-direction-col.\!\@xl\:fi-grid-cols { - columns: var(--cols-ncxl) - } - } - - @media (min-width:96rem) { - .fi-grid.fi-grid-direction-col.\!\@2xl\:fi-grid-cols { - columns: var(--cols-nc2xl) - } - } - } - - @supports (container-type:inline-size) { - .fi-grid-ctn { - container-type: inline-size - } - } - - .fi-grid-col { - grid-column: var(--col-span-default) - } - - @media (min-width:40rem) { - .fi-grid-col.sm\:fi-grid-col-span { - grid-column: var(--col-span-sm) - } - } - - @media (min-width:48rem) { - .fi-grid-col.md\:fi-grid-col-span { - grid-column: var(--col-span-md) - } - } - - @media (min-width:64rem) { - .fi-grid-col.lg\:fi-grid-col-span { - grid-column: var(--col-span-lg) - } - } - - @media (min-width:80rem) { - .fi-grid-col.xl\:fi-grid-col-span { - grid-column: var(--col-span-xl) - } - } - - @media (min-width:96rem) { - .fi-grid-col.\32xl\:fi-grid-col-span { - grid-column: var(--col-span-2xl) - } - } - - @supports (container-type:inline-size) { - @container (min-width:16rem) { - .fi-grid-col.\@3xs\:fi-grid-col-span { - grid-column: var(--col-span-c3xs) - } - } - - @container (min-width:18rem) { - .fi-grid-col.\@2xs\:fi-grid-col-span { - grid-column: var(--col-span-c2xs) - } - } - - @container (min-width:20rem) { - .fi-grid-col.\@xs\:fi-grid-col-span { - grid-column: var(--col-span-cxs) - } - } - - @container (min-width:24rem) { - .fi-grid-col.\@sm\:fi-grid-col-span { - grid-column: var(--col-span-csm) - } - } - - @container (min-width:28rem) { - .fi-grid-col.\@md\:fi-grid-col-span { - grid-column: var(--col-span-cmd) - } - } - - @container (min-width:32rem) { - .fi-grid-col.\@lg\:fi-grid-col-span { - grid-column: var(--col-span-clg) - } - } - - @container (min-width:36rem) { - .fi-grid-col.\@xl\:fi-grid-col-span { - grid-column: var(--col-span-cxl) - } - } - - @container (min-width:42rem) { - .fi-grid-col.\@2xl\:fi-grid-col-span { - grid-column: var(--col-span-c2xl) - } - } - - @container (min-width:48rem) { - .fi-grid-col.\@3xl\:fi-grid-col-span { - grid-column: var(--col-span-c3xl) - } - } - - @container (min-width:56rem) { - .fi-grid-col.\@4xl\:fi-grid-col-span { - grid-column: var(--col-span-c4xl) - } - } - - @container (min-width:64rem) { - .fi-grid-col.\@5xl\:fi-grid-col-span { - grid-column: var(--col-span-c5xl) - } - } - - @container (min-width:72rem) { - .fi-grid-col.\@6xl\:fi-grid-col-span { - grid-column: var(--col-span-c6xl) - } - } - - @container (min-width:80rem) { - .fi-grid-col.\@7xl\:fi-grid-col-span { - grid-column: var(--col-span-c7xl) - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-grid-col.\!\@sm\:fi-grid-col-span { - grid-column: var(--col-span-ncsm) - } - } - - @media (min-width:48rem) { - .fi-grid-col.\!\@md\:fi-grid-col-span { - grid-column: var(--col-span-ncmd) - } - } - - @media (min-width:64rem) { - .fi-grid-col.\!\@lg\:fi-grid-col-span { - grid-column: var(--col-span-nclg) - } - } - - @media (min-width:80rem) { - .fi-grid-col.\!\@xl\:fi-grid-col-span { - grid-column: var(--col-span-ncxl) - } - } - - @media (min-width:96rem) { - .fi-grid-col.\!\@2xl\:fi-grid-col-span { - grid-column: var(--col-span-nc2xl) - } - } - } - - .fi-grid-col.fi-grid-col-start { - grid-column-start: var(--col-start-default) - } - - @media (min-width:40rem) { - .fi-grid-col.sm\:fi-grid-col-start { - grid-column-start: var(--col-start-sm) - } - } - - @media (min-width:48rem) { - .fi-grid-col.md\:fi-grid-col-start { - grid-column-start: var(--col-start-md) - } - } - - @media (min-width:64rem) { - .fi-grid-col.lg\:fi-grid-col-start { - grid-column-start: var(--col-start-lg) - } - } - - @media (min-width:80rem) { - .fi-grid-col.xl\:fi-grid-col-start { - grid-column-start: var(--col-start-xl) - } - } - - @media (min-width:96rem) { - .fi-grid-col.\32xl\:fi-grid-col-start { - grid-column-start: var(--col-start-2xl) - } - } - - @supports (container-type:inline-size) { - @container (min-width:16rem) { - .fi-grid-col.\@3xs\:fi-grid-col-start { - grid-column-start: var(--col-start-c3xs) - } - } - - @container (min-width:18rem) { - .fi-grid-col.\@2xs\:fi-grid-col-start { - grid-column-start: var(--col-start-c2xs) - } - } - - @container (min-width:20rem) { - .fi-grid-col.\@xs\:fi-grid-col-start { - grid-column-start: var(--col-start-cxs) - } - } - - @container (min-width:24rem) { - .fi-grid-col.\@sm\:fi-grid-col-start { - grid-column-start: var(--col-start-csm) - } - } - - @container (min-width:28rem) { - .fi-grid-col.\@md\:fi-grid-col-start { - grid-column-start: var(--col-start-cmd) - } - } - - @container (min-width:32rem) { - .fi-grid-col.\@lg\:fi-grid-col-start { - grid-column-start: var(--col-start-clg) - } - } - - @container (min-width:36rem) { - .fi-grid-col.\@xl\:fi-grid-col-start { - grid-column-start: var(--col-start-cxl) - } - } - - @container (min-width:42rem) { - .fi-grid-col.\@2xl\:fi-grid-col-start { - grid-column-start: var(--col-start-c2xl) - } - } - - @container (min-width:48rem) { - .fi-grid-col.\@3xl\:fi-grid-col-start { - grid-column-start: var(--col-start-c3xl) - } - } - - @container (min-width:56rem) { - .fi-grid-col.\@4xl\:fi-grid-col-start { - grid-column-start: var(--col-start-c4xl) - } - } - - @container (min-width:64rem) { - .fi-grid-col.\@5xl\:fi-grid-col-start { - grid-column-start: var(--col-start-c5xl) - } - } - - @container (min-width:72rem) { - .fi-grid-col.\@6xl\:fi-grid-col-start { - grid-column-start: var(--col-start-c6xl) - } - } - - @container (min-width:80rem) { - .fi-grid-col.\@7xl\:fi-grid-col-start { - grid-column-start: var(--col-start-c7xl) - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-grid-col.\!\@sm\:fi-grid-col-start { - grid-column-start: var(--col-start-ncsm) - } - } - - @media (min-width:48rem) { - .fi-grid-col.\!\@md\:fi-grid-col-start { - grid-column-start: var(--col-start-ncmd) - } - } - - @media (min-width:64rem) { - .fi-grid-col.\!\@lg\:fi-grid-col-start { - grid-column-start: var(--col-start-nclg) - } - } - - @media (min-width:80rem) { - .fi-grid-col.\!\@xl\:fi-grid-col-start { - grid-column-start: var(--col-start-ncxl) - } - } - - @media (min-width:96rem) { - .fi-grid-col.\!\@2xl\:fi-grid-col-start { - grid-column-start: var(--col-start-nc2xl) - } - } - } - - .fi-grid-col.fi-grid-col-order { - order: var(--col-order-default) - } - - @media (min-width:40rem) { - .fi-grid-col.sm\:fi-grid-col-order { - order: var(--col-order-sm) - } - } - - @media (min-width:48rem) { - .fi-grid-col.md\:fi-grid-col-order { - order: var(--col-order-md) - } - } - - @media (min-width:64rem) { - .fi-grid-col.lg\:fi-grid-col-order { - order: var(--col-order-lg) - } - } - - @media (min-width:80rem) { - .fi-grid-col.xl\:fi-grid-col-order { - order: var(--col-order-xl) - } - } - - @media (min-width:96rem) { - .fi-grid-col.\32xl\:fi-grid-col-order { - order: var(--col-order-2xl) - } - } - - @supports (container-type:inline-size) { - @container (min-width:16rem) { - .fi-grid-col.\@3xs\:fi-grid-col-order { - order: var(--col-order-c3xs) - } - } - - @container (min-width:18rem) { - .fi-grid-col.\@2xs\:fi-grid-col-order { - order: var(--col-order-c2xs) - } - } - - @container (min-width:20rem) { - .fi-grid-col.\@xs\:fi-grid-col-order { - order: var(--col-order-cxs) - } - } - - @container (min-width:24rem) { - .fi-grid-col.\@sm\:fi-grid-col-order { - order: var(--col-order-csm) - } - } - - @container (min-width:28rem) { - .fi-grid-col.\@md\:fi-grid-col-order { - order: var(--col-order-cmd) - } - } - - @container (min-width:32rem) { - .fi-grid-col.\@lg\:fi-grid-col-order { - order: var(--col-order-clg) - } - } - - @container (min-width:36rem) { - .fi-grid-col.\@xl\:fi-grid-col-order { - order: var(--col-order-cxl) - } - } - - @container (min-width:42rem) { - .fi-grid-col.\@2xl\:fi-grid-col-order { - order: var(--col-order-c2xl) - } - } - - @container (min-width:48rem) { - .fi-grid-col.\@3xl\:fi-grid-col-order { - order: var(--col-order-c3xl) - } - } - - @container (min-width:56rem) { - .fi-grid-col.\@4xl\:fi-grid-col-order { - order: var(--col-order-c4xl) - } - } - - @container (min-width:64rem) { - .fi-grid-col.\@5xl\:fi-grid-col-order { - order: var(--col-order-c5xl) - } - } - - @container (min-width:72rem) { - .fi-grid-col.\@6xl\:fi-grid-col-order { - order: var(--col-order-c6xl) - } - } - - @container (min-width:80rem) { - .fi-grid-col.\@7xl\:fi-grid-col-order { - order: var(--col-order-c7xl) - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-grid-col.\!\@sm\:fi-grid-col-order { - order: var(--col-order-ncsm) - } - } - - @media (min-width:48rem) { - .fi-grid-col.\!\@md\:fi-grid-col-order { - order: var(--col-order-ncmd) - } - } - - @media (min-width:64rem) { - .fi-grid-col.\!\@lg\:fi-grid-col-order { - order: var(--col-order-nclg) - } - } - - @media (min-width:80rem) { - .fi-grid-col.\!\@xl\:fi-grid-col-order { - order: var(--col-order-ncxl) - } - } - - @media (min-width:96rem) { - .fi-grid-col.\!\@2xl\:fi-grid-col-order { - order: var(--col-order-nc2xl) - } - } - } - - .fi-grid-col.fi-hidden { - display: none - } - - .fi-icon { - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5) - } - - .fi-icon.fi-size-xs { - width: calc(var(--spacing)*3); - height: calc(var(--spacing)*3) - } - - .fi-icon.fi-size-sm { - width: calc(var(--spacing)*4); - height: calc(var(--spacing)*4) - } - - .fi-icon.fi-size-md { - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5) - } - - .fi-icon.fi-size-lg { - width: calc(var(--spacing)*6); - height: calc(var(--spacing)*6) - } - - .fi-icon.fi-size-xl { - width: calc(var(--spacing)*7); - height: calc(var(--spacing)*7) - } - - .fi-icon.fi-size-2xl { - width: calc(var(--spacing)*8); - height: calc(var(--spacing)*8) - } - - .fi-icon-btn { - margin: calc(var(--spacing)*-2); - width: calc(var(--spacing)*9); - height: calc(var(--spacing)*9); - border-radius: var(--radius-lg); - color: var(--gray-500); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - --tw-outline-style: none; - outline-style: none; - justify-content: center; - align-items: center; - transition-duration: 75ms; - display: flex; - position: relative - } - - .fi-icon-btn:where(.dark, .dark *) { - color: var(--gray-500) - } - - @media (hover:hover) { - .fi-icon-btn:not(.fi-disabled):not([disabled]):hover { - color: var(--gray-600) - } - } - - .fi-icon-btn:not(.fi-disabled):not([disabled]):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(--primary-600) - } - - @media (hover:hover) { - .fi-icon-btn:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - color: var(--gray-400) - } - } - - .fi-icon-btn:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - --tw-ring-color: var(--primary-500) - } - - .fi-icon-btn.fi-disabled, - .fi-icon-btn[disabled] { - cursor: default; - opacity: .7 - } - - :is(.fi-icon-btn.fi-disabled, .fi-icon-btn[disabled]):not([x-tooltip]) { - pointer-events: none - } - - .fi-icon-btn.fi-size-xs { - width: calc(var(--spacing)*7); - height: calc(var(--spacing)*7) - } - - .fi-icon-btn.fi-size-xs:has(.fi-icon.fi-size-sm) { - margin: calc(var(--spacing)*-1.5) - } - - .fi-icon-btn.fi-size-xs:has(.fi-icon.fi-size-md) { - margin: calc(var(--spacing)*-1) - } - - .fi-icon-btn.fi-size-xs:has(.fi-icon.fi-size-lg) { - margin: calc(var(--spacing)*-.5) - } - - .fi-icon-btn.fi-size-sm { - width: calc(var(--spacing)*8); - height: calc(var(--spacing)*8) - } - - .fi-icon-btn.fi-size-sm:has(.fi-icon.fi-size-sm) { - margin: calc(var(--spacing)*-2) - } - - .fi-icon-btn.fi-size-sm:has(.fi-icon.fi-size-md) { - margin: calc(var(--spacing)*-1.5) - } - - .fi-icon-btn.fi-size-sm:has(.fi-icon.fi-size-lg) { - margin: calc(var(--spacing)*-1) - } - - .fi-icon-btn.fi-size-md:has(.fi-icon.fi-size-sm) { - margin: calc(var(--spacing)*-2.5) - } - - .fi-icon-btn.fi-size-md:has(.fi-icon.fi-size-lg) { - margin: calc(var(--spacing)*-1.5) - } - - .fi-icon-btn.fi-size-lg { - width: calc(var(--spacing)*10); - height: calc(var(--spacing)*10) - } - - .fi-icon-btn.fi-size-lg:has(.fi-icon.fi-size-sm) { - margin: calc(var(--spacing)*-3) - } - - .fi-icon-btn.fi-size-lg:has(.fi-icon.fi-size-md) { - margin: calc(var(--spacing)*-2.5) - } - - .fi-icon-btn.fi-size-lg:has(.fi-icon.fi-size-lg) { - margin: calc(var(--spacing)*-2) - } - - .fi-icon-btn.fi-size-xl { - width: calc(var(--spacing)*11); - height: calc(var(--spacing)*11) - } - - .fi-icon-btn.fi-size-xl:has(.fi-icon.fi-size-sm) { - margin: calc(var(--spacing)*-3.5) - } - - .fi-icon-btn.fi-size-xl:has(.fi-icon.fi-size-md) { - margin: calc(var(--spacing)*-3) - } - - .fi-icon-btn.fi-size-xl:has(.fi-icon.fi-size-lg) { - margin: calc(var(--spacing)*-2.5) - } - - .fi-icon-btn.fi-color { - color: var(--text) - } - - .fi-icon-btn.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - @media (hover:hover) { - .fi-icon-btn.fi-color:not(.fi-disabled):not([disabled]):hover { - color: var(--hover-text) - } - } - - .fi-icon-btn.fi-color:not(.fi-disabled):not([disabled]):focus-visible { - --tw-ring-color: var(--color-600) - } - - @media (hover:hover) { - .fi-icon-btn.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):hover { - color: var(--dark-hover-text) - } - } - - .fi-icon-btn.fi-color:not(.fi-disabled):not([disabled]):where(.dark, .dark *):focus-visible { - --tw-ring-color: var(--color-500) - } - - .fi-icon-btn>.fi-icon-btn-badge-ctn { - inset-inline-start: 100%; - top: calc(var(--spacing)*1); - z-index: 1; - --tw-translate-x: -50%; - --tw-translate-y: -50%; - width: max-content; - translate: var(--tw-translate-x)var(--tw-translate-y); - border-radius: var(--radius-md); - background-color: var(--color-white); - position: absolute - } - - .fi-icon-btn>.fi-icon-btn-badge-ctn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: 50%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-icon-btn>.fi-icon-btn-badge-ctn:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - @media (min-width:40rem) { - .fi-icon-btn:has(+.fi-btn.fi-labeled-from-sm) { - display: none - } - } - - @media (min-width:48rem) { - .fi-icon-btn:has(+.fi-btn.fi-labeled-from-md) { - display: none - } - } - - @media (min-width:64rem) { - .fi-icon-btn:has(+.fi-btn.fi-labeled-from-lg) { - display: none - } - } - - @media (min-width:80rem) { - .fi-icon-btn:has(+.fi-btn.fi-labeled-from-xl) { - display: none - } - } - - @media (min-width:96rem) { - .fi-icon-btn:has(+.fi-btn.fi-labeled-from-2xl) { - display: none - } - } - - input[type=checkbox].fi-checkbox-input { - width: calc(var(--spacing)*4); - height: calc(var(--spacing)*4); - appearance: none; - --tw-border-style: none; - background-color: var(--color-white); - vertical-align: middle; - color: var(--primary-600); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - border-style: none; - border-radius: .25rem - } - - input[type=checkbox].fi-checkbox-input:checked { - background-color: var(--primary-600); - --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=checkbox].fi-checkbox-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-color: var(--primary-600); - --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); - --tw-outline-style: none; - outline-style: none - } - - input[type=checkbox].fi-checkbox-input:checked:focus { - --tw-ring-color: var(--primary-500) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input:checked:focus { - --tw-ring-color: color-mix(in oklab, var(--primary-500)50%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input:disabled { - pointer-events: none; - background-color: var(--gray-50); - color: var(--gray-50) - } - - input[type=checkbox].fi-checkbox-input:disabled:checked { - background-color: var(--gray-400); - color: var(--gray-400) - } - - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *) { - color: var(--primary-500); - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *):checked { - background-color: var(--primary-500) - } - - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *):focus { - --tw-ring-color: var(--primary-500) - } - - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *):checked:focus { - --tw-ring-color: var(--primary-400) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *):checked:focus { - --tw-ring-color: color-mix(in oklab, var(--primary-400)50%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *):disabled { - --tw-ring-color: #ffffff1a; - background-color: #0000 - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *):disabled { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input:where(.dark, .dark *):disabled:checked { - background-color: var(--gray-600) - } - - input[type=checkbox].fi-checkbox-input:checked { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") - } - - input[type=checkbox].fi-checkbox-input:indeterminate { - background-color: var(--primary-600); - --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=checkbox].fi-checkbox-input:indeterminate:where(.dark, .dark *) { - background-color: var(--primary-500) - } - - input[type=checkbox].fi-checkbox-input:indeterminate { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 6.75a1.25 1.25 0 0 0 0 2.5h7a1.25 1.25 0 0 0 0-2.5h-7z'/%3E%3C/svg%3E") - } - - input[type=checkbox].fi-checkbox-input:indeterminate:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--primary-500) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input:indeterminate:focus { - --tw-ring-color: color-mix(in oklab, var(--primary-500)50%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input:indeterminate:focus:where(.dark, .dark *) { - --tw-ring-color: var(--primary-400) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input:indeterminate:focus:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--primary-400)50%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input:indeterminate:disabled { - background-color: var(--gray-400) - } - - input[type=checkbox].fi-checkbox-input:indeterminate:disabled:where(.dark, .dark *) { - background-color: var(--gray-600) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid { - color: var(--danger-600); - --tw-ring-color: var(--danger-600) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:checked { - background-color: var(--danger-600) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:focus { - --tw-ring-color: var(--danger-600) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:checked:focus { - --tw-ring-color: var(--danger-500) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input.fi-invalid:checked:focus { - --tw-ring-color: color-mix(in oklab, var(--danger-500)50%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark, .dark *) { - color: var(--danger-500); - --tw-ring-color: var(--danger-500) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark, .dark *):checked { - background-color: var(--danger-500) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark, .dark *):focus { - --tw-ring-color: var(--danger-500) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark, .dark *):checked:focus { - --tw-ring-color: var(--danger-400) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark, .dark *):checked:focus { - --tw-ring-color: color-mix(in oklab, var(--danger-400)50%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate { - background-color: var(--danger-600) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:where(.dark, .dark *) { - background-color: var(--danger-500) - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus { - --tw-ring-color: var(--danger-500) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus { - --tw-ring-color: color-mix(in oklab, var(--danger-500)50%, transparent) - } - } - - input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus:where(.dark, .dark *) { - --tw-ring-color: var(--danger-400) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--danger-400)50%, transparent) - } - } - - input.fi-input { - appearance: none; - --tw-border-style: none; - background-color: #0000; - border-style: none; - width: 100%; - display: block - } - - @supports (color:color-mix(in lab, red, red)) { - input.fi-input { - background-color: color-mix(in oklab, var(--color-white)0%, transparent) - } - } - - input.fi-input { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*1.5); - text-align: start; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - color: var(--gray-950); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - input.fi-input::placeholder { - color: var(--gray-400) - } - - input.fi-input:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-outline-style: none; - outline-style: none - } - - input.fi-input:disabled { - color: var(--gray-500); - -webkit-text-fill-color: var(--color-gray-500) - } - - input.fi-input:disabled::placeholder { - -webkit-text-fill-color: var(--color-gray-400) - } - - input.fi-input:where(.dark, .dark *) { - color: var(--color-white) - } - - input.fi-input:where(.dark, .dark *)::placeholder { - color: var(--gray-500) - } - - input.fi-input:where(.dark, .dark *):disabled { - color: var(--gray-400); - -webkit-text-fill-color: var(--color-gray-400) - } - - input.fi-input:where(.dark, .dark *):disabled::placeholder { - -webkit-text-fill-color: var(--color-gray-500) - } - - input.fi-input.fi-input-has-inline-prefix { - padding-inline-start: calc(var(--spacing)*0) - } - - input.fi-input.fi-input-has-inline-suffix { - padding-inline-end: calc(var(--spacing)*0) - } - - input.fi-input.fi-align-center { - text-align: center - } - - input.fi-input.fi-align-end { - text-align: end - } - - input.fi-input.fi-align-left { - text-align: left - } - - input.fi-input.fi-align-right { - text-align: end - } - - input.fi-input.fi-align-justify, - input.fi-input.fi-align-between { - text-align: justify - } - - input[type=text].fi-one-time-code-input { - inset-block: calc(var(--spacing)*0); - --tw-border-style: none; - padding-inline: calc(var(--spacing)*3); - font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --tw-tracking: 1.72rem; - letter-spacing: 1.72rem; - color: var(--gray-950); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - background-color: #0000; - border-style: none; - transition-duration: 75ms; - display: block; - position: absolute; - inset-inline-start: calc(var(--spacing)*0); - inset-inline-end: calc(var(--spacing)*-8) - } - - input[type=text].fi-one-time-code-input::placeholder { - color: var(--gray-400) - } - - input[type=text].fi-one-time-code-input:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-outline-style: none; - outline-style: none - } - - input[type=text].fi-one-time-code-input:disabled { - color: var(--gray-500); - -webkit-text-fill-color: var(--color-gray-500) - } - - input[type=text].fi-one-time-code-input:disabled::placeholder { - -webkit-text-fill-color: var(--color-gray-400) - } - - input[type=text].fi-one-time-code-input:where(.dark, .dark *) { - color: var(--color-white) - } - - input[type=text].fi-one-time-code-input:where(.dark, .dark *)::placeholder { - color: var(--gray-500) - } - - input[type=text].fi-one-time-code-input:where(.dark, .dark *):disabled { - color: var(--gray-400); - -webkit-text-fill-color: var(--color-gray-400) - } - - input[type=text].fi-one-time-code-input:where(.dark, .dark *):disabled::placeholder { - -webkit-text-fill-color: var(--color-gray-500) - } - - input[type=text].fi-one-time-code-input.fi-valid { - caret-color: #0000 - } - - .fi-one-time-code-input-ctn { - height: calc(var(--spacing)*12); - position: relative - } - - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field { - height: 100%; - width: calc(var(--spacing)*8); - border-radius: var(--radius-lg); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--gray-950); - display: inline-block - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field { - border-color: color-mix(in oklab, var(--gray-950)10%, transparent) - } - } - - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field { - background-color: var(--color-white) - } - - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark, .dark *) { - border-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field.fi-active { - border-style: var(--tw-border-style); - border-width: 2px; - border-color: var(--primary-600) - } - - .fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field.fi-active:where(.dark, .dark *) { - border-color: var(--primary-500) - } - - input[type=radio].fi-radio-input { - width: calc(var(--spacing)*4); - height: calc(var(--spacing)*4); - appearance: none; - --tw-border-style: none; - background-color: var(--color-white); - color: var(--primary-600); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - border-style: none; - border-radius: 3.40282e38px - } - - input[type=radio].fi-radio-input:checked { - background-color: var(--primary-600); - --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=radio].fi-radio-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-color: var(--primary-600); - --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); - --tw-outline-style: none; - outline-style: none - } - - input[type=radio].fi-radio-input:checked:focus { - --tw-ring-color: var(--primary-500) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=radio].fi-radio-input:checked:focus { - --tw-ring-color: color-mix(in oklab, var(--primary-500)50%, transparent) - } - } - - input[type=radio].fi-radio-input:disabled { - background-color: var(--gray-50); - color: var(--gray-50) - } - - input[type=radio].fi-radio-input:disabled:checked { - background-color: var(--gray-400); - color: var(--gray-400) - } - - input[type=radio].fi-radio-input:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=radio].fi-radio-input:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - input[type=radio].fi-radio-input:where(.dark, .dark *) { - color: var(--primary-500); - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=radio].fi-radio-input:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - input[type=radio].fi-radio-input:where(.dark, .dark *):checked { - background-color: var(--primary-500) - } - - input[type=radio].fi-radio-input:where(.dark, .dark *):focus { - --tw-ring-color: var(--primary-500) - } - - input[type=radio].fi-radio-input:where(.dark, .dark *):checked:focus { - --tw-ring-color: var(--primary-400) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=radio].fi-radio-input:where(.dark, .dark *):checked:focus { - --tw-ring-color: color-mix(in oklab, var(--primary-400)50%, transparent) - } - } - - input[type=radio].fi-radio-input:where(.dark, .dark *):disabled { - --tw-ring-color: #ffffff1a; - background-color: #0000 - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=radio].fi-radio-input:where(.dark, .dark *):disabled { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - input[type=radio].fi-radio-input:where(.dark, .dark *):disabled:checked { - background-color: var(--gray-600) - } - - input[type=radio].fi-radio-input:checked { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") - } - - input[type=radio].fi-radio-input.fi-invalid { - color: var(--danger-600); - --tw-ring-color: var(--danger-600) - } - - input[type=radio].fi-radio-input.fi-invalid:checked { - background-color: var(--danger-600) - } - - input[type=radio].fi-radio-input.fi-invalid:focus { - --tw-ring-color: var(--danger-600) - } - - input[type=radio].fi-radio-input.fi-invalid:checked:focus { - --tw-ring-color: var(--danger-500) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=radio].fi-radio-input.fi-invalid:checked:focus { - --tw-ring-color: color-mix(in oklab, var(--danger-500)50%, transparent) - } - } - - input[type=radio].fi-radio-input.fi-invalid:where(.dark, .dark *) { - color: var(--danger-500); - --tw-ring-color: var(--danger-500) - } - - input[type=radio].fi-radio-input.fi-invalid:where(.dark, .dark *):checked { - background-color: var(--danger-500) - } - - input[type=radio].fi-radio-input.fi-invalid:where(.dark, .dark *):focus { - --tw-ring-color: var(--danger-500) - } - - input[type=radio].fi-radio-input.fi-invalid:where(.dark, .dark *):checked:focus { - --tw-ring-color: var(--danger-400) - } - - @supports (color:color-mix(in lab, red, red)) { - input[type=radio].fi-radio-input.fi-invalid:where(.dark, .dark *):checked:focus { - --tw-ring-color: color-mix(in oklab, var(--danger-400)50%, transparent) - } - } - - select.fi-select-input { - appearance: none; - --tw-border-style: none; - width: 100%; - padding-block: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - color: var(--gray-950); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - background-color: #0000; - border-style: none; - padding-inline-start: calc(var(--spacing)*3); - padding-inline-end: calc(var(--spacing)*8); - transition-duration: 75ms; - display: block - } - - select.fi-select-input:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-outline-style: none; - outline-style: none - } - - select.fi-select-input:disabled { - color: var(--gray-500); - -webkit-text-fill-color: var(--color-gray-500) - } - - select.fi-select-input:where(.dark, .dark *) { - color: var(--color-white) - } - - select.fi-select-input:where(.dark, .dark *):disabled { - color: var(--gray-400); - -webkit-text-fill-color: var(--color-gray-400) - } - - select.fi-select-input optgroup { - background-color: var(--color-white) - } - - select.fi-select-input optgroup:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - select.fi-select-input option { - background-color: var(--color-white) - } - - select.fi-select-input option:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - select.fi-select-input { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); - background-position: right .5rem center; - background-repeat: no-repeat; - background-size: 1.5em 1.5em - } - - select.fi-select-input:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - background-position: .5rem - } - - select.fi-select-input.fi-select-input-has-inline-prefix { - padding-inline-start: calc(var(--spacing)*0) - } - - .fi-select-input .fi-select-input-ctn { - position: relative - } - - .fi-select-input div[x-ref=select] { - min-height: calc(var(--spacing)*9) - } - - .fi-select-input .fi-select-input-btn { - min-height: calc(var(--spacing)*9); - border-radius: var(--radius-lg); - width: 100%; - padding-block: calc(var(--spacing)*1.5); - text-align: start; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - color: var(--gray-950); - padding-inline-start: calc(var(--spacing)*3); - padding-inline-end: calc(var(--spacing)*8); - display: flex - } - - .fi-select-input .fi-select-input-btn:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-outline-style: none; - outline-style: none - } - - .fi-select-input .fi-select-input-btn:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-select-input .fi-select-input-btn { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); - background-position: right .5rem center; - background-repeat: no-repeat; - background-size: 1.5em 1.5em - } - - .fi-select-input .fi-select-input-btn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - background-position: .5rem - } - - .fi-select-input .fi-select-input-value-ctn { - text-wrap: wrap; - word-break: break-word; - align-items: center; - width: 100%; - display: flex - } - - .fi-select-input .fi-select-input-value-badges-ctn { - gap: calc(var(--spacing)*1.5); - flex-wrap: wrap; - display: flex - } - - .fi-select-input .fi-select-input-value-label { - flex: 1 - } - - .fi-select-input .fi-select-input-value-remove-btn { - color: var(--gray-500); - margin-inline-start: calc(var(--spacing)*2) - } - - @media (hover:hover) { - .fi-select-input .fi-select-input-value-remove-btn:hover { - color: var(--gray-600) - } - } - - .fi-select-input .fi-select-input-value-remove-btn:focus-visible { - color: var(--gray-600); - --tw-outline-style: none; - outline-style: none - } - - @media (hover:hover) { - .fi-select-input .fi-select-input-value-remove-btn:where(.dark, .dark *):hover { - color: var(--gray-300) - } - } - - .fi-select-input .fi-select-input-value-remove-btn:where(.dark, .dark *):focus-visible { - color: var(--gray-300) - } - - .fi-select-input .fi-dropdown-panel { - max-height: calc(var(--spacing)*60); - max-width: 100% !important - } - - :where(.fi-select-input .fi-select-input-options-ctn>: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))); - border-color: var(--gray-100) - } - - :where(.fi-select-input .fi-select-input-options-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-select-input .fi-select-input-options-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - :where(.fi-select-input .fi-select-input-option-group>: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))); - border-color: var(--gray-100) - } - - :where(.fi-select-input .fi-select-input-option-group:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-select-input .fi-select-input-option-group:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-select-input .fi-select-input-search-ctn { - top: calc(var(--spacing)*0); - z-index: 10; - background-color: var(--color-white); - position: sticky - } - - .fi-select-input .fi-select-input-search-ctn:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - .fi-select-input .fi-select-input-option { - text-wrap: wrap; - word-break: break-word; - min-width: 1px - } - - .fi-select-input .fi-select-input-placeholder { - color: var(--gray-400) - } - - .fi-select-input .fi-select-input-placeholder:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-select-input .fi-disabled { - cursor: not-allowed; - opacity: .7 - } - - .fi-select-input .fi-disabled .fi-select-input-placeholder { - color: var(--gray-400) - } - - .fi-select-input .fi-disabled .fi-select-input-placeholder:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-select-input .fi-select-input-message { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-select-input .fi-select-input-message:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-select-input .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-value-ctn>span { - text-overflow: ellipsis; - white-space: nowrap; - text-wrap: nowrap; - overflow-wrap: normal; - word-break: normal; - overflow: hidden - } - - .fi-select-input .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-option>span { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden - } - - .fi-input-wrp { - border-radius: var(--radius-lg); - background-color: var(--color-white); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms; - display: flex - } - - .fi-input-wrp:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-input-wrp:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-input-wrp:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-input-wrp:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):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(--primary-600) - } - - .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):where(.dark, .dark *):focus-within { - --tw-ring-color: var(--primary-500) - } - - .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:focus-within { - --tw-ring-color: var(--danger-600) - } - - .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:where(.dark, .dark *):focus-within { - --tw-ring-color: var(--danger-500) - } - - .fi-input-wrp.fi-disabled { - background-color: var(--gray-50) - } - - .fi-input-wrp.fi-disabled:where(.dark, .dark *) { - background-color: #0000 - } - - .fi-input-wrp.fi-disabled:not(.fi-invalid):where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-input-wrp.fi-disabled:not(.fi-invalid):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-input-wrp.fi-invalid { - --tw-ring-color: var(--danger-600) - } - - .fi-input-wrp.fi-invalid:where(.dark, .dark *) { - --tw-ring-color: var(--danger-500) - } - - .fi-input-wrp .fi-input-wrp-prefix { - align-items: center; - column-gap: calc(var(--spacing)*3); - padding-inline-start: calc(var(--spacing)*3); - display: none - } - - .fi-input-wrp .fi-input-wrp-prefix.fi-input-wrp-prefix-has-content { - display: flex - } - - .fi-input-wrp .fi-input-wrp-prefix.fi-inline { - padding-inline-end: calc(var(--spacing)*2) - } - - .fi-input-wrp .fi-input-wrp-prefix.fi-inline.fi-input-wrp-prefix-has-label { - padding-inline-end: calc(var(--spacing)*1) - } - - .fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline) { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 1px; - border-color: var(--gray-200); - padding-inline-start: calc(var(--spacing)*3); - padding-inline-end: calc(var(--spacing)*3) - } - - .fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline):where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline):where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-input-wrp .fi-input-wrp-content-ctn, - .fi-input-wrp:not(:has(.fi-input-wrp-content-ctn))>* { - min-width: calc(var(--spacing)*0); - flex: 1 - } - - :is(.fi-input-wrp .fi-input-wrp-content-ctn, .fi-input-wrp:not(:has(.fi-input-wrp-content-ctn))>*).fi-input-wrp-content-ctn-ps { - padding-inline-start: calc(var(--spacing)*3) - } - - .fi-input-wrp .fi-input-wrp-suffix { - align-items: center; - column-gap: calc(var(--spacing)*3); - padding-inline-end: calc(var(--spacing)*3); - display: flex - } - - .fi-input-wrp .fi-input-wrp-suffix.fi-inline { - padding-inline-start: calc(var(--spacing)*2) - } - - .fi-input-wrp .fi-input-wrp-suffix.fi-inline.fi-input-wrp-suffix-has-label { - padding-inline-start: calc(var(--spacing)*1) - } - - .fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline) { - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px; - border-color: var(--gray-200); - padding-inline-start: calc(var(--spacing)*3) - } - - .fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline):where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline):where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-input-wrp .fi-input-wrp-actions { - align-items: center; - gap: calc(var(--spacing)*3); - display: flex - } - - .fi-input-wrp .fi-input-wrp-label { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - white-space: nowrap; - color: var(--gray-500) - } - - .fi-input-wrp .fi-input-wrp-label:where(.dark, .dark *), - :is(.fi-input-wrp .fi-input-wrp-prefix, .fi-input-wrp .fi-input-wrp-suffix) .fi-icon { - color: var(--gray-400) - } - - :is(.fi-input-wrp .fi-input-wrp-prefix, .fi-input-wrp .fi-input-wrp-suffix) .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - :is(.fi-input-wrp .fi-input-wrp-prefix, .fi-input-wrp .fi-input-wrp-suffix) .fi-icon.fi-color { - color: var(--color-500) - } - - .fi-link { - justify-content: center; - align-items: center; - gap: calc(var(--spacing)*1.5); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-700); - --tw-outline-style: none; - outline-style: none; - display: inline-flex; - position: relative - } - - .fi-link:where(.dark, .dark *) { - color: var(--gray-200) - } - - @media (hover:hover) { - .fi-link:not(.fi-disabled):not([disabled]):hover { - text-decoration-line: underline - } - } - - .fi-link:not(.fi-disabled):not([disabled]):focus-visible { - text-decoration-line: underline - } - - .fi-link.fi-disabled, - .fi-link[disabled] { - cursor: default; - opacity: .7 - } - - :is(.fi-link.fi-disabled, .fi-link[disabled]):not([x-tooltip]) { - pointer-events: none - } - - .fi-link.fi-size-xs { - gap: calc(var(--spacing)*1); - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-link.fi-size-sm { - gap: calc(var(--spacing)*1); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-link.fi-size-md, - .fi-link.fi-size-lg, - .fi-link.fi-size-xl { - gap: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-link.fi-font-thin { - --tw-font-weight: var(--font-weight-thin); - font-weight: var(--font-weight-thin) - } - - .fi-link.fi-font-extralight { - --tw-font-weight: var(--font-weight-extralight); - font-weight: var(--font-weight-extralight) - } - - .fi-link.fi-font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light) - } - - .fi-link.fi-font-normal { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal) - } - - .fi-link.fi-font-semibold { - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold) - } - - .fi-link.fi-font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold) - } - - .fi-link.fi-font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold) - } - - .fi-link.fi-font-black { - --tw-font-weight: var(--font-weight-black); - font-weight: var(--font-weight-black) - } - - .fi-link.fi-color { - color: var(--text) - } - - .fi-link.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - .fi-link:not(.fi-color)>.fi-icon { - color: var(--gray-400) - } - - .fi-link:not(.fi-color)>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-link .fi-link-badge-ctn { - inset-inline-start: 100%; - top: calc(var(--spacing)*0); - z-index: 1; - --tw-translate-x: -25%; - --tw-translate-y: -75%; - width: max-content; - translate: var(--tw-translate-x)var(--tw-translate-y); - border-radius: var(--radius-md); - background-color: var(--color-white); - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal); - position: absolute - } - - @media (hover:hover) { - .fi-link .fi-link-badge-ctn:hover { - text-decoration-line: none - } - } - - .fi-link .fi-link-badge-ctn:focus-visible { - text-decoration-line: none - } - - .fi-link .fi-link-badge-ctn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: 25%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-link .fi-link-badge-ctn:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - p>.fi-link, - span>.fi-link { - vertical-align: middle; - text-align: inherit; - padding-bottom: 2px - } - - .fi-loading-indicator { - animation: var(--animate-spin) - } - - .fi-loading-section { - animation: var(--animate-pulse) - } - - :is(.fi-modal.fi-modal-slide-over, .fi-modal.fi-width-screen)>.fi-modal-window-ctn>.fi-modal-window { - height: 100dvh - } - - :is(.fi-modal.fi-modal-slide-over, .fi-modal.fi-width-screen)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-content { - flex: 1 - } - - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window { - margin-inline-start: auto; - overflow-y: auto - } - - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-start, - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-end { - --tw-translate-x: 100%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - :is(.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-start, .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-end):where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: -100%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-end, - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-start { - --tw-translate-x: calc(var(--spacing)*0); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header { - column-gap: calc(var(--spacing)*3) - } - - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg { - margin-block: calc(var(--spacing)*-2); - padding: calc(var(--spacing)*2); - margin-inline-start: calc(var(--spacing)*-2) - } - - .fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window .fi-modal-close-btn { - inset-inline-end: calc(var(--spacing)*6); - top: calc(var(--spacing)*6) - } - - .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn { - overflow-y: auto - } - - .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn .fi-modal-footer.fi-sticky { - border-bottom-right-radius: var(--radius-xl); - border-bottom-left-radius: var(--radius-xl) - } - - .fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-start, - .fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-end { - --tw-scale-x: 95%; - --tw-scale-y: 95%; - --tw-scale-z: 95%; - scale: var(--tw-scale-x)var(--tw-scale-y); - opacity: 0 - } - - .fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-end, - .fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-start { - --tw-scale-x: 100%; - --tw-scale-y: 100%; - --tw-scale-z: 100%; - scale: var(--tw-scale-x)var(--tw-scale-y); - opacity: 1 - } - - .fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-close-btn { - inset-inline-end: calc(var(--spacing)*4); - top: calc(var(--spacing)*4) - } - - .fi-modal.fi-align-start>.fi-modal-window-ctn>.fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-content, - .fi-modal.fi-align-start>.fi-modal-window-ctn>.fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-footer:not(.fi-align-center) { - padding-inline-start: 5.25rem; - padding-inline-end: calc(var(--spacing)*6) - } - - .fi-modal:not(.fi-align-start)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-content, - .fi-modal:not(.fi-align-start)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer { - padding-inline: calc(var(--spacing)*6) - } - - .fi-modal>.fi-modal-close-overlay { - inset: calc(var(--spacing)*0); - z-index: 40; - background-color: var(--gray-950); - position: fixed - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-modal>.fi-modal-close-overlay { - background-color: color-mix(in oklab, var(--gray-950)50%, transparent) - } - } - - .fi-modal>.fi-modal-close-overlay:where(.dark, .dark *) { - background-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-modal>.fi-modal-close-overlay:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-950)75%, transparent) - } - } - - .fi-modal>.fi-modal-window-ctn { - inset: calc(var(--spacing)*0); - z-index: 40; - grid-template-rows: 1fr auto 1fr; - justify-items: center; - min-height: 100%; - display: grid; - position: fixed - } - - @media (min-width:40rem) { - .fi-modal>.fi-modal-window-ctn { - grid-template-rows: 1fr auto 3fr - } - } - - .fi-modal>.fi-modal-window-ctn.fi-clickable { - cursor: pointer - } - - .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn { - padding: calc(var(--spacing)*4) - } - - .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn .fi-modal-window { - border-radius: var(--radius-xl); - margin-inline: auto - } - - .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn .fi-modal-window .fi-modal-header.fi-sticky { - border-top-left-radius: var(--radius-xl); - border-top-right-radius: var(--radius-xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window { - pointer-events: auto; - cursor: default; - background-color: var(--color-white); - --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - 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); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - flex-direction: column; - grid-row-start: 2; - display: flex; - position: relative - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window { - contain: layout - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header { - padding-inline: calc(var(--spacing)*6); - padding-top: calc(var(--spacing)*6); - display: flex - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-vertical-align-center { - align-items: center - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky { - top: calc(var(--spacing)*0); - z-index: 10; - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200); - background-color: var(--color-white); - padding-bottom: calc(var(--spacing)*6); - position: sticky - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-heading { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-description { - margin-top: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-content { - row-gap: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*6); - flex-direction: column; - display: flex - } - - :is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-start, .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-left) .fi-modal-header { - column-gap: calc(var(--spacing)*5) - } - - :is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-start, .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-left) .fi-modal-icon-bg { - padding: calc(var(--spacing)*2) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-center .fi-modal-header { - text-align: center; - flex-direction: column - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-center .fi-modal-icon-ctn { - margin-bottom: calc(var(--spacing)*5); - justify-content: center; - align-items: center; - display: flex - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-center .fi-modal-icon-bg { - padding: calc(var(--spacing)*3) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-hidden { - display: none - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-xs { - max-width: var(--container-xs) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-sm { - max-width: var(--container-sm) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-md { - max-width: var(--container-md) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-lg { - max-width: var(--container-lg) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-xl { - max-width: var(--container-xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-2xl { - max-width: var(--container-2xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-3xl { - max-width: var(--container-3xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-4xl { - max-width: var(--container-4xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-5xl { - max-width: var(--container-5xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-6xl { - max-width: var(--container-6xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-7xl { - max-width: var(--container-7xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-full { - max-width: 100% - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-min { - max-width: min-content - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-max { - max-width: max-content - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-fit { - max-width: fit-content - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-prose { - max-width: 65ch - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-sm { - max-width: var(--breakpoint-sm) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-md { - max-width: var(--breakpoint-md) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-lg { - max-width: var(--breakpoint-lg) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-xl { - max-width: var(--breakpoint-xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-2xl { - max-width: var(--breakpoint-2xl) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen { - inset: calc(var(--spacing)*0); - position: fixed - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter, - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave { - --tw-duration: .3s; - transition-duration: .3s - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-content) .fi-modal-footer:not(.fi-sticky) { - margin-top: calc(var(--spacing)*6) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-content):not(.fi-modal-window-has-footer) .fi-modal-header { - padding-bottom: calc(var(--spacing)*6) - } - - :is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-icon), .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-content, - :is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-icon), .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-footer { - padding-inline: calc(var(--spacing)*6) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn.fi-align-center:not(.fi-modal-window-has-icon) .fi-modal-heading { - margin-inline-start: calc(var(--spacing)*6) - } - - :is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon), .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn.fi-align-start, .fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn.fi-align-left) .fi-modal-heading { - margin-inline-end: calc(var(--spacing)*6) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-close-btn { - position: absolute - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer { - width: 100% - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky { - bottom: calc(var(--spacing)*0); - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-200); - background-color: var(--color-white); - padding-block: calc(var(--spacing)*5); - position: sticky - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer:not(.fi-sticky) { - padding-bottom: calc(var(--spacing)*6) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer:is(.fi-modal-slide-over .fi-modal-footer) { - margin-top: auto - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer .fi-modal-footer-actions { - gap: calc(var(--spacing)*3) - } - - :is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-start, .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-left) .fi-modal-footer-actions { - flex-wrap: wrap; - align-items: center; - display: flex - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center { - padding-inline: calc(var(--spacing)*6) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions { - flex-direction: column-reverse; - display: flex - } - - :is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-end, .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-right) .fi-modal-footer-actions { - flex-flow: row-reverse wrap; - align-items: center; - display: flex - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg { - background-color: var(--gray-100); - border-radius: 3.40282e38px - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg:where(.dark, .dark *) { - background-color: var(--gray-500) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-500)20%, transparent) - } - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg>.fi-icon { - color: var(--gray-500) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg>.fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color { - background-color: var(--color-100) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark, .dark *) { - background-color: var(--color-500) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-500)20%, transparent) - } - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color>.fi-icon { - color: var(--color-600) - } - - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color>.fi-icon:where(.dark, .dark *) { - color: var(--color-400) - } - - @supports (container-type:inline-size) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window { - container-type: inline-size - } - - @container (min-width:24rem) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions { - grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); - display: grid - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions { - grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); - display: grid - } - } - } - - :scope .fi-modal-trigger { - display: flex - } - - .fi-pagination { - align-items: center; - column-gap: calc(var(--spacing)*3); - grid-template-columns: 1fr auto 1fr; - display: grid - } - - .fi-pagination:empty { - display: none - } - - .fi-pagination .fi-pagination-previous-btn { - justify-self: flex-start - } - - .fi-pagination .fi-pagination-overview { - 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); - color: var(--gray-700); - display: none - } - - .fi-pagination .fi-pagination-overview:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-pagination .fi-pagination-records-per-page-select-ctn { - grid-column-start: 2; - justify-self: center - } - - .fi-pagination .fi-pagination-records-per-page-select:not(.fi-compact) { - display: none - } - - .fi-pagination .fi-pagination-next-btn { - grid-column-start: 3; - justify-self: flex-end - } - - .fi-pagination .fi-pagination-items { - border-radius: var(--radius-lg); - background-color: var(--color-white); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - justify-self: flex-end; - display: none - } - - .fi-pagination .fi-pagination-items:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-pagination .fi-pagination-items:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-pagination .fi-pagination-items:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-pagination .fi-pagination-items:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-pagination .fi-pagination-item { - border-inline-style: var(--tw-border-style); - border-inline-width: .5px; - border-color: var(--gray-200) - } - - .fi-pagination .fi-pagination-item:first-child { - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 0 - } - - .fi-pagination .fi-pagination-item:last-child { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 0 - } - - .fi-pagination .fi-pagination-item:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-pagination .fi-pagination-item:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn { - background-color: var(--gray-50) - } - - .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-label { - color: var(--primary-700) - } - - .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-label:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-pagination .fi-pagination-item:first-of-type .fi-pagination-item-btn { - border-start-start-radius: var(--radius-lg); - border-end-start-radius: var(--radius-lg) - } - - .fi-pagination .fi-pagination-item:last-of-type .fi-pagination-item-btn { - border-start-end-radius: var(--radius-lg); - border-end-end-radius: var(--radius-lg) - } - - .fi-pagination .fi-pagination-item.fi-disabled .fi-pagination-item-label { - color: var(--gray-500) - } - - .fi-pagination .fi-pagination-item.fi-disabled .fi-pagination-item-label:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-pagination .fi-pagination-item-btn { - padding: calc(var(--spacing)*2); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - --tw-outline-style: none; - outline-style: none; - transition-duration: 75ms; - display: flex; - position: relative; - overflow: hidden - } - - @media (hover:hover) { - .fi-pagination .fi-pagination-item-btn:enabled:hover { - background-color: var(--gray-50) - } - } - - .fi-pagination .fi-pagination-item-btn:enabled:focus-visible { - z-index: 10; - --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(--primary-600) - } - - @media (hover:hover) { - .fi-pagination .fi-pagination-item-btn:enabled:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-pagination .fi-pagination-item-btn:enabled:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-pagination .fi-pagination-item-btn:enabled:where(.dark, .dark *):focus-visible { - --tw-ring-color: var(--primary-500) - } - - .fi-pagination .fi-pagination-item-btn:hover .fi-icon { - color: var(--gray-500) - } - - .fi-pagination .fi-pagination-item-btn:hover .fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-pagination .fi-pagination-item-btn .fi-icon { - color: var(--gray-400); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-pagination .fi-pagination-item-btn .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-pagination .fi-pagination-item-btn .fi-pagination-item-label { - padding-inline: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-700) - } - - .fi-pagination .fi-pagination-item-btn .fi-pagination-item-label:where(.dark, .dark *) { - color: var(--gray-200) - } - - @supports (container-type:inline-size) { - .fi-pagination { - container-type: inline-size - } - - @container (min-width:28rem) { - .fi-pagination .fi-pagination-records-per-page-select:not(.fi-compact) { - display: inline - } - - .fi-pagination .fi-pagination-records-per-page-select.fi-compact { - display: none - } - } - - @container (min-width:56rem) { - - .fi-pagination:not(.fi-simple) .fi-pagination-previous-btn, - .fi-pagination:not(.fi-simple) .fi-pagination-next-btn { - display: none - } - - .fi-pagination .fi-pagination-overview { - display: inline - } - - .fi-pagination .fi-pagination-items { - display: flex - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-pagination .fi-pagination-records-per-page-select:not(.fi-compact) { - display: inline - } - - .fi-pagination .fi-pagination-records-per-page-select.fi-compact { - display: none - } - } - - @media (min-width:48rem) { - - .fi-pagination:not(.fi-simple) .fi-pagination-previous-btn, - .fi-pagination:not(.fi-simple) .fi-pagination-next-btn { - display: none - } - - .fi-pagination .fi-pagination-overview { - display: inline - } - - .fi-pagination .fi-pagination-items { - display: flex - } - } - } - - .fi-section:not(.fi-section-not-contained):not(.fi-divided)>.fi-section-content-ctn>.fi-section-content, - .fi-section:not(.fi-section-not-contained).fi-divided>.fi-section-content-ctn>.fi-section-content>* { - padding: calc(var(--spacing)*6) - } - - .fi-section:not(.fi-section-not-contained)>.fi-section-content-ctn>.fi-section-footer { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-200); - padding-inline: calc(var(--spacing)*6); - padding-block: calc(var(--spacing)*4) - } - - .fi-section:not(.fi-section-not-contained)>.fi-section-content-ctn>.fi-section-footer:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-section:not(.fi-section-not-contained)>.fi-section-content-ctn>.fi-section-footer:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside) { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside):where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-section:not(.fi-section-not-contained):not(.fi-aside):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-compact { - border-radius: var(--radius-lg) - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary { - background-color: var(--gray-50) - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside)>.fi-section-header { - padding-inline: calc(var(--spacing)*6); - padding-block: calc(var(--spacing)*4) - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed)>.fi-section-content-ctn { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-200) - } - - .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed)>.fi-section-content-ctn:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed)>.fi-section-content-ctn:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - @media (min-width:48rem) { - .fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn { - grid-column: span 2/span 2 - } - } - - .fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-section:not(.fi-section-not-contained).fi-aside.fi-compact>.fi-section-content-ctn { - border-radius: var(--radius-lg) - } - - .fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary>.fi-section-content-ctn { - background-color: var(--gray-50) - } - - .fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary>.fi-section-content-ctn:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary>.fi-section-content-ctn:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-section:not(.fi-section-not-contained).fi-compact:not(.fi-aside)>.fi-section-header { - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*2.5) - } - - .fi-section:not(.fi-section-not-contained).fi-compact:not(.fi-divided)>.fi-section-content-ctn>.fi-section-content, - .fi-section:not(.fi-section-not-contained).fi-compact.fi-divided>.fi-section-content-ctn>.fi-section-content>* { - padding: calc(var(--spacing)*4) - } - - .fi-section:not(.fi-section-not-contained).fi-compact>.fi-section-footer { - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*2.5) - } - - @media (min-width:48rem) { - .fi-section.fi-section-not-contained.fi-aside>.fi-section-content-ctn { - grid-column: span 2/span 2 - } - } - - .fi-section.fi-section-not-contained:not(.fi-aside), - .fi-section.fi-section-not-contained:not(.fi-aside)>.fi-section-content-ctn { - row-gap: calc(var(--spacing)*4); - display: grid - } - - .fi-section.fi-section-not-contained:not(.fi-aside).fi-divided>.fi-section-content-ctn>.fi-section-content>* { - padding-block: calc(var(--spacing)*6) - } - - .fi-section.fi-section-not-contained:not(.fi-aside).fi-compact, - .fi-section.fi-section-not-contained:not(.fi-aside).fi-compact>.fi-section-content-ctn { - row-gap: calc(var(--spacing)*2.5) - } - - .fi-section.fi-section-not-contained:not(.fi-aside).fi-compact.fi-divided>.fi-section-content-ctn>.fi-section-content>* { - padding-block: calc(var(--spacing)*4) - } - - :where(.fi-section.fi-divided>.fi-section-content-ctn>.fi-section-content>: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))); - border-color: var(--gray-200) - } - - :where(.fi-section.fi-divided>.fi-section-content-ctn>.fi-section-content:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-section.fi-divided>.fi-section-content-ctn>.fi-section-content:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-section.fi-aside { - align-items: flex-start; - column-gap: calc(var(--spacing)*6); - row-gap: calc(var(--spacing)*4); - grid-template-columns: repeat(1, minmax(0, 1fr)); - display: grid - } - - @media (min-width:48rem) { - .fi-section.fi-aside { - grid-template-columns: repeat(3, minmax(0, 1fr)) - } - } - - .fi-section.fi-collapsible>.fi-section-header { - cursor: pointer - } - - .fi-section.fi-collapsed>.fi-section-header>.fi-section-collapse-btn { - rotate: 180deg - } - - .fi-section.fi-collapsed>.fi-section-content-ctn { - visibility: hidden; - height: calc(var(--spacing)*0); - --tw-border-style: none; - border-style: none; - position: absolute; - overflow: hidden - } - - @media (min-width:48rem) { - .fi-section.fi-section-has-content-before>.fi-section-content-ctn { - order: -9999 - } - } - - .fi-section>.fi-section-header { - align-items: center; - gap: calc(var(--spacing)*3); - display: flex - } - - .fi-section>.fi-section-header>.fi-icon { - color: var(--gray-400); - flex-shrink: 0 - } - - .fi-section>.fi-section-header>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-section>.fi-section-header>.fi-icon.fi-color { - color: var(--color-500) - } - - .fi-section>.fi-section-header>.fi-icon.fi-color:where(.dark, .dark *) { - color: var(--color-400) - } - - .fi-section>.fi-section-header>.fi-icon.fi-size-sm { - margin-top: calc(var(--spacing)*1) - } - - .fi-section>.fi-section-header>.fi-icon.fi-size-md { - margin-top: calc(var(--spacing)*.5) - } - - .fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-sc-text, - .fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-link { - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6) - } - - .fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-xs { - margin-block: calc(var(--spacing)*-.5) - } - - .fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-sm { - margin-block: calc(var(--spacing)*-1) - } - - .fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-md { - margin-block: calc(var(--spacing)*-1.5) - } - - .fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-lg { - margin-block: calc(var(--spacing)*-2) - } - - .fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-xl { - margin-block: calc(var(--spacing)*-2.5) - } - - .fi-section>.fi-section-header>.fi-section-collapse-btn { - margin-block: calc(var(--spacing)*-1.5); - flex-shrink: 0 - } - - .fi-section .fi-section-header-text-ctn { - row-gap: calc(var(--spacing)*1); - flex: 1; - display: grid - } - - .fi-section .fi-section-header-heading { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - .fi-section .fi-section-header-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-section .fi-section-header-description { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - overflow-wrap: break-word; - color: var(--gray-500); - overflow: hidden - } - - .fi-section .fi-section-header-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-tabs { - column-gap: calc(var(--spacing)*1); - max-width: 100%; - display: flex; - overflow-x: auto - } - - .fi-tabs.fi-contained { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2.5) - } - - .fi-tabs.fi-contained:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-tabs.fi-contained:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-tabs:not(.fi-contained) { - border-radius: var(--radius-xl); - background-color: var(--color-white); - padding: calc(var(--spacing)*2); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - margin-inline: auto - } - - .fi-tabs:not(.fi-contained):where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-tabs:not(.fi-contained):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-tabs.fi-vertical { - column-gap: calc(var(--spacing)*0); - row-gap: calc(var(--spacing)*1); - flex-direction: column; - overflow: hidden auto - } - - .fi-tabs.fi-vertical.fi-contained { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 1px; - border-bottom-style: var(--tw-border-style); - border-bottom-width: 0 - } - - .fi-tabs.fi-vertical:not(.fi-contained) { - margin-inline: calc(var(--spacing)*0) - } - - .fi-tabs.fi-vertical .fi-tabs-item { - justify-content: flex-start - } - - .fi-tabs-item { - justify-content: center; - align-items: center; - column-gap: calc(var(--spacing)*2); - border-radius: var(--radius-lg); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - 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); - white-space: nowrap; - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - --tw-outline-style: none; - outline-style: none; - transition-duration: 75ms; - display: flex - } - - @media (hover:hover) { - .fi-tabs-item:hover { - background-color: var(--gray-50) - } - } - - .fi-tabs-item:focus-visible { - background-color: var(--gray-50) - } - - @media (hover:hover) { - .fi-tabs-item:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-tabs-item:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-tabs-item:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-tabs-item:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-tabs-item.fi-active { - background-color: var(--gray-50) - } - - .fi-tabs-item.fi-active:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-tabs-item.fi-active:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-tabs-item.fi-active .fi-tabs-item-label, - .fi-tabs-item.fi-active .fi-icon { - color: var(--primary-700) - } - - :is(.fi-tabs-item.fi-active .fi-tabs-item-label, .fi-tabs-item.fi-active .fi-icon):where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label, - .fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:is(:where(.group):focus-visible *) { - color: var(--gray-700) - } - - .fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:where(.dark, .dark *), - .fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:where(.dark, .dark *):is(:where(.group):focus-visible *) { - color: var(--gray-200) - } - - .fi-tabs-item :not(.fi-active):focus-visible .fi-tabs-item-label { - color: var(--gray-700) - } - - .fi-tabs-item :not(.fi-active):focus-visible .fi-tabs-item-label:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-tabs-item .fi-tabs-item-label { - color: var(--gray-500); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-tabs-item .fi-tabs-item-label:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-tabs-item .fi-icon { - color: var(--gray-400); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - flex-shrink: 0; - transition-duration: 75ms - } - - .fi-tabs-item .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-tabs-item .fi-badge { - width: max-content - } - - .fi-toggle { - height: calc(var(--spacing)*6); - width: calc(var(--spacing)*11); - cursor: pointer; - border-style: var(--tw-border-style); - background-color: var(--gray-200); - 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)); - --tw-duration: .2s; - --tw-ease: var(--ease-in-out); - transition-duration: .2s; - transition-timing-function: var(--ease-in-out); - --tw-outline-style: none; - border-width: 2px; - border-color: #0000; - border-radius: 3.40282e38px; - outline-style: none; - flex-shrink: 0; - display: inline-flex; - position: relative - } - - .fi-toggle: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(--primary-600); - --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) - } - - .fi-toggle:disabled { - pointer-events: none; - opacity: .7 - } - - .fi-toggle:where(.dark, .dark *) { - background-color: var(--gray-700) - } - - .fi-toggle:where(.dark, .dark *):focus-visible { - --tw-ring-color: var(--primary-500); - --tw-ring-offset-color: var(--gray-900) - } - - .fi-toggle:disabled, - .fi-toggle[disabled] { - pointer-events: none; - opacity: .7 - } - - .fi-toggle.fi-color { - background-color: var(--bg) - } - - .fi-toggle.fi-color:where(.dark, .dark *) { - background-color: var(--dark-bg) - } - - .fi-toggle.fi-color .fi-icon { - color: var(--text) - } - - .fi-toggle.fi-hidden { - display: none - } - - .fi-toggle>:first-child { - pointer-events: none; - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5); - transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, ); - background-color: var(--color-white); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --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); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: .2s; - --tw-ease: var(--ease-in-out); - transition-duration: .2s; - transition-timing-function: var(--ease-in-out); - border-radius: 3.40282e38px; - display: inline-block; - position: relative - } - - .fi-toggle>:first-child>* { - inset: calc(var(--spacing)*0); - width: 100%; - height: 100%; - transition-property: opacity; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - justify-content: center; - align-items: center; - display: flex; - position: absolute - } - - .fi-toggle .fi-icon { - color: var(--gray-400) - } - - .fi-toggle .fi-icon:where(.dark, .dark *) { - color: var(--gray-700) - } - - .fi-toggle.fi-toggle-on>:first-child { - --tw-translate-x: calc(var(--spacing)*5); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-toggle.fi-toggle-on>:first-child:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: calc(var(--spacing)*-5); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-toggle.fi-toggle-on>:first-child>:first-child { - opacity: 0; - --tw-duration: .1s; - --tw-ease: var(--ease-out); - transition-duration: .1s; - transition-timing-function: var(--ease-out) - } - - .fi-toggle.fi-toggle-on>:first-child>:last-child { - opacity: 1; - --tw-duration: .2s; - --tw-ease: var(--ease-in); - transition-duration: .2s; - transition-timing-function: var(--ease-in) - } - - .fi-toggle.fi-toggle-off>:first-child { - --tw-translate-x: calc(var(--spacing)*0); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-toggle.fi-toggle-off>:first-child>:first-child { - opacity: 1; - --tw-duration: .2s; - --tw-ease: var(--ease-in); - transition-duration: .2s; - transition-timing-function: var(--ease-in) - } - - .fi-toggle.fi-toggle-off>:first-child>:last-child { - opacity: 0; - --tw-duration: .1s; - --tw-ease: var(--ease-out); - transition-duration: .1s; - transition-timing-function: var(--ease-out) - } - - .fi-sortable-ghost { - opacity: .3 - } - - .fi-ac { - gap: calc(var(--spacing)*3) - } - - .fi-ac:not(.fi-width-full) { - flex-wrap: wrap; - align-items: center; - display: flex - } - - .fi-ac:not(.fi-width-full).fi-align-start, - .fi-ac:not(.fi-width-full).fi-align-left { - justify-content: flex-start - } - - .fi-ac:not(.fi-width-full).fi-align-center { - justify-content: center - } - - .fi-ac:not(.fi-width-full).fi-align-end, - .fi-ac:not(.fi-width-full).fi-align-right { - flex-direction: row-reverse - } - - .fi-ac:not(.fi-width-full).fi-align-between, - .fi-ac:not(.fi-width-full).fi-align-justify { - justify-content: space-between - } - - .fi-ac.fi-width-full { - grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); - display: grid - } - - .CodeMirror { - color: #000; - direction: ltr; - height: 300px; - font-family: monospace - } - - .CodeMirror-lines { - padding: 4px 0 - } - - .CodeMirror pre.CodeMirror-line, - .CodeMirror pre.CodeMirror-line-like { - padding: 0 4px - } - - .CodeMirror-gutter-filler, - .CodeMirror-scrollbar-filler { - background-color: #fff - } - - .CodeMirror-gutters { - white-space: nowrap; - background-color: #f7f7f7; - border-right: 1px solid #ddd - } - - .CodeMirror-linenumber { - text-align: right; - color: #999; - white-space: nowrap; - min-width: 20px; - padding: 0 3px 0 5px - } - - .CodeMirror-guttermarker { - color: #000 - } - - .CodeMirror-guttermarker-subtle { - color: #999 - } - - .CodeMirror-cursor { - border-left: 1px solid #000; - border-right: none; - width: 0 - } - - .CodeMirror div.CodeMirror-secondarycursor { - border-left: 1px solid silver - } - - .cm-fat-cursor .CodeMirror-cursor { - background: #7e7; - width: auto; - border: 0 !important - } - - .cm-fat-cursor div.CodeMirror-cursors { - z-index: 1 - } - - .cm-fat-cursor .CodeMirror-line::selection { - background: 0 0 - } - - .cm-fat-cursor .CodeMirror-line>span::selection { - background: 0 0 - } - - .cm-fat-cursor .CodeMirror-line>span>span::selection { - background: 0 0 - } - - .cm-fat-cursor .CodeMirror-line::-moz-selection { - background: 0 0 - } - - .cm-fat-cursor .CodeMirror-line>span::-moz-selection { - background: 0 0 - } - - .cm-fat-cursor .CodeMirror-line>span>span::-moz-selection { - background: 0 0 - } - - .cm-fat-cursor { - caret-color: #0000 - } - - @keyframes blink { - 50% { - background-color: #0000 - } - } - - .cm-tab { - -webkit-text-decoration: inherit; - text-decoration: inherit; - display: inline-block - } - - .CodeMirror-rulers { - position: absolute; - inset: -50px 0 0; - overflow: hidden - } - - .CodeMirror-ruler { - border-left: 1px solid #ccc; - position: absolute; - top: 0; - bottom: 0 - } - - .cm-s-default .cm-header { - color: #00f - } - - .cm-s-default .cm-quote { - color: #090 - } - - .cm-negative { - color: #d44 - } - - .cm-positive { - color: #292 - } - - .cm-header, - .cm-strong { - font-weight: 700 - } - - .cm-em { - font-style: italic - } - - .cm-link { - text-decoration: underline - } - - .cm-strikethrough { - text-decoration: line-through - } - - .cm-s-default .cm-keyword { - color: #708 - } - - .cm-s-default .cm-atom { - color: #219 - } - - .cm-s-default .cm-number { - color: #164 - } - - .cm-s-default .cm-def { - color: #00f - } - - .cm-s-default .cm-variable-2 { - color: #05a - } - - .cm-s-default .cm-type, - .cm-s-default .cm-variable-3 { - color: #085 - } - - .cm-s-default .cm-comment { - color: #a50 - } - - .cm-s-default .cm-string { - color: #a11 - } - - .cm-s-default .cm-string-2 { - color: #f50 - } - - .cm-s-default .cm-meta, - .cm-s-default .cm-qualifier { - color: #555 - } - - .cm-s-default .cm-builtin { - color: #30a - } - - .cm-s-default .cm-bracket { - color: #997 - } - - .cm-s-default .cm-tag { - color: #170 - } - - .cm-s-default .cm-attribute { - color: #00c - } - - .cm-s-default .cm-hr { - color: #999 - } - - .cm-s-default .cm-link { - color: #00c - } - - .cm-s-default .cm-error, - .cm-invalidchar { - color: red - } - - .CodeMirror-composing { - border-bottom: 2px solid - } - - div.CodeMirror span.CodeMirror-matchingbracket { - color: #0b0 - } - - div.CodeMirror span.CodeMirror-nonmatchingbracket { - color: #a22 - } - - .CodeMirror-matchingtag { - background: #ff96004d - } - - .CodeMirror-activeline-background { - background: #e8f2ff - } - - .CodeMirror { - background: #fff; - position: relative; - overflow: hidden - } - - .CodeMirror-scroll { - z-index: 0; - outline: 0; - height: 100%; - margin-bottom: -50px; - margin-right: -50px; - padding-bottom: 50px; - position: relative; - overflow: scroll !important - } - - .CodeMirror-sizer { - border-right: 50px solid #0000; - position: relative - } - - .CodeMirror-gutter-filler, - .CodeMirror-hscrollbar, - .CodeMirror-scrollbar-filler, - .CodeMirror-vscrollbar { - z-index: 6; - outline: 0; - display: none; - position: absolute - } - - .CodeMirror-vscrollbar { - top: 0; - right: 0; - overflow: hidden scroll - } - - .CodeMirror-hscrollbar { - bottom: 0; - left: 0; - overflow: scroll hidden - } - - .CodeMirror-scrollbar-filler { - bottom: 0; - right: 0 - } - - .CodeMirror-gutter-filler { - bottom: 0; - left: 0 - } - - .CodeMirror-gutters { - z-index: 3; - min-height: 100%; - position: absolute; - top: 0; - left: 0 - } - - .CodeMirror-gutter { - white-space: normal; - vertical-align: top; - height: 100%; - margin-bottom: -50px; - display: inline-block - } - - .CodeMirror-gutter-wrapper { - z-index: 4; - position: absolute; - background: 0 0 !important; - border: none !important - } - - .CodeMirror-gutter-background { - z-index: 4; - position: absolute; - top: 0; - bottom: 0 - } - - .CodeMirror-gutter-elt { - cursor: default; - z-index: 4; - position: absolute - } - - .CodeMirror-gutter-wrapper ::selection { - background-color: #0000 - } - - .CodeMirror-lines { - cursor: text; - min-height: 1px - } - - .CodeMirror pre.CodeMirror-line, - .CodeMirror pre.CodeMirror-line-like { - font-family: inherit; - font-size: inherit; - white-space: pre; - word-wrap: normal; - line-height: inherit; - color: inherit; - z-index: 2; - -webkit-tap-highlight-color: transparent; - -webkit-font-variant-ligatures: contextual; - font-variant-ligatures: contextual; - background: 0 0; - border-width: 0; - border-radius: 0; - margin: 0; - position: relative; - overflow: visible - } - - .CodeMirror-wrap pre.CodeMirror-line, - .CodeMirror-wrap pre.CodeMirror-line-like { - word-wrap: break-word; - white-space: pre-wrap; - word-break: normal - } - - .CodeMirror-linebackground { - z-index: 0; - position: absolute; - inset: 0 - } - - .CodeMirror-linewidget { - z-index: 2; - padding: .1px; - position: relative - } - - .CodeMirror-code { - outline: 0 - } - - .CodeMirror-gutter, - .CodeMirror-gutters, - .CodeMirror-linenumber, - .CodeMirror-scroll, - .CodeMirror-sizer { - box-sizing: content-box - } - - .CodeMirror-measure { - visibility: hidden; - width: 100%; - height: 0; - position: absolute; - overflow: hidden - } - - .CodeMirror-cursor { - pointer-events: none; - position: absolute - } - - .CodeMirror-measure pre { - position: static - } - - div.CodeMirror-cursors { - visibility: hidden; - z-index: 3; - position: relative - } - - div.CodeMirror-dragcursors, - .CodeMirror-focused div.CodeMirror-cursors { - visibility: visible - } - - .CodeMirror-selected { - background: #d9d9d9 - } - - .CodeMirror-focused .CodeMirror-selected { - background: #d7d4f0 - } - - .CodeMirror-crosshair { - cursor: crosshair - } - - .CodeMirror-line::selection { - background: #d7d4f0 - } - - .CodeMirror-line>span::selection { - background: #d7d4f0 - } - - .CodeMirror-line>span>span::selection { - background: #d7d4f0 - } - - .CodeMirror-line::-moz-selection { - background: #d7d4f0 - } - - .CodeMirror-line>span::-moz-selection { - background: #d7d4f0 - } - - .CodeMirror-line>span>span::-moz-selection { - background: #d7d4f0 - } - - .cm-searching { - background-color: #ff06 - } - - .cm-force-border { - padding-right: .1px - } - - @media print { - .CodeMirror div.CodeMirror-cursors { - visibility: hidden - } - } - - .cm-tab-wrap-hack:after { - content: "" - } - - span.CodeMirror-selectedtext { - background: 0 0 - } - - .EasyMDEContainer { - display: block - } - - .CodeMirror-rtl pre { - direction: rtl - } - - .EasyMDEContainer.sided--no-fullscreen { - flex-flow: wrap; - display: flex - } - - .EasyMDEContainer .CodeMirror { - box-sizing: border-box; - height: auto; - font: inherit; - z-index: 0; - word-wrap: break-word; - border: 1px solid #ced4da; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - padding: 10px - } - - .EasyMDEContainer .CodeMirror-scroll { - cursor: text - } - - .EasyMDEContainer .CodeMirror-fullscreen { - z-index: 8; - background: #fff; - height: auto; - inset: 50px 0 0; - border-right: none !important; - border-bottom-right-radius: 0 !important; - position: fixed !important - } - - .EasyMDEContainer .CodeMirror-sided { - width: 50% !important - } - - .EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided { - border-bottom-right-radius: 0; - flex: auto; - position: relative; - border-right: none !important - } - - .EasyMDEContainer .CodeMirror-placeholder { - opacity: .5 - } - - .EasyMDEContainer .CodeMirror-focused .CodeMirror-selected { - background: #d9d9d9 - } - - .editor-toolbar { - -webkit-user-select: none; - user-select: none; - -o-user-select: none; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-right: 1px solid #ced4da; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - padding: 9px 10px; - position: relative - } - - .editor-toolbar.fullscreen { - box-sizing: border-box; - opacity: 1; - z-index: 9; - background: #fff; - border: 0; - width: 100%; - height: 50px; - padding-top: 10px; - padding-bottom: 10px; - position: fixed; - top: 0; - left: 0 - } - - .editor-toolbar.fullscreen:before { - background: -o-linear-gradient(270deg, #fff 0, #fff0 100%); - background: -ms-linear-gradient(left, #fff 0, #fff0 100%); - background: linear-gradient(90deg, #fff 0, #fff0); - width: 20px; - height: 50px; - margin: 0; - padding: 0; - position: fixed; - top: 0; - left: 0 - } - - .editor-toolbar.fullscreen:after { - background: -o-linear-gradient(270deg, #fff0 0, #fff 100%); - background: -ms-linear-gradient(left, #fff0 0, #fff 100%); - background: linear-gradient(90deg, #fff0 0, #fff); - width: 20px; - height: 50px; - margin: 0; - padding: 0; - position: fixed; - top: 0; - right: 0 - } - - .EasyMDEContainer.sided--no-fullscreen .editor-toolbar { - width: 100% - } - - .editor-toolbar .easymde-dropdown, - .editor-toolbar button { - text-align: center; - cursor: pointer; - background: 0 0; - border: 1px solid #0000; - border-radius: 3px; - height: 30px; - margin: 0; - padding: 0; - display: inline-block; - text-decoration: none !important - } - - .editor-toolbar button { - white-space: nowrap; - min-width: 30px; - padding: 0 6px; - font-weight: 700 - } - - .editor-toolbar button.active, - .editor-toolbar button:hover { - background: #fcfcfc; - border-color: #95a5a6 - } - - .editor-toolbar i.separator { - color: #0000; - text-indent: -10px; - border-left: 1px solid #d9d9d9; - border-right: 1px solid #fff; - width: 0; - margin: 0 6px; - display: inline-block - } - - .editor-toolbar button:after { - vertical-align: text-bottom; - font-family: Arial, Helvetica Neue, Helvetica, sans-serif; - font-size: 65%; - position: relative; - top: 2px - } - - .editor-toolbar button.heading-1:after { - content: "1" - } - - .editor-toolbar button.heading-2:after { - content: "2" - } - - .editor-toolbar button.heading-3:after { - content: "3" - } - - .editor-toolbar button.heading-bigger:after { - content: "â–²" - } - - .editor-toolbar button.heading-smaller:after { - content: "â–¼" - } - - .editor-toolbar.disabled-for-preview button:not(.no-disable) { - opacity: .6; - pointer-events: none - } - - @media only screen and (max-width:700px) { - .editor-toolbar i.no-mobile { - display: none - } - } - - .editor-statusbar { - color: #959694; - text-align: right; - padding: 8px 10px; - font-size: 12px - } - - .EasyMDEContainer.sided--no-fullscreen .editor-statusbar { - width: 100% - } - - .editor-statusbar span { - min-width: 4em; - margin-left: 1em; - display: inline-block - } - - .editor-statusbar .lines:before { - content: "lines: " - } - - .editor-statusbar .words:before { - content: "words: " - } - - .editor-statusbar .characters:before { - content: "characters: " - } - - .editor-preview-full { - z-index: 7; - box-sizing: border-box; - width: 100%; - height: 100%; - display: none; - position: absolute; - top: 0; - left: 0; - overflow: auto - } - - .editor-preview-side { - z-index: 9; - box-sizing: border-box; - word-wrap: break-word; - border: 1px solid #ddd; - width: 50%; - display: none; - position: fixed; - top: 50px; - bottom: 0; - right: 0; - overflow: auto - } - - .editor-preview-active-side { - display: block - } - - .EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side { - flex: auto; - height: auto; - position: static - } - - .editor-preview-active { - display: block - } - - .editor-preview { - background: #fafafa; - padding: 10px - } - - .editor-preview>p { - margin-top: 0 - } - - .editor-preview pre { - background: #eee; - margin-bottom: 10px - } - - .editor-preview table td, - .editor-preview table th { - border: 1px solid #ddd; - padding: 5px - } - - .cm-s-easymde .cm-tag { - color: #63a35c - } - - .cm-s-easymde .cm-attribute { - color: #795da3 - } - - .cm-s-easymde .cm-string { - color: #183691 - } - - .cm-s-easymde .cm-header-1 { - font-size: calc(1.375rem + 1.5vw) - } - - .cm-s-easymde .cm-header-2 { - font-size: calc(1.325rem + .9vw) - } - - .cm-s-easymde .cm-header-3 { - font-size: calc(1.3rem + .6vw) - } - - .cm-s-easymde .cm-header-4 { - font-size: calc(1.275rem + .3vw) - } - - .cm-s-easymde .cm-header-5 { - font-size: 1.25rem - } - - .cm-s-easymde .cm-header-6 { - font-size: 1rem - } - - .cm-s-easymde .cm-header-1, - .cm-s-easymde .cm-header-2, - .cm-s-easymde .cm-header-3, - .cm-s-easymde .cm-header-4, - .cm-s-easymde .cm-header-5, - .cm-s-easymde .cm-header-6 { - margin-bottom: .5rem; - line-height: 1.2 - } - - .cm-s-easymde .cm-comment { - background: #0000000d; - border-radius: 2px - } - - .cm-s-easymde .cm-link { - color: #7f8c8d - } - - .cm-s-easymde .cm-url { - color: #aab2b3 - } - - .cm-s-easymde .cm-quote { - color: #7f8c8d; - font-style: italic - } - - .editor-toolbar .easymde-dropdown { - background: linear-gradient(to bottom right, #fff 0 84%, #333 50% 100%); - border: 1px solid #fff; - border-radius: 0; - position: relative - } - - .editor-toolbar .easymde-dropdown:hover { - background: linear-gradient(to bottom right, #fff 0 84%, #333 50% 100%) - } - - .easymde-dropdown-content { - visibility: hidden; - z-index: 2; - background-color: #f9f9f9; - padding: 8px; - display: block; - position: absolute; - top: 30px; - box-shadow: 0 8px 16px #0003 - } - - .easymde-dropdown:active .easymde-dropdown-content, - .easymde-dropdown:focus .easymde-dropdown-content, - .easymde-dropdown:focus-within .easymde-dropdown-content { - visibility: visible - } - - .easymde-dropdown-content button { - display: block - } - - span[data-img-src]:after { - content: ""; - background-image: var(--bg-image); - max-width: 100%; - height: 0; - max-height: 100%; - padding-top: var(--height); - width: var(--width); - background-repeat: no-repeat; - background-size: contain; - display: block - } - - .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) { - background: #ff000026 - } - - .cropper-container { - -webkit-touch-callout: none; - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - user-select: none; - direction: ltr; - font-size: 0; - line-height: 0; - position: relative - } - - .cropper-container img { - backface-visibility: hidden; - image-orientation: 0deg; - width: 100%; - height: 100%; - display: block; - min-width: 0 !important; - max-width: none !important; - min-height: 0 !important; - max-height: none !important - } - - .cropper-canvas, - .cropper-crop-box, - .cropper-drag-box, - .cropper-modal, - .cropper-wrap-box { - position: absolute; - inset: 0 - } - - .cropper-canvas, - .cropper-wrap-box { - overflow: hidden - } - - .cropper-drag-box { - opacity: 0; - background-color: #fff - } - - .cropper-modal { - opacity: .5; - background-color: #000 - } - - .cropper-view-box { - outline: 1px solid #3399ffbf; - width: 100%; - height: 100%; - display: block; - overflow: hidden - } - - .cropper-dashed { - opacity: .5; - border: 0 dashed #eee; - display: block; - position: absolute - } - - .cropper-dashed.dashed-h { - border-top-width: 1px; - border-bottom-width: 1px; - width: 100%; - height: 33.3333%; - top: 33.3333%; - left: 0 - } - - .cropper-dashed.dashed-v { - border-left-width: 1px; - border-right-width: 1px; - width: 33.3333%; - height: 100%; - top: 0; - left: 33.3333% - } - - .cropper-center { - opacity: .75; - width: 0; - height: 0; - display: block; - position: absolute; - top: 50%; - left: 50% - } - - .cropper-center:after, - .cropper-center:before { - content: " "; - background-color: #eee; - display: block; - position: absolute - } - - .cropper-center:before { - width: 7px; - height: 1px; - top: 0; - left: -3px - } - - .cropper-center:after { - width: 1px; - height: 7px; - top: -3px; - left: 0 - } - - .cropper-face, - .cropper-line, - .cropper-point { - opacity: .1; - width: 100%; - height: 100%; - display: block; - position: absolute - } - - .cropper-face { - background-color: #fff; - top: 0; - left: 0 - } - - .cropper-line { - background-color: #39f - } - - .cropper-line.line-e { - cursor: ew-resize; - width: 5px; - top: 0; - right: -3px - } - - .cropper-line.line-n { - cursor: ns-resize; - height: 5px; - top: -3px; - left: 0 - } - - .cropper-line.line-w { - cursor: ew-resize; - width: 5px; - top: 0; - left: -3px - } - - .cropper-line.line-s { - cursor: ns-resize; - height: 5px; - bottom: -3px; - left: 0 - } - - .cropper-point { - opacity: .75; - background-color: #39f; - width: 5px; - height: 5px - } - - .cropper-point.point-e { - cursor: ew-resize; - margin-top: -3px; - top: 50%; - right: -3px - } - - .cropper-point.point-n { - cursor: ns-resize; - margin-left: -3px; - top: -3px; - left: 50% - } - - .cropper-point.point-w { - cursor: ew-resize; - margin-top: -3px; - top: 50%; - left: -3px - } - - .cropper-point.point-s { - cursor: s-resize; - margin-left: -3px; - bottom: -3px; - left: 50% - } - - .cropper-point.point-ne { - cursor: nesw-resize; - top: -3px; - right: -3px - } - - .cropper-point.point-nw { - cursor: nwse-resize; - top: -3px; - left: -3px - } - - .cropper-point.point-sw { - cursor: nesw-resize; - bottom: -3px; - left: -3px - } - - .cropper-point.point-se { - cursor: nwse-resize; - opacity: 1; - width: 20px; - height: 20px; - bottom: -3px; - right: -3px - } - - @media (min-width:768px) { - .cropper-point.point-se { - width: 15px; - height: 15px - } - } - - @media (min-width:992px) { - .cropper-point.point-se { - width: 10px; - height: 10px - } - } - - @media (min-width:1200px) { - .cropper-point.point-se { - opacity: .75; - width: 5px; - height: 5px - } - } - - .cropper-point.point-se:before { - content: " "; - opacity: 0; - background-color: #39f; - width: 200%; - height: 200%; - display: block; - position: absolute; - bottom: -50%; - right: -50% - } - - .cropper-invisible { - opacity: 0 - } - - .cropper-bg { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC) - } - - .cropper-hide { - width: 0; - height: 0; - display: block; - position: absolute - } - - .cropper-hidden { - display: none !important - } - - .cropper-move { - cursor: move - } - - .cropper-crop { - cursor: crosshair - } - - .cropper-disabled .cropper-drag-box, - .cropper-disabled .cropper-face, - .cropper-disabled .cropper-line, - .cropper-disabled .cropper-point { - cursor: not-allowed - } - - .filepond--assistant { - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - white-space: nowrap; - border: 0; - width: 1px; - height: 1px; - padding: 0; - position: absolute; - overflow: hidden - } - - .filepond--browser.filepond--browser { - opacity: 0; - width: calc(100% - 2em); - margin: 0; - padding: 0; - font-size: 0; - position: absolute; - top: 1.75em; - left: 1em - } - - .filepond--data { - visibility: hidden; - pointer-events: none; - contain: strict; - border: none; - width: 0; - height: 0; - margin: 0; - padding: 0; - position: absolute - } - - .filepond--drip { - opacity: .1; - pointer-events: none; - background: #00000003; - border-radius: .5em; - position: absolute; - inset: 0; - overflow: hidden - } - - .filepond--drip-blob { - transform-origin: 50%; - background: #292625; - border-radius: 50%; - width: 8em; - height: 8em; - margin-top: -4em; - margin-left: -4em - } - - .filepond--drip-blob, - .filepond--drop-label { - will-change: transform, opacity; - position: absolute; - top: 0; - left: 0 - } - - .filepond--drop-label { - color: #4f4f4f; - -webkit-user-select: none; - user-select: none; - justify-content: center; - align-items: center; - height: 0; - margin: 0; - display: flex; - right: 0 - } - - .filepond--drop-label.filepond--drop-label label { - margin: 0; - padding: .5em; - display: block - } - - .filepond--drop-label label { - cursor: default; - text-align: center; - font-size: .875em; - font-weight: 400; - line-height: 1.5 - } - - .filepond--label-action { - -webkit-text-decoration-skip: ink; - -webkit-text-decoration-skip-ink: auto; - text-decoration-skip-ink: auto; - cursor: pointer; - -webkit-text-decoration: underline #a7a4a4; - text-decoration: underline #a7a4a4 - } - - .filepond--root[data-disabled] .filepond--drop-label label { - opacity: .5 - } - - .filepond--file-action-button.filepond--file-action-button { - width: 1.625em; - height: 1.625em; - font-family: inherit; - font-size: 1em; - line-height: inherit; - will-change: transform, opacity; - border: none; - outline: none; - margin: 0; - padding: 0 - } - - .filepond--file-action-button.filepond--file-action-button span { - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - white-space: nowrap; - border: 0; - width: 1px; - height: 1px; - padding: 0; - position: absolute; - overflow: hidden - } - - .filepond--file-action-button.filepond--file-action-button svg { - width: 100%; - height: 100% - } - - .filepond--file-action-button.filepond--file-action-button:after { - content: ""; - position: absolute; - inset: -.75em - } - - .filepond--file-action-button { - cursor: auto; - color: #fff; - background-color: #00000080; - background-image: none; - border-radius: 50%; - transition: box-shadow .25s ease-in; - box-shadow: 0 0 #fff0 - } - - .filepond--file-action-button:focus, - .filepond--file-action-button:hover { - box-shadow: 0 0 0 .125em #ffffffe6 - } - - .filepond--file-action-button[disabled] { - color: #ffffff80; - background-color: #00000040 - } - - .filepond--file-action-button[hidden] { - display: none - } - - .filepond--file-info { - will-change: transform, opacity; - pointer-events: none; - -webkit-user-select: none; - user-select: none; - flex-direction: column; - flex: 1; - align-items: flex-start; - min-width: 0; - margin: 0 .5em 0 0; - display: flex; - position: static - } - - .filepond--file-info * { - margin: 0 - } - - .filepond--file-info .filepond--file-info-main { - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; - font-size: .75em; - line-height: 1.2; - overflow: hidden - } - - .filepond--file-info .filepond--file-info-sub { - opacity: .5; - white-space: nowrap; - font-size: .625em; - transition: opacity .25s ease-in-out - } - - .filepond--file-info .filepond--file-info-sub:empty { - display: none - } - - .filepond--file-status { - text-align: right; - will-change: transform, opacity; - pointer-events: none; - -webkit-user-select: none; - user-select: none; - flex-direction: column; - flex-grow: 0; - flex-shrink: 0; - align-items: flex-end; - min-width: 2.25em; - margin: 0; - display: flex; - position: static - } - - .filepond--file-status * { - white-space: nowrap; - margin: 0 - } - - .filepond--file-status .filepond--file-status-main { - font-size: .75em; - line-height: 1.2 - } - - .filepond--file-status .filepond--file-status-sub { - opacity: .5; - font-size: .625em; - transition: opacity .25s ease-in-out - } - - .filepond--file-wrapper.filepond--file-wrapper { - border: none; - min-width: 0; - height: 100%; - margin: 0; - padding: 0 - } - - .filepond--file-wrapper.filepond--file-wrapper>legend { - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - white-space: nowrap; - border: 0; - width: 1px; - height: 1px; - padding: 0; - position: absolute; - overflow: hidden - } - - .filepond--file { - color: #fff; - border-radius: .5em; - align-items: flex-start; - height: 100%; - padding: .5625em; - display: flex; - position: static - } - - .filepond--file .filepond--file-status { - margin-left: auto; - margin-right: 2.25em - } - - .filepond--file .filepond--processing-complete-indicator { - pointer-events: none; - -webkit-user-select: none; - user-select: none; - z-index: 3 - } - - .filepond--file .filepond--file-action-button, - .filepond--file .filepond--processing-complete-indicator, - .filepond--file .filepond--progress-indicator { - position: absolute - } - - .filepond--file [data-align*=left] { - left: .5625em - } - - .filepond--file [data-align*=right] { - right: .5625em - } - - .filepond--file [data-align*=center] { - left: calc(50% - .8125em) - } - - .filepond--file [data-align*=bottom] { - bottom: 1.125em - } - - .filepond--file [data-align=center] { - top: calc(50% - .8125em) - } - - .filepond--file .filepond--progress-indicator { - margin-top: .1875em - } - - .filepond--file .filepond--progress-indicator[data-align*=right] { - margin-right: .1875em - } - - .filepond--file .filepond--progress-indicator[data-align*=left] { - margin-left: .1875em - } - - [data-filepond-item-state*=error] .filepond--file-info, - [data-filepond-item-state*=invalid] .filepond--file-info, - [data-filepond-item-state=cancelled] .filepond--file-info { - margin-right: 2.25em - } - - [data-filepond-item-state~=processing] .filepond--file-status-sub { - opacity: 0 - } - - [data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub { - opacity: .5 - } - - [data-filepond-item-state=processing-error] .filepond--file-status-sub { - opacity: 0 - } - - [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub { - opacity: .5 - } - - [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg { - animation: .5s linear .125s both fall - } - - [data-filepond-item-state=processing-complete] .filepond--file-status-sub { - opacity: .5 - } - - [data-filepond-item-state=processing-complete] .filepond--file-info-sub, - [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub { - opacity: 0 - } - - [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub { - opacity: .5 - } - - [data-filepond-item-state*=error] .filepond--file-wrapper, - [data-filepond-item-state*=error] .filepond--panel, - [data-filepond-item-state*=invalid] .filepond--file-wrapper, - [data-filepond-item-state*=invalid] .filepond--panel { - animation: .65s linear both shake - } - - [data-filepond-item-state*=busy] .filepond--progress-indicator svg { - animation: 1s linear infinite spin - } - - @keyframes spin { - 0% { - transform: rotate(0) - } - - to { - transform: rotate(1turn) - } - } - - @keyframes shake { - - 10%, - 90% { - transform: translate(-.0625em) - } - - 20%, - 80% { - transform: translate(.125em) - } - - 30%, - 50%, - 70% { - transform: translate(-.25em) - } - - 40%, - 60% { - transform: translate(.25em) - } - } - - @keyframes fall { - 0% { - opacity: 0; - animation-timing-function: ease-out; - transform: scale(.5) - } - - 70% { - opacity: 1; - animation-timing-function: ease-in-out; - transform: scale(1.1) - } - - to { - animation-timing-function: ease-out; - transform: scale(1) - } - } - - .filepond--hopper[data-hopper-state=drag-over]>* { - pointer-events: none - } - - .filepond--hopper[data-hopper-state=drag-over]:after { - content: ""; - z-index: 100; - position: absolute; - inset: 0 - } - - .filepond--progress-indicator { - z-index: 103 - } - - .filepond--file-action-button { - z-index: 102 - } - - .filepond--file-status { - z-index: 101 - } - - .filepond--file-info { - z-index: 100 - } - - .filepond--item { - z-index: 1; - will-change: transform, opacity; - touch-action: auto; - margin: .25em; - padding: 0; - position: absolute; - top: 0; - left: 0; - right: 0 - } - - .filepond--item>.filepond--panel { - z-index: -1 - } - - .filepond--item>.filepond--panel .filepond--panel-bottom { - box-shadow: 0 .0625em .125em -.0625em #00000040 - } - - .filepond--item>.filepond--file-wrapper, - .filepond--item>.filepond--panel { - transition: opacity .15s ease-out - } - - .filepond--item[data-drag-state] { - cursor: -webkit-grab; - cursor: grab - } - - .filepond--item[data-drag-state]>.filepond--panel { - transition: box-shadow .125s ease-in-out; - box-shadow: 0 0 #0000 - } - - .filepond--item[data-drag-state=drag] { - cursor: -webkit-grabbing; - cursor: grabbing - } - - .filepond--item[data-drag-state=drag]>.filepond--panel { - box-shadow: 0 .125em .3125em #00000053 - } - - .filepond--item[data-drag-state]:not([data-drag-state=idle]) { - z-index: 2 - } - - .filepond--item-panel { - background-color: #64605e - } - - [data-filepond-item-state=processing-complete] .filepond--item-panel { - background-color: #369763 - } - - [data-filepond-item-state*=error] .filepond--item-panel, - [data-filepond-item-state*=invalid] .filepond--item-panel { - background-color: #c44e47 - } - - .filepond--item-panel { - border-radius: .5em; - transition: background-color .25s - } - - .filepond--list-scroller { - will-change: transform; - margin: 0; - position: absolute; - top: 0; - left: 0; - right: 0 - } - - .filepond--list-scroller[data-state=overflow] .filepond--list { - bottom: 0; - right: 0 - } - - .filepond--list-scroller[data-state=overflow] { - -webkit-overflow-scrolling: touch; - overflow: hidden scroll; - -webkit-mask: linear-gradient(#000 calc(100% - .5em), #0000); - mask: linear-gradient(#000 calc(100% - .5em), #0000) - } - - .filepond--list-scroller::-webkit-scrollbar { - background: 0 0 - } - - .filepond--list-scroller::-webkit-scrollbar:vertical { - width: 1em - } - - .filepond--list-scroller::-webkit-scrollbar:horizontal { - height: 0 - } - - .filepond--list-scroller::-webkit-scrollbar-thumb { - background-color: #0000004d; - background-clip: content-box; - border: .3125em solid #0000; - border-radius: 99999px - } - - .filepond--list.filepond--list { - will-change: transform; - margin: 0; - padding: 0; - list-style-type: none; - position: absolute; - top: 0 - } - - .filepond--list { - left: .75em; - right: .75em - } - - .filepond--root[data-style-panel-layout~=integrated] { - width: 100%; - max-width: none; - height: 100%; - margin: 0 - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root, - .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root { - border-radius: 0 - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*, - .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>* { - display: none - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label, - .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label { - z-index: 7; - justify-content: center; - align-items: center; - height: auto; - display: flex; - bottom: 0 - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel, - .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel { - display: none - } - - .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller, - .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller { - height: 100%; - margin-top: 0; - margin-bottom: 0; - overflow: hidden - } - - .filepond--root[data-style-panel-layout~=compact] .filepond--list, - .filepond--root[data-style-panel-layout~=integrated] .filepond--list { - height: 100%; - left: 0; - right: 0 - } - - .filepond--root[data-style-panel-layout~=compact] .filepond--item, - .filepond--root[data-style-panel-layout~=integrated] .filepond--item { - margin: 0 - } - - .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper, - .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper { - height: 100% - } - - .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label, - .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label { - z-index: 7 - } - - .filepond--root[data-style-panel-layout~=circle] { - border-radius: 99999rem; - overflow: hidden - } - - .filepond--root[data-style-panel-layout~=circle]>.filepond--panel { - border-radius: inherit - } - - .filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*, - .filepond--root[data-style-panel-layout~=circle] .filepond--file-info, - .filepond--root[data-style-panel-layout~=circle] .filepond--file-status { - display: none - } - - @media not all and (min-resolution:.001dpcm) { - @supports ((-webkit-appearance:none)) and (stroke-color:transparent) { - .filepond--root[data-style-panel-layout~=circle] { - will-change: transform - } - } - } - - .filepond--panel-root { - background-color: #f1f0ef; - border-radius: .5em - } - - .filepond--panel { - pointer-events: none; - margin: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 100% !important - } - - .filepond-panel:not([data-scalable=false]) { - height: auto !important - } - - .filepond--panel[data-scalable=false]>div { - display: none - } - - .filepond--panel[data-scalable=true] { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - background-color: #0000 !important; - border: none !important - } - - .filepond--panel-bottom, - .filepond--panel-center, - .filepond--panel-top { - margin: 0; - padding: 0; - position: absolute; - top: 0; - left: 0; - right: 0 - } - - .filepond--panel-bottom, - .filepond--panel-top { - height: .5em - } - - .filepond--panel-top { - border-bottom: none !important; - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important - } - - .filepond--panel-top:after { - content: ""; - background-color: inherit; - height: 2px; - position: absolute; - bottom: -1px; - left: 0; - right: 0 - } - - .filepond--panel-bottom, - .filepond--panel-center { - will-change: transform; - backface-visibility: hidden; - transform-origin: 0 0; - transform: translateY(.5em) - } - - .filepond--panel-bottom { - border-top: none !important; - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important - } - - .filepond--panel-bottom:before { - content: ""; - background-color: inherit; - height: 2px; - position: absolute; - top: -1px; - left: 0; - right: 0 - } - - .filepond--panel-center { - border-top: none !important; - border-bottom: none !important; - border-radius: 0 !important; - height: 100px !important - } - - .filepond--panel-center:not([style]) { - visibility: hidden - } - - .filepond--progress-indicator { - color: #fff; - pointer-events: none; - will-change: transform, opacity; - width: 1.25em; - height: 1.25em; - margin: 0; - position: static - } - - .filepond--progress-indicator svg { - vertical-align: top; - transform-box: fill-box; - width: 100%; - height: 100% - } - - .filepond--progress-indicator path { - fill: none; - stroke: currentColor - } - - .filepond--list-scroller { - z-index: 6 - } - - .filepond--drop-label { - z-index: 5 - } - - .filepond--drip { - z-index: 3 - } - - .filepond--root>.filepond--panel { - z-index: 2 - } - - .filepond--browser { - z-index: 1 - } - - .filepond--root { - box-sizing: border-box; - text-align: left; - text-rendering: optimizeLegibility; - contain: layout style size; - direction: ltr; - margin-bottom: 1em; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 1rem; - font-weight: 450; - line-height: normal; - position: relative - } - - .filepond--root * { - box-sizing: inherit; - line-height: inherit - } - - .filepond--root :not(text) { - font-size: inherit - } - - .filepond--root[data-disabled] { - pointer-events: none - } - - .filepond--root[data-disabled] .filepond--list-scroller { - pointer-events: all - } - - .filepond--root[data-disabled] .filepond--list { - pointer-events: none - } - - .filepond--root .filepond--drop-label { - min-height: 4.75em - } - - .filepond--root .filepond--list-scroller { - margin-top: 1em; - margin-bottom: 1em - } - - .filepond--root .filepond--credits { - opacity: .4; - color: inherit; - z-index: 3; - font-size: 11px; - line-height: .85; - text-decoration: none; - position: absolute; - bottom: -14px; - right: 0 - } - - .filepond--root .filepond--credits[style] { - margin-top: 14px; - top: 0; - bottom: auto - } - - .filepond--action-edit-item.filepond--action-edit-item { - width: 2em; - height: 2em; - padding: .1875em - } - - .filepond--action-edit-item.filepond--action-edit-item[data-align*=center] { - margin-left: -.1875em - } - - .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] { - margin-bottom: -.1875em - } - - .filepond--action-edit-item-alt { - line-height: inherit; - color: inherit; - pointer-events: all; - background: 0 0; - border: none; - outline: none; - margin: 0 0 0 .25em; - padding: 0; - font-family: inherit; - position: absolute - } - - .filepond--action-edit-item-alt svg { - width: 1.3125em; - height: 1.3125em - } - - .filepond--action-edit-item-alt span { - opacity: 0; - font-size: 0 - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item { - opacity: 1 !important; - visibility: visible !important - } - - .filepond--image-preview-markup { - position: absolute; - top: 0; - left: 0 - } - - .filepond--image-preview-wrapper { - z-index: 2 - } - - .filepond--image-preview-overlay { - opacity: 0; - z-index: 2; - pointer-events: none; - -webkit-user-select: none; - user-select: none; - width: 100%; - min-height: 5rem; - max-height: 7rem; - margin: 0; - display: block; - position: absolute; - top: 0; - left: 0 - } - - .filepond--image-preview-overlay svg { - width: 100%; - height: auto; - color: inherit; - max-height: inherit - } - - .filepond--image-preview-overlay-idle { - mix-blend-mode: multiply; - color: #282828d9 - } - - .filepond--image-preview-overlay-success { - mix-blend-mode: normal; - color: #369763 - } - - .filepond--image-preview-overlay-failure { - mix-blend-mode: normal; - color: #c44e47 - } - - @supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) { - .filepond--image-preview-overlay-idle { - mix-blend-mode: normal - } - } - - .filepond--image-preview-wrapper { - -webkit-user-select: none; - user-select: none; - background: #00000003; - border-radius: .45em; - height: 100%; - margin: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - overflow: hidden - } - - .filepond--image-preview { - z-index: 1; - pointer-events: none; - will-change: transform, opacity; - background: #222; - align-items: center; - width: 100%; - height: 100%; - display: flex; - position: absolute; - top: 0; - left: 0 - } - - .filepond--image-clip { - margin: 0 auto; - position: relative; - overflow: hidden - } - - .filepond--image-clip[data-transparency-indicator=grid] img, - .filepond--image-clip[data-transparency-indicator=grid] canvas { - background-color: #fff; - background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E"); - background-size: 1.25em 1.25em - } - - .filepond--image-bitmap, - .filepond--image-vector { - will-change: transform; - position: absolute; - top: 0; - left: 0 - } - - .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper { - border-radius: 0 - } - - .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview { - justify-content: center; - align-items: center; - height: 100%; - display: flex - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper { - border-radius: 99999rem - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay { - top: auto; - bottom: 0; - transform: scaleY(-1) - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) { - margin-bottom: .325em - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] { - left: calc(50% - 3em) - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] { - right: calc(50% - 3em) - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left], - .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] { - margin-bottom: .5125em - } - - .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] { - margin-top: 0; - margin-bottom: .1875em; - margin-left: .1875em - } - - .filepond--media-preview audio { - display: none - } - - .filepond--media-preview .audioplayer { - width: calc(100% - 1.4em); - margin: 2.3em auto auto - } - - .filepond--media-preview .playpausebtn { - float: left; - cursor: pointer; - background-position: 50%; - background-repeat: no-repeat; - border: none; - border-radius: 25px; - outline: none; - width: 25px; - height: 25px; - margin-top: .3em; - margin-right: .3em - } - - .filepond--media-preview .playpausebtn:hover { - background-color: #00000080 - } - - .filepond--media-preview .play { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=) - } - - .filepond--media-preview .pause { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC) - } - - .filepond--media-preview .timeline { - float: left; - background: #ffffff4d; - border-radius: 15px; - width: calc(100% - 2.5em); - height: 3px; - margin-top: 1em - } - - .filepond--media-preview .playhead { - background: #fff; - border-radius: 50%; - width: 13px; - height: 13px; - margin-top: -5px - } - - .filepond--media-preview-wrapper { - pointer-events: auto; - background: #00000003; - border-radius: .45em; - height: 100%; - margin: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - overflow: hidden - } - - .filepond--media-preview-wrapper:before { - content: " "; - width: 100%; - height: 2em; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=0); - z-index: 3; - background: linear-gradient(#000, #0000); - position: absolute - } - - .filepond--media-preview { - z-index: 1; - transform-origin: 50%; - will-change: transform, opacity; - width: 100%; - height: 100%; - display: block; - position: relative - } - - .filepond--media-preview video, - .filepond--media-preview audio { - will-change: transform; - width: 100% - } - - .noUi-target, - .noUi-target * { - -webkit-touch-callout: none; - -webkit-tap-highlight-color: #0000; - -webkit-user-select: none; - user-select: none; - -ms-touch-action: none; - touch-action: none; - box-sizing: border-box - } - - .noUi-target { - position: relative - } - - .noUi-base, - .noUi-connects { - z-index: 1; - width: 100%; - height: 100%; - position: relative - } - - .noUi-connects { - z-index: 0; - overflow: hidden - } - - .noUi-connect, - .noUi-origin { - will-change: transform; - z-index: 1; - transform-origin: 0 0; - width: 100%; - height: 100%; - -webkit-transform-style: preserve-3d; - transform-style: flat; - position: absolute; - top: 0; - right: 0 - } - - .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { - left: 0; - right: auto - } - - .noUi-vertical .noUi-origin { - width: 0; - top: -100% - } - - .noUi-horizontal .noUi-origin { - height: 0 - } - - .noUi-handle { - backface-visibility: hidden; - position: absolute - } - - .noUi-touch-area { - width: 100%; - height: 100% - } - - .noUi-state-tap .noUi-connect, - .noUi-state-tap .noUi-origin { - transition: transform .3s - } - - .noUi-state-drag * { - cursor: inherit !important - } - - .noUi-horizontal { - height: 18px - } - - .noUi-horizontal .noUi-handle { - width: 34px; - height: 28px; - top: -6px; - right: -17px - } - - .noUi-vertical { - width: 18px - } - - .noUi-vertical .noUi-handle { - width: 28px; - height: 34px; - bottom: -17px; - right: -6px - } - - .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { - left: -17px; - right: auto - } - - .noUi-target { - background: #fafafa; - border: 1px solid #d3d3d3; - border-radius: 4px; - box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb - } - - .noUi-connects { - border-radius: 3px - } - - .noUi-connect { - background: #3fb8af - } - - .noUi-draggable { - cursor: ew-resize - } - - .noUi-vertical .noUi-draggable { - cursor: ns-resize - } - - .noUi-handle { - cursor: default; - background: #fff; - border: 1px solid #d9d9d9; - border-radius: 3px; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb - } - - .noUi-active { - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb - } - - .noUi-handle:before, - .noUi-handle:after { - content: ""; - background: #e8e7e6; - width: 1px; - height: 14px; - display: block; - position: absolute; - top: 6px; - left: 14px - } - - .noUi-handle:after { - left: 17px - } - - .noUi-vertical .noUi-handle:before, - .noUi-vertical .noUi-handle:after { - width: 14px; - height: 1px; - top: 14px; - left: 6px - } - - .noUi-vertical .noUi-handle:after { - top: 17px - } - - [disabled] .noUi-connect { - background: #b8b8b8 - } - - [disabled].noUi-target, - [disabled].noUi-handle, - [disabled] .noUi-handle { - cursor: not-allowed - } - - .noUi-pips, - .noUi-pips * { - box-sizing: border-box - } - - .noUi-pips { - color: #999; - position: absolute - } - - .noUi-value { - white-space: nowrap; - text-align: center; - position: absolute - } - - .noUi-value-sub { - color: #ccc; - font-size: 10px - } - - .noUi-marker { - background: #ccc; - position: absolute - } - - .noUi-marker-sub, - .noUi-marker-large { - background: #aaa - } - - .noUi-pips-horizontal { - width: 100%; - height: 80px; - padding: 10px 0; - top: 100%; - left: 0 - } - - .noUi-value-horizontal { - transform: translate(-50%, 50%) - } - - .noUi-rtl .noUi-value-horizontal { - transform: translate(50%, 50%) - } - - .noUi-marker-horizontal.noUi-marker { - width: 2px; - height: 5px; - margin-left: -1px - } - - .noUi-marker-horizontal.noUi-marker-sub { - height: 10px - } - - .noUi-marker-horizontal.noUi-marker-large { - height: 15px - } - - .noUi-pips-vertical { - height: 100%; - padding: 0 10px; - top: 0; - left: 100% - } - - .noUi-value-vertical { - padding-left: 25px; - transform: translateY(-50%) - } - - .noUi-rtl .noUi-value-vertical { - transform: translateY(50%) - } - - .noUi-marker-vertical.noUi-marker { - width: 5px; - height: 2px; - margin-top: -1px - } - - .noUi-marker-vertical.noUi-marker-sub { - width: 10px - } - - .noUi-marker-vertical.noUi-marker-large { - width: 15px - } - - .noUi-tooltip { - color: #000; - text-align: center; - white-space: nowrap; - background: #fff; - border: 1px solid #d9d9d9; - border-radius: 3px; - padding: 5px; - display: block; - position: absolute - } - - .noUi-horizontal .noUi-tooltip { - bottom: 120%; - left: 50%; - transform: translate(-50%) - } - - .noUi-vertical .noUi-tooltip { - top: 50%; - right: 120%; - transform: translateY(-50%) - } - - .noUi-horizontal .noUi-origin>.noUi-tooltip { - bottom: 10px; - left: auto; - transform: translate(50%) - } - - .noUi-vertical .noUi-origin>.noUi-tooltip { - top: auto; - right: 28px; - transform: translateY(-18px) - } - - .fi-fo-builder { - row-gap: calc(var(--spacing)*4); - grid-template-columns: repeat(1, minmax(0, 1fr)); - display: grid - } - - .fi-fo-builder .fi-fo-builder-actions { - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-builder .fi-fo-builder-actions.fi-hidden { - display: none - } - - :where(.fi-fo-builder .fi-fo-builder-items>: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))) - } - - .fi-fo-builder .fi-fo-builder-item { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-fo-builder .fi-fo-builder-item:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-builder .fi-fo-builder-item:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-builder .fi-fo-builder-item:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-builder .fi-fo-builder-item:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-builder .fi-fo-builder-item.fi-collapsed .fi-fo-builder-item-header-collapsible-actions { - rotate: -180deg - } - - .fi-fo-builder .fi-fo-builder-item.fi-collapsed .fi-fo-builder-item-header-collapse-action, - .fi-fo-builder .fi-fo-builder-item:not(.fi-collapsed) .fi-fo-builder-item-header-expand-action { - pointer-events: none; - opacity: 0 - } - - .fi-fo-builder .fi-fo-builder-item-header { - align-items: center; - column-gap: calc(var(--spacing)*3); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - display: flex; - overflow: hidden - } - - .fi-fo-builder.fi-collapsible .fi-fo-builder-item-header { - cursor: pointer; - -webkit-user-select: none; - user-select: none - } - - .fi-fo-builder .fi-fo-builder-item-header-start-actions { - align-items: center; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-builder .fi-fo-builder-item-header-icon { - color: var(--gray-400) - } - - .fi-fo-builder .fi-fo-builder-item-header-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-fo-builder .fi-fo-builder-item-header-label { - 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); - color: var(--gray-950) - } - - .fi-fo-builder .fi-fo-builder-item-header-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-builder .fi-fo-builder-item-header-label.fi-truncated { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden - } - - .fi-fo-builder .fi-fo-builder-item-header-end-actions { - align-items: center; - column-gap: calc(var(--spacing)*3); - margin-inline-start: auto; - display: flex - } - - .fi-fo-builder .fi-fo-builder-item-header-collapsible-actions { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - position: relative - } - - .fi-fo-builder .fi-fo-builder-item-header-collapse-action { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)) - } - - .fi-fo-builder .fi-fo-builder-item-header-expand-action { - inset: calc(var(--spacing)*0); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - position: absolute; - rotate: 180deg - } - - .fi-fo-builder .fi-fo-builder-item-content { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-100); - position: relative - } - - .fi-fo-builder .fi-fo-builder-item-content:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-builder .fi-fo-builder-item-content:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-builder .fi-fo-builder-item-content:not(.fi-fo-builder-item-content-has-preview) { - padding: calc(var(--spacing)*4) - } - - .fi-fo-builder .fi-fo-builder-item-preview:not(.fi-interactive) { - pointer-events: none - } - - .fi-fo-builder .fi-fo-builder-item-preview-edit-overlay { - inset: calc(var(--spacing)*0); - z-index: 1; - cursor: pointer; - position: absolute - } - - .fi-fo-builder .fi-fo-builder-add-between-items-ctn { - top: calc(var(--spacing)*-2); - margin-block: calc(var(--spacing)*0); - height: calc(var(--spacing)*0); - position: relative - } - - .fi-fo-builder .fi-fo-builder-add-between-items { - opacity: 0; - width: 100%; - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - justify-content: center; - transition-duration: 75ms; - display: flex - } - - @media (hover:hover) { - .fi-fo-builder .fi-fo-builder-add-between-items:hover { - opacity: 1 - } - } - - .fi-fo-builder .fi-fo-builder-block-picker-ctn { - border-radius: var(--radius-lg); - background-color: var(--color-white) - } - - .fi-fo-builder .fi-fo-builder-block-picker-ctn:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - .fi-fo-builder .fi-fo-builder-label-between-items-ctn { - top: calc(var(--spacing)*2); - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-200); - position: relative - } - - .fi-fo-builder .fi-fo-builder-label-between-items-ctn:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-builder .fi-fo-builder-label-between-items-ctn:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-builder .fi-fo-builder-label-between-items { - inset-inline-start: calc(var(--spacing)*3); - top: calc(var(--spacing)*-2.5); - padding-inline: calc(var(--spacing)*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); - position: absolute - } - - .fi-fo-builder .fi-fo-builder-block-picker { - justify-content: center; - display: flex - } - - .fi-fo-builder .fi-fo-builder-block-picker.fi-align-start, - .fi-fo-builder .fi-fo-builder-block-picker.fi-align-left { - justify-content: flex-start - } - - .fi-fo-builder .fi-fo-builder-block-picker.fi-align-end, - .fi-fo-builder .fi-fo-builder-block-picker.fi-align-right { - justify-content: flex-end - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-search-input-wrp { - margin-bottom: calc(var(--spacing)*4) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-actions { - margin-bottom: calc(var(--spacing)*2) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-options { - gap: calc(var(--spacing)*4) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-options.fi-grid-direction-col { - margin-top: calc(var(--spacing)*-4) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-options.fi-grid-direction-col .fi-fo-checkbox-list-option-ctn { - break-inside: avoid; - padding-top: calc(var(--spacing)*4) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-option { - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-checkbox-input { - margin-top: calc(var(--spacing)*1); - flex-shrink: 0 - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-text { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - display: grid - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-label { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - overflow-wrap: break-word; - color: var(--gray-950); - overflow: hidden - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-description { - color: var(--gray-500) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-no-search-results-message { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-fo-checkbox-list .fi-fo-checkbox-list-no-search-results-message:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-fo-code-editor { - overflow: hidden - } - - .fi-fo-code-editor .cm-editor.cm-focused { - --tw-outline-style: none !important; - outline-style: none !important - } - - .fi-fo-code-editor .cm-editor .cm-gutters { - min-height: calc(var(--spacing)*48) !important; - border-inline-end-color: var(--gray-300) !important; - background-color: var(--gray-100) !important - } - - .fi-fo-code-editor .cm-editor .cm-gutters:where(.dark, .dark *) { - border-inline-end-color: var(--gray-800) !important; - background-color: var(--gray-950) !important - } - - .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement { - border-start-start-radius: var(--radius-md); - border-end-start-radius: var(--radius-md); - margin-inline-start: calc(var(--spacing)*1) - } - - .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter { - background-color: var(--gray-200) !important - } - - .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter:where(.dark, .dark *) { - background-color: var(--gray-800) !important - } - - .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter { - background-color: var(--gray-200) !important - } - - .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter:where(.dark, .dark *) { - background-color: var(--gray-800) !important - } - - .fi-fo-code-editor .cm-editor .cm-scroller { - min-height: calc(var(--spacing)*48) !important - } - - .fi-fo-code-editor .cm-editor .cm-line { - border-start-end-radius: var(--radius-md); - border-end-end-radius: var(--radius-md); - margin-inline-end: calc(var(--spacing)*1) - } - - .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter, - .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter, - .fi-fo-code-editor.fi-disabled .cm-editor .cm-line.cm-activeLine { - background-color: #0000 !important - } - - .fi-fo-color-picker .fi-input-wrp-content { - display: flex - } - - .fi-fo-color-picker .fi-fo-color-picker-preview { - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5); - -webkit-user-select: none; - user-select: none; - border-radius: 3.40282e38px; - flex-shrink: 0; - margin-block: auto; - margin-inline-end: calc(var(--spacing)*3) - } - - .fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-200); - --tw-ring-inset: inset - } - - .fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-color-picker .fi-fo-color-picker-panel { - z-index: 10; - border-radius: var(--radius-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); - display: none; - position: absolute - } - - .fi-fo-date-time-picker input::-webkit-datetime-edit { - padding: 0; - display: block - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-trigger { - width: 100% - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input { - --tw-border-style: none; - width: 100%; - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - color: var(--gray-950); - --tw-outline-style: none; - background-color: #0000; - border-style: none; - outline-style: none - } - - @media (forced-colors:active) { - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input::placeholder { - color: var(--gray-400) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:disabled { - color: var(--gray-500); - -webkit-text-fill-color: var(--color-gray-500) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(.dark, .dark *)::placeholder { - color: var(--gray-500) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(.dark, .dark *):disabled { - color: var(--gray-400); - -webkit-text-fill-color: var(--color-gray-400) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-panel { - z-index: 10; - position: absolute - } - - :where(.fi-fo-date-time-picker .fi-fo-date-time-picker-panel>: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))) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-panel { - border-radius: var(--radius-lg); - background-color: var(--color-white); - padding: calc(var(--spacing)*4); - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-panel:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-date-time-picker .fi-fo-date-time-picker-panel:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-panel .fi-fo-date-time-picker-panel-header { - justify-content: space-between; - align-items: center; - display: flex - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-month-select { - cursor: pointer; - --tw-border-style: none; - padding: calc(var(--spacing)*0); - 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); - color: var(--gray-950); - background-color: #0000; - border-style: none; - flex-grow: 1 - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-month-select:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-month-select:where(.dark, .dark *) { - background-color: var(--gray-900); - color: var(--color-white) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-year-input { - width: calc(var(--spacing)*16); - --tw-border-style: none; - padding: calc(var(--spacing)*0); - text-align: right; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-950); - background-color: #0000; - border-style: none - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-year-input:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-year-input:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header { - gap: calc(var(--spacing)*1); - grid-template-columns: repeat(7, minmax(0, 1fr)); - display: grid - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header .fi-fo-date-time-picker-calendar-header-day { - text-align: center; - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-500) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header .fi-fo-date-time-picker-calendar-header-day:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar { - grid-template-columns: repeat(7, minmax(calc(var(--spacing)*7), 1fr)); - gap: calc(var(--spacing)*1); - display: grid - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day { - text-align: center; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: var(--leading-loose); - line-height: var(--leading-loose); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - border-radius: 3.40282e38px; - transition-duration: 75ms - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-disabled { - pointer-events: none; - opacity: .5 - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-disabled) { - cursor: pointer - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected { - background-color: var(--gray-50); - color: var(--primary-600) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled) { - background-color: var(--gray-100) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark, .dark *) { - background-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled) { - color: var(--primary-600) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled):where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected) { - color: var(--gray-950) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected):where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs { - justify-content: center; - align-items: center; - display: flex - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - flex-direction: row-reverse - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs input { - width: calc(var(--spacing)*10); - --tw-border-style: none; - padding: calc(var(--spacing)*0); - text-align: center; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-950); - background-color: #0000; - border-style: none; - margin-inline-end: calc(var(--spacing)*1) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs input:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs input:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs .fi-fo-date-time-picker-time-input-separator { - 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); - color: var(--gray-500) - } - - .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs .fi-fo-date-time-picker-time-input-separator:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-fo-field { - row-gap: calc(var(--spacing)*2); - display: grid - } - - @media (min-width:40rem) { - .fi-fo-field.fi-fo-field-has-inline-label { - align-items: flex-start; - column-gap: calc(var(--spacing)*4); - grid-template-columns: repeat(3, minmax(0, 1fr)) - } - - .fi-fo-field.fi-fo-field-has-inline-label .fi-fo-field-content-col { - grid-column: span 2/span 2 - } - } - - .fi-fo-field .fi-fo-field-label-ctn, - .fi-fo-field .fi-fo-field-label { - align-items: flex-start; - column-gap: calc(var(--spacing)*3); - display: flex - } - - :is(.fi-fo-field .fi-fo-field-label-ctn, .fi-fo-field .fi-fo-field-label)>.fi-checkbox-input { - margin-top: calc(var(--spacing)*.5) - } - - :is(.fi-fo-field .fi-fo-field-label-ctn, .fi-fo-field .fi-fo-field-label)>.fi-toggle { - margin-block: calc(var(--spacing)*-.5) - } - - :is(.fi-fo-field .fi-fo-field-label-ctn, .fi-fo-field .fi-fo-field-label)>.fi-sc:first-child { - flex-grow: 0 - } - - :is(.fi-fo-field .fi-fo-field-label-ctn, .fi-fo-field .fi-fo-field-label).fi-hidden { - display: none - } - - .fi-fo-field .fi-fo-field-label-content { - 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); - color: var(--gray-950) - } - - .fi-fo-field .fi-fo-field-label-content:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-field .fi-fo-field-label-content .fi-fo-field-label-required-mark { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--danger-600) - } - - .fi-fo-field .fi-fo-field-label-content .fi-fo-field-label-required-mark:where(.dark, .dark *) { - color: var(--danger-400) - } - - .fi-fo-field .fi-fo-field-label-col { - row-gap: calc(var(--spacing)*2); - grid-auto-columns: minmax(0, 1fr); - display: grid - } - - @media (min-width:40rem) { - .fi-fo-field .fi-fo-field-label-col.fi-vertical-align-start { - align-items: flex-start - } - - .fi-fo-field .fi-fo-field-label-col.fi-vertical-align-center { - align-items: center - } - - .fi-fo-field .fi-fo-field-label-col.fi-vertical-align-end { - align-items: flex-end - } - } - - .fi-fo-field .fi-fo-field-content-col { - row-gap: calc(var(--spacing)*2); - grid-auto-columns: minmax(0, 1fr); - display: grid - } - - .fi-fo-field .fi-fo-field-content-ctn { - align-items: center; - column-gap: calc(var(--spacing)*3); - width: 100%; - display: flex - } - - .fi-fo-field .fi-fo-field-content { - width: 100% - } - - .fi-fo-field .fi-fo-field-wrp-error-message { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--danger-600) - } - - .fi-fo-field .fi-fo-field-wrp-error-message:where(.dark, .dark *) { - color: var(--danger-400) - } - - .fi-fo-field .fi-fo-field-wrp-error-list { - list-style-type: disc; - list-style-position: inside - } - - :where(.fi-fo-field .fi-fo-field-wrp-error-list>:not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse))) - } - - .fi-fo-file-upload { - row-gap: calc(var(--spacing)*2); - flex-direction: column; - display: flex - } - - .fi-fo-file-upload.fi-align-start, - .fi-fo-file-upload.fi-align-left { - align-items: flex-start - } - - .fi-fo-file-upload.fi-align-center { - align-items: center - } - - .fi-fo-file-upload.fi-align-end, - .fi-fo-file-upload.fi-align-right { - align-items: flex-end - } - - .fi-fo-file-upload .fi-fo-file-upload-input-ctn { - width: 100%; - height: 100% - } - - .fi-fo-file-upload.fi-fo-file-upload-avatar .fi-fo-file-upload-input-ctn { - height: 100%; - width: calc(var(--spacing)*32) - } - - .fi-fo-file-upload .fi-fo-file-upload-error-message { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--danger-600) - } - - .fi-fo-file-upload .fi-fo-file-upload-error-message:where(.dark, .dark *) { - color: var(--danger-400) - } - - .fi-fo-file-upload .filepond--root { - margin-bottom: calc(var(--spacing)*0); - border-radius: var(--radius-lg); - background-color: var(--color-white); - font-family: var(--font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - overflow: hidden - } - - .fi-fo-file-upload .filepond--root:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .filepond--root:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-file-upload .filepond--root:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .filepond--root:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-fo-file-upload .filepond--root[data-disabled=disabled] { - background-color: var(--gray-50) - } - - .fi-fo-file-upload .filepond--root[data-disabled=disabled]:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a; - background-color: #0000 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .filepond--root[data-disabled=disabled]:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-file-upload .filepond--root[data-style-panel-layout="compact circle"] { - border-radius: 3.40282e38px - } - - .fi-fo-file-upload .filepond--panel-root { - background-color: #0000 - } - - .fi-fo-file-upload .filepond--drop-label label { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-600); - padding: calc(var(--spacing)*3) !important - } - - .fi-fo-file-upload .filepond--drop-label label:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-fo-file-upload .filepond--label-action { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--primary-600); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - text-decoration-line: none; - transition-duration: 75ms - } - - @media (hover:hover) { - .fi-fo-file-upload .filepond--label-action:hover { - color: var(--primary-500) - } - } - - .fi-fo-file-upload .filepond--label-action:where(.dark, .dark *) { - color: var(--color-white) - } - - @media (hover:hover) { - .fi-fo-file-upload .filepond--label-action:where(.dark, .dark *):hover { - color: var(--primary-500) - } - } - - .fi-fo-file-upload .filepond--drip-blob { - background-color: var(--gray-400) - } - - .fi-fo-file-upload .filepond--drip-blob:where(.dark, .dark *) { - background-color: var(--gray-500) - } - - .fi-fo-file-upload .filepond--root[data-style-panel-layout=grid] .filepond--item { - width: calc(50% - .5rem); - display: inline - } - - @media (min-width:64rem) { - .fi-fo-file-upload .filepond--root[data-style-panel-layout=grid] .filepond--item { - width: calc(33.33% - .5rem) - } - } - - .fi-fo-file-upload .filepond--download-icon { - pointer-events: auto; - width: calc(var(--spacing)*4); - height: calc(var(--spacing)*4); - background-color: var(--color-white); - vertical-align: bottom; - margin-inline-end: calc(var(--spacing)*1); - display: inline-block - } - - @media (hover:hover) { - .fi-fo-file-upload .filepond--download-icon:hover { - background-color: #ffffffb3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .filepond--download-icon:hover { - background-color: color-mix(in oklab, var(--color-white)70%, transparent) - } - } - } - - .fi-fo-file-upload .filepond--download-icon { - -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==); - mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==); - -webkit-mask-size: 100%; - mask-size: 100%; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat - } - - .fi-fo-file-upload .filepond--open-icon { - pointer-events: auto; - width: calc(var(--spacing)*4); - height: calc(var(--spacing)*4); - background-color: var(--color-white); - vertical-align: bottom; - margin-inline-end: calc(var(--spacing)*1); - display: inline-block - } - - @media (hover:hover) { - .fi-fo-file-upload .filepond--open-icon:hover { - background-color: #ffffffb3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .filepond--open-icon:hover { - background-color: color-mix(in oklab, var(--color-white)70%, transparent) - } - } - } - - .fi-fo-file-upload .filepond--open-icon { - -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==); - mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==); - -webkit-mask-size: 100%; - mask-size: 100%; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat - } - - .fi-fo-file-upload .filepond--file-action-button.filepond--action-edit-item { - background-color: #00000080 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .filepond--file-action-button.filepond--action-edit-item { - background-color: color-mix(in oklab, var(--color-black)50%, transparent) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor { - inset: calc(var(--spacing)*0); - isolation: isolate; - z-index: 50; - width: 100vw; - height: 100dvh; - padding: calc(var(--spacing)*2); - position: fixed - } - - @media (min-width:40rem) { - .fi-fo-file-upload .fi-fo-file-upload-editor { - padding: calc(var(--spacing)*10) - } - } - - @media (min-width:48rem) { - .fi-fo-file-upload .fi-fo-file-upload-editor { - padding: calc(var(--spacing)*20) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay { - inset: calc(var(--spacing)*0); - cursor: pointer; - background-color: var(--gray-950); - width: 100%; - height: 100%; - position: fixed - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay { - background-color: color-mix(in oklab, var(--gray-950)50%, transparent) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(.dark, .dark *) { - background-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-950)75%, transparent) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay { - will-change: transform - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window { - isolation: isolate; - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - width: 100%; - 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); - --tw-ring-color: var(--gray-900); - flex-direction: column; - margin-inline: auto; - display: flex; - overflow: hidden - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window { - --tw-ring-color: color-mix(in oklab, var(--gray-900)10%, transparent) - } - } - - @media (min-width:64rem) { - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window { - flex-direction: row - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(.dark, .dark *) { - background-color: var(--gray-800); - --tw-ring-color: var(--gray-50) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--gray-50)10%, transparent) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-image-ctn { - width: 100%; - height: 100%; - padding: calc(var(--spacing)*4); - flex: 1; - overflow: auto - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-image { - width: auto; - height: 100% - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel { - background-color: var(--gray-50); - flex-direction: column; - flex: 1; - width: 100%; - height: 100%; - display: flex; - overflow-y: auto - } - - @media (min-width:64rem) { - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel { - max-width: var(--container-xs) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-900)30%, transparent) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main { - flex: 1 - } - - :where(.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main>:not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse))) - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main { - padding: calc(var(--spacing)*4); - overflow: auto - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group { - gap: calc(var(--spacing)*3); - display: grid - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn-group { - width: 100% - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active { - background-color: var(--gray-50) - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active:where(.dark, .dark *) { - background-color: var(--gray-700) - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)); - color: var(--gray-950) - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-footer { - align-items: center; - gap: calc(var(--spacing)*3); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-reset-action { - margin-left: auto - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal { - background-color: var(--gray-100) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal { - background-color: color-mix(in oklab, var(--gray-100)50%, transparent) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal { - opacity: 1 - } - - .fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-900)80%, transparent) - } - } - - .fi-fo-file-upload .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper .cropper-view-box, - .fi-fo-file-upload .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper .cropper-face { - border-radius: 50% - } - - :where(.fi-fo-key-value .fi-fo-key-value-table-ctn>: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))); - border-color: var(--gray-200) - } - - :where(.fi-fo-key-value .fi-fo-key-value-table-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-key-value .fi-fo-key-value-table-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-key-value .fi-fo-key-value-table { - table-layout: auto; - width: 100% - } - - :where(.fi-fo-key-value .fi-fo-key-value-table>: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))); - border-color: var(--gray-200) - } - - :where(.fi-fo-key-value .fi-fo-key-value-table:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-key-value .fi-fo-key-value-table:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-key-value .fi-fo-key-value-table>thead>tr>th { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - text-align: start; - 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); - color: var(--gray-700) - } - - .fi-fo-key-value .fi-fo-key-value-table>thead>tr>th:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-fo-key-value .fi-fo-key-value-table>thead>tr>th.fi-has-action { - width: calc(var(--spacing)*9); - padding: calc(var(--spacing)*0) - } - - :where(.fi-fo-key-value .fi-fo-key-value-table>tbody>: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))); - border-color: var(--gray-200) - } - - :where(.fi-fo-key-value .fi-fo-key-value-table>tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-key-value .fi-fo-key-value-table>tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - :where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr>:not(:last-child)) { - --tw-divide-x-reverse: 0; - border-inline-style: var(--tw-border-style); - border-inline-start-width: calc(1px*var(--tw-divide-x-reverse)); - border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse))); - border-color: var(--gray-200) - } - - :where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) { - --tw-divide-x-reverse: 1 - } - - :where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td { - width: 50%; - padding: calc(var(--spacing)*0) - } - - .fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td.fi-has-action { - width: auto; - padding: calc(var(--spacing)*.5) - } - - .fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td.fi-has-action .fi-fo-key-value-table-row-sortable-handle { - display: flex - } - - .fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td .fi-input { - font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace - } - - .fi-fo-key-value .fi-fo-key-value-add-action-ctn { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - justify-content: center; - display: flex - } - - @media (min-width:40rem) { - .fi-fo-key-value-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col { - padding-top: calc(var(--spacing)*1.5) - } - } - - .fi-fo-markdown-editor { - --color-cm-red: #991b1b; - --color-cm-orange: #9a3412; - --color-cm-amber: #92400e; - --color-cm-yellow: #854d0e; - --color-cm-lime: #3f6212; - --color-cm-green: #166534; - --color-cm-emerald: #065f46; - --color-cm-teal: #115e59; - --color-cm-cyan: #155e75; - --color-cm-sky: #075985; - --color-cm-blue: #1e40af; - --color-cm-indigo: #3730a3; - --color-cm-violet: #5b21b6; - --color-cm-purple: #6b21a8; - --color-cm-fuchsia: #86198f; - --color-cm-pink: #9d174d; - --color-cm-rose: #9f1239; - --color-cm-gray: #18181b; - --color-cm-gray-muted: #71717a; - --color-cm-gray-background: #e4e4e7 - } - - .fi-fo-markdown-editor:not(.fi-disabled) { - max-width: 100%; - font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-950); - overflow: hidden - } - - .fi-fo-markdown-editor:not(.fi-disabled):where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-markdown-editor.fi-disabled { - border-radius: var(--radius-lg); - background-color: var(--gray-50); - width: 100%; - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*3); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - display: block - } - - .fi-fo-markdown-editor.fi-disabled:where(.dark, .dark *) { - color: var(--gray-400); - --tw-ring-color: #ffffff1a; - background-color: #0000 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-markdown-editor.fi-disabled:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-markdown-editor .EasyMDEContainer .CodeMirror { - padding-inline: calc(var(--spacing)*4) !important; - padding-block: calc(var(--spacing)*3) !important - } - - .fi-fo-markdown-editor .cm-s-easymde .cm-comment { - color: var(--color-cm-gray-muted); - background-color: #0000 - } - - .fi-fo-markdown-editor .EasyMDEContainer .CodeMirror-cursor { - border-color: currentColor - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-keyword { - color: var(--color-cm-violet) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-atom { - color: var(--color-cm-blue) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-number { - color: var(--color-cm-green) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-def { - color: var(--color-cm-blue) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-variable { - color: var(--color-cm-yellow) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-variable-2 { - color: var(--color-cm-blue) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-variable-3 { - color: var(--color-cm-emerald) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-property, - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-operator { - color: var(--color-cm-gray) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-string, - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-string-2 { - color: var(--color-cm-rose) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-meta { - color: var(--color-cm-gray-muted) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-error { - color: var(--color-cm-red) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-qualifier { - color: var(--color-cm-gray-muted) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-builtin { - color: var(--color-cm-violet) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-bracket, - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-hr { - color: var(--color-cm-gray-muted) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-quote { - color: var(--color-cm-sky) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-quote+.cm-quote { - color: var(--color-cm-gray-muted) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-list, - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-list+.cm-variable-2, - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tab+.cm-variable-2 { - color: var(--color-cm-gray) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-link { - color: var(--color-cm-blue) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tag { - color: var(--color-cm-red) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-attribute { - color: var(--color-cm-amber) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-attribute+.cm-string { - color: var(--color-cm-green) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-code+.cm-comment:not(.cm-formatting-code) { - background-color: var(--color-cm-gray-background); - color: var(--color-cm-gray) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-1 { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-2 { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-3 { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-4 { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-5 { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-6 { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-comment { - background-image: none - } - - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-code-block, - .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tab+.cm-comment { - color: inherit; - background-color: #0000 - } - - .fi-fo-markdown-editor .EasyMDEContainer .CodeMirror { - --tw-border-style: none; - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*1.5); - color: inherit; - background-color: #0000; - border-style: none - } - - .fi-fo-markdown-editor .EasyMDEContainer .CodeMirror-scroll { - height: auto - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar { - gap: calc(var(--spacing)*1); - border-style: var(--tw-border-style); - border-width: 0; - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200); - padding-inline: calc(var(--spacing)*2.5); - padding-block: calc(var(--spacing)*2); - border-radius: 0; - flex-wrap: wrap; - display: flex - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button { - width: calc(var(--spacing)*8); - height: calc(var(--spacing)*8); - border-radius: var(--radius-lg); - --tw-border-style: none; - padding: calc(var(--spacing)*0); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - border-style: none; - place-content: center; - transition-duration: 75ms; - display: grid - } - - @media (hover:hover) { - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:hover { - background-color: var(--gray-50) - } - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:focus-visible { - background-color: var(--gray-50) - } - - @media (hover:hover) { - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active { - background-color: var(--gray-50) - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:before { - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5); - background-color: var(--gray-700); - content: ""; - display: block; - -webkit-mask-position: 50%; - mask-position: 50%; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:before { - background-color: var(--primary-600) - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .separator { - width: calc(var(--spacing)*1); - --tw-border-style: none; - border-style: none; - margin: calc(var(--spacing)*0) !important - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .bold:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .italic:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .strikethrough:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .link:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .heading:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .quote:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .code:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .unordered-list:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .ordered-list:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .table:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .upload-image:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .undo:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .redo:before { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") - } - - .fi-fo-markdown-editor .EasyMDEContainer .editor-statusbar { - display: none - } - - .fi-fo-markdown-editor:where(.dark, .dark *) { - --color-cm-red: #f87171; - --color-cm-orange: #fb923c; - --color-cm-amber: #fbbf24; - --color-cm-yellow: #facc15; - --color-cm-lime: #a3e635; - --color-cm-green: #4ade80; - --color-cm-emerald: #4ade80; - --color-cm-teal: #2dd4bf; - --color-cm-cyan: #22d3ee; - --color-cm-sky: #38bdf8; - --color-cm-blue: #60a5fa; - --color-cm-indigo: #818cf8; - --color-cm-violet: #a78bfa; - --color-cm-purple: #c084fc; - --color-cm-fuchsia: #e879f9; - --color-cm-pink: #f472b6; - --color-cm-rose: #fb7185; - --color-cm-gray: #fafafa; - --color-cm-gray-muted: #a1a1aa; - --color-cm-gray-background: #52525b - } - - .fi-fo-markdown-editor:where(.dark, .dark *) .EasyMDEContainer .cm-s-easymde span.CodeMirror-selectedtext { - filter: invert() - } - - .fi-fo-markdown-editor:where(.dark, .dark *) .EasyMDEContainer .editor-toolbar button:before { - background-color: var(--gray-300) - } - - .fi-fo-markdown-editor:where(.dark, .dark *) .EasyMDEContainer .editor-toolbar button.active:before { - background-color: var(--primary-400) - } - - .fi-fo-modal-table-select:not(.fi-fo-modal-table-select-multiple) { - align-items: flex-start; - column-gap: calc(var(--spacing)*3); - --tw-leading: calc(var(--spacing)*5); - line-height: calc(var(--spacing)*5); - display: flex - } - - .fi-fo-modal-table-select.fi-fo-modal-table-select-multiple { - gap: calc(var(--spacing)*2); - display: grid - } - - .fi-fo-modal-table-select.fi-fo-modal-table-select-multiple .fi-fo-modal-table-select-badges-ctn { - gap: calc(var(--spacing)*1.5); - flex-wrap: wrap; - display: flex - } - - .fi-fo-modal-table-select .fi-fo-modal-table-select-placeholder { - color: var(--gray-400) - } - - .fi-fo-modal-table-select .fi-fo-modal-table-select-placeholder:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-fo-radio { - gap: calc(var(--spacing)*4) - } - - .fi-fo-radio.fi-inline { - flex-wrap: wrap; - display: flex - } - - .fi-fo-radio:not(.fi-inline).fi-grid-direction-col { - margin-top: calc(var(--spacing)*-4) - } - - .fi-fo-radio:not(.fi-inline).fi-grid-direction-col>.fi-fo-radio-label { - break-inside: avoid; - padding-top: calc(var(--spacing)*4) - } - - .fi-fo-radio>.fi-fo-radio-label { - column-gap: calc(var(--spacing)*3); - align-self: flex-start; - display: flex - } - - .fi-fo-radio>.fi-fo-radio-label>.fi-radio-input { - margin-top: calc(var(--spacing)*1); - flex-shrink: 0 - } - - .fi-fo-radio>.fi-fo-radio-label>.fi-fo-radio-label-text { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950); - display: grid - } - - .fi-fo-radio>.fi-fo-radio-label>.fi-fo-radio-label-text:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-radio>.fi-fo-radio-label .fi-fo-radio-label-description { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal); - color: var(--gray-500) - } - - .fi-fo-radio>.fi-fo-radio-label .fi-fo-radio-label-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-fo-repeater { - row-gap: calc(var(--spacing)*4); - display: grid - } - - .fi-fo-repeater .fi-fo-repeater-actions { - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-repeater .fi-fo-repeater-actions.fi-hidden { - display: none - } - - .fi-fo-repeater .fi-fo-repeater-items { - align-items: flex-start; - gap: calc(var(--spacing)*4) - } - - .fi-fo-repeater .fi-fo-repeater-item { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-fo-repeater .fi-fo-repeater-item:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-repeater .fi-fo-repeater-item:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-repeater .fi-fo-repeater-item:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-repeater .fi-fo-repeater-item:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-repeater .fi-fo-repeater-item.fi-collapsed .fi-fo-repeater-item-header-collapsible-actions { - rotate: -180deg - } - - .fi-fo-repeater .fi-fo-repeater-item.fi-collapsed .fi-fo-repeater-item-header-collapse-action, - .fi-fo-repeater .fi-fo-repeater-item:not(.fi-collapsed) .fi-fo-repeater-item-header-expand-action { - pointer-events: none; - opacity: 0 - } - - .fi-fo-repeater .fi-fo-repeater-item-header { - align-items: center; - column-gap: calc(var(--spacing)*3); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - display: flex; - overflow: hidden - } - - .fi-fo-repeater.fi-collapsible .fi-fo-repeater-item-header { - cursor: pointer; - -webkit-user-select: none; - user-select: none - } - - .fi-fo-repeater .fi-fo-repeater-item-header-start-actions { - align-items: center; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-repeater .fi-fo-repeater-item-header-icon { - color: var(--gray-400) - } - - .fi-fo-repeater .fi-fo-repeater-item-header-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-fo-repeater .fi-fo-repeater-item-header-label { - 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); - color: var(--gray-950) - } - - .fi-fo-repeater .fi-fo-repeater-item-header-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-repeater .fi-fo-repeater-item-header-label.fi-truncated { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden - } - - .fi-fo-repeater .fi-fo-repeater-item-header-end-actions { - align-items: center; - column-gap: calc(var(--spacing)*3); - margin-inline-start: auto; - display: flex - } - - .fi-fo-repeater .fi-fo-repeater-item-header-collapsible-actions { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - position: relative - } - - .fi-fo-repeater .fi-fo-repeater-item-header-collapse-action { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)) - } - - .fi-fo-repeater .fi-fo-repeater-item-header-expand-action { - inset: calc(var(--spacing)*0); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - position: absolute; - rotate: 180deg - } - - .fi-fo-repeater .fi-fo-repeater-item-content { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-100); - padding: calc(var(--spacing)*4) - } - - .fi-fo-repeater .fi-fo-repeater-item-content:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-repeater .fi-fo-repeater-item-content:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-repeater .fi-fo-repeater-add-between-items-ctn { - justify-content: center; - width: 100%; - display: flex - } - - .fi-fo-repeater .fi-fo-repeater-add-between-items { - border-radius: var(--radius-lg); - background-color: var(--color-white) - } - - .fi-fo-repeater .fi-fo-repeater-add-between-items:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - .fi-fo-repeater .fi-fo-repeater-label-between-items-ctn { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-200); - position: relative - } - - .fi-fo-repeater .fi-fo-repeater-label-between-items-ctn:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-repeater .fi-fo-repeater-label-between-items-ctn:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-repeater .fi-fo-repeater-label-between-items { - inset-inline-start: calc(var(--spacing)*3); - top: calc(var(--spacing)*-2.5); - padding-inline: calc(var(--spacing)*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); - position: absolute - } - - .fi-fo-repeater .fi-fo-repeater-add { - justify-content: center; - width: 100%; - display: flex - } - - .fi-fo-repeater .fi-fo-repeater-add.fi-align-start, - .fi-fo-repeater .fi-fo-repeater-add.fi-align-left { - justify-content: flex-start - } - - .fi-fo-repeater .fi-fo-repeater-add.fi-align-end, - .fi-fo-repeater .fi-fo-repeater-add.fi-align-right { - justify-content: flex-end - } - - .fi-fo-simple-repeater { - row-gap: calc(var(--spacing)*4); - display: grid - } - - .fi-fo-simple-repeater .fi-fo-simple-repeater-items { - gap: calc(var(--spacing)*4) - } - - .fi-fo-simple-repeater .fi-fo-simple-repeater-item { - justify-content: flex-start; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-simple-repeater .fi-fo-simple-repeater-item-content { - flex: 1 - } - - .fi-fo-simple-repeater .fi-fo-simple-repeater-item-actions { - align-items: center; - column-gap: calc(var(--spacing)*1); - display: flex - } - - .fi-fo-simple-repeater .fi-fo-simple-repeater-add { - justify-content: center; - width: 100%; - display: flex - } - - .fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-start, - .fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-left { - justify-content: flex-start - } - - .fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-end, - .fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-right { - justify-content: flex-end - } - - .fi-fo-table-repeater { - gap: calc(var(--spacing)*3); - display: grid - } - - .fi-fo-table-repeater>table { - width: 100%; - display: block - } - - :where(.fi-fo-table-repeater>table>: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))); - border-color: var(--gray-200) - } - - .fi-fo-table-repeater>table { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - :where(.fi-fo-table-repeater>table:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-table-repeater>table:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-table-repeater>table:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-table-repeater>table:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-table-repeater>table>thead { - white-space: nowrap; - display: none - } - - .fi-fo-table-repeater>table>thead>tr>th { - border-color: var(--gray-200); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - .fi-fo-table-repeater>table>thead>tr>th:first-of-type { - border-top-left-radius: var(--radius-xl) - } - - .fi-fo-table-repeater>table>thead>tr>th:last-of-type { - border-top-right-radius: var(--radius-xl) - } - - .fi-fo-table-repeater>table>thead>tr>th:where(.dark, .dark *) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-table-repeater>table>thead>tr>th:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-table-repeater>table>thead>tr>th:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-table-repeater>table>thead>tr>th:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-table-repeater>table>thead>tr>th:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-table-repeater>table>thead>tr>th:not(:first-of-type) { - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px - } - - .fi-fo-table-repeater>table>thead>tr>th:not(:last-of-type) { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 1px - } - - .fi-fo-table-repeater>table>thead>tr>th.fi-align-start, - .fi-fo-table-repeater>table>thead>tr>th.fi-align-left { - text-align: start - } - - .fi-fo-table-repeater>table>thead>tr>th.fi-align-end, - .fi-fo-table-repeater>table>thead>tr>th.fi-align-right { - text-align: end - } - - .fi-fo-table-repeater>table>thead>tr>th.fi-wrapped { - white-space: normal - } - - .fi-fo-table-repeater>table>thead>tr>th:not(.fi-wrapped) { - white-space: nowrap - } - - .fi-fo-table-repeater>table>thead>tr>th.fi-fo-table-repeater-empty-header-cell { - width: calc(var(--spacing)*1) - } - - .fi-fo-table-repeater>table>tbody { - display: block - } - - :where(.fi-fo-table-repeater>table>tbody>: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))); - border-color: var(--gray-200) - } - - :where(.fi-fo-table-repeater>table>tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-table-repeater>table>tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-table-repeater>table>tbody>tr { - gap: calc(var(--spacing)*6); - padding: calc(var(--spacing)*6); - display: grid - } - - .fi-fo-table-repeater>table>tbody>tr>td { - display: block - } - - .fi-fo-table-repeater>table>tbody>tr>td.fi-hidden { - display: none - } - - .fi-fo-table-repeater>table .fi-fo-table-repeater-header-required-mark { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--danger-600) - } - - .fi-fo-table-repeater>table .fi-fo-table-repeater-header-required-mark:where(.dark, .dark *) { - color: var(--danger-400) - } - - .fi-fo-table-repeater>table .fi-fo-table-repeater-actions { - align-items: center; - column-gap: calc(var(--spacing)*3); - height: 100%; - display: flex - } - - @supports (container-type:inline-size) { - .fi-fo-table-repeater { - container-type: inline-size - } - - @container (min-width:36rem) { - .fi-fo-table-repeater>table { - display: table - } - - .fi-fo-table-repeater>table>thead { - display: table-header-group - } - - .fi-fo-table-repeater>table>tbody { - display: table-row-group - } - - .fi-fo-table-repeater>table>tbody>tr { - padding: calc(var(--spacing)*0); - display: table-row - } - - .fi-fo-table-repeater>table>tbody>tr>td { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - display: table-cell - } - - .fi-fo-table-repeater>table>tbody>tr>td.fi-hidden { - display: table-cell - } - - .fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field, - .fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry { - row-gap: calc(var(--spacing)*0) - } - - .fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field-label-content, - .fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry-label-content { - display: none - } - - .fi-fo-table-repeater>table .fi-fo-table-repeater-actions { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2) - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:64rem) { - .fi-fo-table-repeater>table { - display: table - } - - .fi-fo-table-repeater>table>thead { - display: table-header-group - } - - .fi-fo-table-repeater>table>tbody { - display: table-row-group - } - - .fi-fo-table-repeater>table>tbody>tr { - padding: calc(var(--spacing)*0); - display: table-row - } - - .fi-fo-table-repeater>table>tbody>tr>td { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - display: table-cell - } - - .fi-fo-table-repeater>table>tbody>tr>td.fi-hidden { - display: table-cell - } - - .fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field, - .fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry { - row-gap: calc(var(--spacing)*0) - } - - .fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field-label-content, - .fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry-label-content { - display: none - } - - .fi-fo-table-repeater>table .fi-fo-table-repeater-actions { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2) - } - } - } - - .fi-fo-table-repeater .fi-fo-table-repeater-add { - justify-content: center; - width: 100%; - display: flex - } - - .fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-start, - .fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-left { - justify-content: flex-start - } - - .fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-end, - .fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-right { - justify-content: flex-end - } - - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file { - pointer-events: none; - cursor: wait; - opacity: .5 - } - - .fi-fo-rich-editor .fi-fo-rich-editor-toolbar { - column-gap: calc(var(--spacing)*3); - row-gap: calc(var(--spacing)*1); - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200); - padding-inline: calc(var(--spacing)*2.5); - padding-block: calc(var(--spacing)*2); - flex-wrap: wrap; - display: flex; - position: relative - } - - .fi-fo-rich-editor .fi-fo-rich-editor-toolbar:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-toolbar:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-floating-toolbar { - visibility: hidden; - z-index: 20; - margin-top: calc(var(--spacing)*-1); - column-gap: calc(var(--spacing)*3); - row-gap: calc(var(--spacing)*1); - border-radius: var(--radius-lg); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--gray-300); - background-color: var(--color-white); - padding: calc(var(--spacing)*1); - --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); - flex-wrap: wrap; - display: flex; - position: absolute - } - - .fi-fo-rich-editor .fi-fo-rich-editor-floating-toolbar:where(.dark, .dark *) { - border-color: var(--gray-600); - background-color: var(--gray-800) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-toolbar-group { - column-gap: calc(var(--spacing)*1); - display: flex - } - - .fi-fo-rich-editor .fi-fo-rich-editor-tool { - height: calc(var(--spacing)*8); - min-width: calc(var(--spacing)*8); - border-radius: var(--radius-lg); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-700); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - justify-content: center; - align-items: center; - transition-duration: 75ms; - display: flex - } - - @media (hover:hover) { - .fi-fo-rich-editor .fi-fo-rich-editor-tool:hover { - background-color: var(--gray-50) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-tool:focus-visible { - background-color: var(--gray-50) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark, .dark *) { - color: var(--gray-200) - } - - @media (hover:hover) { - .fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active { - background-color: var(--gray-50); - color: var(--primary-600) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message { - align-items: center; - column-gap: calc(var(--spacing)*3); - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*5); - padding-block: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-700); - display: flex - } - - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message .fi-loading-indicator { - color: var(--gray-400) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message .fi-loading-indicator:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-main { - flex-direction: column-reverse; - display: flex - } - - .fi-fo-rich-editor .fi-fo-rich-editor-content { - min-height: calc(var(--spacing)*12); - width: 100%; - padding-inline: calc(var(--spacing)*5); - padding-block: calc(var(--spacing)*3); - flex: 1 - } - - .fi-fo-rich-editor span[data-type=mergeTag]:before { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal); - opacity: .6; - content:"{{"; - margin-inline-end: calc(var(--spacing)*1) - } - - .fi-fo-rich-editor span[data-type=mergeTag]:after { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal); - opacity: .6; - content: "}}"; - margin-inline-start: calc(var(--spacing)*1) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panels { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200); - background-color: var(--gray-50); - width: 100% - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-900)30%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panel-header { - align-items: flex-start; - gap: calc(var(--spacing)*3); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panel-heading { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950); - flex: 1 - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panel-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panel-close-btn-ctn { - flex-shrink: 0 - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panel { - display: grid - } - - :where(.fi-fo-rich-editor .fi-fo-rich-editor-panel>: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))); - border-color: var(--gray-200) - } - - :where(.fi-fo-rich-editor .fi-fo-rich-editor-panel:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-rich-editor .fi-fo-rich-editor-panel:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-merge-tags-list { - gap: calc(var(--spacing)*2); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - flex-wrap: wrap; - display: flex - } - - .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn { - cursor: move; - border-radius: var(--radius-lg); - background-color: var(--color-white); - padding: calc(var(--spacing)*1); - text-align: start; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-600); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-600) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn { - --tw-ring-color: color-mix(in oklab, var(--gray-600)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark, .dark *) { - background-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-400)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark, .dark *) { - color: var(--gray-200); - --tw-ring-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--gray-400)20%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-blocks-list { - gap: calc(var(--spacing)*2); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - flex-wrap: wrap; - display: flex - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn { - cursor: move; - gap: calc(var(--spacing)*1.5); - border-radius: var(--radius-lg); - background-color: var(--color-white); - padding-inline: calc(var(--spacing)*2); - padding-block: calc(var(--spacing)*1); - text-align: start; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-600); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-600); - display: flex - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn { - --tw-ring-color: color-mix(in oklab, var(--gray-600)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark, .dark *) { - background-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-400)10%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark, .dark *) { - color: var(--gray-200); - --tw-ring-color: var(--gray-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--gray-400)20%, transparent) - } - } - - .fi-fo-rich-editor .tiptap { - height: 100% - } - - .fi-fo-rich-editor .tiptap:focus { - --tw-outline-style: none; - outline-style: none - } - - div:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)[data-type=customBlock], - img:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode) { - --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(--primary-600) - } - - :is(div:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)[data-type=customBlock], img:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)):where(.dark, .dark *) { - --tw-ring-color: var(--primary-500) - } - - .fi-fo-rich-editor .tiptap p.is-editor-empty:first-child:before { - pointer-events: none; - float: inline-start; - height: calc(var(--spacing)*0); - color: var(--gray-400); - content: attr(data-placeholder) - } - - .fi-fo-rich-editor .tiptap p.is-editor-empty:first-child:where(.dark, .dark *):before { - color: var(--gray-500) - } - - .fi-fo-rich-editor .tiptap [data-type=details] { - margin-block: calc(var(--spacing)*6); - gap: calc(var(--spacing)*1); - border-radius: var(--radius-md); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--gray-950); - display: flex - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .tiptap [data-type=details] { - border-color: color-mix(in oklab, var(--gray-950)20%, transparent) - } - } - - .fi-fo-rich-editor .tiptap [data-type=details] { - padding: calc(var(--spacing)*4) - } - - .fi-fo-rich-editor .tiptap [data-type=details]:where(.dark, .dark *) { - border-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .tiptap [data-type=details]:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-fo-rich-editor .tiptap [data-type=details]>div:first-of-type { - margin-top: calc(var(--spacing)*0) !important - } - - .fi-fo-rich-editor .tiptap [data-type=details] summary { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - list-style-type: none - } - - .fi-fo-rich-editor .tiptap [data-type=details]>button { - margin-top: 1px; - margin-right: calc(var(--spacing)*2); - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5); - border-radius: var(--radius-md); - padding: calc(var(--spacing)*1); - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)); - --tw-leading: 1; - background-color: #0000; - justify-content: center; - align-items: center; - line-height: 1; - display: flex - } - - @media (hover:hover) { - .fi-fo-rich-editor .tiptap [data-type=details]>button:hover { - background-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .tiptap [data-type=details]>button:hover { - background-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - } - - .fi-fo-rich-editor .tiptap [data-type=details]>button:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .tiptap [data-type=details]>button:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-fo-rich-editor .tiptap [data-type=details]>button:before { - content: "â–¶" - } - - .fi-fo-rich-editor .tiptap [data-type=details].is-open>button:before { - transform: rotate(90deg) - } - - .fi-fo-rich-editor .tiptap [data-type=details]>div { - gap: calc(var(--spacing)*4); - flex-direction: column; - width: 100%; - display: flex - } - - .fi-fo-rich-editor .tiptap [data-type=details]>div>[data-type=detailsContent] { - margin-top: calc(var(--spacing)*0) !important - } - - .fi-fo-rich-editor .tiptap [data-type=details]>div>[data-type=detailsContent]>:last-child { - margin-bottom: calc(var(--spacing)*4) - } - - .fi-fo-rich-editor .tiptap table { - margin: calc(var(--spacing)*0); - table-layout: fixed; - border-collapse: collapse; - width: 100%; - overflow: hidden - } - - .fi-fo-rich-editor .tiptap table:first-child { - margin-top: calc(var(--spacing)*0) - } - - .fi-fo-rich-editor .tiptap table td, - .fi-fo-rich-editor .tiptap table th { - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--gray-300); - min-width: 1em; - padding-block: calc(var(--spacing)*2); - vertical-align: top; - position: relative; - padding-inline: calc(var(--spacing)*2) !important - } - - :is(.fi-fo-rich-editor .tiptap table td, .fi-fo-rich-editor .tiptap table th):where(.dark, .dark *) { - border-color: var(--gray-600) - } - - :is(.fi-fo-rich-editor .tiptap table td, .fi-fo-rich-editor .tiptap table th)>* { - margin-bottom: calc(var(--spacing)*0) - } - - .fi-fo-rich-editor .tiptap table th { - background-color: var(--gray-100); - text-align: start; - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold) - } - - .fi-fo-rich-editor .tiptap table th:where(.dark, .dark *) { - background-color: var(--gray-800); - color: var(--color-white) - } - - .fi-fo-rich-editor .tiptap table .selectedCell:after { - pointer-events: none; - inset-inline-start: calc(var(--spacing)*0); - inset-inline-end: calc(var(--spacing)*0); - top: calc(var(--spacing)*0); - bottom: calc(var(--spacing)*0); - z-index: 2; - background-color: var(--gray-200); - position: absolute - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .tiptap table .selectedCell:after { - background-color: color-mix(in oklab, var(--gray-200)80%, transparent) - } - } - - .fi-fo-rich-editor .tiptap table .selectedCell:after { - --tw-content: ""; - content: var(--tw-content) - } - - .fi-fo-rich-editor .tiptap table .selectedCell:where(.dark, .dark *):after { - background-color: var(--gray-800) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .tiptap table .selectedCell:where(.dark, .dark *):after { - background-color: color-mix(in oklab, var(--gray-800)80%, transparent) - } - } - - .fi-fo-rich-editor .tiptap table .column-resize-handle { - pointer-events: none; - inset-inline-end: calc(var(--spacing)*0); - top: calc(var(--spacing)*0); - bottom: calc(var(--spacing)*0); - width: calc(var(--spacing)*1); - background-color: var(--primary-600); - position: absolute; - margin: calc(var(--spacing)*0) !important - } - - .fi-fo-rich-editor .tiptap .tableWrapper { - overflow-x: auto - } - - .fi-fo-rich-editor .tiptap.resize-cursor { - cursor: col-resize; - cursor: ew-resize - } - - .fi-fo-rich-editor img { - display: inline-block - } - - .fi-fo-rich-editor div[data-type=customBlock] { - display: grid - } - - :where(.fi-fo-rich-editor div[data-type=customBlock]>: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))); - border-color: var(--gray-200) - } - - .fi-fo-rich-editor div[data-type=customBlock] { - border-radius: var(--radius-lg); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - overflow: hidden - } - - :where(.fi-fo-rich-editor div[data-type=customBlock]:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-fo-rich-editor div[data-type=customBlock]:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-rich-editor div[data-type=customBlock]:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor div[data-type=customBlock]:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header { - align-items: flex-start; - gap: calc(var(--spacing)*3); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - display: flex - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-900)30%, transparent) - } - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-heading { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950); - flex: 1 - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-edit-btn-ctn, - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-delete-btn-ctn { - flex-shrink: 0 - } - - .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-preview { - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3) - } - - @supports (container-type:inline-size) { - .fi-fo-rich-editor { - container-type: inline-size - } - - @container (min-width:42rem) { - .fi-fo-rich-editor .fi-fo-rich-editor-main { - flex-direction: row - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panels { - max-width: var(--container-3xs); - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px; - border-bottom-style: var(--tw-border-style); - border-bottom-width: 0; - border-end-end-radius: var(--radius-lg) - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:48rem) { - .fi-fo-rich-editor .fi-fo-rich-editor-main { - flex-direction: row - } - - .fi-fo-rich-editor .fi-fo-rich-editor-panels { - max-width: var(--container-3xs); - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px; - border-bottom-style: var(--tw-border-style); - border-bottom-width: 0; - border-end-end-radius: var(--radius-lg) - } - } - } - - .fi-fo-select .fi-hidden { - display: none - } - - .fi-fo-slider { - gap: calc(var(--spacing)*4); - border-radius: var(--radius-lg); - border-style: var(--tw-border-style); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - background-color: #0000; - border-width: 0 - } - - .fi-fo-slider:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-slider:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-fo-slider .noUi-connect { - background-color: var(--primary-500) - } - - .fi-fo-slider .noUi-connect:where(.dark, .dark *) { - background-color: var(--primary-600) - } - - .fi-fo-slider .noUi-connects { - border-radius: var(--radius-lg); - background-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-slider .noUi-connects { - background-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - } - - .fi-fo-slider .noUi-connects:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-slider .noUi-connects:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-fo-slider .noUi-handle { - border-radius: var(--radius-lg); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--gray-950); - position: absolute - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-slider .noUi-handle { - border-color: color-mix(in oklab, var(--gray-950)10%, transparent) - } - } - - .fi-fo-slider .noUi-handle { - background-color: var(--color-white); - --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); - backface-visibility: hidden - } - - .fi-fo-slider .noUi-handle:focus { - outline-style: var(--tw-outline-style); - outline-width: 2px; - outline-color: var(--primary-600) - } - - .fi-fo-slider .noUi-handle:where(.dark, .dark *) { - border-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-slider .noUi-handle:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-fo-slider .noUi-handle:where(.dark, .dark *) { - background-color: var(--gray-700) - } - - .fi-fo-slider .noUi-handle:where(.dark, .dark *):focus { - outline-color: var(--primary-500) - } - - .fi-fo-slider .noUi-handle:before, - .fi-fo-slider .noUi-handle:after { - border-style: var(--tw-border-style); - background-color: var(--gray-400); - border-width: 0 - } - - .fi-fo-slider .noUi-tooltip { - border-radius: var(--radius-md); - border-style: var(--tw-border-style); - background-color: var(--color-white); - color: var(--gray-950); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - border-width: 0 - } - - .fi-fo-slider .noUi-tooltip:where(.dark, .dark *) { - background-color: var(--gray-800); - color: var(--color-white); - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-slider .noUi-tooltip:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-fo-slider .noUi-pips .noUi-value { - color: var(--gray-950) - } - - .fi-fo-slider .noUi-pips .noUi-value:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-slider.fi-fo-slider-vertical { - margin-top: calc(var(--spacing)*4); - height: calc(var(--spacing)*40) - } - - .fi-fo-slider.fi-fo-slider-vertical.fi-fo-slider-has-tooltips { - margin-inline-start: calc(var(--spacing)*10) - } - - .fi-fo-slider:not(.fi-fo-slider-vertical).fi-fo-slider-has-pips { - margin-bottom: calc(var(--spacing)*8) - } - - .fi-fo-slider:not(.fi-fo-slider-vertical).fi-fo-slider-has-tooltips { - margin-top: calc(var(--spacing)*10) - } - - .fi-fo-slider:not(.fi-fo-slider-vertical) .noUi-pips .noUi-value { - margin-top: calc(var(--spacing)*1) - } - - .fi-fo-tags-input.fi-disabled .fi-badge-delete-btn { - display: none - } - - .fi-fo-tags-input .fi-fo-tags-input-tags-ctn { - gap: calc(var(--spacing)*1.5); - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-top-color: var(--gray-200); - width: 100%; - padding: calc(var(--spacing)*2); - flex-wrap: wrap; - display: flex - } - - .fi-fo-tags-input .fi-fo-tags-input-tags-ctn:where(.dark, .dark *) { - border-top-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-fo-tags-input .fi-fo-tags-input-tags-ctn:where(.dark, .dark *) { - border-top-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-fo-tags-input .fi-fo-tags-input-tags-ctn>template { - display: none - } - - .fi-fo-tags-input .fi-fo-tags-input-tags-ctn>.fi-badge.fi-reorderable { - cursor: move - } - - .fi-fo-tags-input .fi-fo-tags-input-tags-ctn>.fi-badge .fi-badge-label-ctn { - text-align: start; - -webkit-user-select: none; - user-select: none - } - - @media (min-width:40rem) { - .fi-fo-tags-input-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col { - padding-top: calc(var(--spacing)*1.5) - } - } - - .fi-fo-text-input { - overflow: hidden - } - - .fi-fo-text-input input.fi-revealable::-ms-reveal { - display: none - } - - @media (min-width:40rem) { - .fi-fo-text-input-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col { - padding-top: calc(var(--spacing)*1.5) - } - } - - .fi-fo-textarea { - overflow: hidden - } - - .fi-fo-textarea textarea { - --tw-border-style: none; - width: 100%; - height: 100%; - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - color: var(--gray-950); - background-color: #0000; - border-style: none; - display: block - } - - .fi-fo-textarea textarea::placeholder { - color: var(--gray-400) - } - - .fi-fo-textarea textarea:focus { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-outline-style: none; - outline-style: none - } - - .fi-fo-textarea textarea:disabled { - color: var(--gray-500); - -webkit-text-fill-color: var(--color-gray-500) - } - - .fi-fo-textarea textarea:disabled::placeholder { - -webkit-text-fill-color: var(--color-gray-400) - } - - .fi-fo-textarea textarea:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-fo-textarea textarea:where(.dark, .dark *)::placeholder { - color: var(--gray-500) - } - - .fi-fo-textarea textarea:where(.dark, .dark *):disabled { - color: var(--gray-400); - -webkit-text-fill-color: var(--color-gray-400) - } - - .fi-fo-textarea textarea:where(.dark, .dark *):disabled::placeholder { - -webkit-text-fill-color: var(--color-gray-500) - } - - .fi-fo-textarea.fi-autosizable textarea { - resize: none - } - - @media (min-width:40rem) { - .fi-fo-textarea-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col { - padding-top: calc(var(--spacing)*1.5) - } - } - - .fi-fo-toggle-buttons.fi-btn-group { - width: max-content - } - - .fi-fo-toggle-buttons:not(.fi-btn-group) { - gap: calc(var(--spacing)*3) - } - - .fi-fo-toggle-buttons:not(.fi-btn-group).fi-inline { - flex-wrap: wrap; - display: flex - } - - .fi-fo-toggle-buttons:not(.fi-btn-group):not(.fi-inline).fi-grid-direction-col { - margin-top: calc(var(--spacing)*-3) - } - - .fi-fo-toggle-buttons:not(.fi-btn-group):not(.fi-inline).fi-grid-direction-col .fi-fo-toggle-buttons-btn-ctn { - break-inside: avoid; - padding-top: calc(var(--spacing)*3) - } - - .fi-fo-toggle-buttons .fi-fo-toggle-buttons-input { - pointer-events: none; - opacity: 0; - position: absolute - } - - @media (min-width:40rem) { - .fi-fo-toggle-buttons-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col { - padding-top: calc(var(--spacing)*1.5) - } - } - - .fi-in-code .phiki { - border-radius: var(--radius-lg); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent); - overflow-x: auto - } - - .fi-in-code .phiki:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-in-code .phiki:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-in-code:where(.dark, .dark *) .phiki, - .fi-in-code:where(.dark, .dark *) .phiki span { - color: var(--phiki-dark-color) !important; - background-color: var(--phiki-dark-background-color) !important; - font-style: var(--phiki-dark-font-style) !important; - font-weight: var(--phiki-dark-font-weight) !important; - -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; - text-decoration: var(--phiki-dark-text-decoration) !important - } - - .fi-in-code.fi-copyable { - cursor: pointer - } - - .fi-in-color { - gap: calc(var(--spacing)*1.5); - width: 100%; - display: flex - } - - .fi-in-color.fi-wrapped { - flex-wrap: wrap - } - - .fi-in-color.fi-align-start, - .fi-in-color.fi-align-left { - justify-content: flex-start - } - - .fi-in-color.fi-align-center { - justify-content: center - } - - .fi-in-color.fi-align-end, - .fi-in-color.fi-align-right { - justify-content: flex-end - } - - .fi-in-color.fi-align-justify, - .fi-in-color.fi-align-between { - justify-content: space-between - } - - .fi-in-color>.fi-in-color-item { - width: calc(var(--spacing)*6); - height: calc(var(--spacing)*6); - border-radius: var(--radius-md) - } - - .fi-in-color>.fi-in-color-item.fi-copyable { - cursor: pointer - } - - .fi-in-entry { - row-gap: calc(var(--spacing)*2); - display: grid - } - - @media (min-width:40rem) { - .fi-in-entry.fi-in-entry-has-inline-label { - align-items: flex-start; - column-gap: calc(var(--spacing)*4); - grid-template-columns: repeat(3, minmax(0, 1fr)) - } - - .fi-in-entry.fi-in-entry-has-inline-label .fi-in-entry-content-col { - grid-column: span 2/span 2 - } - } - - .fi-in-entry .fi-in-entry-label-ctn { - align-items: flex-start; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-in-entry .fi-in-entry-label-ctn>.fi-sc:first-child { - flex-grow: 0 - } - - .fi-in-entry .fi-in-entry-label { - 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); - color: var(--gray-950) - } - - .fi-in-entry .fi-in-entry-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-in-entry .fi-in-entry-label.fi-hidden { - display: none - } - - .fi-in-entry .fi-in-entry-label-col, - .fi-in-entry .fi-in-entry-content-col { - row-gap: calc(var(--spacing)*2); - grid-auto-columns: minmax(0, 1fr); - display: grid - } - - .fi-in-entry .fi-in-entry-content-ctn { - align-items: center; - column-gap: calc(var(--spacing)*3); - width: 100%; - display: flex - } - - .fi-in-entry .fi-in-entry-content { - text-align: start; - width: 100%; - display: block - } - - .fi-in-entry .fi-in-entry-content.fi-align-center { - text-align: center - } - - .fi-in-entry .fi-in-entry-content.fi-align-end { - text-align: end - } - - .fi-in-entry .fi-in-entry-content.fi-align-left { - text-align: left - } - - .fi-in-entry .fi-in-entry-content.fi-align-right { - text-align: right - } - - .fi-in-entry .fi-in-entry-content.fi-align-justify, - .fi-in-entry .fi-in-entry-content.fi-align-between { - text-align: justify - } - - .fi-in-entry .fi-in-placeholder { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-400) - } - - .fi-in-entry .fi-in-placeholder:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-in-key-value { - table-layout: auto; - width: 100% - } - - :where(.fi-in-key-value>: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))); - border-color: var(--gray-200) - } - - .fi-in-key-value { - border-radius: var(--radius-lg); - background-color: var(--color-white); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - :where(.fi-in-key-value:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-in-key-value:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-in-key-value:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-in-key-value:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-in-key-value:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-in-key-value:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-in-key-value th { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - text-align: start; - 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); - color: var(--gray-700) - } - - .fi-in-key-value th:where(.dark, .dark *) { - color: var(--gray-200) - } - - :where(.fi-in-key-value tbody>: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))); - border-color: var(--gray-200) - } - - .fi-in-key-value tbody { - font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - @media (min-width:40rem) { - .fi-in-key-value tbody { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6) - } - } - - :where(.fi-in-key-value tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-in-key-value tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - :where(.fi-in-key-value tr>:not(:last-child)) { - --tw-divide-x-reverse: 0; - border-inline-style: var(--tw-border-style); - border-inline-start-width: calc(1px*var(--tw-divide-x-reverse)); - border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse))); - border-color: var(--gray-200) - } - - :where(.fi-in-key-value tr:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) { - --tw-divide-x-reverse: 1 - } - - :where(.fi-in-key-value tr:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-in-key-value tr:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-in-key-value td { - width: 50%; - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*1.5); - overflow-wrap: anywhere - } - - .fi-in-key-value td.fi-in-placeholder { - width: 100%; - padding-block: calc(var(--spacing)*2); - text-align: center; - font-family: var(--font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" - } - - .fi-in-icon { - gap: calc(var(--spacing)*1.5); - width: 100%; - display: flex - } - - .fi-in-icon.fi-wrapped { - flex-wrap: wrap - } - - .fi-in-icon.fi-in-icon-has-line-breaks { - flex-direction: column - } - - .fi-in-icon.fi-align-start, - .fi-in-icon.fi-align-left { - justify-content: flex-start - } - - .fi-in-icon.fi-align-center { - justify-content: center - } - - .fi-in-icon.fi-align-end, - .fi-in-icon.fi-align-right { - justify-content: flex-end - } - - .fi-in-icon.fi-align-justify, - .fi-in-icon.fi-align-between { - justify-content: space-between - } - - .fi-in-icon>.fi-icon { - color: var(--gray-400) - } - - .fi-in-icon>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-in-icon>.fi-icon.fi-color { - color: var(--text) - } - - .fi-in-icon>.fi-icon.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - .fi-in-image { - align-items: center; - gap: calc(var(--spacing)*1.5); - width: 100%; - display: flex - } - - .fi-in-image img { - object-fit: cover; - object-position: center; - max-width: none - } - - .fi-in-image.fi-circular img { - border-radius: 3.40282e38px - } - - .fi-in-image.fi-in-image-ring img, - .fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--color-white) - } - - :is(.fi-in-image.fi-in-image-ring img, .fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text):where(.dark, .dark *) { - --tw-ring-color: var(--gray-900) - } - - .fi-in-image.fi-in-image-ring.fi-in-image-ring-1 img, - .fi-in-image.fi-in-image-ring.fi-in-image-ring-1 .fi-in-image-limited-remaining-text { - --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) - } - - .fi-in-image.fi-in-image-ring.fi-in-image-ring-2 img, - .fi-in-image.fi-in-image-ring.fi-in-image-ring-2 .fi-in-image-limited-remaining-text { - --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) - } - - .fi-in-image.fi-in-image-ring.fi-in-image-ring-4 img, - .fi-in-image.fi-in-image-ring.fi-in-image-ring-4 .fi-in-image-limited-remaining-text { - --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) - } - - .fi-in-image.fi-in-image-overlap-1 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-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))) - } - - .fi-in-image.fi-in-image-overlap-2 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-2>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-in-image.fi-in-image-overlap-3 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-3>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-in-image.fi-in-image-overlap-4 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-4>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-in-image.fi-in-image-overlap-5 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-5>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-5)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-5)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-in-image.fi-in-image-overlap-6 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-6>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-6)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-6)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-in-image.fi-in-image-overlap-7 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-7>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-7)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-7)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-in-image.fi-in-image-overlap-8 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-in-image.fi-in-image-overlap-8>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-8)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-8)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-in-image.fi-wrapped { - flex-wrap: wrap - } - - .fi-in-image.fi-align-start, - .fi-in-image.fi-align-left { - justify-content: flex-start - } - - .fi-in-image.fi-align-center { - justify-content: center - } - - .fi-in-image.fi-align-end, - .fi-in-image.fi-align-right { - justify-content: flex-end - } - - .fi-in-image.fi-align-justify, - .fi-in-image.fi-align-between { - justify-content: space-between - } - - .fi-in-image.fi-stacked .fi-in-image-limited-remaining-text { - background-color: var(--gray-100); - border-radius: 3.40282e38px - } - - .fi-in-image.fi-stacked .fi-in-image-limited-remaining-text:where(.dark, .dark *) { - background-color: var(--gray-800) - } - - .fi-in-image .fi-in-image-limited-remaining-text { - 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); - color: var(--gray-500); - justify-content: center; - align-items: center; - display: flex - } - - .fi-in-image .fi-in-image-limited-remaining-text:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-in-image .fi-in-image-limited-remaining-text.fi-size-xs { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-in-image .fi-in-image-limited-remaining-text.fi-size-base, - .fi-in-image .fi-in-image-limited-remaining-text.fi-size-md { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - .fi-in-image .fi-in-image-limited-remaining-text.fi-size-lg { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)) - } - - ul.fi-in-repeatable { - gap: calc(var(--spacing)*4) - } - - .fi-in-repeatable .fi-in-repeatable-item { - display: block - } - - .fi-in-repeatable.fi-contained .fi-in-repeatable-item { - border-radius: var(--radius-xl); - background-color: var(--color-white); - padding: calc(var(--spacing)*4); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-in-text { - width: 100% - } - - .fi-in-text.fi-in-text-affixed { - gap: calc(var(--spacing)*3); - display: flex - } - - .fi-in-text .fi-in-text-affixed-content { - min-width: calc(var(--spacing)*0); - flex: 1 - } - - .fi-in-text .fi-in-text-affix { - align-items: center; - gap: calc(var(--spacing)*3); - align-self: stretch; - display: flex - } - - .fi-in-text.fi-in-text-list-limited { - flex-direction: column; - display: flex - } - - .fi-in-text.fi-in-text-list-limited.fi-in-text-has-badges { - row-gap: calc(var(--spacing)*2) - } - - .fi-in-text.fi-in-text-list-limited:not(.fi-in-text-has-badges) { - row-gap: calc(var(--spacing)*1) - } - - ul.fi-in-text.fi-bulleted, - .fi-in-text.fi-bulleted ul { - list-style-type: disc; - list-style-position: inside - } - - ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges, - .fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul { - column-gap: calc(var(--spacing)*1.5); - display: flex - } - - :is(ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges, .fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul).fi-wrapped, - :is(ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges, .fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul):is(.fi-wrapped ul) { - row-gap: calc(var(--spacing)*1); - flex-wrap: wrap - } - - :is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul).fi-in-text-has-line-breaks, - :is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul):is(.fi-in-text-has-line-breaks ul) { - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } - - :is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks), - :is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul) { - column-gap: calc(var(--spacing)*1.5); - display: flex - } - - :is(:is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks), :is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)).fi-wrapped, - :is(:is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks), :is(ul.fi-in-text.fi-in-text-has-badges, .fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)):is(.fi-wrapped ul) { - row-gap: calc(var(--spacing)*1); - flex-wrap: wrap - } - - .fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) { - white-space: normal; - overflow-wrap: break-word - } - - .fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-badge, - .fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-in-text-list-limited-message { - white-space: nowrap - } - - .fi-in-text>.fi-in-text-list-limited-message { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-in-text>.fi-in-text-list-limited-message:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-in-text.fi-align-center { - text-align: center - } - - ul.fi-in-text.fi-align-center, - .fi-in-text.fi-align-center ul { - justify-content: center - } - - .fi-in-text.fi-align-end, - .fi-in-text.fi-align-right { - text-align: end - } - - ul:is(.fi-in-text.fi-align-end, .fi-in-text.fi-align-right), - :is(.fi-in-text.fi-align-end, .fi-in-text.fi-align-right) ul { - justify-content: flex-end - } - - .fi-in-text.fi-align-justify, - .fi-in-text.fi-align-between { - text-align: justify - } - - ul:is(.fi-in-text.fi-align-justify, .fi-in-text.fi-align-between), - :is(.fi-in-text.fi-align-justify, .fi-in-text.fi-align-between) ul { - justify-content: space-between - } - - .fi-in-text-item { - color: var(--gray-950) - } - - .fi-in-text-item:where(.dark, .dark *) { - color: var(--color-white) - } - - @media (hover:hover) { - .fi-in-text-item a:hover { - text-decoration-line: underline - } - } - - .fi-in-text-item a:focus-visible { - text-decoration-line: underline - } - - .fi-in-text-item:not(.fi-bulleted li.fi-in-text-item) { - -webkit-line-clamp: var(--line-clamp, none); - -webkit-box-orient: vertical; - display: -webkit-box; - overflow: hidden - } - - .fi-in-text-item.fi-copyable { - cursor: pointer - } - - .fi-in-text-item.fi-size-xs { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-in-text-item.fi-size-sm { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-in-text-item.fi-size-md { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - .fi-in-text-item.fi-size-lg { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)) - } - - .fi-in-text-item.fi-font-thin { - --tw-font-weight: var(--font-weight-thin); - font-weight: var(--font-weight-thin) - } - - .fi-in-text-item.fi-font-extralight { - --tw-font-weight: var(--font-weight-extralight); - font-weight: var(--font-weight-extralight) - } - - .fi-in-text-item.fi-font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light) - } - - .fi-in-text-item.fi-font-normal { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal) - } - - .fi-in-text-item.fi-font-medium { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium) - } - - .fi-in-text-item.fi-font-semibold { - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold) - } - - .fi-in-text-item.fi-font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold) - } - - .fi-in-text-item.fi-font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold) - } - - .fi-in-text-item.fi-font-black { - --tw-font-weight: var(--font-weight-black); - font-weight: var(--font-weight-black) - } - - .fi-in-text-item.fi-font-sans { - font-family: var(--font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" - } - - .fi-in-text-item.fi-font-serif { - font-family: var(--serif-font-family), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif - } - - .fi-in-text-item.fi-font-mono { - font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace - } - - .fi-in-text-item.fi-color { - color: var(--text) - } - - .fi-in-text-item.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - li.fi-in-text-item.fi-color::marker { - color: var(--gray-950) - } - - li.fi-in-text-item.fi-color:where(.dark, .dark *)::marker { - color: var(--color-white) - } - - .fi-in-text-item.fi-color-gray { - color: var(--gray-500) - } - - .fi-in-text-item.fi-color-gray:where(.dark, .dark *) { - color: var(--gray-400) - } - - li.fi-in-text-item.fi-color-gray::marker { - color: var(--gray-950) - } - - .fi-in-text-item>.fi-icon { - color: var(--gray-400); - flex-shrink: 0 - } - - .fi-in-text-item>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-in-text-item>.fi-icon.fi-color { - color: var(--color-500) - } - - .fi-in-text-item>.fi-icon { - margin-top: calc(var(--spacing)*-1); - display: inline-block - } - - .fi-no-database { - display: flex - } - - .fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-heading { - display: inline-block; - position: relative - } - - .fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-heading .fi-badge { - inset-inline-start: 100%; - top: calc(var(--spacing)*-1); - width: max-content; - margin-inline-start: calc(var(--spacing)*1); - position: absolute - } - - .fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-header .fi-ac { - margin-top: calc(var(--spacing)*2) - } - - .fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content { - margin-inline: calc(var(--spacing)*-6); - margin-top: calc(var(--spacing)*-6); - row-gap: calc(var(--spacing)*0) - } - - :where(.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content>: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))); - border-color: var(--gray-200) - } - - :where(.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-no-database .fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-footer) .fi-modal-content { - margin-bottom: calc(var(--spacing)*-6) - } - - .fi-no-database .fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-footer .fi-modal-content { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200) - } - - .fi-no-database .fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-no-database .fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-no-database .fi-no-notification-unread-ctn { - position: relative - } - - .fi-no-database .fi-no-notification-unread-ctn:before { - height: 100%; - width: calc(var(--spacing)*.5); - content: var(--tw-content); - background-color: var(--primary-600); - position: absolute; - inset-inline-start: calc(var(--spacing)*0) - } - - .fi-no-database .fi-no-notification-unread-ctn:where(.dark, .dark *):before { - content: var(--tw-content); - background-color: var(--primary-500) - } - - .fi-no-notification { - pointer-events: auto; - visibility: hidden; - gap: calc(var(--spacing)*3); - width: 100%; - padding: calc(var(--spacing)*4); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: .3s; - flex-shrink: 0; - transition-duration: .3s; - display: flex; - overflow: hidden - } - - .fi-no-notification .fi-no-notification-icon { - color: var(--gray-400) - } - - .fi-no-notification .fi-no-notification-icon.fi-color { - color: var(--color-400) - } - - .fi-no-notification .fi-no-notification-main { - margin-top: calc(var(--spacing)*.5); - gap: calc(var(--spacing)*3); - flex: 1; - display: grid - } - - .fi-no-notification .fi-no-notification-text { - gap: calc(var(--spacing)*1); - display: grid - } - - .fi-no-notification .fi-no-notification-title { - 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); - color: var(--gray-950) - } - - .fi-no-notification .fi-no-notification-title:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-no-notification .fi-no-notification-date { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-no-notification .fi-no-notification-date:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-no-notification .fi-no-notification-body { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - text-wrap: pretty; - overflow-wrap: break-word; - color: var(--gray-500); - overflow: hidden - } - - .fi-no-notification .fi-no-notification-body:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-no-notification .fi-no-notification-body>p:not(:first-of-type) { - margin-top: calc(var(--spacing)*1) - } - - .fi-no-notification:not(.fi-inline) { - max-width: var(--container-sm); - gap: calc(var(--spacing)*3); - border-radius: var(--radius-xl); - background-color: var(--color-white); - padding: calc(var(--spacing)*4); - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - display: flex - } - - .fi-no-notification:not(.fi-inline):where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-no-notification:not(.fi-inline):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-no-notification:not(.fi-inline).fi-color { - --tw-ring-color: var(--color-600) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-no-notification:not(.fi-inline).fi-color { - --tw-ring-color: color-mix(in oklab, var(--color-600)20%, transparent) - } - } - - .fi-no-notification:not(.fi-inline).fi-color:where(.dark, .dark *) { - --tw-ring-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-no-notification:not(.fi-inline).fi-color:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-400)30%, transparent) - } - } - - .fi-no-notification:not(.fi-inline).fi-transition-leave-end { - --tw-scale-x: 95%; - --tw-scale-y: 95%; - --tw-scale-z: 95%; - scale: var(--tw-scale-x)var(--tw-scale-y) - } - - .fi-no-notification.fi-color { - background-color: var(--color-50) - } - - .fi-no-notification.fi-color:where(.dark, .dark *) { - background-color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-no-notification.fi-color:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-400)10%, transparent) - } - } - - .fi-no-notification.fi-transition-enter-start, - .fi-no-notification.fi-transition-leave-end { - opacity: 0 - } - - :is(.fi-no.fi-align-start, .fi-no.fi-align-left) .fi-no-notification.fi-transition-enter-start { - --tw-translate-x: calc(var(--spacing)*-12); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - :is(.fi-no.fi-align-end, .fi-no.fi-align-right) .fi-no-notification.fi-transition-enter-start { - --tw-translate-x: calc(var(--spacing)*12); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-no.fi-align-center.fi-vertical-align-start .fi-no-notification.fi-transition-enter-start { - --tw-translate-y: calc(var(--spacing)*-12); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-no.fi-align-center.fi-vertical-align-end .fi-no-notification.fi-transition-enter-start { - --tw-translate-y: calc(var(--spacing)*12); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-no { - pointer-events: none; - inset: calc(var(--spacing)*4); - z-index: 50; - gap: calc(var(--spacing)*3); - margin-inline: auto; - display: flex; - position: fixed - } - - .fi-no.fi-align-start, - .fi-no.fi-align-left { - align-items: flex-start - } - - .fi-no.fi-align-center { - align-items: center - } - - .fi-no.fi-align-end, - .fi-no.fi-align-right { - align-items: flex-end - } - - .fi-no.fi-vertical-align-start { - flex-direction: column-reverse; - justify-content: flex-end - } - - .fi-no.fi-vertical-align-center { - flex-direction: column; - justify-content: center - } - - .fi-no.fi-vertical-align-end { - flex-direction: column; - justify-content: flex-end - } - - .fi-sc-actions { - gap: calc(var(--spacing)*2); - flex-direction: column; - height: 100%; - display: flex - } - - .fi-sc-actions .fi-sc-actions-label-ctn { - align-items: center; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-sc-actions .fi-sc-actions-label-ctn .fi-sc-actions-label { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950) - } - - .fi-sc-actions .fi-sc-actions-label-ctn .fi-sc-actions-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-sc-actions.fi-sticky .fi-ac { - bottom: calc(var(--spacing)*0); - margin-inline: calc(var(--spacing)*-4); - width: 100%; - transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, ); - background-color: var(--color-white); - padding: calc(var(--spacing)*4); - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - position: fixed - } - - @media (min-width:48rem) { - .fi-sc-actions.fi-sticky .fi-ac { - bottom: calc(var(--spacing)*4); - border-radius: var(--radius-xl) - } - } - - .fi-sc-actions.fi-sticky .fi-ac:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-actions.fi-sticky .fi-ac:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-sc-actions.fi-vertical-align-start { - justify-content: flex-start - } - - .fi-sc-actions.fi-vertical-align-center { - justify-content: center - } - - .fi-sc-actions.fi-vertical-align-end { - justify-content: flex-end - } - - .fi-sc-flex { - gap: calc(var(--spacing)*6); - display: flex - } - - .fi-sc-flex.fi-dense { - gap: calc(var(--spacing)*3) - } - - .fi-sc-flex>.fi-hidden { - display: none - } - - .fi-sc-flex>.fi-growable { - flex: 1; - width: 100% - } - - .fi-sc-flex.fi-from-default { - align-items: flex-start - } - - .fi-sc-flex.fi-from-default.fi-vertical-align-center { - align-items: center - } - - .fi-sc-flex.fi-from-default.fi-vertical-align-end { - align-items: flex-end - } - - .fi-sc-flex.fi-from-sm { - flex-direction: column - } - - @media (min-width:40rem) { - .fi-sc-flex.fi-from-sm { - flex-direction: row; - align-items: flex-start - } - - .fi-sc-flex.fi-from-sm.fi-vertical-align-center { - align-items: center - } - - .fi-sc-flex.fi-from-sm.fi-vertical-align-end { - align-items: flex-end - } - } - - .fi-sc-flex.fi-from-md { - flex-direction: column - } - - @media (min-width:48rem) { - .fi-sc-flex.fi-from-md { - flex-direction: row; - align-items: flex-start - } - - .fi-sc-flex.fi-from-md.fi-vertical-align-center { - align-items: center - } - - .fi-sc-flex.fi-from-md.fi-vertical-align-end { - align-items: flex-end - } - } - - .fi-sc-flex.fi-from-lg { - flex-direction: column - } - - @media (min-width:64rem) { - .fi-sc-flex.fi-from-lg { - flex-direction: row; - align-items: flex-start - } - - .fi-sc-flex.fi-from-lg.fi-vertical-align-center { - align-items: center - } - - .fi-sc-flex.fi-from-lg.fi-vertical-align-end { - align-items: flex-end - } - } - - .fi-sc-flex.fi-from-xl { - flex-direction: column - } - - @media (min-width:80rem) { - .fi-sc-flex.fi-from-xl { - flex-direction: row; - align-items: flex-start - } - - .fi-sc-flex.fi-from-xl.fi-vertical-align-center { - align-items: center - } - - .fi-sc-flex.fi-from-xl.fi-vertical-align-end { - align-items: flex-end - } - } - - .fi-sc-flex.fi-from-2xl { - flex-direction: column - } - - @media (min-width:96rem) { - .fi-sc-flex.fi-from-2xl { - flex-direction: row; - align-items: flex-start - } - - .fi-sc-flex.fi-from-2xl.fi-vertical-align-center { - align-items: center - } - - .fi-sc-flex.fi-from-2xl.fi-vertical-align-end { - align-items: flex-end - } - } - - .fi-sc-form { - gap: calc(var(--spacing)*6); - flex-direction: column; - display: flex - } - - .fi-sc-form.fi-dense { - gap: calc(var(--spacing)*3) - } - - .fi-sc-fused-group>.fi-sc { - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)10%, transparent) - } - - .fi-sc-fused-group>.fi-sc: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(--primary-600) - } - - .fi-sc-fused-group>.fi-sc:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-fused-group>.fi-sc:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-sc-fused-group>.fi-sc:where(.dark, .dark *):focus-within { - --tw-ring-color: var(--primary-500) - } - - .fi-sc-fused-group .fi-sc { - border-radius: var(--radius-lg); - background-color: var(--gray-950); - gap: 1px - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-fused-group .fi-sc { - background-color: color-mix(in oklab, var(--gray-950)10%, transparent) - } - } - - .fi-sc-fused-group .fi-sc:where(.dark, .dark *) { - background-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-fused-group .fi-sc:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-sc-fused-group .fi-sc .fi-sc-component, - .fi-sc-fused-group .fi-sc .fi-sc-component .fi-fo-field, - .fi-sc-fused-group .fi-sc .fi-sc-component .fi-input { - height: 100% - } - - .fi-sc-fused-group .fi-sc>:first-child .fi-input-wrp { - border-top-left-radius: var(--radius-lg); - border-top-right-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc>:last-child .fi-input-wrp { - border-bottom-right-radius: var(--radius-lg); - border-bottom-left-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - - @media (min-width:40rem) { - .fi-sc-fused-group .fi-sc.sm\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.sm\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:48rem) { - .fi-sc-fused-group .fi-sc.md\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.md\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:64rem) { - .fi-sc-fused-group .fi-sc.lg\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.lg\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:80rem) { - .fi-sc-fused-group .fi-sc.xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:96rem) { - .fi-sc-fused-group .fi-sc.\32xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\32xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @supports (container-type:inline-size) { - @container (min-width:16rem) { - .fi-sc-fused-group .fi-sc.\@3xs\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@3xs\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:18rem) { - .fi-sc-fused-group .fi-sc.\@2xs\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@2xs\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:20rem) { - .fi-sc-fused-group .fi-sc.\@xs\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@xs\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:24rem) { - .fi-sc-fused-group .fi-sc.\@sm\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@sm\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:28rem) { - .fi-sc-fused-group .fi-sc.\@md\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@md\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:32rem) { - .fi-sc-fused-group .fi-sc.\@lg\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@lg\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:36rem) { - .fi-sc-fused-group .fi-sc.\@xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:42rem) { - .fi-sc-fused-group .fi-sc.\@2xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@2xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:48rem) { - .fi-sc-fused-group .fi-sc.\@3xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@3xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:56rem) { - .fi-sc-fused-group .fi-sc.\@4xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@4xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:64rem) { - .fi-sc-fused-group .fi-sc.\@5xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@5xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:72rem) { - .fi-sc-fused-group .fi-sc.\@6xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@6xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @container (min-width:80rem) { - .fi-sc-fused-group .fi-sc.\@7xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\@7xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - } - - @supports not (container-type:inline-size) { - @media (min-width:40rem) { - .fi-sc-fused-group .fi-sc.\!\@sm\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\!\@sm\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:48rem) { - .fi-sc-fused-group .fi-sc.\!\@md\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\!\@md\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:64rem) { - .fi-sc-fused-group .fi-sc.\!\@lg\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\!\@lg\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:80rem) { - .fi-sc-fused-group .fi-sc.\!\@xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\!\@xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - - @media (min-width:96rem) { - .fi-sc-fused-group .fi-sc.\!\@2xl\:fi-grid-cols>:first-child .fi-input-wrp { - border-start-end-radius: 0; - border-end-start-radius: var(--radius-lg) - } - - .fi-sc-fused-group .fi-sc.\!\@2xl\:fi-grid-cols>:last-child .fi-input-wrp { - border-start-end-radius: var(--radius-lg); - border-end-start-radius: 0 - } - } - } - - .fi-sc-fused-group .fi-input-wrp { - --tw-shadow: 0 0 #0000; - --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); - border-radius: 0 - } - - .fi-sc-fused-group .fi-input-wrp:where(.dark, .dark *) { - background-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-fused-group .fi-input-wrp:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-950)75%, transparent) - } - } - - .fi-sc-fused-group .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within, - .fi-sc-fused-group .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:focus-within { - --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) - } - - .fi-sc-icon { - color: var(--gray-400) - } - - .fi-sc-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-sc-icon.fi-color { - color: var(--color-500) - } - - .fi-sc-icon.fi-color:where(.dark, .dark *) { - color: var(--color-400) - } - - .fi-sc-image { - border-radius: var(--radius-lg); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--gray-300) - } - - .fi-sc-image:where(.dark, .dark *) { - border-color: #0000 - } - - .fi-sc-image.fi-align-center { - margin-inline: auto - } - - .fi-sc-image.fi-align-end, - .fi-sc-image.fi-align-right { - margin-inline-start: auto - } - - .fi-sc-section { - gap: calc(var(--spacing)*2); - flex-direction: column; - display: flex - } - - .fi-sc-section .fi-sc-section-label-ctn { - align-items: center; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-sc-section .fi-sc-section-label-ctn .fi-sc-section-label { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950) - } - - .fi-sc-section .fi-sc-section-label-ctn .fi-sc-section-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-sc-tabs { - flex-direction: column; - display: flex - } - - .fi-sc-tabs .fi-sc-tabs-tab { - --tw-outline-style: none; - outline-style: none - } - - @media (forced-colors:active) { - .fi-sc-tabs .fi-sc-tabs-tab { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-sc-tabs .fi-sc-tabs-tab.fi-active { - margin-top: calc(var(--spacing)*6) - } - - .fi-sc-tabs .fi-sc-tabs-tab:not(.fi-active) { - visibility: hidden; - height: calc(var(--spacing)*0); - padding: calc(var(--spacing)*0); - position: absolute; - overflow: hidden - } - - .fi-sc-tabs.fi-contained { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-sc-tabs.fi-contained:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-tabs.fi-contained:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-sc-tabs.fi-contained .fi-sc-tabs-tab.fi-active { - margin-top: calc(var(--spacing)*0); - padding: calc(var(--spacing)*6) - } - - .fi-sc-tabs.fi-vertical { - flex-direction: row - } - - .fi-sc-tabs.fi-vertical .fi-sc-tabs-tab.fi-active { - margin-inline-start: calc(var(--spacing)*6); - margin-top: calc(var(--spacing)*0); - flex: 1 - } - - .fi-sc-text.fi-copyable { - cursor: pointer - } - - .fi-sc-text.fi-font-sans { - font-family: var(--font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" - } - - .fi-sc-text.fi-font-serif { - font-family: var(--serif-font-family), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif - } - - .fi-sc-text.fi-font-mono { - font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace - } - - .fi-sc-text:not(.fi-badge) { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - overflow-wrap: break-word; - color: var(--gray-600); - display: inline-block - } - - .fi-sc-text:not(.fi-badge):where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-sc-text:not(.fi-badge).fi-font-thin { - --tw-font-weight: var(--font-weight-thin); - font-weight: var(--font-weight-thin) - } - - .fi-sc-text:not(.fi-badge).fi-font-extralight { - --tw-font-weight: var(--font-weight-extralight); - font-weight: var(--font-weight-extralight) - } - - .fi-sc-text:not(.fi-badge).fi-font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light) - } - - .fi-sc-text:not(.fi-badge).fi-font-normal { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal) - } - - .fi-sc-text:not(.fi-badge).fi-font-medium { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium) - } - - .fi-sc-text:not(.fi-badge).fi-font-semibold { - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold) - } - - .fi-sc-text:not(.fi-badge).fi-font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold) - } - - .fi-sc-text:not(.fi-badge).fi-font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold) - } - - .fi-sc-text:not(.fi-badge).fi-font-black { - --tw-font-weight: var(--font-weight-black); - font-weight: var(--font-weight-black) - } - - .fi-sc-text:not(.fi-badge).fi-size-lg { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)) - } - - .fi-sc-text:not(.fi-badge).fi-color-neutral { - color: var(--gray-950) - } - - .fi-sc-text:not(.fi-badge).fi-color-neutral:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-sc-text:not(.fi-badge).fi-color:not(.fi-color-neutral) { - color: var(--text) - } - - .fi-sc-text:not(.fi-badge).fi-color:not(.fi-color-neutral):where(.dark, .dark *) { - color: var(--dark-text) - } - - .fi-sc-text:not(.fi-badge).fi-size-xs { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-sc-text:not(.fi-badge).fi-size-md { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - .fi-sc-unordered-list { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - margin-inline-start: calc(var(--spacing)*3); - list-style-type: disc - } - - @media (min-width:40rem) { - .fi-sc-unordered-list { - columns: 2 - } - } - - .fi-sc-unordered-list.fi-size-xs { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-sc-unordered-list.fi-size-md { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - .fi-sc-unordered-list.fi-size-lg { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)) - } - - .fi-sc-wizard { - flex-direction: column; - display: flex - } - - .fi-sc-wizard .fi-sc-wizard-header { - display: grid - } - - @media (min-width:48rem) { - .fi-sc-wizard .fi-sc-wizard-header { - grid-auto-flow: column; - overflow-x: auto - } - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step { - display: flex; - position: relative - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) { - display: none - } - - @media (min-width:48rem) { - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) { - display: flex - } - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn { - align-items: center; - column-gap: calc(var(--spacing)*4); - height: 100%; - padding-inline: calc(var(--spacing)*6); - padding-block: calc(var(--spacing)*4); - text-align: start; - display: flex - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn { - width: calc(var(--spacing)*10); - height: calc(var(--spacing)*10); - border-radius: 3.40282e38px; - flex-shrink: 0; - justify-content: center; - align-items: center; - display: flex - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number { - 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) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text { - justify-items: start; - display: grid - } - - @media (min-width:48rem) { - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text { - width: max-content; - max-width: calc(var(--spacing)*60) - } - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label { - 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) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description { - text-align: start; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator { - height: 100%; - width: calc(var(--spacing)*5); - color: var(--gray-200); - display: none; - position: absolute; - inset-inline-end: calc(var(--spacing)*0) - } - - @media (min-width:48rem) { - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator { - display: block - } - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - rotate: 180deg - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark, .dark *) { - color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark, .dark *) { - color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn { - background-color: var(--primary-600) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark, .dark *) { - background-color: var(--primary-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon { - color: var(--color-white) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label { - color: var(--gray-950) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn { - border-style: var(--tw-border-style); - border-width: 2px - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon { - color: var(--primary-600) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark, .dark *) { - color: var(--primary-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon { - color: var(--gray-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn { - border-color: var(--primary-600) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark, .dark *) { - border-color: var(--primary-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number { - color: var(--primary-600) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark, .dark *) { - color: var(--primary-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label { - color: var(--primary-700) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn { - border-color: var(--gray-300) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark, .dark *) { - border-color: var(--gray-600) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number { - color: var(--gray-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label { - color: var(--gray-500) - } - - .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-sc-wizard .fi-sc-wizard-step { - --tw-outline-style: none; - outline-style: none - } - - @media (forced-colors:active) { - .fi-sc-wizard .fi-sc-wizard-step { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-sc-wizard .fi-sc-wizard-step:not(.fi-active) { - visibility: hidden; - height: calc(var(--spacing)*0); - padding: calc(var(--spacing)*0); - position: absolute; - overflow: hidden - } - - .fi-sc-wizard:not(.fi-sc-wizard-header-hidden) .fi-sc-wizard-step.fi-active { - margin-top: calc(var(--spacing)*6) - } - - .fi-sc-wizard .fi-sc-wizard-footer { - justify-content: space-between; - align-items: center; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-sc-wizard .fi-sc-wizard-footer>.fi-hidden { - display: none - } - - .fi-sc-wizard .fi-sc-wizard-footer>.fi-disabled { - pointer-events: none; - opacity: .7 - } - - .fi-sc-wizard.fi-contained { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-sc-wizard.fi-contained:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-wizard.fi-contained:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-sc-wizard.fi-contained .fi-sc-wizard-header { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200) - } - - .fi-sc-wizard.fi-contained .fi-sc-wizard-header:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-wizard.fi-contained .fi-sc-wizard-header:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-sc-wizard.fi-contained .fi-sc-wizard-step.fi-active { - margin-top: calc(var(--spacing)*0); - padding: calc(var(--spacing)*6) - } - - .fi-sc-wizard.fi-contained .fi-sc-wizard-footer { - padding-inline: calc(var(--spacing)*6); - padding-bottom: calc(var(--spacing)*6) - } - - .fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-footer { - margin-top: calc(var(--spacing)*6) - } - - .fi-sc { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)) - } - - .fi-sc.fi-inline { - flex-wrap: wrap; - flex-grow: 1; - align-items: center; - display: flex - } - - .fi-sc.fi-sc-has-gap { - gap: calc(var(--spacing)*6) - } - - .fi-sc.fi-sc-has-gap.fi-sc-dense { - gap: calc(var(--spacing)*3) - } - - .fi-sc.fi-align-start, - .fi-sc.fi-align-left { - justify-content: flex-start - } - - .fi-sc.fi-align-center { - justify-content: center - } - - .fi-sc.fi-align-end, - .fi-sc.fi-align-right { - justify-content: flex-end - } - - .fi-sc.fi-align-between, - .fi-sc.fi-align-justify { - justify-content: space-between - } - - .fi-sc>.fi-hidden { - display: none - } - - .fi-sc>.fi-grid-col.fi-width-xs { - max-width: var(--container-xs) - } - - .fi-sc>.fi-grid-col.fi-width-sm { - max-width: var(--container-sm) - } - - .fi-sc>.fi-grid-col.fi-width-md { - max-width: var(--container-md) - } - - .fi-sc>.fi-grid-col.fi-width-lg { - max-width: var(--container-lg) - } - - .fi-sc>.fi-grid-col.fi-width-xl { - max-width: var(--container-xl) - } - - .fi-sc>.fi-grid-col.fi-width-2xl { - max-width: var(--container-2xl) - } - - .fi-sc>.fi-grid-col.fi-width-3xl { - max-width: var(--container-3xl) - } - - .fi-sc>.fi-grid-col.fi-width-4xl { - max-width: var(--container-4xl) - } - - .fi-sc>.fi-grid-col.fi-width-5xl { - max-width: var(--container-5xl) - } - - .fi-sc>.fi-grid-col.fi-width-6xl { - max-width: var(--container-6xl) - } - - .fi-sc>.fi-grid-col.fi-width-7xl { - max-width: var(--container-7xl) - } - - .fi-sc>.fi-grid-col>.fi-sc-component { - height: 100% - } - - .fi-ta-actions { - justify-content: flex-end; - align-items: center; - gap: calc(var(--spacing)*3); - flex-shrink: 0; - max-width: 100%; - display: flex - } - - .fi-ta-actions>* { - flex-shrink: 0 - } - - .fi-ta-actions.fi-wrapped { - flex-wrap: wrap - } - - @media (min-width:40rem) { - .fi-ta-actions.sm\:fi-not-wrapped { - flex-wrap: nowrap - } - } - - .fi-ta-actions.fi-align-center { - justify-content: center - } - - .fi-ta-actions.fi-align-start { - justify-content: flex-start - } - - .fi-ta-actions.fi-align-between { - justify-content: space-between - } - - @media (min-width:48rem) { - .fi-ta-actions.md\:fi-align-end { - justify-content: flex-end - } - } - - .fi-ta-cell { - padding: calc(var(--spacing)*0) - } - - .fi-ta-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*1) - } - - .fi-ta-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*1) - } - - @media (min-width:40rem) { - .fi-ta-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*3) - } - - .fi-ta-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*3) - } - } - - .fi-ta-cell.fi-vertical-align-start { - vertical-align: top - } - - .fi-ta-cell.fi-vertical-align-end { - vertical-align: bottom - } - - @media (min-width:40rem) { - .fi-ta-cell.sm\:fi-hidden { - display: none - } - } - - @media (min-width:48rem) { - .fi-ta-cell.md\:fi-hidden { - display: none - } - } - - @media (min-width:64rem) { - .fi-ta-cell.lg\:fi-hidden { - display: none - } - } - - @media (min-width:80rem) { - .fi-ta-cell.xl\:fi-hidden { - display: none - } - } - - @media (min-width:96rem) { - .fi-ta-cell.\32xl\:fi-hidden { - display: none - } - } - - .fi-ta-cell.sm\:fi-visible { - display: none - } - - @media (min-width:40rem) { - .fi-ta-cell.sm\:fi-visible { - display: table-cell - } - } - - .fi-ta-cell.md\:fi-visible { - display: none - } - - @media (min-width:48rem) { - .fi-ta-cell.md\:fi-visible { - display: table-cell - } - } - - .fi-ta-cell.lg\:fi-visible { - display: none - } - - @media (min-width:64rem) { - .fi-ta-cell.lg\:fi-visible { - display: table-cell - } - } - - .fi-ta-cell.xl\:fi-visible { - display: none - } - - @media (min-width:80rem) { - .fi-ta-cell.xl\:fi-visible { - display: table-cell - } - } - - .fi-ta-cell.\32xl\:fi-visible { - display: none - } - - @media (min-width:96rem) { - .fi-ta-cell.\32xl\:fi-visible { - display: table-cell - } - } - - .fi-ta-cell>.fi-ta-col { - text-align: start; - justify-content: flex-start; - width: 100%; - display: flex - } - - .fi-ta-cell>.fi-ta-col:disabled { - pointer-events: none - } - - .fi-ta-cell:has(.fi-ta-reorder-handle) { - width: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*3) - } - - .fi-ta-cell:has(.fi-ta-reorder-handle):first-of-type { - padding-inline-start: calc(var(--spacing)*4) - } - - .fi-ta-cell:has(.fi-ta-reorder-handle):last-of-type { - padding-inline-end: calc(var(--spacing)*4) - } - - @media (min-width:40rem) { - .fi-ta-cell:has(.fi-ta-reorder-handle):first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-cell:has(.fi-ta-reorder-handle):last-of-type { - padding-inline-end: calc(var(--spacing)*6) - } - } - - .fi-ta-cell:has(.fi-ta-actions) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4); - white-space: nowrap - } - - .fi-ta-cell:has(.fi-ta-actions):first-of-type { - padding-inline-start: calc(var(--spacing)*4) - } - - .fi-ta-cell:has(.fi-ta-actions):last-of-type { - padding-inline-end: calc(var(--spacing)*4) - } - - @media (min-width:40rem) { - .fi-ta-cell:has(.fi-ta-actions):first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-cell:has(.fi-ta-actions):last-of-type { - padding-inline-end: calc(var(--spacing)*6) - } - } - - .fi-ta-cell:has(.fi-ta-record-checkbox) { - width: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-cell:has(.fi-ta-record-checkbox):first-of-type { - padding-inline-start: calc(var(--spacing)*4) - } - - .fi-ta-cell:has(.fi-ta-record-checkbox):last-of-type { - padding-inline-end: calc(var(--spacing)*4) - } - - @media (min-width:40rem) { - .fi-ta-cell:has(.fi-ta-record-checkbox):first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-cell:has(.fi-ta-record-checkbox):last-of-type { - padding-inline-end: calc(var(--spacing)*6) - } - } - - .fi-ta-cell .fi-ta-placeholder { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - color: var(--gray-400) - } - - .fi-ta-cell .fi-ta-placeholder:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-ta-cell.fi-ta-summary-row-heading-cell { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4); - 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); - color: var(--gray-950) - } - - .fi-ta-cell.fi-ta-summary-row-heading-cell:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-cell.fi-align-start { - text-align: start - } - - .fi-ta-cell.fi-align-center { - text-align: center - } - - .fi-ta-cell.fi-align-end { - text-align: end - } - - .fi-ta-cell.fi-align-left { - text-align: left - } - - .fi-ta-cell.fi-align-right { - text-align: right - } - - .fi-ta-cell.fi-align-justify, - .fi-ta-cell.fi-align-between { - text-align: justify - } - - .fi-ta-cell.fi-ta-summary-header-cell { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - 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); - color: var(--gray-950) - } - - @media (min-width:40rem) { - .fi-ta-cell.fi-ta-summary-header-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - } - - .fi-ta-cell.fi-ta-summary-header-cell:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-cell.fi-ta-summary-header-cell.fi-wrapped, - .fi-ta-cell.fi-ta-summary-header-cell:not(.fi-wrapped) { - white-space: nowrap - } - - .fi-ta-cell.fi-ta-individual-search-cell { - min-width: calc(var(--spacing)*48); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2) - } - - .fi-ta-cell .fi-ta-reorder-handle { - cursor: move - } - - .fi-ta-cell.fi-ta-selection-cell { - width: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-cell.fi-ta-selection-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*4) - } - - .fi-ta-cell.fi-ta-selection-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*4) - } - - @media (min-width:40rem) { - .fi-ta-cell.fi-ta-selection-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-cell.fi-ta-selection-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*6) - } - } - - .fi-ta-cell.fi-ta-group-selection-cell { - width: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*3) - } - - .fi-ta-cell.fi-ta-group-selection-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*4) - } - - .fi-ta-cell.fi-ta-group-selection-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*4) - } - - @media (min-width:40rem) { - .fi-ta-cell.fi-ta-group-selection-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-cell.fi-ta-group-selection-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*6) - } - } - - .fi-ta-checkbox { - width: 100% - } - - .fi-ta-checkbox:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-checkbox.fi-align-center { - text-align: center - } - - .fi-ta-checkbox.fi-align-end, - .fi-ta-checkbox.fi-align-right { - text-align: end - } - - .fi-ta-color { - gap: calc(var(--spacing)*1.5); - width: 100%; - display: flex - } - - .fi-ta-color.fi-wrapped { - flex-wrap: wrap - } - - .fi-ta-color:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-color.fi-align-start, - .fi-ta-color.fi-align-left { - justify-content: flex-start - } - - .fi-ta-color.fi-align-center { - justify-content: center - } - - .fi-ta-color.fi-align-end, - .fi-ta-color.fi-align-right { - justify-content: flex-end - } - - .fi-ta-color.fi-align-justify, - .fi-ta-color.fi-align-between { - justify-content: space-between - } - - .fi-ta-color>.fi-ta-color-item { - width: calc(var(--spacing)*6); - height: calc(var(--spacing)*6); - border-radius: var(--radius-md) - } - - .fi-ta-color>.fi-ta-color-item.fi-copyable { - cursor: pointer - } - - .fi-ta-icon { - gap: calc(var(--spacing)*1.5); - width: 100%; - display: flex - } - - .fi-ta-icon.fi-wrapped { - flex-wrap: wrap - } - - .fi-ta-icon.fi-ta-icon-has-line-breaks { - flex-direction: column - } - - .fi-ta-icon:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-icon.fi-align-start, - .fi-ta-icon.fi-align-left { - justify-content: flex-start - } - - .fi-ta-icon.fi-align-center { - justify-content: center - } - - .fi-ta-icon.fi-align-end, - .fi-ta-icon.fi-align-right { - justify-content: flex-end - } - - .fi-ta-icon.fi-align-justify, - .fi-ta-icon.fi-align-between { - justify-content: space-between - } - - .fi-ta-icon>.fi-icon { - color: var(--gray-400) - } - - .fi-ta-icon>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-ta-icon>.fi-icon.fi-color { - color: var(--text) - } - - .fi-ta-icon>.fi-icon.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - .fi-ta-image { - align-items: center; - gap: calc(var(--spacing)*1.5); - width: 100%; - display: flex - } - - .fi-ta-image img { - object-fit: cover; - object-position: center; - max-width: none - } - - .fi-ta-image.fi-circular img { - border-radius: 3.40282e38px - } - - .fi-ta-image.fi-ta-image-ring img, - .fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text { - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--color-white) - } - - :is(.fi-ta-image.fi-ta-image-ring img, .fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text):where(.dark, .dark *) { - --tw-ring-color: var(--gray-900) - } - - .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-1 img, - .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-1 .fi-ta-image-limited-remaining-text { - --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) - } - - .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-2 img, - .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-2 .fi-ta-image-limited-remaining-text { - --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) - } - - .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-4 img, - .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-4 .fi-ta-image-limited-remaining-text { - --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) - } - - .fi-ta-image.fi-ta-image-overlap-1 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-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))) - } - - .fi-ta-image.fi-ta-image-overlap-2 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-2>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-ta-image.fi-ta-image-overlap-3 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-3>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-ta-image.fi-ta-image-overlap-4 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-4>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-ta-image.fi-ta-image-overlap-5 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-5>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-5)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-5)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-ta-image.fi-ta-image-overlap-6 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-6>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-6)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-6)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-ta-image.fi-ta-image-overlap-7 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-7>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-7)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-7)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-ta-image.fi-ta-image-overlap-8 { - column-gap: calc(var(--spacing)*0) - } - - :where(.fi-ta-image.fi-ta-image-overlap-8>:not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc(calc(var(--spacing)*-8)*var(--tw-space-x-reverse)); - margin-inline-end: calc(calc(var(--spacing)*-8)*calc(1 - var(--tw-space-x-reverse))) - } - - .fi-ta-image.fi-wrapped { - flex-wrap: wrap - } - - .fi-ta-image:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-image.fi-align-start, - .fi-ta-image.fi-align-left { - justify-content: flex-start - } - - .fi-ta-image.fi-align-center { - justify-content: center - } - - .fi-ta-image.fi-align-end, - .fi-ta-image.fi-align-right { - justify-content: flex-end - } - - .fi-ta-image.fi-align-justify, - .fi-ta-image.fi-align-between { - justify-content: space-between - } - - .fi-ta-image.fi-stacked .fi-ta-image-limited-remaining-text { - background-color: var(--gray-100); - border-radius: 3.40282e38px - } - - .fi-ta-image.fi-stacked .fi-ta-image-limited-remaining-text:where(.dark, .dark *) { - background-color: var(--gray-800) - } - - .fi-ta-image .fi-ta-image-limited-remaining-text { - 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); - color: var(--gray-500); - justify-content: center; - align-items: center; - display: flex - } - - .fi-ta-image .fi-ta-image-limited-remaining-text:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-xs { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-base, - .fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-md { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - .fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-lg { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)) - } - - .fi-ta-select { - width: 100%; - min-width: calc(var(--spacing)*48) - } - - .fi-ta-select:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-text { - width: 100% - } - - .fi-ta-text.fi-ta-text-has-descriptions, - .fi-ta-text.fi-ta-text-list-limited { - flex-direction: column; - display: flex - } - - :is(.fi-ta-text.fi-ta-text-has-descriptions, .fi-ta-text.fi-ta-text-list-limited).fi-ta-text-has-badges { - row-gap: calc(var(--spacing)*2) - } - - :is(.fi-ta-text.fi-ta-text-has-descriptions, .fi-ta-text.fi-ta-text-list-limited):not(.fi-ta-text-has-badges) { - row-gap: calc(var(--spacing)*1) - } - - .fi-ta-text:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - ul.fi-ta-text.fi-bulleted, - .fi-ta-text.fi-bulleted ul { - list-style-type: disc; - list-style-position: inside - } - - ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges, - .fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul { - column-gap: calc(var(--spacing)*1.5); - display: flex - } - - :is(ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges, .fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul).fi-wrapped, - :is(ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges, .fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul):is(.fi-wrapped ul) { - row-gap: calc(var(--spacing)*1); - flex-wrap: wrap - } - - :is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul).fi-ta-text-has-line-breaks, - :is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul):is(.fi-ta-text-has-line-breaks ul) { - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } - - :is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks), - :is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul) { - column-gap: calc(var(--spacing)*1.5); - display: flex - } - - :is(:is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks), :is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)).fi-wrapped, - :is(:is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks), :is(ul.fi-ta-text.fi-ta-text-has-badges, .fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)):is(.fi-wrapped ul) { - row-gap: calc(var(--spacing)*1); - flex-wrap: wrap - } - - .fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) { - white-space: normal - } - - .fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-badge, - .fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-ta-text-list-limited-message { - white-space: nowrap - } - - .fi-ta-text>.fi-ta-text-description, - .fi-ta-text>.fi-ta-text-list-limited-message { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - :is(.fi-ta-text>.fi-ta-text-description, .fi-ta-text>.fi-ta-text-list-limited-message):where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-text.fi-align-center { - text-align: center - } - - ul.fi-ta-text.fi-align-center, - .fi-ta-text.fi-align-center ul { - justify-content: center - } - - .fi-ta-text.fi-align-end, - .fi-ta-text.fi-align-right { - text-align: end - } - - ul:is(.fi-ta-text.fi-align-end, .fi-ta-text.fi-align-right), - :is(.fi-ta-text.fi-align-end, .fi-ta-text.fi-align-right) ul { - justify-content: flex-end - } - - .fi-ta-text.fi-align-justify, - .fi-ta-text.fi-align-between { - text-align: justify - } - - ul:is(.fi-ta-text.fi-align-justify, .fi-ta-text.fi-align-between), - :is(.fi-ta-text.fi-align-justify, .fi-ta-text.fi-align-between) ul { - justify-content: space-between - } - - .fi-ta-text-item { - color: var(--gray-950) - } - - .fi-ta-text-item:where(.dark, .dark *) { - color: var(--color-white) - } - - @media (hover:hover) { - .fi-ta-text-item a:hover { - text-decoration-line: underline - } - } - - .fi-ta-text-item a:focus-visible { - text-decoration-line: underline - } - - .fi-ta-text-item:not(.fi-bulleted li.fi-ta-text-item) { - -webkit-line-clamp: var(--line-clamp, none); - -webkit-box-orient: vertical; - display: -webkit-box; - overflow: hidden - } - - .fi-ta-text-item.fi-copyable { - cursor: pointer - } - - .fi-ta-text-item.fi-size-xs { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)) - } - - .fi-ta-text-item.fi-size-sm { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6) - } - - .fi-ta-text-item.fi-size-md { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)) - } - - .fi-ta-text-item.fi-size-lg { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)) - } - - .fi-ta-text-item.fi-font-thin { - --tw-font-weight: var(--font-weight-thin); - font-weight: var(--font-weight-thin) - } - - .fi-ta-text-item.fi-font-extralight { - --tw-font-weight: var(--font-weight-extralight); - font-weight: var(--font-weight-extralight) - } - - .fi-ta-text-item.fi-font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light) - } - - .fi-ta-text-item.fi-font-normal { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal) - } - - .fi-ta-text-item.fi-font-medium { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium) - } - - .fi-ta-text-item.fi-font-semibold { - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold) - } - - .fi-ta-text-item.fi-font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold) - } - - .fi-ta-text-item.fi-font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold) - } - - .fi-ta-text-item.fi-font-black { - --tw-font-weight: var(--font-weight-black); - font-weight: var(--font-weight-black) - } - - .fi-ta-text-item.fi-font-sans { - font-family: var(--font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" - } - - .fi-ta-text-item.fi-font-serif { - font-family: var(--serif-font-family), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif - } - - .fi-ta-text-item.fi-font-mono { - font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace - } - - .fi-ta-text-item.fi-color { - color: var(--text) - } - - .fi-ta-text-item.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - li.fi-ta-text-item.fi-color::marker { - color: var(--gray-950) - } - - li.fi-ta-text-item.fi-color:where(.dark, .dark *)::marker { - color: var(--color-white) - } - - .fi-ta-text-item.fi-color-gray { - color: var(--gray-500) - } - - .fi-ta-text-item.fi-color-gray:where(.dark, .dark *) { - color: var(--gray-400) - } - - li.fi-ta-text-item.fi-color-gray::marker { - color: var(--gray-950) - } - - li.fi-ta-text-item.fi-color-gray:where(.dark, .dark *)::marker { - color: var(--color-white) - } - - .fi-ta-text-item>.fi-icon { - color: var(--gray-400); - flex-shrink: 0 - } - - .fi-ta-text-item>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-ta-text-item>.fi-icon.fi-color { - color: var(--color-500) - } - - .fi-ta-text-item>.fi-icon { - margin-top: calc(var(--spacing)*-1); - display: inline-block - } - - @media (hover:hover) { - .fi-ta-col-has-column-url .fi-ta-text-item:hover { - text-decoration-line: underline - } - } - - .fi-ta-col-has-column-url .fi-ta-text-item:focus-visible { - text-decoration-line: underline - } - - @media (hover:hover) { - .fi-ta-col-has-column-url .fi-ta-text-item>.fi-icon:hover { - text-decoration-line: none - } - } - - .fi-ta-col-has-column-url .fi-ta-text-item>.fi-icon:focus-visible { - text-decoration-line: none - } - - @media (hover:hover) { - .fi-ta-col-has-column-url .fi-ta-text-item>.fi-badge:hover { - text-decoration-line: none - } - } - - .fi-ta-col-has-column-url .fi-ta-text-item>.fi-badge:focus-visible { - text-decoration-line: none - } - - .fi-ta-text-input { - width: 100%; - min-width: calc(var(--spacing)*48) - } - - .fi-ta-text-input:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-toggle { - width: 100% - } - - .fi-ta-toggle:not(.fi-inline) { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4) - } - - .fi-ta-toggle.fi-align-center { - text-align: center - } - - .fi-ta-toggle.fi-align-end, - .fi-ta-toggle.fi-align-right { - text-align: end - } - - .fi-ta-grid.fi-gap-sm { - gap: calc(var(--spacing)*1) - } - - @media (min-width:40rem) { - .fi-ta-grid.sm\:fi-gap-sm { - gap: calc(var(--spacing)*1) - } - } - - @media (min-width:48rem) { - .fi-ta-grid.md\:fi-gap-sm { - gap: calc(var(--spacing)*1) - } - } - - @media (min-width:64rem) { - .fi-ta-grid.lg\:fi-gap-sm { - gap: calc(var(--spacing)*1) - } - } - - @media (min-width:80rem) { - .fi-ta-grid.xl\:fi-gap-sm { - gap: calc(var(--spacing)*1) - } - } - - @media (min-width:96rem) { - .fi-ta-grid.\32xl\:fi-gap-sm { - gap: calc(var(--spacing)*1) - } - } - - .fi-ta-grid.fi-gap-lg { - gap: calc(var(--spacing)*3) - } - - @media (min-width:40rem) { - .fi-ta-grid.sm\:fi-gap-lg { - gap: calc(var(--spacing)*3) - } - } - - @media (min-width:48rem) { - .fi-ta-grid.md\:fi-gap-lg { - gap: calc(var(--spacing)*3) - } - } - - @media (min-width:64rem) { - .fi-ta-grid.lg\:fi-gap-lg { - gap: calc(var(--spacing)*3) - } - } - - @media (min-width:80rem) { - .fi-ta-grid.xl\:fi-gap-lg { - gap: calc(var(--spacing)*3) - } - } - - @media (min-width:96rem) { - .fi-ta-grid.\32xl\:fi-gap-lg { - gap: calc(var(--spacing)*3) - } - } - - .fi-ta-panel { - border-radius: var(--radius-lg); - background-color: var(--gray-50); - padding: calc(var(--spacing)*4); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-panel { - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - } - - .fi-ta-panel { - --tw-ring-inset: inset - } - - .fi-ta-panel:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-panel:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-panel:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-panel:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-split { - display: flex - } - - .fi-ta-split.default\:fi-ta-split { - align-items: center; - gap: calc(var(--spacing)*3) - } - - .fi-ta-split.sm\:fi-ta-split, - .fi-ta-split.md\:fi-ta-split, - .fi-ta-split.lg\:fi-ta-split, - .fi-ta-split.xl\:fi-ta-split, - .fi-ta-split.\32xl\:fi-ta-split { - gap: calc(var(--spacing)*2); - flex-direction: column - } - - @media (min-width:40rem) { - .fi-ta-split.sm\:fi-ta-split { - align-items: center; - gap: calc(var(--spacing)*3); - flex-direction: row - } - } - - @media (min-width:48rem) { - .fi-ta-split.md\:fi-ta-split { - align-items: center; - gap: calc(var(--spacing)*3); - flex-direction: row - } - } - - @media (min-width:64rem) { - .fi-ta-split.lg\:fi-ta-split { - align-items: center; - gap: calc(var(--spacing)*3); - flex-direction: row - } - } - - @media (min-width:80rem) { - .fi-ta-split.xl\:fi-ta-split { - align-items: center; - gap: calc(var(--spacing)*3); - flex-direction: row - } - } - - @media (min-width:96rem) { - .fi-ta-split.\32xl\:fi-ta-split { - align-items: center; - gap: calc(var(--spacing)*3); - flex-direction: row - } - } - - .fi-ta-stack { - flex-direction: column; - display: flex - } - - .fi-ta-stack.fi-align-start, - .fi-ta-stack.fi-align-left { - align-items: flex-start - } - - .fi-ta-stack.fi-align-center { - align-items: center - } - - .fi-ta-stack.fi-align-end, - .fi-ta-stack.fi-align-right { - align-items: flex-end - } - - :where(.fi-ta-stack.fi-gap-sm>:not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse))) - } - - :where(.fi-ta-stack.fi-gap-md>: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(.fi-ta-stack.fi-gap-lg>: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))) - } - - .fi-ta-icon-count-summary { - row-gap: calc(var(--spacing)*1.5); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500); - display: grid - } - - .fi-ta-icon-count-summary:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-icon-count-summary>.fi-ta-icon-count-summary-label { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950) - } - - .fi-ta-icon-count-summary>.fi-ta-icon-count-summary-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-icon-count-summary>ul { - row-gap: calc(var(--spacing)*1.5); - display: grid - } - - .fi-ta-icon-count-summary>ul>li { - justify-content: flex-end; - align-items: center; - column-gap: calc(var(--spacing)*1.5); - display: flex - } - - .fi-ta-icon-count-summary>ul>li>.fi-icon { - color: var(--gray-400) - } - - .fi-ta-icon-count-summary>ul>li>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-ta-icon-count-summary>ul>li>.fi-icon.fi-color { - color: var(--text) - } - - .fi-ta-icon-count-summary>ul>li>.fi-icon.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - .fi-ta-range-summary { - row-gap: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500); - display: grid - } - - .fi-ta-range-summary:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-range-summary>.fi-ta-range-summary-label { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950) - } - - .fi-ta-range-summary>.fi-ta-range-summary-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-text-summary { - row-gap: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500); - display: grid - } - - .fi-ta-text-summary:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-text-summary>.fi-ta-text-summary-label { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950) - } - - .fi-ta-text-summary>.fi-ta-text-summary-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-values-summary { - row-gap: calc(var(--spacing)*1); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*4); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500); - display: grid - } - - .fi-ta-values-summary:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-values-summary>.fi-ta-values-summary-label { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950) - } - - .fi-ta-values-summary>.fi-ta-values-summary-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-values-summary>ul.fi-bulleted { - list-style-type: disc; - list-style-position: inside - } - - :where(.fi-ta-ctn>: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))); - border-color: var(--gray-200) - } - - .fi-ta-ctn { - border-radius: var(--radius-xl); - background-color: var(--color-white); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - overflow: hidden - } - - :where(.fi-ta-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-ta-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-ctn:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-ctn:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-ctn.fi-loading { - animation: var(--animate-pulse) - } - - .fi-ta-ctn .fi-ta-header-ctn { - margin-top: -1px - } - - .fi-ta-ctn .fi-ta-header { - gap: calc(var(--spacing)*3); - padding: calc(var(--spacing)*4); - flex-direction: column; - display: flex - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-header { - padding-inline: calc(var(--spacing)*6) - } - - .fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position { - flex-direction: row; - align-items: center - } - - .fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position .fi-ta-actions { - margin-inline-start: auto - } - } - - .fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position:not(:has(.fi-ta-header-heading)):not(:has(.fi-ta-header-description)) .fi-ta-actions { - margin-inline-start: auto - } - - .fi-ta-ctn .fi-ta-header .fi-ta-header-heading { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - .fi-ta-ctn .fi-ta-header .fi-ta-header-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-ctn .fi-ta-header .fi-ta-header-description { - margin-top: calc(var(--spacing)*1); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-600) - } - - .fi-ta-ctn .fi-ta-header .fi-ta-header-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-ctn .fi-ta-header-toolbar { - justify-content: space-between; - align-items: center; - gap: calc(var(--spacing)*4); - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-200); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*3); - flex-wrap: wrap; - display: flex - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-header-toolbar { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-ctn .fi-ta-header-toolbar:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-ctn .fi-ta-header-toolbar:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-ctn .fi-ta-header-toolbar>* { - align-items: center; - column-gap: calc(var(--spacing)*4); - display: flex - } - - .fi-ta-ctn .fi-ta-header-toolbar>:first-child { - flex-shrink: 0 - } - - .fi-ta-ctn .fi-ta-header-toolbar>:nth-child(2) { - margin-inline-start: auto - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown.sm\:fi-hidden { - display: none - } - } - - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields { - row-gap: calc(var(--spacing)*6); - padding: calc(var(--spacing)*6); - display: grid - } - - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label { - row-gap: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-950); - display: grid - } - - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings>.fi-ta-grouping-settings-fields { - align-items: center; - column-gap: calc(var(--spacing)*3); - display: none - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings>.fi-ta-grouping-settings-fields { - display: flex - } - } - - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-filters-dropdown .fi-ta-filters, - .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-col-manager-dropdown .fi-ta-col-manager { - padding: calc(var(--spacing)*6) - } - - .fi-ta-ctn .fi-ta-filters { - row-gap: calc(var(--spacing)*4); - display: grid - } - - .fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content { - padding: calc(var(--spacing)*4) - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header { - justify-content: space-between; - align-items: center; - display: flex - } - - .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-ta-filters-heading { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-ta-filters-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-loading-indicator { - color: var(--gray-400) - } - - .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-loading-indicator:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-ta-ctn .fi-ta-filters-above-content-ctn { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - border-color: var(--gray-200); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*4); - display: grid - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-filters-above-content-ctn { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-ctn .fi-ta-filters-above-content-ctn:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-ctn .fi-ta-filters-above-content-ctn:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-ctn .fi-ta-filters-above-content-ctn .fi-ta-filters-trigger-action-ctn { - margin-inline-start: auto - } - - .fi-ta-ctn .fi-ta-filters-above-content-ctn.fi-open .fi-ta-filters-trigger-action-ctn { - margin-top: calc(var(--spacing)*3) - } - - .fi-ta-ctn .fi-ta-filters-above-content-ctn.fi-open:has(.fi-ta-filters-apply-action-ctn) .fi-ta-filters-trigger-action-ctn { - margin-top: calc(var(--spacing)*-7) - } - - .fi-ta-ctn .fi-ta-reorder-indicator { - align-items: center; - column-gap: calc(var(--spacing)*3); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*1.5); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-700); - display: flex - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-reorder-indicator { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-ctn .fi-ta-reorder-indicator:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-ctn .fi-ta-reorder-indicator:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-ctn .fi-ta-reorder-indicator:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-ta-ctn .fi-ta-reorder-indicator .fi-loading-indicator { - color: var(--gray-400) - } - - .fi-ta-ctn .fi-ta-reorder-indicator .fi-loading-indicator:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-ta-ctn .fi-ta-selection-indicator { - justify-content: space-between; - row-gap: calc(var(--spacing)*1); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - flex-direction: column; - display: flex - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-selection-indicator { - padding-inline: calc(var(--spacing)*6); - padding-block: calc(var(--spacing)*1.5); - flex-direction: row; - align-items: center - } - } - - .fi-ta-ctn .fi-ta-selection-indicator:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-ctn .fi-ta-selection-indicator:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-ctn .fi-ta-selection-indicator .fi-loading-indicator { - color: var(--gray-400) - } - - .fi-ta-ctn .fi-ta-selection-indicator .fi-loading-indicator:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-ta-ctn .fi-ta-selection-indicator .fi-ta-selection-indicator-actions-ctn, - .fi-ta-ctn .fi-ta-selection-indicator>* { - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-ta-ctn .fi-ta-selection-indicator>:first-child { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-700) - } - - .fi-ta-ctn .fi-ta-selection-indicator>:first-child:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-ta-ctn .fi-ta-selection-indicator>:nth-child(2) { - margin-inline-start: auto - } - - .fi-ta-ctn .fi-ta-filter-indicators { - justify-content: space-between; - align-items: flex-start; - column-gap: calc(var(--spacing)*3); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*1.5); - display: flex - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-filter-indicators { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-ctn .fi-ta-filter-indicators:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-ctn .fi-ta-filter-indicators:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-ctn .fi-ta-filter-indicators>:first-child { - column-gap: calc(var(--spacing)*3); - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-ta-filter-indicators>:first-child { - flex-direction: row - } - } - - .fi-ta-ctn .fi-ta-filter-indicators>:first-child .fi-ta-filter-indicators-label { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - white-space: nowrap; - color: var(--gray-700) - } - - .fi-ta-ctn .fi-ta-filter-indicators>:first-child .fi-ta-filter-indicators-label:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-ta-ctn .fi-ta-filter-indicators>:first-child .fi-ta-filter-indicators-badges-ctn { - gap: calc(var(--spacing)*1.5); - flex-wrap: wrap; - display: flex - } - - .fi-ta-ctn .fi-ta-filter-indicators>:nth-child(2).fi-icon-btn { - margin-top: calc(var(--spacing)*-1) - } - - .fi-ta-ctn .fi-pagination { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*3) - } - - @media (min-width:40rem) { - .fi-ta-ctn .fi-pagination { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-ctn .fi-ta-table-loading-ctn { - height: calc(var(--spacing)*32); - justify-content: center; - align-items: center; - display: flex - } - - .fi-ta-content-ctn { - position: relative - } - - :where(.fi-ta-content-ctn>: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))); - border-color: var(--gray-200) - } - - .fi-ta-content-ctn { - overflow-x: auto - } - - :where(.fi-ta-content-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-ta-content-ctn:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-content-ctn:where(.dark, .dark *) { - border-top-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn:where(.dark, .dark *) { - border-top-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content-header { - align-items: center; - gap: calc(var(--spacing)*4); - column-gap: calc(var(--spacing)*6); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*4); - display: flex - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content-header { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-content-ctn .fi-ta-content-header:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content-header:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content-header .fi-ta-page-checkbox { - margin-block: calc(var(--spacing)*4); - flex-shrink: 0 - } - - .fi-ta-content-ctn .fi-ta-content-header .fi-ta-sorting-settings { - column-gap: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*3); - display: flex - } - - .fi-ta-content-ctn:not(.fi-ta-ctn-with-header .fi-ta-content-ctn) { - border-top-style: var(--tw-border-style); - border-top-width: 0 - } - - .fi-ta-content-ctn .fi-ta-content { - display: grid - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid { - gap: calc(var(--spacing)*4); - padding: calc(var(--spacing)*4) - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid { - padding-inline: calc(var(--spacing)*6) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid.fi-ta-content-grouped { - padding-top: calc(var(--spacing)*0) - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header { - margin-inline: calc(var(--spacing)*-4); - border-block-style: var(--tw-border-style); - border-block-width: 1px; - border-color: var(--gray-200) - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:first-child { - border-top-style: var(--tw-border-style); - border-top-width: 0 - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header { - margin-inline: calc(var(--spacing)*-6) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(.dark, .dark *) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header { - width: calc(100% + 2rem) - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header { - width: calc(100% + 3rem) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record { - border-radius: var(--radius-xl); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - @media (hover:hover) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark, .dark *):hover { - background-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark, .dark *):hover { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark, .dark *):hover { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark, .dark *) { - background-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark, .dark *) { - --tw-ring-color: #fff3 - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected) { - background-color: var(--color-white) - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions { - padding-inline-start: calc(var(--spacing)*2) - } - - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions { - padding-inline-end: calc(var(--spacing)*2) - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) { - background-color: var(--gray-200); - row-gap: 1px - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid):where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid):where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - @media (hover:hover) { - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:before { - inset-block: calc(var(--spacing)*0); - width: calc(var(--spacing)*.5); - content: var(--tw-content); - background-color: var(--primary-600); - position: absolute; - inset-inline-start: calc(var(--spacing)*0) - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark, .dark *):before { - content: var(--tw-content); - background-color: var(--primary-500) - } - - @media (min-width:48rem) { - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-record-content-ctn { - flex-direction: row; - align-items: center - } - } - - @media (min-width:40rem) { - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions { - padding-inline-end: calc(var(--spacing)*6) - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix { - padding-inline-start: calc(var(--spacing)*3) - } - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions { - padding-inline-start: calc(var(--spacing)*3) - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix { - padding-inline-end: calc(var(--spacing)*3) - } - } - - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions { - padding-inline-end: calc(var(--spacing)*3) - } - - @media (min-width:48rem) { - .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-actions { - padding-inline-start: calc(var(--spacing)*3) - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header { - align-items: center; - column-gap: calc(var(--spacing)*3); - background-color: var(--gray-50); - width: 100%; - padding-inline: calc(var(--spacing)*1); - padding-block: calc(var(--spacing)*2); - grid-column: 1/-1; - display: flex - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header { - padding-inline: calc(var(--spacing)*3) - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header.fi-collapsible { - cursor: pointer - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header.fi-collapsible.fi-collapsed .fi-icon-btn { - rotate: -180deg - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-heading { - 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); - color: var(--gray-950) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-description { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-checkbox { - margin-inline: calc(var(--spacing)*3) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-table { - grid-column: 1/-1 - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record { - background-color: var(--color-white); - height: 100%; - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - align-items: center; - transition-duration: 75ms; - display: flex; - position: relative - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-ta-record-with-content-prefix { - padding-inline-start: calc(var(--spacing)*1) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-ta-record-with-content-suffix { - padding-inline-end: calc(var(--spacing)*1) - } - - @media (hover:hover) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-clickable:hover { - background-color: var(--gray-50) - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-collapsed { - display: none - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-selected { - background-color: var(--gray-50) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-reorder-handle { - margin-inline: calc(var(--spacing)*1); - margin-block: calc(var(--spacing)*2) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-checkbox { - margin-inline: calc(var(--spacing)*3); - margin-block: calc(var(--spacing)*4); - flex-shrink: 0 - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn { - row-gap: calc(var(--spacing)*3); - width: 100%; - height: 100%; - padding-block: calc(var(--spacing)*4); - flex-direction: column; - display: flex - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn>:first-child { - flex: 1 - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content { - width: 100%; - display: block - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col { - text-align: start; - justify-content: flex-start; - display: flex - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col:disabled { - pointer-events: none - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-growable { - width: 100% - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-center { - text-align: center; - justify-content: center - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-end { - text-align: end; - justify-content: flex-end - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-left { - text-align: left; - justify-content: flex-start - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-right { - text-align: right; - justify-content: flex-end - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-justify, - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-between { - text-align: justify; - justify-content: space-between - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content.fi-collapsible { - margin-top: calc(var(--spacing)*3) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-growable { - flex: 1; - width: 100% - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-hidden { - display: none - } - } - - @media (min-width:48rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-hidden { - display: none - } - } - - @media (min-width:64rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-hidden { - display: none - } - } - - @media (min-width:80rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-hidden { - display: none - } - } - - @media (min-width:96rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32xl\:fi-hidden { - display: none - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible { - display: none - } - - @media (min-width:40rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible { - display: block - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible { - display: none - } - - @media (min-width:48rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible { - display: block - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible { - display: none - } - - @media (min-width:64rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible { - display: block - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible { - display: none - } - - @media (min-width:80rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible { - display: block - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32xl\:fi-visible { - display: none - } - - @media (min-width:96rem) { - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32xl\:fi-visible { - display: block - } - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-collapse-btn { - margin-inline: calc(var(--spacing)*1); - margin-block: calc(var(--spacing)*2); - flex-shrink: 0 - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-actions.fi-ta-actions-before-columns-position { - order: -9999 - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions { - padding-inline-start: calc(var(--spacing)*4) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content, - .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions { - padding-inline-end: calc(var(--spacing)*4) - } - - .fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-ta-record-collapsed .fi-ta-record-collapse-btn { - rotate: 180deg - } - - .fi-ta-empty-state { - padding-inline: calc(var(--spacing)*6); - padding-block: calc(var(--spacing)*12) - } - - .fi-ta-empty-state .fi-ta-empty-state-content { - max-width: var(--container-lg); - text-align: center; - justify-items: center; - margin-inline: auto; - display: grid - } - - .fi-ta-empty-state .fi-ta-empty-state-icon-bg { - margin-bottom: calc(var(--spacing)*4); - background-color: var(--gray-100); - padding: calc(var(--spacing)*3); - border-radius: 3.40282e38px - } - - .fi-ta-empty-state .fi-ta-empty-state-icon-bg:where(.dark, .dark *) { - background-color: var(--gray-500) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-empty-state .fi-ta-empty-state-icon-bg:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-500)20%, transparent) - } - } - - .fi-ta-empty-state .fi-ta-empty-state-icon-bg .fi-icon { - color: var(--gray-500) - } - - .fi-ta-empty-state .fi-ta-empty-state-icon-bg .fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-empty-state .fi-ta-empty-state-heading { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - .fi-ta-empty-state .fi-ta-empty-state-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-empty-state .fi-ta-empty-state-description { - margin-top: calc(var(--spacing)*1); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-ta-empty-state .fi-ta-empty-state-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-empty-state .fi-ta-actions { - margin-top: calc(var(--spacing)*6) - } - - .fi-ta-header-cell { - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*3.5); - text-align: start; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - @media (min-width:40rem) { - .fi-ta-header-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-header-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*6) - } - } - - .fi-ta-header-cell:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-header-cell.fi-growable { - width: 100% - } - - .fi-ta-header-cell.fi-grouped { - border-color: var(--gray-200) - } - - .fi-ta-header-cell.fi-grouped:where(.dark, .dark *) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-header-cell.fi-grouped:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-header-cell.fi-grouped:not(:first-of-type) { - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px - } - - .fi-ta-header-cell.fi-grouped:not(:last-of-type) { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 1px - } - - .fi-ta-header-cell.fi-align-center { - text-align: center - } - - .fi-ta-header-cell.fi-align-center .fi-ta-header-cell-sort-btn { - justify-content: center - } - - .fi-ta-header-cell.fi-align-end { - text-align: end - } - - .fi-ta-header-cell.fi-align-end .fi-ta-header-cell-sort-btn { - justify-content: flex-end - } - - .fi-ta-header-cell.fi-align-left { - text-align: left - } - - .fi-ta-header-cell.fi-align-left .fi-ta-header-cell-sort-btn { - justify-content: flex-start - } - - .fi-ta-header-cell.fi-align-left .fi-ta-header-cell-sort-btn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - flex-direction: row-reverse - } - - .fi-ta-header-cell.fi-align-right { - text-align: right - } - - .fi-ta-header-cell.fi-align-right .fi-ta-header-cell-sort-btn { - justify-content: flex-end - } - - .fi-ta-header-cell.fi-align-right .fi-ta-header-cell-sort-btn:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - flex-direction: row-reverse - } - - .fi-ta-header-cell.fi-align-justify, - .fi-ta-header-cell.fi-align-between { - text-align: justify - } - - :is(.fi-ta-header-cell.fi-align-justify, .fi-ta-header-cell.fi-align-between) .fi-ta-header-cell-sort-btn { - justify-content: space-between - } - - .fi-ta-header-cell.fi-ta-header-cell-sorted .fi-icon { - color: var(--gray-950) - } - - .fi-ta-header-cell.fi-ta-header-cell-sorted .fi-icon:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-icon { - color: var(--gray-400) - } - - .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-icon:where(.dark, .dark *), - .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover .fi-icon { - color: var(--gray-500) - } - - .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover .fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible .fi-icon { - color: var(--gray-500) - } - - .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible .fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - @media (min-width:40rem) { - .fi-ta-header-cell.sm\:fi-hidden { - display: none - } - } - - @media (min-width:48rem) { - .fi-ta-header-cell.md\:fi-hidden { - display: none - } - } - - @media (min-width:64rem) { - .fi-ta-header-cell.lg\:fi-hidden { - display: none - } - } - - @media (min-width:80rem) { - .fi-ta-header-cell.xl\:fi-hidden { - display: none - } - } - - @media (min-width:96rem) { - .fi-ta-header-cell.\32xl\:fi-hidden { - display: none - } - } - - .fi-ta-header-cell.sm\:fi-visible { - display: none - } - - @media (min-width:40rem) { - .fi-ta-header-cell.sm\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-cell.md\:fi-visible { - display: none - } - - @media (min-width:48rem) { - .fi-ta-header-cell.md\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-cell.lg\:fi-visible { - display: none - } - - @media (min-width:64rem) { - .fi-ta-header-cell.lg\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-cell.xl\:fi-visible { - display: none - } - - @media (min-width:80rem) { - .fi-ta-header-cell.xl\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-cell.\32xl\:fi-visible { - display: none - } - - @media (min-width:96rem) { - .fi-ta-header-cell.\32xl\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-cell.fi-wrapped { - white-space: normal - } - - .fi-ta-header-cell:not(.fi-wrapped) { - white-space: nowrap - } - - .fi-ta-header-cell .fi-ta-header-cell-sort-btn { - cursor: pointer; - justify-content: flex-start; - align-items: center; - column-gap: calc(var(--spacing)*1); - width: 100%; - display: flex - } - - .fi-ta-header-cell .fi-icon { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - flex-shrink: 0; - transition-duration: 75ms - } - - .fi-ta-header-group-cell { - border-color: var(--gray-200); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - @media (min-width:40rem) { - .fi-ta-header-group-cell:first-of-type { - padding-inline-start: calc(var(--spacing)*6) - } - - .fi-ta-header-group-cell:last-of-type { - padding-inline-end: calc(var(--spacing)*6) - } - } - - .fi-ta-header-group-cell:where(.dark, .dark *) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-header-group-cell:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-header-group-cell:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-header-group-cell:not(:first-of-type) { - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px - } - - .fi-ta-header-group-cell:not(:last-of-type) { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 1px - } - - .fi-ta-header-group-cell.fi-align-start { - text-align: start - } - - .fi-ta-header-group-cell.fi-align-center { - text-align: center - } - - .fi-ta-header-group-cell.fi-align-end { - text-align: end - } - - .fi-ta-header-group-cell.fi-align-left { - text-align: left - } - - .fi-ta-header-group-cell.fi-align-right { - text-align: right - } - - .fi-ta-header-group-cell.fi-align-justify, - .fi-ta-header-group-cell.fi-align-between { - text-align: justify - } - - @media (min-width:40rem) { - .fi-ta-header-group-cell.sm\:fi-hidden { - display: none - } - } - - @media (min-width:48rem) { - .fi-ta-header-group-cell.md\:fi-hidden { - display: none - } - } - - @media (min-width:64rem) { - .fi-ta-header-group-cell.lg\:fi-hidden { - display: none - } - } - - @media (min-width:80rem) { - .fi-ta-header-group-cell.xl\:fi-hidden { - display: none - } - } - - @media (min-width:96rem) { - .fi-ta-header-group-cell.\32xl\:fi-hidden { - display: none - } - } - - .fi-ta-header-group-cell.sm\:fi-visible { - display: none - } - - @media (min-width:40rem) { - .fi-ta-header-group-cell.sm\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-group-cell.md\:fi-visible { - display: none - } - - @media (min-width:48rem) { - .fi-ta-header-group-cell.md\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-group-cell.lg\:fi-visible { - display: none - } - - @media (min-width:64rem) { - .fi-ta-header-group-cell.lg\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-group-cell.xl\:fi-visible { - display: none - } - - @media (min-width:80rem) { - .fi-ta-header-group-cell.xl\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-group-cell.\32xl\:fi-visible { - display: none - } - - @media (min-width:96rem) { - .fi-ta-header-group-cell.\32xl\:fi-visible { - display: table-cell - } - } - - .fi-ta-header-group-cell.fi-wrapped { - white-space: normal - } - - .fi-ta-header-group-cell:not(.fi-wrapped) { - white-space: nowrap - } - - .fi-ta-empty-header-cell { - width: calc(var(--spacing)*1) - } - - @media (hover:hover) { - .fi-ta-row { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-ta-row.fi-clickable:hover { - background-color: var(--gray-50) - } - - .fi-ta-row.fi-clickable:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-row.fi-clickable:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-ta-row.fi-striped { - background-color: var(--gray-50) - } - - .fi-ta-row.fi-striped:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-row.fi-striped:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-row.fi-collapsed { - display: none - } - - .fi-ta-row.fi-ta-group-header-row>td { - background-color: var(--gray-50) - } - - .fi-ta-row.fi-ta-group-header-row>td:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-row.fi-ta-group-header-row>td:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-row .fi-ta-group-header { - align-items: center; - column-gap: calc(var(--spacing)*3); - width: 100%; - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - display: flex - } - - .fi-ta-row .fi-ta-group-header.fi-collapsible { - cursor: pointer - } - - .fi-ta-row .fi-ta-group-header.fi-collapsible.fi-collapsed .fi-icon-btn { - rotate: -180deg - } - - .fi-ta-row .fi-ta-group-header .fi-ta-group-heading { - 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); - color: var(--gray-950) - } - - .fi-ta-row .fi-ta-group-header .fi-ta-group-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-row .fi-ta-group-header .fi-ta-group-description { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-ta-row .fi-ta-group-header .fi-ta-group-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-ta-row.fi-selected:not(.fi-striped) { - background-color: var(--gray-50) - } - - .fi-ta-row.fi-selected:not(.fi-striped):where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-row.fi-selected:not(.fi-striped):where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-row.fi-selected>:first-child { - position: relative - } - - .fi-ta-row.fi-selected>:first-child:before { - inset-block: calc(var(--spacing)*0); - width: calc(var(--spacing)*.5); - background-color: var(--primary-600); - content: ""; - position: absolute; - inset-inline-start: calc(var(--spacing)*0) - } - - .fi-ta-row.fi-selected>:first-child:where(.dark, .dark *):before { - background-color: var(--primary-500) - } - - .fi-ta-reordering .fi-ta-row:not(.fi-ta-row-not-reorderable) { - cursor: move - } - - .fi-ta-table { - table-layout: auto; - width: 100% - } - - :where(.fi-ta-table>: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))); - border-color: var(--gray-200) - } - - .fi-ta-table { - text-align: start - } - - :where(.fi-ta-table:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-ta-table:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - :where(.fi-ta-table>thead>: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))); - border-color: var(--gray-200) - } - - :where(.fi-ta-table>thead:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-ta-table>thead:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-table>thead>tr { - background-color: var(--gray-50) - } - - .fi-ta-table>thead>tr:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-table>thead>tr:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-table>thead>tr.fi-ta-table-head-groups-row { - background-color: var(--gray-100) - } - - .fi-ta-table>thead>tr.fi-ta-table-head-groups-row:where(.dark, .dark *) { - background-color: #0000 - } - - :where(.fi-ta-table>tbody>: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))); - border-color: var(--gray-200) - } - - .fi-ta-table>tbody { - white-space: nowrap - } - - :where(.fi-ta-table>tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-ta-table>tbody:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-table>tfoot { - background-color: var(--gray-50) - } - - .fi-ta-table>tfoot:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-ta-table>tfoot:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-ta-col-manager { - row-gap: calc(var(--spacing)*4); - display: grid - } - - .fi-ta-col-manager .fi-ta-col-manager-ctn { - gap: calc(var(--spacing)*4); - display: grid - } - - .fi-ta-col-manager .fi-ta-col-manager-header { - justify-content: space-between; - align-items: center; - display: flex - } - - .fi-ta-col-manager .fi-ta-col-manager-heading { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950) - } - - .fi-ta-col-manager .fi-ta-col-manager-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-col-manager .fi-ta-col-manager-items { - margin-top: calc(var(--spacing)*-6); - column-gap: calc(var(--spacing)*6) - } - - .fi-ta-col-manager .fi-ta-col-manager-item { - break-inside: avoid; - align-items: center; - gap: calc(var(--spacing)*3); - padding-top: calc(var(--spacing)*6); - display: flex - } - - .fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label { - align-items: center; - column-gap: calc(var(--spacing)*3); - width: 100%; - 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); - color: var(--gray-950); - flex: 1; - display: flex - } - - .fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label .fi-checkbox-input { - flex-shrink: 0 - } - - .fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-reorder-handle { - cursor: move - } - - .fi-ta-col-manager .fi-ta-col-manager-group { - break-inside: avoid - } - - .fi-ta-col-manager .fi-ta-col-manager-group .fi-ta-col-manager-group-items { - padding-inline-start: calc(var(--spacing)*8) - } - - .fi-wi-chart .fi-wi-chart-filter.fi-input-wrp { - width: max-content - } - - @media (min-width:40rem) { - .fi-wi-chart .fi-wi-chart-filter.fi-input-wrp { - margin-block: calc(var(--spacing)*-2) - } - } - - .fi-wi-chart .fi-wi-chart-filter.fi-dropdown .fi-wi-chart-filter-content { - padding: calc(var(--spacing)*6) - } - - .fi-wi-chart .fi-color .fi-wi-chart-bg-color { - color: var(--color-50) - } - - .fi-wi-chart .fi-color .fi-wi-chart-bg-color:where(.dark, .dark *) { - color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-wi-chart .fi-color .fi-wi-chart-bg-color:where(.dark, .dark *) { - color: color-mix(in oklab, var(--color-400)10%, transparent) - } - } - - .fi-wi-chart .fi-color .fi-wi-chart-border-color { - color: var(--color-500) - } - - .fi-wi-chart .fi-color .fi-wi-chart-border-color:where(.dark, .dark *) { - color: var(--color-400) - } - - .fi-wi-chart .fi-wi-chart-bg-color { - color: var(--gray-100) - } - - .fi-wi-chart .fi-wi-chart-bg-color:where(.dark, .dark *) { - color: var(--gray-800) - } - - .fi-wi-chart .fi-wi-chart-border-color { - color: var(--gray-400) - } - - .fi-wi-chart .fi-wi-chart-grid-color { - color: var(--gray-200) - } - - .fi-wi-chart .fi-wi-chart-grid-color:where(.dark, .dark *) { - color: var(--gray-800) - } - - .fi-wi-chart .fi-wi-chart-text-color { - color: var(--gray-500) - } - - .fi-wi-chart .fi-wi-chart-text-color:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-wi-stats-overview-stat { - border-radius: var(--radius-xl); - background-color: var(--color-white); - padding: calc(var(--spacing)*6); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - display: block; - position: relative - } - - .fi-wi-stats-overview-stat:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-wi-stats-overview-stat:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-wi-stats-overview-stat .fi-icon { - color: var(--gray-400); - flex-shrink: 0 - } - - .fi-wi-stats-overview-stat .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-content { - row-gap: calc(var(--spacing)*2); - display: grid - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label-ctn { - align-items: center; - column-gap: calc(var(--spacing)*2); - display: flex - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label { - 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); - color: var(--gray-500) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight); - color: var(--gray-950) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description { - align-items: center; - column-gap: calc(var(--spacing)*1); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500); - display: flex - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color { - color: var(--text) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color:where(.dark, .dark *) { - color: var(--dark-text) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color .fi-icon { - color: var(--color-500) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart { - inset-inline: calc(var(--spacing)*0); - bottom: calc(var(--spacing)*0); - border-bottom-right-radius: var(--radius-xl); - border-bottom-left-radius: var(--radius-xl); - position: absolute; - overflow: hidden - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart>canvas { - height: calc(var(--spacing)*6) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color { - color: var(--gray-100) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color:where(.dark, .dark *) { - color: var(--gray-800) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-border-color { - color: var(--gray-400) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color { - color: var(--color-50) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark, .dark *) { - color: var(--color-400) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark, .dark *) { - color: color-mix(in oklab, var(--color-400)10%, transparent) - } - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-border-color { - color: var(--color-500) - } - - .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-border-color:where(.dark, .dark *) { - color: var(--color-400) - } - - .fi-wi { - gap: calc(var(--spacing)*6) - } - - .fi-global-search-ctn { - align-items: center; - display: flex - } - - @media (min-width:40rem) { - .fi-global-search { - position: relative - } - } - - .fi-global-search-results-ctn { - inset-inline: calc(var(--spacing)*4); - z-index: 10; - margin-top: calc(var(--spacing)*2); - max-height: calc(var(--spacing)*96); - border-radius: var(--radius-lg); - background-color: var(--color-white); - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - position: absolute; - overflow: auto - } - - @media (min-width:40rem) { - .fi-global-search-results-ctn { - width: 100vw; - inset-inline: auto; - max-width: var(--container-sm); - inset-inline-end: calc(var(--spacing)*0) - } - } - - .fi-global-search-results-ctn:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-global-search-results-ctn:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-global-search-results-ctn { - transform: translateZ(0) - } - - .fi-global-search-results-ctn.fi-transition-enter-start, - .fi-global-search-results-ctn.fi-transition-leave-end { - opacity: 0 - } - - .fi-global-search-no-results-message { - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*4); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-global-search-no-results-message:where(.dark, .dark *) { - color: var(--gray-400) - } - - :where(.fi-global-search-results>: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))); - border-color: var(--gray-200) - } - - :where(.fi-global-search-results:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-global-search-results:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-global-search-result-group-header { - top: calc(var(--spacing)*0); - z-index: 10; - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: var(--gray-200); - background-color: var(--gray-50); - padding-inline: calc(var(--spacing)*4); - padding-block: calc(var(--spacing)*2); - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950); - text-transform: capitalize; - position: sticky - } - - .fi-global-search-result-group-header:where(.dark, .dark *) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-global-search-result-group-header:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-global-search-result-group-header:where(.dark, .dark *) { - background-color: var(--gray-800); - color: var(--color-white) - } - - :where(.fi-global-search-result-group-results>: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))); - border-color: var(--gray-200) - } - - :where(.fi-global-search-result-group-results:where(.dark, .dark *)>:not(:last-child)) { - border-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - :where(.fi-global-search-result-group-results:where(.dark, .dark *)>:not(:last-child)) { - border-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-global-search-result { - scroll-margin-top: calc(var(--spacing)*9); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-global-search-result:focus-within { - background-color: var(--gray-50) - } - - @media (hover:hover) { - .fi-global-search-result:hover { - background-color: var(--gray-50) - } - } - - .fi-global-search-result:where(.dark, .dark *):focus-within { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-global-search-result:where(.dark, .dark *):focus-within { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - @media (hover:hover) { - .fi-global-search-result:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-global-search-result:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-global-search-result.fi-global-search-result-has-actions .fi-global-search-result-link { - padding-bottom: calc(var(--spacing)*0) - } - - .fi-global-search-result-link { - padding: calc(var(--spacing)*4); - --tw-outline-style: none; - outline-style: none; - display: block - } - - @media (forced-colors:active) { - .fi-global-search-result-link { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-global-search-result-heading { - 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); - color: var(--gray-950) - } - - .fi-global-search-result-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-global-search-result-details { - margin-top: calc(var(--spacing)*1) - } - - .fi-global-search-result-detail { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-global-search-result-detail:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-global-search-result-detail-label { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - display: inline - } - - .fi-global-search-result-detail-value { - display: inline - } - - .fi-global-search-result-actions { - margin-top: calc(var(--spacing)*3); - column-gap: calc(var(--spacing)*3); - padding-inline: calc(var(--spacing)*4); - padding-bottom: calc(var(--spacing)*4); - display: flex - } - - .fi-header { - gap: calc(var(--spacing)*4); - flex-direction: column; - display: flex - } - - @media (min-width:40rem) { - .fi-header { - flex-direction: row; - justify-content: space-between; - align-items: center - } - } - - .fi-header .fi-breadcrumbs { - margin-bottom: calc(var(--spacing)*2); - display: none - } - - @media (min-width:40rem) { - .fi-header .fi-breadcrumbs { - display: block - } - - .fi-header.fi-header-has-breadcrumbs .fi-header-actions-ctn { - margin-top: calc(var(--spacing)*7) - } - } - - .fi-header-heading { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight); - color: var(--gray-950) - } - - @media (min-width:40rem) { - .fi-header-heading { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)) - } - } - - .fi-header-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-header-subheading { - margin-top: calc(var(--spacing)*2); - max-width: var(--container-2xl); - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)); - color: var(--gray-600) - } - - .fi-header-subheading:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-header-actions-ctn { - align-items: center; - gap: calc(var(--spacing)*3); - flex-shrink: 0; - display: flex - } - - .fi-simple-header { - flex-direction: column; - align-items: center; - display: flex - } - - .fi-simple-header .fi-logo { - margin-bottom: calc(var(--spacing)*4) - } - - .fi-simple-header-heading { - text-align: center; - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight); - color: var(--gray-950) - } - - .fi-simple-header-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-simple-header-subheading { - margin-top: calc(var(--spacing)*2); - text-align: center; - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-simple-header-subheading:where(.dark, .dark *) { - color: var(--gray-400) - } - - html.fi { - min-height: 100dvh - } - - .fi-body { - background-color: var(--gray-50); - --tw-font-weight: var(--font-weight-normal); - min-height: 100dvh; - font-weight: var(--font-weight-normal); - color: var(--gray-950); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale - } - - .fi-body:where(.dark, .dark *) { - background-color: var(--gray-950); - color: var(--color-white) - } - - :is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop, .fi-body.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-main-ctn { - opacity: 0; - min-height: calc(100dvh - 4rem); - transition-property: all; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)) - } - - .fi-body.fi-body-has-navigation:not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop):not(.fi-body-has-top-navigation) .fi-main-ctn { - opacity: 0 - } - - :is(.fi-body.fi-body-has-top-navigation, .fi-body:not(.fi-body-has-navigation)) .fi-main-ctn { - min-height: calc(100dvh - 4rem); - display: flex - } - - .fi-body:not(.fi-body-has-topbar) .fi-main-ctn { - min-height: 100dvh; - display: flex - } - - .fi-layout { - width: 100%; - height: 100%; - display: flex; - overflow-x: clip - } - - .fi-main-ctn { - flex-direction: column; - flex: 1; - width: 100vw - } - - .fi-main { - width: 100%; - height: 100%; - padding-inline: calc(var(--spacing)*4); - margin-inline: auto - } - - @media (min-width:48rem) { - .fi-main { - padding-inline: calc(var(--spacing)*6) - } - } - - @media (min-width:64rem) { - .fi-main { - padding-inline: calc(var(--spacing)*8) - } - } - - :is(.fi-main, .fi-simple-main).fi-width-xs { - max-width: var(--container-xs) - } - - :is(.fi-main, .fi-simple-main).fi-width-sm { - max-width: var(--container-sm) - } - - :is(.fi-main, .fi-simple-main).fi-width-md { - max-width: var(--container-md) - } - - :is(.fi-main, .fi-simple-main).fi-width-lg { - max-width: var(--container-lg) - } - - :is(.fi-main, .fi-simple-main).fi-width-xl { - max-width: var(--container-xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-2xl { - max-width: var(--container-2xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-3xl { - max-width: var(--container-3xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-4xl { - max-width: var(--container-4xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-5xl { - max-width: var(--container-5xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-6xl { - max-width: var(--container-6xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-7xl { - max-width: var(--container-7xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-full { - max-width: 100% - } - - :is(.fi-main, .fi-simple-main).fi-width-min { - max-width: min-content - } - - :is(.fi-main, .fi-simple-main).fi-width-max { - max-width: max-content - } - - :is(.fi-main, .fi-simple-main).fi-width-fit { - max-width: fit-content - } - - :is(.fi-main, .fi-simple-main).fi-width-prose { - max-width: 65ch - } - - :is(.fi-main, .fi-simple-main).fi-width-screen-sm { - max-width: var(--breakpoint-sm) - } - - :is(.fi-main, .fi-simple-main).fi-width-screen-md { - max-width: var(--breakpoint-md) - } - - :is(.fi-main, .fi-simple-main).fi-width-screen-lg { - max-width: var(--breakpoint-lg) - } - - :is(.fi-main, .fi-simple-main).fi-width-screen-xl { - max-width: var(--breakpoint-xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-screen-2xl { - max-width: var(--breakpoint-2xl) - } - - :is(.fi-main, .fi-simple-main).fi-width-screen { - inset: calc(var(--spacing)*0); - position: fixed - } - - .fi-simple-layout { - flex-direction: column; - align-items: center; - min-height: 100dvh; - display: flex - } - - .fi-simple-layout-header { - inset-inline-end: calc(var(--spacing)*0); - top: calc(var(--spacing)*0); - height: calc(var(--spacing)*16); - align-items: center; - column-gap: calc(var(--spacing)*4); - padding-inline-end: calc(var(--spacing)*4); - display: flex; - position: absolute - } - - @media (min-width:48rem) { - .fi-simple-layout-header { - padding-inline-end: calc(var(--spacing)*6) - } - } - - @media (min-width:64rem) { - .fi-simple-layout-header { - padding-inline-end: calc(var(--spacing)*8) - } - } - - .fi-simple-main-ctn { - flex-grow: 1; - justify-content: center; - align-items: center; - width: 100%; - display: flex - } - - .fi-simple-main { - margin-block: calc(var(--spacing)*16); - background-color: var(--color-white); - width: 100%; - padding-inline: calc(var(--spacing)*6); - padding-block: calc(var(--spacing)*12); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - @media (min-width:40rem) { - .fi-simple-main { - border-radius: var(--radius-xl); - padding-inline: calc(var(--spacing)*12) - } - } - - .fi-simple-main:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-simple-main:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-logo { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - --tw-leading: calc(var(--spacing)*5); - line-height: calc(var(--spacing)*5); - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight); - color: var(--gray-950); - display: flex - } - - .fi-logo:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-logo.fi-logo-light:where(.dark, .dark *), - .fi-logo.fi-logo-dark { - display: none - } - - .fi-logo.fi-logo-dark:where(.dark, .dark *) { - display: flex - } - - @media (min-width:48rem) { - .fi-page-sub-navigation-dropdown { - display: none - } - } - - .fi-page-sub-navigation-dropdown>.fi-dropdown-trigger>.fi-btn { - justify-content: space-between; - width: 100% - } - - .fi-page-sub-navigation-sidebar-ctn { - width: calc(var(--spacing)*72); - flex-direction: column; - display: none - } - - @media (min-width:48rem) { - .fi-page-sub-navigation-sidebar-ctn { - display: flex - } - } - - .fi-page-sub-navigation-sidebar { - row-gap: calc(var(--spacing)*7); - flex-direction: column; - display: flex - } - - .fi-page-sub-navigation-tabs { - display: none - } - - @media (min-width:48rem) { - .fi-page-sub-navigation-tabs { - display: flex - } - } - - .fi-page.fi-height-full, - .fi-page.fi-height-full .fi-page-main, - .fi-page.fi-height-full .fi-page-header-main-ctn, - .fi-page.fi-height-full .fi-page-content { - height: 100% - } - - .fi-page.fi-page-has-sub-navigation .fi-page-main { - gap: calc(var(--spacing)*8); - flex-direction: column; - display: flex - } - - @media (min-width:48rem) { - :is(.fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-start, .fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-end) .fi-page-main { - flex-direction: row; - align-items: flex-start - } - } - - .fi-page-header-main-ctn { - row-gap: calc(var(--spacing)*8); - padding-block: calc(var(--spacing)*8); - flex-direction: column; - display: flex - } - - .fi-page-main-sub-navigation-mobile-menu-render-hook-ctn { - display: contents - } - - @media (min-width:48rem) { - .fi-page-main-sub-navigation-mobile-menu-render-hook-ctn { - display: none - } - } - - .fi-page-content { - row-gap: calc(var(--spacing)*8); - flex: 1; - grid-auto-columns: minmax(0, 1fr); - display: grid - } - - .fi-simple-page-content { - row-gap: calc(var(--spacing)*6); - grid-auto-columns: minmax(0, 1fr); - display: grid - } - - .fi-sidebar-group { - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } - - .fi-sidebar-group.fi-collapsed .fi-sidebar-group-collapse-btn { - rotate: -180deg - } - - .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon { - color: var(--primary-600) - } - - .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-sidebar-group-btn { - align-items: center; - column-gap: calc(var(--spacing)*3); - padding-inline: calc(var(--spacing)*2); - padding-block: calc(var(--spacing)*2); - display: flex - } - - .fi-sidebar-group-btn .fi-icon { - color: var(--gray-400) - } - - .fi-sidebar-group-btn .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-sidebar-group-label { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - color: var(--gray-500); - flex: 1 - } - - .fi-sidebar-group-label:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-sidebar-group-dropdown-trigger-btn { - justify-content: center; - align-items: center; - column-gap: calc(var(--spacing)*3); - border-radius: var(--radius-lg); - padding-inline: calc(var(--spacing)*2); - padding-block: calc(var(--spacing)*2); - --tw-outline-style: none; - outline-style: none; - flex: 1; - display: flex; - position: relative - } - - @media (forced-colors:active) { - .fi-sidebar-group-dropdown-trigger-btn { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-sidebar-group-dropdown-trigger-btn { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - @media (hover:hover) { - .fi-sidebar-group-dropdown-trigger-btn:hover { - background-color: var(--gray-100) - } - } - - .fi-sidebar-group-dropdown-trigger-btn:focus-visible { - background-color: var(--gray-100) - } - - @media (hover:hover) { - .fi-sidebar-group-dropdown-trigger-btn:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-group-dropdown-trigger-btn:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-sidebar-group-dropdown-trigger-btn:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-group-dropdown-trigger-btn:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-sidebar-group-dropdown-trigger-btn .fi-icon { - color: var(--gray-400) - } - - .fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-sidebar-group-items { - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } - - :is(.fi-sidebar-group-btn, .fi-sidebar-group-items).fi-transition-enter { - transition-delay: .1s - } - - @media (min-width:64rem) { - :is(.fi-sidebar-group-btn, .fi-sidebar-group-items).fi-transition-enter { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)) - } - } - - :is(.fi-sidebar-group-btn, .fi-sidebar-group-items).fi-transition-enter-start { - opacity: 0 - } - - :is(.fi-sidebar-group-btn, .fi-sidebar-group-items).fi-transition-enter-end { - opacity: 1 - } - - .fi-sidebar { - inset-block: calc(var(--spacing)*0); - z-index: 30; - background-color: var(--color-white); - height: 100dvh; - transition-property: all; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - flex-direction: column; - align-content: flex-start; - display: flex; - position: fixed; - inset-inline-start: calc(var(--spacing)*0) - } - - @media (min-width:64rem) { - .fi-sidebar { - z-index: 20; - background-color: #0000; - height: calc(100dvh - 4rem); - transition-property: none; - top: 4rem - } - } - - .fi-sidebar:where(.dark, .dark *) { - background-color: var(--gray-900) - } - - @media (min-width:64rem) { - .fi-sidebar:where(.dark, .dark *) { - background-color: #0000 - } - } - - .fi-sidebar.fi-sidebar-open { - width: var(--sidebar-width); - --tw-translate-x: calc(var(--spacing)*0); - translate: var(--tw-translate-x)var(--tw-translate-y); - --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - - @media (min-width:64rem) { - .fi-sidebar.fi-sidebar-open { - --tw-shadow: 0 0 #0000; - --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) - } - } - - .fi-sidebar.fi-sidebar-open:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: calc(var(--spacing)*0); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-sidebar.fi-sidebar-open:where(.dark, .dark *) { - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar.fi-sidebar-open:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-sidebar:not(.fi-sidebar-open) { - --tw-translate-x: -100%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-sidebar:not(.fi-sidebar-open):where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: 100%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-sidebar-close-overlay { - inset: calc(var(--spacing)*0); - z-index: 30; - background-color: var(--gray-950); - position: fixed - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-close-overlay { - background-color: color-mix(in oklab, var(--gray-950)50%, transparent) - } - } - - .fi-sidebar-close-overlay { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: .5s; - transition-duration: .5s - } - - @media (min-width:64rem) { - .fi-sidebar-close-overlay { - display: none - } - } - - .fi-sidebar-close-overlay:where(.dark, .dark *) { - background-color: var(--gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-close-overlay:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--gray-950)75%, transparent) - } - } - - @media (min-width:64rem) { - .fi-body.fi-body-has-top-navigation .fi-sidebar { - --tw-translate-x: -100%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-body.fi-body-has-top-navigation .fi-sidebar:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: 100%; - translate: var(--tw-translate-x)var(--tw-translate-y) - } - - .fi-body:not(.fi-body-has-top-navigation) .fi-sidebar.fi-sidebar-open, - .fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open) { - position: sticky - } - - .fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open), - .fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open):where(:dir(rtl), [dir=rtl], [dir=rtl] *), - .fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar, - .fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { - --tw-translate-x: calc(var(--spacing)*0); - translate: var(--tw-translate-x)var(--tw-translate-y) - } - } - - .fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:not(.fi-sidebar-open) { - width: var(--sidebar-width) - } - - @media (min-width:64rem) { - .fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:not(.fi-sidebar-open) { - position: sticky - } - } - - .fi-body.fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar-nav-tenant-menu-ctn, - .fi-body:not(.fi-body-has-sidebar-collapsible-on-desktop) .fi-sidebar.fi-sidebar-open .fi-sidebar-nav-tenant-menu-ctn { - margin-inline: calc(var(--spacing)*-2) - } - - .fi-body:not(.fi-body-has-sidebar-collapsible-on-desktop) .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-tenant-menu-ctn { - margin-inline: calc(var(--spacing)*-4) - } - - .fi-sidebar-header-ctn { - overflow-x: clip - } - - @media (min-width:64rem) { - .fi-sidebar-header-ctn { - display: none - } - } - - .fi-sidebar-header { - height: calc(var(--spacing)*16); - background-color: var(--color-white); - padding-inline: calc(var(--spacing)*6); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--gray-950); - align-items: center; - display: flex - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-header { - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent) - } - } - - @media (min-width:64rem) { - .fi-sidebar-header { - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) - } - } - - .fi-sidebar-header:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-header:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-sidebar-nav { - row-gap: calc(var(--spacing)*7); - padding-inline: calc(var(--spacing)*6); - padding-block: calc(var(--spacing)*8); - scrollbar-gutter: stable; - flex-direction: column; - flex-grow: 1; - display: flex; - overflow: hidden auto - } - - .fi-sidebar-nav-groups { - margin-inline: calc(var(--spacing)*-2); - row-gap: calc(var(--spacing)*7); - flex-direction: column; - display: flex - } - - .fi-sidebar-item.fi-active, - .fi-sidebar-item.fi-sidebar-item-has-active-child-items { - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn { - background-color: var(--gray-100) - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon { - color: var(--primary-600) - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part { - background-color: var(--primary-600) - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part:where(.dark, .dark *) { - background-color: var(--primary-400) - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label { - color: var(--primary-600) - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-grouped-border-part { - height: calc(var(--spacing)*1.5); - width: calc(var(--spacing)*1.5); - border-radius: 3.40282e38px; - position: relative - } - - @media (hover:hover) { - .fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:hover { - background-color: var(--gray-100) - } - } - - .fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:focus-visible { - background-color: var(--gray-100) - } - - @media (hover:hover) { - .fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-sidebar-item-btn { - justify-content: center; - align-items: center; - column-gap: calc(var(--spacing)*3); - border-radius: var(--radius-lg); - padding-inline: calc(var(--spacing)*2); - padding-block: calc(var(--spacing)*2); - --tw-outline-style: none; - outline-style: none; - display: flex; - position: relative - } - - @media (forced-colors:active) { - .fi-sidebar-item-btn { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-sidebar-item-btn { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - .fi-sidebar-item-btn>.fi-icon { - color: var(--gray-400) - } - - .fi-sidebar-item-btn>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-sidebar-item-grouped-border { - width: calc(var(--spacing)*6); - height: calc(var(--spacing)*6); - justify-content: center; - align-items: center; - display: flex; - position: relative - } - - .fi-sidebar-item-grouped-border-part-not-first { - background-color: var(--gray-300); - width: 1px; - position: absolute; - top: -50%; - bottom: 50% - } - - .fi-sidebar-item-grouped-border-part-not-first:where(.dark, .dark *) { - background-color: var(--gray-600) - } - - .fi-sidebar-item-grouped-border-part-not-last { - background-color: var(--gray-300); - width: 1px; - position: absolute; - top: 50%; - bottom: -50% - } - - .fi-sidebar-item-grouped-border-part-not-last:where(.dark, .dark *) { - background-color: var(--gray-600) - } - - .fi-sidebar-item-grouped-border-part { - height: calc(var(--spacing)*1.5); - width: calc(var(--spacing)*1.5); - background-color: var(--gray-400); - border-radius: 3.40282e38px; - position: relative - } - - .fi-sidebar-item-grouped-border-part:where(.dark, .dark *) { - background-color: var(--gray-500) - } - - .fi-sidebar-item-label { - text-overflow: ellipsis; - white-space: nowrap; - 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); - color: var(--gray-700); - flex: 1; - overflow: hidden - } - - .fi-sidebar-item-label:where(.dark, .dark *) { - color: var(--gray-200) - } - - @media (min-width:64rem) { - :is(.fi-sidebar-item-label, .fi-sidebar-item-badge-ctn).fi-transition-enter { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - transition-delay: .1s - } - } - - :is(.fi-sidebar-item-label, .fi-sidebar-item-badge-ctn).fi-transition-enter-start { - opacity: 0 - } - - :is(.fi-sidebar-item-label, .fi-sidebar-item-badge-ctn).fi-transition-enter-end { - opacity: 1 - } - - .fi-sidebar-sub-group-items { - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } - - .fi-tenant-menu-trigger { - justify-content: center; - align-items: center; - column-gap: calc(var(--spacing)*3); - border-radius: var(--radius-lg); - width: 100%; - padding: calc(var(--spacing)*2); - 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); - --tw-outline-style: none; - outline-style: none; - display: flex - } - - @media (forced-colors:active) { - .fi-tenant-menu-trigger { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-tenant-menu-trigger { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - @media (hover:hover) { - .fi-tenant-menu-trigger:hover { - background-color: var(--gray-100) - } - } - - .fi-tenant-menu-trigger:focus-visible { - background-color: var(--gray-100) - } - - @media (hover:hover) { - .fi-tenant-menu-trigger:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-tenant-menu-trigger:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-tenant-menu-trigger:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-tenant-menu-trigger:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-tenant-menu-trigger .fi-tenant-avatar { - flex-shrink: 0 - } - - .fi-tenant-menu-trigger .fi-icon { - width: calc(var(--spacing)*5); - height: calc(var(--spacing)*5); - color: var(--gray-400); - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - flex-shrink: 0; - margin-inline-start: auto; - transition-duration: 75ms - } - - @media (hover:hover) { - .fi-tenant-menu-trigger .fi-icon:is(:where(.group):hover *) { - color: var(--gray-500) - } - } - - .fi-tenant-menu-trigger .fi-icon:is(:where(.group):focus-visible *), - .fi-tenant-menu-trigger .fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - @media (hover:hover) { - .fi-tenant-menu-trigger .fi-icon:where(.dark, .dark *):is(:where(.group):hover *) { - color: var(--gray-400) - } - } - - .fi-tenant-menu-trigger .fi-icon:where(.dark, .dark *):is(:where(.group):focus-visible *) { - color: var(--gray-400) - } - - .fi-tenant-menu-trigger:hover .fi-icon { - color: var(--gray-500) - } - - .fi-tenant-menu-trigger:hover .fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-tenant-menu-trigger:focus-visible .fi-icon { - color: var(--gray-500) - } - - .fi-tenant-menu-trigger:focus-visible .fi-icon:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-tenant-menu-trigger-text { - text-align: start; - justify-items: start; - display: grid - } - - .fi-tenant-menu-trigger-current-tenant-label { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)); - color: var(--gray-500) - } - - .fi-tenant-menu-trigger-current-tenant-label:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-tenant-menu-trigger-tenant-name { - color: var(--gray-950) - } - - .fi-tenant-menu-trigger-tenant-name:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-theme-switcher { - column-gap: calc(var(--spacing)*1); - grid-auto-flow: column; - display: grid - } - - .fi-theme-switcher-btn { - border-radius: var(--radius-md); - padding: calc(var(--spacing)*2); - --tw-outline-style: none; - outline-style: none; - justify-content: center; - display: flex - } - - @media (forced-colors:active) { - .fi-theme-switcher-btn { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-theme-switcher-btn { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - @media (hover:hover) { - .fi-theme-switcher-btn:hover { - background-color: var(--gray-50) - } - } - - .fi-theme-switcher-btn:focus-visible { - background-color: var(--gray-50) - } - - @media (hover:hover) { - .fi-theme-switcher-btn:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-theme-switcher-btn:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-theme-switcher-btn:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-theme-switcher-btn:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-theme-switcher-btn.fi-active { - background-color: var(--gray-50); - color: var(--primary-500) - } - - .fi-theme-switcher-btn.fi-active:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-theme-switcher-btn.fi-active:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-theme-switcher-btn.fi-active:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-theme-switcher-btn:not(.fi-active) { - color: var(--gray-400) - } - - @media (hover:hover) { - .fi-theme-switcher-btn:not(.fi-active):hover { - color: var(--gray-500) - } - } - - .fi-theme-switcher-btn:not(.fi-active):focus-visible, - .fi-theme-switcher-btn:not(.fi-active):where(.dark, .dark *) { - color: var(--gray-500) - } - - @media (hover:hover) { - .fi-theme-switcher-btn:not(.fi-active):where(.dark, .dark *):hover { - color: var(--gray-400) - } - } - - .fi-theme-switcher-btn:not(.fi-active):where(.dark, .dark *):focus-visible { - color: var(--gray-400) - } - - .fi-topbar-ctn { - top: calc(var(--spacing)*0); - z-index: 30; - position: sticky; - overflow-x: clip - } - - .fi-topbar { - min-height: calc(var(--spacing)*16); - background-color: var(--color-white); - padding-inline: calc(var(--spacing)*4); - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in oklab, var(--gray-950)5%, transparent); - align-items: center; - display: flex - } - - .fi-topbar:where(.dark, .dark *) { - background-color: var(--gray-900); - --tw-ring-color: #ffffff1a - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-topbar:where(.dark, .dark *) { - --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-topbar .fi-tenant-menu { - display: none - } - - @media (min-width:64rem) { - .fi-topbar .fi-tenant-menu { - display: block - } - } - - .fi-topbar-open-sidebar-btn, - .fi-topbar-close-sidebar-btn { - margin-inline: calc(var(--spacing)*0) !important - } - - @media (min-width:64rem) { - .fi-topbar-close-sidebar-btn { - display: none - } - } - - .fi-topbar-open-collapse-sidebar-btn { - margin-inline: calc(var(--spacing)*0) !important - } - - .fi-topbar-close-collapse-sidebar-btn { - display: none; - margin-inline: calc(var(--spacing)*0) !important - } - - @media (min-width:64rem) { - .fi-topbar-close-collapse-sidebar-btn { - display: flex - } - } - - .fi-topbar-start { - align-items: center; - margin-inline-end: calc(var(--spacing)*6); - display: none - } - - @media (min-width:64rem) { - .fi-topbar-start { - display: flex - } - } - - .fi-topbar-start .fi-logo { - margin-inline-start: calc(var(--spacing)*3) - } - - @media (min-width:64rem) { - :is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop, .fi-body:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) .fi-topbar-open-sidebar-btn { - display: none - } - } - - .fi-topbar-nav-groups { - align-items: center; - column-gap: calc(var(--spacing)*4); - margin-inline-start: calc(var(--spacing)*4); - margin-inline-end: calc(var(--spacing)*4); - display: none - } - - @media (min-width:64rem) { - .fi-topbar-nav-groups { - margin-block: calc(var(--spacing)*2); - row-gap: calc(var(--spacing)*1); - flex-wrap: wrap; - display: flex - } - } - - .fi-topbar-end { - align-items: center; - column-gap: calc(var(--spacing)*4); - margin-inline-start: auto; - display: flex - } - - .fi-topbar-item-btn { - justify-content: center; - align-items: center; - column-gap: calc(var(--spacing)*2); - border-radius: var(--radius-lg); - padding-inline: calc(var(--spacing)*3); - padding-block: calc(var(--spacing)*2); - --tw-outline-style: none; - outline-style: none; - display: flex - } - - @media (forced-colors:active) { - .fi-topbar-item-btn { - outline-offset: 2px; - outline: 2px solid #0000 - } - } - - .fi-topbar-item-btn { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 75ms; - transition-duration: 75ms - } - - @media (hover:hover) { - .fi-topbar-item-btn:hover { - background-color: var(--gray-50) - } - } - - .fi-topbar-item-btn:focus-visible { - background-color: var(--gray-50) - } - - @media (hover:hover) { - .fi-topbar-item-btn:where(.dark, .dark *):hover { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-topbar-item-btn:where(.dark, .dark *):hover { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - } - - .fi-topbar-item-btn:where(.dark, .dark *):focus-visible { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-topbar-item-btn:where(.dark, .dark *):focus-visible { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-topbar-item-btn>.fi-icon { - color: var(--gray-400) - } - - .fi-topbar-item-btn>.fi-icon:where(.dark, .dark *) { - color: var(--gray-500) - } - - .fi-topbar-item-label { - 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); - color: var(--gray-700) - } - - .fi-topbar-item-label:where(.dark, .dark *) { - color: var(--gray-200) - } - - .fi-topbar-item.fi-active .fi-topbar-item-btn { - background-color: var(--gray-50) - } - - .fi-topbar-item.fi-active .fi-topbar-item-btn:where(.dark, .dark *) { - background-color: #ffffff0d - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-topbar-item.fi-active .fi-topbar-item-btn:where(.dark, .dark *) { - background-color: color-mix(in oklab, var(--color-white)5%, transparent) - } - } - - .fi-topbar-item.fi-active .fi-topbar-item-btn>.fi-icon { - color: var(--primary-600) - } - - .fi-topbar-item.fi-active .fi-topbar-item-btn>.fi-icon:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-topbar-item.fi-active .fi-topbar-item-label { - color: var(--primary-600) - } - - .fi-topbar-item.fi-active .fi-topbar-item-label:where(.dark, .dark *) { - color: var(--primary-400) - } - - .fi-simple-user-menu-ctn { - align-items: center; - column-gap: calc(var(--spacing)*4); - display: flex - } - - .fi-user-menu-trigger { - flex-shrink: 0 - } - - .fi-account-widget .fi-section-content { - align-items: center; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-account-widget-logout-form { - margin-block: auto - } - - .fi-account-widget-main { - flex: 1 - } - - .fi-account-widget-heading { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-leading: calc(var(--spacing)*6); - line-height: calc(var(--spacing)*6); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--gray-950); - flex: 1; - display: grid - } - - .fi-account-widget-heading:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-account-widget-user-name { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--gray-500) - } - - .fi-account-widget-user-name:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-filament-info-widget .fi-section-content { - align-items: center; - column-gap: calc(var(--spacing)*3); - display: flex - } - - .fi-filament-info-widget-main { - flex: 1 - } - - .fi-filament-info-widget-logo { - height: calc(var(--spacing)*5); - color: var(--gray-950) - } - - .fi-filament-info-widget-logo:where(.dark, .dark *) { - color: var(--color-white) - } - - .fi-filament-info-widget-version { - margin-top: calc(var(--spacing)*2); - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)); - color: var(--gray-500) - } - - .fi-filament-info-widget-version:where(.dark, .dark *) { - color: var(--gray-400) - } - - .fi-filament-info-widget-links { - align-items: flex-end; - row-gap: calc(var(--spacing)*1); - flex-direction: column; - display: flex - } -} - -@layer utilities { - .static { - position: static - } - - .flex { - display: flex - } - - .w-6 { - width: calc(var(--spacing)*6) - } - - .justify-center { - justify-content: center - } - - .gap-1 { - gap: calc(var(--spacing)*1) - } - - .pt-0\.5 { - padding-top: calc(var(--spacing)*.5) - } - - .text-2xl { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--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 - } - - .font-black { - --tw-font-weight: var(--font-weight-black); - font-weight: var(--font-weight-black) - } - - .font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light) - } - - .tracking-tighter { - --tw-tracking: var(--tracking-tighter); - letter-spacing: var(--tracking-tighter) - } - - .text-shadow-md { - text-shadow: 0px 1px 1px var(--tw-text-shadow-color, #0000001a), 0px 1px 2px var(--tw-text-shadow-color, #0000001a), 0px 2px 4px var(--tw-text-shadow-color, #0000001a) - } - - .dark\:text-shadow-none:where(.dark, .dark *) { - text-shadow: none - } - - .fi-color-danger { - --color-50: var(--danger-50); - --color-100: var(--danger-100); - --color-200: var(--danger-200); - --color-300: var(--danger-300); - --color-400: var(--danger-400); - --color-500: var(--danger-500); - --color-600: var(--danger-600); - --color-700: var(--danger-700); - --color-800: var(--danger-800); - --color-900: var(--danger-900); - --color-950: var(--danger-950) - } - - .fi-color-gray { - --color-50: var(--gray-50); - --color-100: var(--gray-100); - --color-200: var(--gray-200); - --color-300: var(--gray-300); - --color-400: var(--gray-400); - --color-500: var(--gray-500); - --color-600: var(--gray-600); - --color-700: var(--gray-700); - --color-800: var(--gray-800); - --color-900: var(--gray-900); - --color-950: var(--gray-950) - } - - .fi-color-info { - --color-50: var(--info-50); - --color-100: var(--info-100); - --color-200: var(--info-200); - --color-300: var(--info-300); - --color-400: var(--info-400); - --color-500: var(--info-500); - --color-600: var(--info-600); - --color-700: var(--info-700); - --color-800: var(--info-800); - --color-900: var(--info-900); - --color-950: var(--info-950) - } - - .fi-color-primary { - --color-50: var(--primary-50); - --color-100: var(--primary-100); - --color-200: var(--primary-200); - --color-300: var(--primary-300); - --color-400: var(--primary-400); - --color-500: var(--primary-500); - --color-600: var(--primary-600); - --color-700: var(--primary-700); - --color-800: var(--primary-800); - --color-900: var(--primary-900); - --color-950: var(--primary-950) - } - - .fi-color-success { - --color-50: var(--success-50); - --color-100: var(--success-100); - --color-200: var(--success-200); - --color-300: var(--success-300); - --color-400: var(--success-400); - --color-500: var(--success-500); - --color-600: var(--success-600); - --color-700: var(--success-700); - --color-800: var(--success-800); - --color-900: var(--success-900); - --color-950: var(--success-950) - } - - .fi-color-warning { - --color-50: var(--warning-50); - --color-100: var(--warning-100); - --color-200: var(--warning-200); - --color-300: var(--warning-300); - --color-400: var(--warning-400); - --color-500: var(--warning-500); - --color-600: var(--warning-600); - --color-700: var(--warning-700); - --color-800: var(--warning-800); - --color-900: var(--warning-900); - --color-950: var(--warning-950) - } - - .fi-bg-color-50 { - --bg: var(--color-50) - } - - .fi-bg-color-100 { - --bg: var(--color-100) - } - - .fi-bg-color-200 { - --bg: var(--color-200) - } - - .fi-bg-color-300 { - --bg: var(--color-300) - } - - .fi-bg-color-400 { - --bg: var(--color-400) - } - - .fi-bg-color-500 { - --bg: var(--color-500) - } - - .fi-bg-color-600 { - --bg: var(--color-600) - } - - .fi-bg-color-700 { - --bg: var(--color-700) - } - - .fi-bg-color-800 { - --bg: var(--color-800) - } - - .fi-bg-color-900 { - --bg: var(--color-900) - } - - .fi-bg-color-950 { - --bg: var(--color-950) - } - - .hover\:fi-bg-color-50 { - --hover-bg: var(--color-50) - } - - .hover\:fi-bg-color-100 { - --hover-bg: var(--color-100) - } - - .hover\:fi-bg-color-200 { - --hover-bg: var(--color-200) - } - - .hover\:fi-bg-color-300 { - --hover-bg: var(--color-300) - } - - .hover\:fi-bg-color-400 { - --hover-bg: var(--color-400) - } - - .hover\:fi-bg-color-500 { - --hover-bg: var(--color-500) - } - - .hover\:fi-bg-color-600 { - --hover-bg: var(--color-600) - } - - .hover\:fi-bg-color-700 { - --hover-bg: var(--color-700) - } - - .hover\:fi-bg-color-800 { - --hover-bg: var(--color-800) - } - - .hover\:fi-bg-color-900 { - --hover-bg: var(--color-900) - } - - .hover\:fi-bg-color-950 { - --hover-bg: var(--color-950) - } - - .dark\:fi-bg-color-50 { - --dark-bg: var(--color-50) - } - - .dark\:fi-bg-color-100 { - --dark-bg: var(--color-100) - } - - .dark\:fi-bg-color-200 { - --dark-bg: var(--color-200) - } - - .dark\:fi-bg-color-300 { - --dark-bg: var(--color-300) - } - - .dark\:fi-bg-color-400 { - --dark-bg: var(--color-400) - } - - .dark\:fi-bg-color-500 { - --dark-bg: var(--color-500) - } - - .dark\:fi-bg-color-600 { - --dark-bg: var(--color-600) - } - - .dark\:fi-bg-color-700 { - --dark-bg: var(--color-700) - } - - .dark\:fi-bg-color-800 { - --dark-bg: var(--color-800) - } - - .dark\:fi-bg-color-900 { - --dark-bg: var(--color-900) - } - - .dark\:fi-bg-color-950 { - --dark-bg: var(--color-950) - } - - .dark\:hover\:fi-bg-color-50 { - --dark-hover-bg: var(--color-50) - } - - .dark\:hover\:fi-bg-color-100 { - --dark-hover-bg: var(--color-100) - } - - .dark\:hover\:fi-bg-color-200 { - --dark-hover-bg: var(--color-200) - } - - .dark\:hover\:fi-bg-color-300 { - --dark-hover-bg: var(--color-300) - } - - .dark\:hover\:fi-bg-color-400 { - --dark-hover-bg: var(--color-400) - } - - .dark\:hover\:fi-bg-color-500 { - --dark-hover-bg: var(--color-500) - } - - .dark\:hover\:fi-bg-color-600 { - --dark-hover-bg: var(--color-600) - } - - .dark\:hover\:fi-bg-color-700 { - --dark-hover-bg: var(--color-700) - } - - .dark\:hover\:fi-bg-color-800 { - --dark-hover-bg: var(--color-800) - } - - .dark\:hover\:fi-bg-color-900 { - --dark-hover-bg: var(--color-900) - } - - .dark\:hover\:fi-bg-color-950 { - --dark-hover-bg: var(--color-950) - } - - .fi-text-color-0 { - --text: oklch(100% 0 0) - } - - .fi-text-color-50 { - --text: var(--color-50) - } - - .fi-text-color-100 { - --text: var(--color-100) - } - - .fi-text-color-200 { - --text: var(--color-200) - } - - .fi-text-color-300 { - --text: var(--color-300) - } - - .fi-text-color-400 { - --text: var(--color-400) - } - - .fi-text-color-500 { - --text: var(--color-500) - } - - .fi-text-color-600 { - --text: var(--color-600) - } - - .fi-text-color-700 { - --text: var(--color-700) - } - - .fi-text-color-800 { - --text: var(--color-800) - } - - .fi-text-color-900 { - --text: var(--color-900) - } - - .fi-text-color-950 { - --text: var(--color-950) - } - - .hover\:fi-text-color-0 { - --hover-text: oklch(100% 0 0) - } - - .hover\:fi-text-color-50 { - --hover-text: var(--color-50) - } - - .hover\:fi-text-color-100 { - --hover-text: var(--color-100) - } - - .hover\:fi-text-color-200 { - --hover-text: var(--color-200) - } - - .hover\:fi-text-color-300 { - --hover-text: var(--color-300) - } - - .hover\:fi-text-color-400 { - --hover-text: var(--color-400) - } - - .hover\:fi-text-color-500 { - --hover-text: var(--color-500) - } - - .hover\:fi-text-color-600 { - --hover-text: var(--color-600) - } - - .hover\:fi-text-color-700 { - --hover-text: var(--color-700) - } - - .hover\:fi-text-color-800 { - --hover-text: var(--color-800) - } - - .hover\:fi-text-color-900 { - --hover-text: var(--color-900) - } - - .hover\:fi-text-color-950 { - --hover-text: var(--color-950) - } - - .dark\:fi-text-color-0 { - --dark-text: oklch(100% 0 0) - } - - .dark\:fi-text-color-50 { - --dark-text: var(--color-50) - } - - .dark\:fi-text-color-100 { - --dark-text: var(--color-100) - } - - .dark\:fi-text-color-200 { - --dark-text: var(--color-200) - } - - .dark\:fi-text-color-300 { - --dark-text: var(--color-300) - } - - .dark\:fi-text-color-400 { - --dark-text: var(--color-400) - } - - .dark\:fi-text-color-500 { - --dark-text: var(--color-500) - } - - .dark\:fi-text-color-600 { - --dark-text: var(--color-600) - } - - .dark\:fi-text-color-700 { - --dark-text: var(--color-700) - } - - .dark\:fi-text-color-800 { - --dark-text: var(--color-800) - } - - .dark\:fi-text-color-900 { - --dark-text: var(--color-900) - } - - .dark\:fi-text-color-950 { - --dark-text: var(--color-950) - } - - .dark\:hover\:fi-text-color-0 { - --dark-hover-text: oklch(100% 0 0) - } - - .dark\:hover\:fi-text-color-50 { - --dark-hover-text: var(--color-50) - } - - .dark\:hover\:fi-text-color-100 { - --dark-hover-text: var(--color-100) - } - - .dark\:hover\:fi-text-color-200 { - --dark-hover-text: var(--color-200) - } - - .dark\:hover\:fi-text-color-300 { - --dark-hover-text: var(--color-300) - } - - .dark\:hover\:fi-text-color-400 { - --dark-hover-text: var(--color-400) - } - - .dark\:hover\:fi-text-color-500 { - --dark-hover-text: var(--color-500) - } - - .dark\:hover\:fi-text-color-600 { - --dark-hover-text: var(--color-600) - } - - .dark\:hover\:fi-text-color-700 { - --dark-hover-text: var(--color-700) - } - - .dark\:hover\:fi-text-color-800 { - --dark-hover-text: var(--color-800) - } - - .dark\:hover\:fi-text-color-900 { - --dark-hover-text: var(--color-900) - } - - .dark\:hover\:fi-text-color-950 { - --dark-hover-text: var(--color-950) - } - - .fi-sr-only { - clip-path: inset(50%); - white-space: nowrap; - border-width: 0; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - position: absolute; - overflow: hidden - } - - .fi-prose { - --prose-color: var(--color-gray-700); - --prose-heading-color: var(--color-gray-950); - --prose-strong-color: var(--color-gray-950); - --prose-link-color: var(--color-gray-950); - --prose-code-color: var(--color-gray-950); - --prose-marker-color: var(--color-gray-700) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-prose { - --prose-marker-color: color-mix(in oklab, var(--color-gray-700)25%, transparent) - } - } - - .fi-prose { - --prose-link-underline-color: var(--color-primary-400); - --prose-th-borders: var(--color-gray-300); - --prose-td-borders: var(--color-gray-200); - --prose-hr-color: var(--color-gray-950) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-prose { - --prose-hr-color: color-mix(in oklab, var(--color-gray-950)5%, transparent) - } - } - - .fi-prose { - --prose-blockquote-border-color: var(--color-gray-300); - --prose-pre-bg: var(--color-gray-100) - } - - .fi-prose:where(.dark, .dark *) { - --prose-color: var(--color-gray-300); - --prose-heading-color: var(--color-white); - --prose-strong-color: var(--color-white); - --prose-link-color: var(--color-white); - --prose-code-color: var(--color-white); - --prose-marker-color: var(--color-gray-300) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-prose:where(.dark, .dark *) { - --prose-marker-color: color-mix(in oklab, var(--color-gray-300)35%, transparent) - } - } - - .fi-prose:where(.dark, .dark *) { - --prose-link-underline-color: var(--color-sky-400); - --prose-th-borders: var(--color-gray-600); - --prose-td-borders: var(--color-gray-700); - --prose-hr-color: oklab(100% 0 5.96046e-8/.1) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-prose:where(.dark, .dark *) { - --prose-hr-color: color-mix(in oklab, var(--color-white)10%, transparent) - } - } - - .fi-prose:where(.dark, .dark *) { - --prose-blockquote-border-color: var(--color-gray-600); - --prose-pre-bg: var(--color-gray-900) - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-prose:where(.dark, .dark *) { - --prose-pre-bg: color-mix(in oklab, var(--color-gray-900)40%, transparent) - } - } - - .fi-prose { - color: var(--prose-color); - font-size: var(--text-sm); - line-height: 1.5 - } - - .fi-prose :where(:not(.fi-not-prose, .fi-not-prose *))+:where(:not(.fi-not-prose, .fi-not-prose *)) { - margin-top: calc(var(--spacing)*4) - } - - .fi-prose h1:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-size: var(--text-xl); - letter-spacing: -.025em; - color: var(--prose-code-color); - line-height: 1.55556; - font-weight: var(--font-weight-bold) - } - - .fi-prose h2:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-size: var(--text-lg); - letter-spacing: -.025em; - color: var(--prose-code-color); - line-height: 1.55556; - font-weight: var(--font-weight-semibold) - } - - .fi-prose h3:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-size: var(--text-base); - color: var(--prose-heading-color); - line-height: 1.55556; - font-weight: var(--font-weight-semibold) - } - - .fi-prose h4:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose h5:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose h6:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-size: var(--text-sm); - color: var(--prose-heading-color); - line-height: 2; - font-weight: var(--font-weight-semibold) - } - - .fi-prose :is(h2, h3, h4, h5, h6):where(:not(.fi-not-prose, .fi-not-prose *)) { - scroll-margin-top: calc(var(--spacing)*32) - } - - @media (min-width:64rem) { - .fi-prose :is(h2, h3, h4, h5, h6):where(:not(.fi-not-prose, .fi-not-prose *)) { - scroll-margin-top: calc(var(--spacing)*18) - } - } - - .fi-prose ol:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-inline-start: calc(var(--spacing)*6); - list-style-type: decimal - } - - .fi-prose ul:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-inline-start: calc(var(--spacing)*6); - list-style-type: disc - } - - .fi-prose ol li:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose ul li:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-inline-start: calc(var(--spacing)*3) - } - - .fi-prose ol li+li:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose ul li+li:where(:not(.fi-not-prose, .fi-not-prose *)) { - margin-top: calc(var(--spacing)*4) - } - - .fi-prose ol li:where(:not(.fi-not-prose, .fi-not-prose *))::marker { - color: var(--prose-marker-color) - } - - .fi-prose ul li:where(:not(.fi-not-prose, .fi-not-prose *))::marker { - color: var(--prose-marker-color) - } - - .fi-prose a:not(:where(:is(h2, h3, h4, h5, h6) *)):where(:not(.fi-not-prose, .fi-not-prose *)) { - color: var(--prose-link-color); - font-weight: var(--font-weight-semibold); - text-underline-offset: 3px; - text-decoration: underline; - -webkit-text-decoration-color: var(--prose-link-underline-color); - text-decoration-color: var(--prose-link-underline-color); - text-decoration-thickness: 1px - } - - .fi-prose a:not(:where(:is(h2, h3, h4, h5, h6) *)):where(:not(.fi-not-prose, .fi-not-prose *)) code { - font-weight: var(--font-weight-semibold) - } - - .fi-prose a:hover:where(:not(.fi-not-prose, .fi-not-prose *)) { - text-decoration-thickness: 2px - } - - .fi-prose strong:where(:not(.fi-not-prose, .fi-not-prose *)) { - color: var(--prose-strong-color); - font-weight: var(--font-weight-semibold) - } - - .fi-prose code:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-variant-ligatures: none; - font-family: var(--font-mono); - font-weight: var(--font-weight-medium); - color: var(--prose-code-color) - } - - .fi-prose :where(h2, h3, h4, h5, h6) code:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-weight: var(--font-weight-semibold) - } - - .fi-prose code:where(:not(.fi-not-prose, .fi-not-prose *)):before, - .fi-prose code:where(:not(.fi-not-prose, .fi-not-prose *)):after { - content: "`"; - display: inline - } - - .fi-prose pre:where(:not(.fi-not-prose, .fi-not-prose *)) { - margin-top: calc(var(--spacing)*4); - margin-bottom: calc(var(--spacing)*10); - border-radius: var(--radius-lg); - padding-top: calc(var(--spacing)*3); - padding-inline-end: calc(var(--spacing)*4); - padding-bottom: calc(var(--spacing)*3); - background-color: var(--prose-pre-bg); - padding-inline-start: calc(var(--spacing)*4) - } - - .fi-prose pre code *+:where(:not(.fi-not-prose, .fi-not-prose *)) { - margin-top: 0 - } - - .fi-prose pre code:where(:not(.fi-not-prose, .fi-not-prose *)):before, - .fi-prose pre code:where(:not(.fi-not-prose, .fi-not-prose *)):after { - content: none - } - - .fi-prose pre code:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-variant-ligatures: none; - font-family: var(--font-mono); - font-size: var(--text-sm); - line-height: 2 - } - - .fi-prose table:where(:not(.fi-not-prose, .fi-not-prose *)) { - table-layout: auto; - width: 100%; - font-size: var(--text-sm); - margin-top: 2em; - margin-bottom: 2em; - line-height: 1.4 - } - - .fi-prose thead:where(:not(.fi-not-prose, .fi-not-prose *)) { - border-bottom-width: 1px; - border-bottom-color: var(--prose-th-borders) - } - - .fi-prose thead th:where(:not(.fi-not-prose, .fi-not-prose *)) { - color: var(--prose-heading-color); - vertical-align: bottom; - padding-inline-end: .6em; - padding-bottom: .8em; - padding-inline-start: .6em; - font-weight: 600 - } - - .fi-prose thead th:first-child:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-inline-start: 0 - } - - .fi-prose thead th:last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-inline-end: 0 - } - - .fi-prose tbody tr:where(:not(.fi-not-prose, .fi-not-prose *)) { - border-bottom-width: 1px; - border-bottom-color: var(--prose-td-borders) - } - - .fi-prose tbody tr:last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { - border-bottom-width: 0 - } - - .fi-prose tbody td:where(:not(.fi-not-prose, .fi-not-prose *)) { - vertical-align: baseline - } - - .fi-prose tfoot:where(:not(.fi-not-prose, .fi-not-prose *)) { - border-top-width: 1px; - border-top-color: var(--prose-th-borders) - } - - .fi-prose tfoot td:where(:not(.fi-not-prose, .fi-not-prose *)) { - vertical-align: top - } - - .fi-prose tbody td:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose tfoot td:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-top: .8em; - padding-inline-end: .6em; - padding-bottom: .8em; - padding-inline-start: .6em - } - - .fi-prose tbody td:first-child:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose tfoot td:first-child:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-inline-start: 0 - } - - .fi-prose tbody td:last-child:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose tfoot td:last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { - padding-inline-end: 0 - } - - .fi-prose th:where(:not(.fi-not-prose, .fi-not-prose *)), - .fi-prose td:where(:not(.fi-not-prose, .fi-not-prose *)) { - text-align: start - } - - .fi-prose td code:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-size: .8125rem - } - - .fi-prose hr:where(:not(.fi-not-prose, .fi-not-prose *)) { - border-color: var(--prose-hr-color); - margin-block: calc(var(--spacing)*8) - } - - .fi-prose hr:where(:not(.fi-not-prose, .fi-not-prose *))+h2 { - margin-top: calc(var(--spacing)*8) - } - - .fi-prose blockquote { - border-inline-start-width: .25rem; - border-inline-start-color: var(--prose-blockquote-border-color); - padding-inline-start: calc(var(--spacing)*4); - font-style: italic - } - - .fi-prose blockquote p:first-of-type:before { - content: open-quote - } - - .fi-prose blockquote p:last-of-type:after { - content: close-quote - } - - .fi-prose figure:where(:not(.fi-not-prose, .fi-not-prose *)) figcaption:where(:not(.fi-not-prose, .fi-not-prose *)) { - margin-top: calc(var(--spacing)*3); - text-align: center; - font-size: var(--text-sm); - line-height: var(--text-sm--line-height); - color: var(--prose-color); - font-style: italic - } - - @supports (color:color-mix(in lab, red, red)) { - .fi-prose figure:where(:not(.fi-not-prose, .fi-not-prose *)) figcaption:where(:not(.fi-not-prose, .fi-not-prose *)) { - color: color-mix(in oklab, var(--prose-color)75%, transparent) - } - } - - .fi-prose :first-child:where(:not(.fi-not-prose, .fi-not-prose *)) { - margin-top: 0 - } - - .fi-prose :last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { - margin-bottom: 0 - } - - .fi-prose .lead:where(:not(.fi-not-prose, .fi-not-prose *)) { - font-size: var(--text-base) - } -} - -@property --tw-leading { - syntax: "*"; - inherits: false -} - -@property --tw-font-weight { - syntax: "*"; - inherits: false -} - -@property --tw-tracking { - syntax: "*"; - inherits: false -} - -@property --tw-text-shadow-color { - syntax: "*"; - inherits: false -} - -@property --tw-text-shadow-alpha { - syntax: ""; - inherits: false; - initial-value: 100% -} - -@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-duration { - syntax: "*"; - inherits: false -} - -@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-divide-y-reverse { - syntax: "*"; - inherits: false; - initial-value: 0 -} - -@property --tw-border-style { - syntax: "*"; - inherits: false; - initial-value: solid -} - -@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-ease { - syntax: "*"; - inherits: false -} - -@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-divide-x-reverse { - syntax: "*"; - inherits: false; - initial-value: 0 -} - -@property --tw-content { - syntax: "*"; - inherits: false; - initial-value: "" -} - -@property --tw-outline-style { - syntax: "*"; - inherits: false; - initial-value: solid -} - -@property --tw-space-x-reverse { - syntax: "*"; - inherits: false; - initial-value: 0 -} - -@keyframes spin { - to { - transform: rotate(360deg) - } -} - -@keyframes pulse { - 50% { - opacity: .5 - } -} \ No newline at end of file diff --git a/resources/views/vendor/notifications/email.blade.php b/resources/views/vendor/notifications/email.blade.php new file mode 100644 index 0000000..8c4f015 --- /dev/null +++ b/resources/views/vendor/notifications/email.blade.php @@ -0,0 +1,52 @@ + + {{-- Greeting --}} + @if (!empty($greeting)) + # {{ $greeting }} + @else + @if ($level === 'error') + # @lang('Whoops!') + @else + # @lang('Hello!') + @endif + @endif + + {{-- Intro Lines --}} + @foreach ($introLines as $line) + {{ $line }} + @endforeach + + {{-- Action Button --}} + @isset($actionText) + $level, + default => 'primary', + }; + ?> + + {{ $actionText }} + + @endisset + + {{-- Outro Lines --}} + @foreach ($outroLines as $line) + {{ $line }} + @endforeach + + {{-- Salutation --}} + @if (!empty($salutation)) + {{ $salutation }} + @else + @lang('Regards,')
+ {{ config('app.name') }} + @endif + + {{-- Subcopy --}} + @isset($actionText) + + @lang("Wenn Sie Probleme beim Klicken auf die Schaltfläche \":actionText\" haben, kopieren Sie die folgende URL und fügen Sie sie in Ihren Webbrowser ein:', [ + 'actionText' => $actionText, + ]) [{{ $displayableActionUrl }}]({{ $actionUrl }}) + + @endisset +