@charset "UTF-8";
.tgbl-interface {
  /* Primitives */
  /* Primitives - Colors */
  --tgbl-color-black: #000000;
  --tgbl-color-white: #ffffff;
  --tgbl-gray-5: #f5fcff;
  --tgbl-gray-25: #fafafa;
  --tgbl-gray-50: #f5f5f5;
  --tgbl-gray-100: #f0f0f0;
  --tgbl-gray-200: #e5e5e5;
  --tgbl-gray-250: #e8f7fe;
  --tgbl-gray-300: #d6d6d6;
  --tgbl-gray-400: #cccccc;
  --tgbl-gray-500: #bbbbbb;
  --tgbl-gray-600: #949494;
  --tgbl-gray-700: #757575;
  --tgbl-gray-800: #2f2f2f;
  --tgbl-gray-900: #1e1e1e;
  --tgbl-wp-blue-5: #f0f6fc;
  --tgbl-wp-blue-25: #e3edf7;
  --tgbl-wp-blue-50: #c5d9ed;
  --tgbl-wp-blue-100: #9ec2e6;
  --tgbl-wp-blue-200: #72aee6;
  --tgbl-wp-blue-300: #4f94d4;
  --tgbl-wp-blue-400: #3582c4;
  --tgbl-wp-blue-500: #2271b1;
  --tgbl-wp-blue-600: #135e96;
  --tgbl-wp-blue-700: #0a4b78;
  --tgbl-wp-blue-800: #043959;
  --tgbl-wp-blue-900: #01263a;
  --tgbl-blue-5: #eceffe;
  --tgbl-blue-25: #e2e9ff;
  --tgbl-blue-50: #c7d6ff;
  --tgbl-blue-100: #a0b5fe;
  --tgbl-blue-200: #7b93ff;
  --tgbl-blue-300: #5373f2;
  --tgbl-blue-400: #3858e9;
  --tgbl-blue-500: #2942d1;
  --tgbl-blue-600: #1d35b4;
  --tgbl-blue-700: #1b2398;
  --tgbl-blue-800: #101375;
  --tgbl-blue-900: #090949;
  --tgbl-green-5: #edfaef;
  --tgbl-green-25: #d8f3dc;
  --tgbl-green-50: #b7e7be;
  --tgbl-green-100: #68de7c;
  --tgbl-green-200: #1ed14b;
  --tgbl-green-300: #00ba37;
  --tgbl-green-400: #00a32a;
  --tgbl-green-500: #008a20;
  --tgbl-green-600: #007017;
  --tgbl-green-700: #005c12;
  --tgbl-green-800: #00450c;
  --tgbl-green-900: #003008;
  --tgbl-purple-5: #f0ecfe;
  --tgbl-purple-25: #e7e0ff;
  --tgbl-purple-50: #c8b4fe;
  --tgbl-purple-100: #ae87fa;
  --tgbl-purple-200: #995af4;
  --tgbl-purple-300: #882deb;
  --tgbl-purple-400: #7a00df;
  --tgbl-purple-500: #6e00c4;
  --tgbl-purple-600: #6100a8;
  --tgbl-purple-700: #53008c;
  --tgbl-purple-800: #43006e;
  --tgbl-purple-900: #320050;
  --tgbl-red-5: #fcf0f1;
  --tgbl-red-25: #fce3e5;
  --tgbl-red-50: #facfd2;
  --tgbl-red-100: #ffabaf;
  --tgbl-red-200: #ff8085;
  --tgbl-red-300: #f86368;
  --tgbl-red-400: #e65054;
  --tgbl-red-500: #d63638;
  --tgbl-red-600: #b32d2e;
  --tgbl-red-700: #8a2424;
  --tgbl-red-800: #691c1c;
  --tgbl-red-900: #451313;
  --tgbl-yellow-5: #fcf9e8;
  --tgbl-yellow-25: #f9f1d2;
  --tgbl-yellow-50: #f5e6ab;
  --tgbl-yellow-100: #f2d675;
  --tgbl-yellow-200: #f0c33c;
  --tgbl-yellow-300: #dba617;
  --tgbl-yellow-400: #bd8600;
  --tgbl-yellow-500: #996800;
  --tgbl-yellow-600: #755100;
  --tgbl-yellow-700: #614200;
  --tgbl-yellow-800: #4a3200;
  --tgbl-yellow-900: #362400;
  --tgbl-fz-2px: 0.125rem;
  --tgbl-fz-4px: 0.25rem;
  --tgbl-fz-6px: 0.375rem;
  --tgbl-fz-8px: 0.5rem;
  --tgbl-fz-10px: 0.625rem;
  --tgbl-fz-12px: 0.75rem;
  --tgbl-fz-14px: 0.875rem;
  --tgbl-fz-16px: 1rem;
  --tgbl-fz-18px: 1.125rem;
  --tgbl-fz-20px: 1.25rem;
  --tgbl-fz-22px: 1.375rem;
  --tgbl-fz-24px: 1.5rem;
  --tgbl-fz-26px: 1.625rem;
  --tgbl-fz-28px: 1.75rem;
  --tgbl-fz-30px: 1.875rem;
  --tgbl-fz-32px: 2rem;
  --tgbl-fz-34px: 2.125rem;
  --tgbl-fz-36px: 2.25rem;
  --tgbl-fz-38px: 2.375rem;
  --tgbl-fz-40px: 2.5rem;
  --tgbl-fz-42px: 2.625rem;
  --tgbl-fz-44px: 2.75rem;
  --tgbl-fz-46px: 2.875rem;
  --tgbl-fz-48px: 3rem;
  --tgbl-fz-50px: 3.125rem;
  --tgbl-fz-52px: 3.25rem;
  --tgbl-fz-54px: 3.375rem;
  --tgbl-fz-56px: 3.5rem;
  /* Primitives - spacing */
  --tgbl-spacing-primitives-base-grid-unit: 8px;
  --tgbl-spacing-primitives-grid-unit-5: 4px;
  --tgbl-spacing-primitives-grid-unit-10: 8px;
  --tgbl-spacing-primitives-grid-unit-15: 12px;
  --tgbl-spacing-primitives-grid-unit-20: 16px;
  --tgbl-spacing-primitives-grid-unit-25: 20px;
  --tgbl-spacing-primitives-grid-unit-30: 24px;
  --tgbl-spacing-primitives-grid-unit-35: 28px;
  --tgbl-spacing-primitives-grid-unit-40: 32px;
  --tgbl-spacing-primitives-grid-unit-45: 36px;
  --tgbl-spacing-primitives-grid-unit-50: 40px;
  --tgbl-spacing-primitives-grid-unit-55: 44px;
  --tgbl-spacing-primitives-grid-unit-60: 48px;
  --tgbl-spacing-primitives-grid-unit-65: 52px;
  --tgbl-spacing-primitives-grid-unit-70: 56px;
  --tgbl-spacing-primitives-grid-unit-75: 60px;
  --tgbl-spacing-primitives-grid-unit-80: 64px;
  /* Primitives - Radius */
  --tgbl-radius--xxs: 2px;
  --tgbl-radius--xs: 4px;
  --tgbl-radius--sm: 8px;
  --tgbl-radius--md: 12px;
  --tgbl-radius--lg: 16px;
  --tgbl-radius--xl: 20px;
  --tgbl-radius--xxl: 50px;
  --tgbl-radius--chip: var(--tgbl-radius--lg);
  --tgbl-radius--tooltip: var(--tgbl-radius--xxs);
  --tgbl-radius--input: var(--tgbl-radius--xs);
  --tgbl-radius--card: var(--tgbl-radius--xs);
  --tgbl-radius--modal: var(--tgbl-radius--xs);
  --tgbl-radius--chip-rounded: var(--tgbl-radius--xxl);
  /* spacing */
  --tgbl-size--spacing-xxs: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
  --tgbl-size--spacing-xs: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
  --tgbl-size--spacing-sm: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
  --tgbl-size--spacing-md: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
  --tgbl-size--spacing-lg: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
  --tgbl-size--spacing-xl: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
  /* typo */
  --tgbl-size--text-xxs: var(--tgbl-fz-12px);
  --tgbl-size--text-xs: var(--tgbl-fz-14px);
  --tgbl-size--text-sm: var(--tgbl-fz-14px);
  --tgbl-size--text-md: var(--tgbl-fz-16px);
  --tgbl-size--text-lg: var(--tgbl-fz-20px);
  --tgbl-size--text-xl: var(--tgbl-fz-24px);
  --tgbl-size--text-xxl: var(--tgbl-fz-28px);
  /* Globals */
  --tgbl-background-alt: var(--tgbl-gray-300);
  --tgbl-background-inverted: var(--tgbl-color-black);
  --tgbl-background-normal: var(--tgbl-color-white);
  --tgbl-background-subdued: var(--tgbl-gray-100);
  --tgbl-foreground-alt: var(--tgbl-gray-700);
  --tgbl-foreground-inverted: var(--tgbl-color-white);
  --tgbl-foreground-normal: var(--tgbl-gray-900);
  --tgbl-foreground-subdued: var(--tgbl-gray-600);
  --tgbl-border-alt: var(--tgbl-gray-900);
  --tgbl-border-inverted: var(--tgbl-gray-200);
  --tgbl-border-normal: var(--tgbl-gray-600);
  --tgbl-border-subdued: var(--tgbl-gray-200);
  --tgbl-accent-alt: var(--tgbl-blue-500);
  --tgbl-accent-focus: var(--tgbl-blue-700);
  --tgbl-accent-hover: var(--tgbl-blue-600);
  --tgbl-accent-inverted: var(--tgbl-blue-200);
  --tgbl-accent-normal: var(--tgbl-blue-400);
  --tgbl-accent-subdued: var(--tgbl-blue-300);
  --tgbl-accent-subdued-alt: var(--tgbl-blue-25);
  --tgbl-feedback-error: var(--tgbl-red-300);
  --tgbl-feedback-error-alt: var(--tgbl-red-500);
  --tgbl-feedback-error-bg: var(--tgbl-red-05);
  --tgbl-feedback-error-bg-alt: var(--tgbl-red-50);
  --tgbl-feedback-info: var(--tgbl-blue-400);
  --tgbl-feedback-info-alt: var(--tgbl-blue-200);
  --tgbl-feedback-info-bg: var(--tgbl-blue-05);
  --tgbl-feedback-info-bg-alt: var(--tgbl-blue-50);
  --tgbl-feedback-success: var(--tgbl-green-200);
  --tgbl-feedback-success-alt: var(--tgbl-green-500);
  --tgbl-feedback-success-bg: var(--tgbl-green-05);
  --tgbl-feedback-success-bg-alt: var(--tgbl-green-50);
  --tgbl-feedback-warning: var(--tgbl-yellow-200);
  --tgbl-feedback-warning-alt: var(--tgbl-yellow-400);
  --tgbl-feedback-warning-bg: var(--tgbl-yellow-05);
  --tgbl-feedback-warning-bg-alt: var(--tgbl-yellow-50);
  --tgbl-size--separator-border: 1px;
  --tgbl-size--datalist-text: var(--tgbl-size--text-xs);
  --tgbl-color--datalist-value: var(--tgbl-gray-900);
  --tgbl-color--datalist-label: var(--tgbl-gray-500);
  /* Components */
  /* Notices */
  --tgbl-notice-banner-alert-fill: var(--tgbl-feedback-warning-bg);
  --tgbl-notice-banner-alert-indicator: var(--tgbl-feedback-warning);
  --tgbl-notice-banner-error-fill: var(--tgbl-feedback-error-bg-alt);
  --tgbl-notice-banner-error-indicator: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-notice-banner-info-fill: var(--tgbl-background-normal);
  --tgbl-notice-banner-info-indicator: var(--tgbl-feedback-info);
  --tgbl-notice-banner-success-fill: var(--tgbl-feedback-success-bg);
  --tgbl-notice-banner-success-indicator: var(
    --tgbl-feedback-success
  );
  --tgbl-notice-content-icon: var(--tgbl-foreground-normal);
  --tgbl-notice-content-text: var(--tgbl-foreground-normal);
  /* Inputs */
  --tgbl-composed-field-helper-text: var(--tgbl-foreground-alt);
  --tgbl-composed-field-label: var(--tgbl-foreground-normal);
  --tgbl-control-label-icon: var(--tgbl-foreground-normal);
  --tgbl-control-label-label: var(--tgbl-foreground-normal);
  --tgbl-control-label-sublabel: var(--tgbl-foreground-subdued);
  /* text input fields */
  --tgbl-text-field-resting-border: var(--tgbl-border-normal);
  --tgbl-text-field-resting-fill: var(--tgbl-background-normal);
  --tgbl-text-field-resting-placeholder: var(
    --tgbl-foreground-subdued
  );
  --tgbl-text-field-resting-text: var(--tgbl-foreground-normal);
  --tgbl-text-field-disabled-border: var(--tgbl-border-subdued);
  --tgbl-text-field-disabled-fill: var(--tgbl-background-subdued);
  --tgbl-text-field-disabled-text: var(--tgbl-foreground-alt);
  --tgbl-text-field-focused-border: var(--tgbl-accent-normal);
  --tgbl-text-field-focused-fill: var(--tgbl-background-normal);
  --tgbl-text-field-focused-placeholder: var(
    --tgbl-foreground-subdued
  );
  --tgbl-text-field-focused-text: var(--tgbl-foreground-normal);
  --tgbl-text-field-invalid-border: var(--tgbl-feedback-error-alt);
  --tgbl-text-field-invalid-fill: var(--tgbl-background-normal);
  --tgbl-text-field-invalid-text: var(--tgbl-feedback-error-alt);
  /* textarea */
  --tgbl-text-area-resting-background: var(--tgbl-background-normal);
  --tgbl-text-area-resting-border: var(--tgbl-border-normal);
  --tgbl-text-area-resting-placeholder: var(
    --tgbl-foreground-subdued
  );
  --tgbl-text-area-resting-text: var(--tgbl-foreground-normal);
  --tgbl-text-area-focused-background: var(--tgbl-background-normal);
  --tgbl-text-area-focused-border: var(--tgbl-accent-normal);
  --tgbl-text-area-focused-placeholder: var(
    --tgbl-foreground-subdued
  );
  --tgbl-text-area-focused-text: var(--tgbl-foreground-normal);
  --tgbl-checkbox-item-help-text: var(--tgbl-foreground-alt);
  --tgbl-checkbox-item-label: var(--tgbl-foreground-normal);
  --tgbl-checkbox-checked-focused-background: var(
    --tgbl-accent-normal
  );
  --tgbl-checkbox-checked-focused-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-checkbox-checked-focused-inner-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-checkbox-checked-focused-outer-border: var(
    --tgbl-accent-normal
  );
  --tgbl-checkbox-checked-resting-background: var(
    --tgbl-accent-normal
  );
  --tgbl-checkbox-checked-resting-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-checkbox-default-focused-background: var(
    --tgbl-background-normal
  );
  --tgbl-checkbox-default-focused-border: var(--tgbl-accent-normal);
  --tgbl-checkbox-default-resting-background: var(
    --tgbl-background-normal
  );
  --tgbl-checkbox-default-resting-border: var(--tgbl-border-normal);
  --tgbl-checkbox-mixed-focused-background: var(--tgbl-accent-normal);
  --tgbl-checkbox-mixed-focused-icon: var(--tgbl-foreground-inverted);
  --tgbl-checkbox-mixed-focused-inner-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-checkbox-mixed-focused-outer-border: var(
    --tgbl-accent-normal
  );
  --tgbl-checkbox-mixed-resting-background: var(--tgbl-accent-normal);
  --tgbl-checkbox-mixed-resting-icon: var(--tgbl-foreground-inverted);
  --tgbl-radio-item-help-text: var(--tgbl-foreground-alt);
  --tgbl-radio-item-label: var(--tgbl-foreground-normal);
  --tgbl-radio-checked-focused-background: var(--tgbl-accent-normal);
  --tgbl-radio-checked-focused-icon: var(--tgbl-foreground-inverted);
  --tgbl-radio-checked-focused-inner-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-radio-checked-focused-outer-border: var(
    --tgbl-accent-normal
  );
  --tgbl-radio-checked-resting-background: var(--tgbl-accent-normal);
  --tgbl-radio-checked-resting-icon: var(--tgbl-foreground-inverted);
  --tgbl-radio-default-focused-background: var(
    --tgbl-background-normal
  );
  --tgbl-radio-default-focused-border: var(--tgbl-accent-normal);
  --tgbl-radio-default-resting-background: var(
    --tgbl-background-normal
  );
  --tgbl-radio-default-resting-border: var(--tgbl-border-normal);
  --tgbl-select-field-focused-border: var(--tgbl-accent-normal);
  --tgbl-select-field-focused-fill: var(--tgbl-background-normal);
  --tgbl-select-field-focused-icon: var(--tgbl-foreground-normal);
  --tgbl-select-field-resting-border: var(--tgbl-border-normal);
  --tgbl-select-field-resting-fill: var(--tgbl-background-normal);
  --tgbl-select-field-resting-icon: var(--tgbl-foreground-normal);
  --tgbl-select-field-selection-border: var(--tgbl-border-subdued);
  --tgbl-select-field-selection-fill: var(--tgbl-background-normal);
  --tgbl-select-field-selection-item-hovered-fill: var(
    --tgbl-accent-normal
  );
  --tgbl-select-field-selection-item-hovered-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-select-field-selection-item-hovered-text: var(
    --tgbl-foreground-inverted
  );
  --tgbl-select-field-selection-item-resting-fill: var(
    --tgbl-background-normal
  );
  --tgbl-select-field-selection-item-resting-icon: var(
    --tgbl-foreground-normal
  );
  --tgbl-select-field-selection-item-resting-text: var(
    --tgbl-foreground-normal
  );
  --tgbl-select-field-selection-item-selected-fill: var(
    --tgbl-background-subdued
  );
  --tgbl-select-field-selection-item-selected-icon: var(
    --tgbl-foreground-normal
  );
  --tgbl-select-field-selection-item-selected-text: var(
    --tgbl-foreground-normal
  );
  --tgbl-select-field-selection-item-selected-hover-fill: var(
    --tgbl-background-alt
  );
  --tgbl-select-field-selection-item-selected-hover-icon: var(
    --tgbl-background-inverted
  );
  --tgbl-select-field-selection-item-selected-hover-text: var(
    --tgbl-foreground-normal
  );
  --tgbl-select-field-value-placeholder: var(
    --tgbl-foreground-subdued
  );
  --tgbl-select-field-value-text: var(--tgbl-foreground-normal);
  --tgbl-input-chip-default-enabled-fill: var(
    --tgbl-background-subdued
  );
  --tgbl-input-chip-default-enabled-leading-icon: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-enabled-text: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-enabled-trailing-icon: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-focused-border: var(--tgbl-accent-normal);
  --tgbl-input-chip-default-focused-fill: var(
    --tgbl-background-subdued
  );
  --tgbl-input-chip-default-focused-leading-icon: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-focused-text: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-focused-trailing-icon: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-hovered-fill: var(--tgbl-background-alt);
  --tgbl-input-chip-default-hovered-leading-icon: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-hovered-text: var(
    --tgbl-foreground-normal
  );
  --tgbl-input-chip-default-hovered-trailing-icon: var(
    --tgbl-foreground-normal
  );
  /*buttons*/
  --tgbl-size--button-border: 1px;
  --tgbl-radius--button: var(--tgbl-radius--xxs);
  --tgbl-radius--button-rounded: var(--tgbl-radius--xxl);
  --tgbl-color--button-enabled-border: var(
    --tgbl-background-inverted
  );
  --tgbl-color--button-enabled-fill: var(--tgbl-background-inverted);
  --tgbl-color--button-enabled-icon: var(--tgbl-foreground-inverted);
  --tgbl-color--button-enabled-text: var(--tgbl-foreground-inverted);
  --tgbl-color--button-disabled-border: var(--tgbl-border-subdued);
  --tgbl-color--button-disabled-fill: var(--tgbl-border-subdued);
  --tgbl-color--button-disabled-icon: var(--tgbl-foreground-subdued);
  --tgbl-color--button-enabled-icon: var(--tgbl-foreground-normal);
  --tgbl-color--button-enabled-text: var(--tgbl-foreground-normal);
  --tgbl-color--button-hovered-border: var(
    --tgbl-background-inverted
  );
  --tgbl-color--button-hovered-fill: var(--tgbl-background-inverted);
  --tgbl-color--button-hovered-icon: var(--tgbl-foreground-inverted);
  --tgbl-color--button-hovered-text: var(--tgbl-foreground-inverted);
  --tgbl-color--button-focused-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-focused-border-outer: var(
    --tgbl-background-inverted
  );
  --tgbl-color--button-focused-fill: var(--tgbl-background-inverted);
  --tgbl-color--button-focused-icon: var(--tgbl-foreground-inverted);
  --tgbl-color--button-focused-text: var(--tgbl-foreground-inverted);
  /* Buttons - primary */
  --tgbl-color--button-primary-disabled-fill: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-primary-disabled-icon: var(
    --tgbl-accent-inverted
  );
  --tgbl-color--button-primary-disabled-text: var(
    --tgbl-accent-inverted
  );
  --tgbl-color--button-primary-enabled-fill: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-primary-enabled-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-primary-enabled-text: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-primary-hovered-fill: var(--tgbl-accent-hover);
  --tgbl-color--button-primary-hovered-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-primary-hovered-text: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-primary-focused-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-primary-focused-border-outer: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-primary-focused-fill: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-primary-focused-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-primary-focused-text: var(
    --tgbl-foreground-inverted
  );
  /* Buttons - secondary */
  --tgbl-color--button-secondary-disabled-border: var(
    --tgbl-border-normal
  );
  --tgbl-color--button-secondary-disabled-fill: var(
    --tgbl-background-normal
  );
  --tgbl-color--button-secondary-disabled-icon: var(
    --tgbl-foreground-subdued
  );
  --tgbl-color--button-secondary-disabled-text: var(
    --tgbl-foreground-subdued
  );
  --tgbl-color--button-secondary-enabled-border: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-secondary-enabled-fill: var(
    --tgbl-background-normal
  );
  --tgbl-color--button-secondary-enabled-icon: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-secondary-enabled-text: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-secondary-hovered-border: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-secondary-hovered-fill: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-secondary-hovered-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-secondary-hovered-text: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-secondary-focused-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-secondary-focused-border-outer: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-secondary-focused-fill: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-secondary-focused-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-secondary-focused-text: var(
    --tgbl-foreground-inverted
  );
  /* Buttons - tertiary */
  --tgbl-color--button-tertiary-disabled-icon: var(
    --tgbl-foreground-subdued
  );
  --tgbl-color--button-tertiary-disabled-text: var(
    --tgbl-foreground-subdued
  );
  --tgbl-color--button-tertiary-enabled-icon: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-tertiary-enabled-text: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-tertiary-focused-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-tertiary-focused-border-outer: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-tertiary-focused-icon: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-tertiary-focused-text: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-tertiary-hovered-fill: var(
    --tgbl-feedback-info-bg
  );
  --tgbl-color--button-tertiary-hovered-icon: var(
    --tgbl-accent-normal
  );
  --tgbl-color--button-tertiary-hovered-text: var(
    --tgbl-accent-normal
  );
  /* Buttons - warning */
  --tgbl-color--button-warning-enabled-border: var(
    --tgbl-feedback-warning-alt
  );
  --tgbl-color--button-warning-enabled-fill: var(
    --tgbl-background-normal
  );
  --tgbl-color--button-warning-enabled-icon: var(
    --tgbl-feedback-warning-alt
  );
  --tgbl-color--button-warning-enabled-text: var(
    --tgbl-feedback-warning-alt
  );
  --tgbl-color--button-warning-hovered-border: var(
    --tgbl-feedback-warning-alt
  );
  --tgbl-color--button-warning-hovered-fill: var(
    --tgbl-feedback-warning-alt
  );
  --tgbl-color--button-warning-hovered-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-warning-hovered-text: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-warning-focused-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-warning-focused-border-outer: var(
    --tgbl-feedback-warning-alt
  );
  --tgbl-color--button-warning-focused-fill: var(
    --tgbl-feedback-warning-alt
  );
  --tgbl-color--button-warning-focused-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-warning-focused-text: var(
    --tgbl-foreground-inverted
  );
  /* Buttons - destructive/error */
  --tgbl-color--button-destructive-enabled-fill: var(
    --tgbl-background-normal
  );
  --tgbl-color--button-destructive-enabled-icon: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-color--button-destructive-enabled-text: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-color--button-destructive-enabled-border: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-color--button-destructive-hovered-border: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-color--button-destructive-hovered-fill: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-color--button-destructive-hovered-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-destructive-hovered-text: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-destructive-focused-border: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-destructive-focused-border-outer: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-color--button-destructive-focused-fill: var(
    --tgbl-feedback-error-alt
  );
  --tgbl-color--button-destructive-focused-icon: var(
    --tgbl-foreground-inverted
  );
  --tgbl-color--button-destructive-focused-text: var(
    --tgbl-foreground-inverted
  );
  --tgbl-tooltip-fill: var(--tgbl-background-inverted);
  --tgbl-tooltip-text: var(--tgbl-foreground-inverted);
  --tgbl-grid-cols: 1;
  --tgbl-grid-col-gap: var(--tgbl-spacing-primitives-grid-unit-30);
  --tgbl-grid-row-gap: var(--tgbl-spacing-primitives-grid-unit-30);
  --tgbl-flex-gap: var(--tgbl-spacing-primitives-grid-unit-30);
  --tgbl-color--card-border: var(--tgbl-border-subdued);
  --tgbl-size--card-border: 0;
  --tgbl-radius--card: var(--tgbl-radius--xs);
  --tgbl-spacing--card-top: var(--tgbl-size--spacing-xxs);
  --tgbl-spacing--card-right: var(--tgbl-size--spacing-xxs);
  --tgbl-spacing--card-bottom: var(--tgbl-size--spacing-xxs);
  --tgbl-spacing--card-left: var(--tgbl-size--spacing-xxs);
  --tgbl-color--card-background: var(--tgbl-background-normal);
  --tgbl-color--card-text: var(--tgbl-foreground-normal);
  --tgbl-box-shadow--card:
    0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --tgbl-color--modal-container-background: var(
    --tgbl-color--card-background
  );
  --tgbl-color--modal-container-foreground: var(
    --tgbl-color--card-text
  );
  --tgbl-color--modal-container-border: var(
    --tgbl-color--card-border
  );
  --tgbl-size--modal-container-border: var(--tgbl-size--card-border);
  --tgbl-spacing--modal-container-top: var(--tgbl-spacing--card-top);
  --tgbl-spacing--modal-container-right: var(
    --tgbl-spacing--card-right
  );
  --tgbl-spacing--modal-container-bottom: var(
    --tgbl-spacing--card-bottom
  );
  --tgbl-spacing--modal-container-left: var(
    --tgbl-spacing--card-left
  );
  --tgbl-radius--modal-container: var(--tgbl-radius--card);
  --tgbl-box-shadow--modal-container: var(--tgbl-box-shadow--card);
  --tgbl-size--modal-container-inline: 1200px;
  --tgbl-size--modal-container-block: 600px;
  --tgbl-duration--modal-animation-in: 0.3s;
  --tgbl-timing-function--modal-animation-in: cubic-bezier(0, 0, 0.2, 1);
  --tgbl-duration--modal-animation-out: 0.3s;
  --tgbl-timing-function--modal-animation-out: cubic-bezier(0, 0, 0.2, 1);
  --tgbl-color--modal-overlay: rgba(0, 0, 0, 0.4);
  --tgbl-spacing--modal-overlay-top: var(--tgbl-size--spacing-xxs);
  --tgbl-spacing--modal-overlay-right: var(--tgbl-size--spacing-xxs);
  --tgbl-spacing--modal-overlay-bottom: var(--tgbl-size--spacing-xxs);
  --tgbl-spacing--modal-overlay-left: var(--tgbl-size--spacing-xxs);
  --tgbl-spacing--modal-overlay-block: var(
      --tgbl-spacing--modal-overlay-top
    )
    var(--tgbl-spacing--modal-overlay-bottom);
  --tgbl-spacing--modal-overlay-inline: var(
      --tgbl-spacing--modal-overlay-left
    )
    var(--tgbl-spacing--modal-overlay-right);
  --tgbl-color--chip-border: var(--tgbl-border-subdued);
  --tgbl-size--chip-border: 0;
  --tgbl-size--chip-text: var(--tgbl-size--text-xxs);
  --tgbl-size--chip-min-height: 2em;
  --tgbl-radius--chip: var(--tgbl-radius--lg);
  --tgbl-spacing--chip-gap: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
  --tgbl-spacing--chip-top: 0;
  --tgbl-spacing--chip-right: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
  --tgbl-spacing--chip-bottom: 0;
  --tgbl-spacing--chip-left: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
  --tgbl-color--chip-background: var(--tgbl-gray-600);
  --tgbl-color--chip-text: var(--tgbl-foreground-inverted);
  --tgbl-box-shadow--chip:
    0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  /*
    Microtip (modified and namespaced)

    Modern, lightweight css-only tooltips
    Just 1kb minified and gzipped

    @author Ghosh
    @package Microtip

    1. Base Styles
    2. Direction Modifiers
    3. Position Modifiers
  */
  /*
    [1] Base Styles
  */
  /*
    [2] Position Modifiers
  */
  /*
    [2.1] Top Left
  */
  /*
    [2.2] Top Right
  */
  /*
    [2.3] Bottom
  */
  /*
    [2.4] Bottom Left
  */
  /*
    [2.5] Bottom Right
  */
  /*
    [2.6] Left
  */
  /*
    [2.7] Right
  */
  /*
    [3] Size
  */
}
@media (min-width: 481px) and (max-width: 992px) {
  .tgbl-interface {
    --tgbl-size--text-xxs: var(--tgbl-fz-12px);
    --tgbl-size--text-xs: var(--tgbl-fz-14px);
    --tgbl-size--text-sm: var(--tgbl-fz-16px);
    --tgbl-size--text-md: var(--tgbl-fz-18px);
    --tgbl-size--text-lg: var(--tgbl-fz-20px);
    --tgbl-size--text-xl: var(--tgbl-fz-26px);
    --tgbl-size--text-xxl: var(--tgbl-fz-30px);
  }
}
@media (min-width: 992px) {
  .tgbl-interface {
    --tgbl-size--text-xxs: var(--tgbl-fz-12px);
    --tgbl-size--text-xs: var(--tgbl-fz-14px);
    --tgbl-size--text-sm: var(--tgbl-fz-16px);
    --tgbl-size--text-md: var(--tgbl-fz-20px);
    --tgbl-size--text-lg: var(--tgbl-fz-24px);
    --tgbl-size--text-xl: var(--tgbl-fz-28px);
    --tgbl-size--text-xxl: var(--tgbl-fz-32px);
  }
}
@media (min-width: 783px) {
  .tgbl-interface .admin-bar .tgbl-interface-interface {
    --tgbl-spacing--modal-overlay-top: calc(
      var(--tgbl-size--spacing-xxs) + 32px
    );
  }
}
@media screen and (max-width: 782px) {
  .tgbl-interface .admin-bar .tgbl-interface-interface {
    --tgbl-spacing--modal-overlay-top: calc(
      var(--tgbl-size--spacing-xxs) + 46px
    );
  }
}
.tgbl-interface .tgbl-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tgbl-interface .tgbl-grid-container {
  container-name: tgblGrid;
  container-type: inline-size;
}
.tgbl-interface .tgbl-grid {
  display: grid;
  grid-template-columns: repeat(var(--tgbl-grid-cols), 1fr);
  grid-column-gap: var(--tgbl-grid-col-gap);
  grid-row-gap: var(--tgbl-grid-row-gap);
}
.tgbl-interface .tgbl-grid--density-5 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
}
.tgbl-interface .tgbl-grid--density-inline-5 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
}
.tgbl-interface .tgbl-grid--density-block-5 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
}
.tgbl-interface .tgbl-grid--density-10 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
}
.tgbl-interface .tgbl-grid--density-inline-10 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
}
.tgbl-interface .tgbl-grid--density-block-10 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
}
.tgbl-interface .tgbl-grid--density-15 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
}
.tgbl-interface .tgbl-grid--density-inline-15 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
}
.tgbl-interface .tgbl-grid--density-block-15 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
}
.tgbl-interface .tgbl-grid--density-20 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
}
.tgbl-interface .tgbl-grid--density-inline-20 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
}
.tgbl-interface .tgbl-grid--density-block-20 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
}
.tgbl-interface .tgbl-grid--density-25 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
}
.tgbl-interface .tgbl-grid--density-inline-25 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
}
.tgbl-interface .tgbl-grid--density-block-25 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
}
.tgbl-interface .tgbl-grid--density-30 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
}
.tgbl-interface .tgbl-grid--density-inline-30 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
}
.tgbl-interface .tgbl-grid--density-block-30 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
}
.tgbl-interface .tgbl-grid--density-35 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
}
.tgbl-interface .tgbl-grid--density-inline-35 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
}
.tgbl-interface .tgbl-grid--density-block-35 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
}
.tgbl-interface .tgbl-grid--density-40 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
}
.tgbl-interface .tgbl-grid--density-inline-40 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
}
.tgbl-interface .tgbl-grid--density-block-40 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
}
.tgbl-interface .tgbl-grid--density-45 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
}
.tgbl-interface .tgbl-grid--density-inline-45 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
}
.tgbl-interface .tgbl-grid--density-block-45 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
}
.tgbl-interface .tgbl-grid--density-50 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
}
.tgbl-interface .tgbl-grid--density-inline-50 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
}
.tgbl-interface .tgbl-grid--density-block-50 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
}
.tgbl-interface .tgbl-grid--density-55 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
}
.tgbl-interface .tgbl-grid--density-inline-55 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
}
.tgbl-interface .tgbl-grid--density-block-55 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
}
.tgbl-interface .tgbl-grid--density-60 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
}
.tgbl-interface .tgbl-grid--density-inline-60 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
}
.tgbl-interface .tgbl-grid--density-block-60 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
}
.tgbl-interface .tgbl-grid--density-65 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
}
.tgbl-interface .tgbl-grid--density-inline-65 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
}
.tgbl-interface .tgbl-grid--density-block-65 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
}
.tgbl-interface .tgbl-grid--density-70 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
}
.tgbl-interface .tgbl-grid--density-inline-70 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
}
.tgbl-interface .tgbl-grid--density-block-70 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
}
.tgbl-interface .tgbl-grid--density-75 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
}
.tgbl-interface .tgbl-grid--density-inline-75 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
}
.tgbl-interface .tgbl-grid--density-block-75 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
}
.tgbl-interface .tgbl-grid--density-80 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
}
.tgbl-interface .tgbl-grid--density-inline-80 {
  --tgbl-grid-col-gap: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
}
.tgbl-interface .tgbl-grid--density-block-80 {
  --tgbl-grid-row-gap: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
}
.tgbl-interface ul.tgbl-grid,
.tgbl-interface ul.tgbl-flex {
  list-style-type: none;
  padding: unset;
  margin: unset;
}
.tgbl-interface .tgbl-flex {
  display: flex;
  gap: var(--tgbl-flex-gap);
}
.tgbl-interface .tgbl-flex--density-5 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
}
.tgbl-interface .tgbl-flex--density-10 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
}
.tgbl-interface .tgbl-flex--density-15 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
}
.tgbl-interface .tgbl-flex--density-20 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
}
.tgbl-interface .tgbl-flex--density-25 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
}
.tgbl-interface .tgbl-flex--density-30 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
}
.tgbl-interface .tgbl-flex--density-35 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
}
.tgbl-interface .tgbl-flex--density-40 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
}
.tgbl-interface .tgbl-flex--density-45 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
}
.tgbl-interface .tgbl-flex--density-50 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
}
.tgbl-interface .tgbl-flex--density-55 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
}
.tgbl-interface .tgbl-flex--density-60 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
}
.tgbl-interface .tgbl-flex--density-65 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
}
.tgbl-interface .tgbl-flex--density-70 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
}
.tgbl-interface .tgbl-flex--density-75 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
}
.tgbl-interface .tgbl-flex--density-80 {
  --tgbl-flex-gap: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
}
.tgbl-interface .tgbl-flex--column {
  flex-direction: column;
}
.tgbl-interface .tgbl-flex--column > * {
  min-height: 1px;
}
.tgbl-interface .tgbl-flex--wrap {
  flex-wrap: wrap;
}
.tgbl-interface .tgbl-flex > * {
  min-width: 1px;
}
.tgbl-interface .tgbl-table {
  --tgbl-color--table-background-alt: var(
    --tgbl-background-subdued
  );
  --tgbl-color--table-rule: var(--tgbl-border-subdued);
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.tgbl-interface .tgbl-table--density-5 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
}
.tgbl-interface .tgbl-table--density-block-5 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
}
.tgbl-interface .tgbl-table--density-inline-5 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-5
  );
}
.tgbl-interface .tgbl-table--density-10 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
}
.tgbl-interface .tgbl-table--density-block-10 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
}
.tgbl-interface .tgbl-table--density-inline-10 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-10
  );
}
.tgbl-interface .tgbl-table--density-15 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
}
.tgbl-interface .tgbl-table--density-block-15 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
}
.tgbl-interface .tgbl-table--density-inline-15 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-15
  );
}
.tgbl-interface .tgbl-table--density-20 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
}
.tgbl-interface .tgbl-table--density-block-20 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
}
.tgbl-interface .tgbl-table--density-inline-20 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-20
  );
}
.tgbl-interface .tgbl-table--density-25 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
}
.tgbl-interface .tgbl-table--density-block-25 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
}
.tgbl-interface .tgbl-table--density-inline-25 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-25
  );
}
.tgbl-interface .tgbl-table--density-30 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
}
.tgbl-interface .tgbl-table--density-block-30 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
}
.tgbl-interface .tgbl-table--density-inline-30 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-30
  );
}
.tgbl-interface .tgbl-table--density-35 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
}
.tgbl-interface .tgbl-table--density-block-35 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
}
.tgbl-interface .tgbl-table--density-inline-35 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-35
  );
}
.tgbl-interface .tgbl-table--density-40 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
}
.tgbl-interface .tgbl-table--density-block-40 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
}
.tgbl-interface .tgbl-table--density-inline-40 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-40
  );
}
.tgbl-interface .tgbl-table--density-45 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
}
.tgbl-interface .tgbl-table--density-block-45 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
}
.tgbl-interface .tgbl-table--density-inline-45 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-45
  );
}
.tgbl-interface .tgbl-table--density-50 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
}
.tgbl-interface .tgbl-table--density-block-50 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
}
.tgbl-interface .tgbl-table--density-inline-50 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-50
  );
}
.tgbl-interface .tgbl-table--density-55 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
}
.tgbl-interface .tgbl-table--density-block-55 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
}
.tgbl-interface .tgbl-table--density-inline-55 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-55
  );
}
.tgbl-interface .tgbl-table--density-60 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
}
.tgbl-interface .tgbl-table--density-block-60 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
}
.tgbl-interface .tgbl-table--density-inline-60 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-60
  );
}
.tgbl-interface .tgbl-table--density-65 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
}
.tgbl-interface .tgbl-table--density-block-65 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
}
.tgbl-interface .tgbl-table--density-inline-65 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-65
  );
}
.tgbl-interface .tgbl-table--density-70 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
}
.tgbl-interface .tgbl-table--density-block-70 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
}
.tgbl-interface .tgbl-table--density-inline-70 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-70
  );
}
.tgbl-interface .tgbl-table--density-75 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
}
.tgbl-interface .tgbl-table--density-block-75 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
}
.tgbl-interface .tgbl-table--density-inline-75 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-75
  );
}
.tgbl-interface .tgbl-table--density-80 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
}
.tgbl-interface .tgbl-table--density-block-80 {
  --tgbl-spacing--table-cell-block: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
}
.tgbl-interface .tgbl-table--density-inline-80 {
  --tgbl-spacing--table-cell-inline: var(
    --tgbl-spacing-primitives-grid-unit-80
  );
}
.tgbl-interface .tgbl-table__head, .tgbl-interface .tgbl-table__foot {
  background-color: var(--tgbl-color--table-background-alt);
}
.tgbl-interface .tgbl-table__head .tgbl-table__cell:last-child, .tgbl-interface .tgbl-table__foot .tgbl-table__cell:last-child {
  text-align: right;
}
.tgbl-interface .tgbl-table__row:not(:last-child) {
  border-bottom: 1px solid var(--tgbl-color--table-rule);
}
.tgbl-interface .tgbl-table__cell {
  padding-inline: var(--tgbl-spacing--table-cell-inline);
  padding-block: var(--tgbl-spacing--table-cell-block);
  text-align: left;
}
.tgbl-interface .tgbl-table__cell:has([data-tgbl-table-sort]) {
  padding-block: 0;
  padding-inline: 0;
}
.tgbl-interface .tgbl-table__cell [data-tgbl-table-sort] {
  padding-inline-start: var(--tgbl-spacing--table-cell-inline);
  padding-inline-end: calc(var(--tgbl-spacing--table-cell-inline) + 1em);
  padding-block: var(--tgbl-spacing--table-cell-block);
  text-align: inherit;
  font-size: inherit;
  font-weight: inherit;
  background: none;
  border: 0;
  line-height: inherit;
  color: inherit;
  position: relative;
  max-width: 100%;
  word-wrap: break-word;
  cursor: pointer;
}
.tgbl-interface .tgbl-table__cell [data-tgbl-table-sort]::before {
  content: "⯅";
  position: absolute;
  right: var(--tgbl-spacing--table-cell-inline);
  bottom: 50%;
  line-height: 0.6;
  font-size: 0.8em;
  color: var(--tgbl-color--button-disabled-icon);
}
.tgbl-interface .tgbl-table__cell [data-tgbl-table-sort]::after {
  content: "⯆";
  position: absolute;
  right: var(--tgbl-spacing--table-cell-inline);
  top: 50%;
  line-height: 0.6;
  font-size: 0.8em;
  color: var(--tgbl-foreground-subdued);
}
.tgbl-interface .tgbl-table__cell [data-tgbl-table-sort=asc]::before {
  color: var(--tgbl-accent-normal);
}
.tgbl-interface .tgbl-table__cell [data-tgbl-table-sort=desc]::after {
  color: var(--tgbl-accent-normal);
}
.tgbl-interface .tgbl-datalist {
  font-size: var(--tgbl-size--datalist-text);
}
.tgbl-interface .tgbl-datalist__item {
  display: inline-flex;
  flex-direction: column;
}
.tgbl-interface .tgbl-datalist__item__value {
  font-size: 1.5em;
  line-height: 1.2;
  color: var(--tgbl-color--datalist-value);
}
.tgbl-interface .tgbl-datalist__item__label {
  color: var(--tgbl-color--datalist-label);
  text-transform: uppercase;
}
.tgbl-interface button {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.4;
}
.tgbl-interface .tgbl-button {
  --tgbl-spacing--button-inline: 1.2em;
  --tgbl-spacing--button-block: 0.75em;
  --tgbl-color--button-background: var(
    --tgbl-color--button-enabled-fill
  );
  --tgbl-color--button-background-hovered: var(
    --tgbl-color--button-hovered-fill
  );
  --tgbl-color--button-background-focused: var(
    --tgbl-color--button-focused-fill
  );
  --tgbl-color--button-background-disabled: var(
    --tgbl-color--button-disabled-fill
  );
  --tgbl-color--button-text: var(--tgbl-color--button-enabled-text);
  --tgbl-color--button-text-hovered: var(
    --tgbl-color--button-hovered-text
  );
  --tgbl-color--button-text-focused: var(
    --tgbl-color--button-focused-text
  );
  --tgbl-color--button-text-disabled: var(
    --tgbl-color--button-disabled-text
  );
  --tgbl-color--button-border: var(
    --tgbl-color--button-enabled-border
  );
  --tgbl-color--button-border-hovered: var(
    --tgbl-color--button-hovered-border
  );
  --tgbl-color--button-border-focused: var(
    --tgbl-color--button-focused-border
  );
  --tgbl-color--button-border-outer-focused: var(
    --tgbl-color--button-focused-border-outer
  );
  --tgbl-color--button-border-disabled: var(
    --tgbl-color--button-disabled-border
  );
  background-color: var(--tgbl-color--button-background);
  color: var(--tgbl-color--button-text);
  border: var(--tgbl-size--button-border) solid var(--tgbl-color--button-border);
  display: inline-flex;
  text-align: center;
  justify-content: center;
  padding-inline: var(--tgbl-spacing--button-inline);
  padding-block: var(--tgbl-spacing--button-block);
  gap: var(--tgbl-spacing-primitives-grid-unit-15);
  align-items: center;
  border-radius: var(--tgbl-radius--button);
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  cursor: pointer;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-property: border-color, color, background-color;
}
.tgbl-interface .tgbl-button:has(.tgbl-icon:only-child), .tgbl-interface .tgbl-button:has(.tgbl-icon):has(.tgbl-visually-hidden) {
  padding-inline: var(--tgbl-spacing--button-block);
}
.tgbl-interface .tgbl-button .tgbl-icon {
  font-size: 1.4em;
}
.tgbl-interface .tgbl-button:hover {
  background-color: var(--tgbl-color--button-background-hovered);
  color: var(--tgbl-color--button-text-hovered);
  border-color: var(--tgbl-color--button-border-hovered);
}
.tgbl-interface .tgbl-button:focus {
  outline: 1px solid transparent;
  background-color: var(--tgbl-color--button-background-focused);
  color: var(--tgbl-color--button-text-focused);
  border-color: var(--tgbl-color--button-border-focused);
  box-shadow: 0 0 0 1px var(--tgbl-color--button-border-outer-focused);
}
.tgbl-interface .tgbl-button[disabled], .tgbl-interface .tgbl-button.disabled {
  background-color: var(--tgbl-color--button-background-disabled);
  color: var(--tgbl-color--button-text-disabled);
  border-color: var(--tgbl-color--button-border-disabled);
  cursor: not-allowed;
}
.tgbl-interface .tgbl-button--size-sm {
  font-size: var(--tgbl-size--text-xs, var(--tgbl-fz-14px));
}
.tgbl-interface .tgbl-button--size-xs {
  font-size: var(--tgbl-size--text-xxs, var(--tgbl-fz-12px));
}
.tgbl-interface .tgbl-button--style-rounded {
  border-radius: var(--tgbl-radius--button-rounded);
}
.tgbl-interface .tgbl-button--theme-primary {
  --tgbl-color--button-background: var(
    --tgbl-color--button-primary-enabled-fill
  );
  --tgbl-color--button-background-hovered: var(
    --tgbl-color--button-primary-hovered-fill
  );
  --tgbl-color--button-background-focused: var(
    --tgbl-color--button-primary-focused-fill
  );
  --tgbl-color--button-background-disabled: var(
    --tgbl-color--button-primary-disabled-fill
  );
  --tgbl-color--button-text: var(
    --tgbl-color--button-primary-enabled-text
  );
  --tgbl-color--button-text-hovered: var(
    --tgbl-color--button-primary-hovered-text
  );
  --tgbl-color--button-text-focused: var(
    --tgbl-color--button-primary-focused-text
  );
  --tgbl-color--button-text-disabled: var(
    --tgbl-color--button-primary-disabled-text
  );
  --tgbl-color--button-border: var(
    --tgbl-color--button-primary-enabled-fill
  );
  --tgbl-color--button-border-hovered: var(
    --tgbl-color--button-primary-hovered-fill
  );
  --tgbl-color--button-border-focused: var(
    --tgbl-color--button-primary-focused-border
  );
  --tgbl-color--button-border-outer-focused: var(
    --tgbl-color--button-primary-focused-border-outer
  );
  --tgbl-color--button-border-disabled: var(
    --tgbl-color--button-primary-disabled-fill
  );
}
.tgbl-interface .tgbl-button--theme-secondary {
  --tgbl-color--button-background: var(
    --tgbl-color--button-secondary-enabled-fill
  );
  --tgbl-color--button-background-hovered: var(
    --tgbl-color--button-secondary-hovered-fill
  );
  --tgbl-color--button-background-focused: var(
    --tgbl-color--button-secondary-focused-fill
  );
  --tgbl-color--button-background-disabled: var(
    --tgbl-color--button-secondary-disabled-fill
  );
  --tgbl-color--button-text: var(
    --tgbl-color--button-secondary-enabled-text
  );
  --tgbl-color--button-text-hovered: var(
    --tgbl-color--button-secondary-hovered-text
  );
  --tgbl-color--button-text-focused: var(
    --tgbl-color--button-secondary-focused-text
  );
  --tgbl-color--button-text-disabled: var(
    --tgbl-color--button-secondary-disabled-text
  );
  --tgbl-color--button-border: var(
    --tgbl-color--button-secondary-enabled-border
  );
  --tgbl-color--button-border-hovered: var(
    --tgbl-color--button-secondary-hovered-border
  );
  --tgbl-color--button-border-focused: var(
    --tgbl-color--button-secondary-focused-border
  );
  --tgbl-color--button-border-outer-focused: var(
    --tgbl-color--button-secondary-focused-border-outer
  );
  --tgbl-color--button-border-disabled: var(
    --tgbl-color--button-secondary-disabled-border
  );
}
.tgbl-interface .tgbl-button--theme-destructive {
  --tgbl-color--button-background: var(
    --tgbl-color--button-destructive-enabled-fill
  );
  --tgbl-color--button-background-hovered: var(
    --tgbl-color--button-destructive-hovered-fill
  );
  --tgbl-color--button-background-focused: var(
    --tgbl-color--button-destructive-focused-fill
  );
  --tgbl-color--button-background-disabled: var(
    --tgbl-color--button-destructive-disabled-fill
  );
  --tgbl-color--button-text: var(
    --tgbl-color--button-destructive-enabled-text
  );
  --tgbl-color--button-text-hovered: var(
    --tgbl-color--button-destructive-hovered-text
  );
  --tgbl-color--button-text-focused: var(
    --tgbl-color--button-destructive-focused-text
  );
  --tgbl-color--button-text-disabled: var(
    --tgbl-color--button-destructive-disabled-text
  );
  --tgbl-color--button-border: var(
    --tgbl-color--button-destructive-enabled-border
  );
  --tgbl-color--button-border-hovered: var(
    --tgbl-color--button-destructive-hovered-border
  );
  --tgbl-color--button-border-focused: var(
    --tgbl-color--button-destructive-focused-border
  );
  --tgbl-color--button-border-outer-focused: var(
    --tgbl-color--button-destructive-focused-border-outer
  );
  --tgbl-color--button-border-disabled: var(
    --tgbl-color--button-destructive-disabled-border
  );
}
.tgbl-interface .tgbl-button--theme-warning {
  --tgbl-color--button-background: var(
    --tgbl-color--button-warning-enabled-fill
  );
  --tgbl-color--button-background-hovered: var(
    --tgbl-color--button-warning-hovered-fill
  );
  --tgbl-color--button-background-focused: var(
    --tgbl-color--button-warning-focused-fill
  );
  --tgbl-color--button-background-disabled: var(
    --tgbl-color--button-warning-disabled-fill
  );
  --tgbl-color--button-text: var(
    --tgbl-color--button-warning-enabled-text
  );
  --tgbl-color--button-text-hovered: var(
    --tgbl-color--button-warning-hovered-text
  );
  --tgbl-color--button-text-focused: var(
    --tgbl-color--button-warning-focused-text
  );
  --tgbl-color--button-text-disabled: var(
    --tgbl-color--button-warning-disabled-text
  );
  --tgbl-color--button-border: var(
    --tgbl-color--button-warning-enabled-border
  );
  --tgbl-color--button-border-hovered: var(
    --tgbl-color--button-warning-hovered-border
  );
  --tgbl-color--button-border-focused: var(
    --tgbl-color--button-warning-focused-border
  );
  --tgbl-color--button-border-outer-focused: var(
    --tgbl-color--button-warning-focused-border-outer
  );
  --tgbl-color--button-border-disabled: var(
    --tgbl-color--button-warning-disabled-border
  );
}
.tgbl-interface .tgbl-button__spinner {
  display: inline-block;
  box-sizing: border-box;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.25rem solid lightblue;
  border-right-color: cornflowerblue;
  animation: spin 1s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tgbl-interface .tgbl-chip {
  display: inline-flex;
  gap: var(--tgbl-spacing--chip-gap);
  vertical-align: middle;
  align-items: center;
  line-height: 1;
  font-size: var(--tgbl-size--chip-text);
  border-width: var(--tgbl-size--chip-border, 0);
  border-style: solid;
  border-color: var(--tgbl-color--chip-border);
  border-radius: var(--tgbl-radius--chip);
  background: var(--tgbl-color--chip-background);
  color: var(--tgbl-color--chip-text);
  padding-top: var(--tgbl-spacing--chip-top);
  padding-right: var(--tgbl-spacing--chip-right);
  padding-bottom: var(--tgbl-spacing--chip-bottom);
  padding-left: var(--tgbl-spacing--chip-left);
  min-height: var(--tgbl-size--chip-min-height);
}
.tgbl-interface .tgbl-chip:has(.tgbl-icon) {
  padding-left: var(--tgbl-spacing-primitives-grid-unit-5);
}
.tgbl-interface .tgbl-chip .tgbl-icon {
  font-size: 1.67em;
}
.tgbl-interface .tgbl-chip--success {
  color: var(--tgbl-foreground-inverted);
  background-color: var(--tgbl-green-400);
}
.tgbl-interface .tgbl-chip--warning {
  color: var(--tgbl-foreground-inverted);
  background-color: var(--tgbl-yellow-300);
}
.tgbl-interface .tgbl-card {
  border-width: var(--tgbl-size--card-border, 0);
  border-style: solid;
  border-color: var(--tgbl-color--card-border);
  border-radius: var(--tgbl-radius--card);
  background: var(--tgbl-color--card-background);
  color: var(--tgbl-color--card-text);
}
.tgbl-interface .tgbl-card--is-elevated {
  box-shadow: var(--tgbl-box-shadow--card);
}
.tgbl-interface .tgbl-card--flow-column, .tgbl-interface .tgbl-card--flow-row {
  padding-block-start: var(--tgbl-spacing--card-top);
  padding-inline-start: var(--tgbl-spacing--card-right);
  padding-block-end: var(--tgbl-spacing--card-bottom);
  padding-inline-end: var(--tgbl-spacing--card-left);
  gap: var(--tgbl-spacing--card-gap, 0);
  display: flex;
  flex-wrap: wrap;
}
.tgbl-interface .tgbl-card--flow-column:has(.tgbl-card__header), .tgbl-interface .tgbl-card--flow-row:has(.tgbl-card__header) {
  padding-block-start: 0;
}
.tgbl-interface .tgbl-card--flow-column .tgbl-card__header, .tgbl-interface .tgbl-card--flow-row .tgbl-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tgbl-spacing-primitives-grid-unit-15);
  padding-block: var(--tgbl-spacing--card-top);
  margin-block-end: var(--tgbl-spacing--card-top);
  border-width: 0;
  border-bottom-width: var(--tgbl-size--separator-border, 1px);
  border-style: solid;
  border-color: var(--tgbl-color--card-border);
}
.tgbl-interface .tgbl-card--flow-column .tgbl-card__content, .tgbl-interface .tgbl-card--flow-row .tgbl-card__content {
  flex: 1 1 auto;
}
.tgbl-interface .tgbl-card--flow-column .tgbl-card__content.tgbl-flex--column .tgbl-button, .tgbl-interface .tgbl-card--flow-row .tgbl-card__content.tgbl-flex--column .tgbl-button {
  margin-top: auto;
}
.tgbl-interface .tgbl-card--flow-column {
  flex-direction: column;
}
.tgbl-interface input[type=text],
.tgbl-interface input[type=search],
.tgbl-interface input[type=date],
.tgbl-interface input[type=time],
.tgbl-interface input[type=datetime-local],
.tgbl-interface select,
.tgbl-interface .tf-combo-box-text {
  font-size: 13px;
  font-family: inherit;
  --tgbl-input--border: var(--tgbl-text-field-resting-border);
  --tgbl-input--background: var(--tgbl-text-field-resting-fill);
  --tgbl-input--text: var(--tgbl-text-field-resting-text);
  --tgbl-input--placeholder: var(
    --tgbl-text-field-resting-placeholder
  );
  box-sizing: content-box;
  border: 1px solid var(--tgbl-input--border);
  border-radius: var(--tgbl-radius--input);
  background-color: var(--tgbl-input--background);
  height: calc(var(--tgbl-spacing-primitives-grid-unit-50) - 2px);
  padding-inline: var(--tgbl-spacing-primitives-grid-unit-15);
  padding-block: 0;
  min-width: 1px;
}
.tgbl-interface input[type=text]::-moz-placeholder, .tgbl-interface input[type=search]::-moz-placeholder, .tgbl-interface input[type=date]::-moz-placeholder, .tgbl-interface input[type=time]::-moz-placeholder, .tgbl-interface input[type=datetime-local]::-moz-placeholder, .tgbl-interface select::-moz-placeholder, .tgbl-interface .tf-combo-box-text::-moz-placeholder {
  color: var(--tgbl-input--placeholder);
}
.tgbl-interface input[type=text]::placeholder,
.tgbl-interface input[type=search]::placeholder,
.tgbl-interface input[type=date]::placeholder,
.tgbl-interface input[type=time]::placeholder,
.tgbl-interface input[type=datetime-local]::placeholder,
.tgbl-interface select::placeholder,
.tgbl-interface .tf-combo-box-text::placeholder {
  color: var(--tgbl-input--placeholder);
}
.tgbl-interface input[type=text]:focus, .tgbl-interface input[type=text]:focus-within,
.tgbl-interface input[type=search]:focus,
.tgbl-interface input[type=search]:focus-within,
.tgbl-interface input[type=date]:focus,
.tgbl-interface input[type=date]:focus-within,
.tgbl-interface input[type=time]:focus,
.tgbl-interface input[type=time]:focus-within,
.tgbl-interface input[type=datetime-local]:focus,
.tgbl-interface input[type=datetime-local]:focus-within,
.tgbl-interface select:focus,
.tgbl-interface select:focus-within,
.tgbl-interface .tf-combo-box-text:focus,
.tgbl-interface .tf-combo-box-text:focus-within {
  outline: 1px solid transparent;
  --tgbl-input--border: var(--tgbl-text-field-focused-border);
  --tgbl-input--background: var(--tgbl-text-field-focused-fill);
  --tgbl-input--text: var(--tgbl-text-field-focused-text);
  --tgbl-input--placeholder: var(
    --tgbl-text-field-focused-placeholder
  );
}
.tgbl-interface input[type=text][disabled],
.tgbl-interface input[type=search][disabled],
.tgbl-interface input[type=date][disabled],
.tgbl-interface input[type=time][disabled],
.tgbl-interface input[type=datetime-local][disabled],
.tgbl-interface select[disabled],
.tgbl-interface .tf-combo-box-text[disabled] {
  --tgbl-input--border: var(--tgbl-text-field-disabled-border);
  --tgbl-input--background: var(--tgbl-text-field-disabled-fill);
  --tgbl-input--text: var(--tgbl-text-field-disabled-text);
  --tgbl-input--placeholder: var(
    --tgbl-text-field-disabled-placeholder
  );
}
.tgbl-interface input[type=text]:invalid,
.tgbl-interface input[type=search]:invalid,
.tgbl-interface input[type=date]:invalid,
.tgbl-interface input[type=time]:invalid,
.tgbl-interface input[type=datetime-local]:invalid,
.tgbl-interface select:invalid,
.tgbl-interface .tf-combo-box-text:invalid {
  --tgbl-input--border: var(--tgbl-text-field-invalid-border);
  --tgbl-input--background: var(--tgbl-text-field-invalid-fill);
  --tgbl-input--text: var(--tgbl-text-field-invalid-text);
  --tgbl-input--placeholder: var(
    --tgbl-text-field-invalid-placeholder
  );
}
.tgbl-interface .tf-combo-box-text {
  font-size: 13px;
  --tgbl-input--border: var(--tgbl-select-field-resting-border);
  --tgbl-input--background: var(--tgbl-select-field-resting-fill);
  --tgbl-input--text: var(--tgbl-select-field-resting-text);
  --tgbl-input--placeholder: var(
    --tgbl-select-field-resting-placeholder
  );
  box-sizing: content-box;
  border: 1px solid var(--tgbl-input--border);
  border-radius: var(--tgbl-radius--input);
  background-color: var(--tgbl-input--background);
  height: calc(var(--tgbl-spacing-primitives-grid-unit-50) - 2px);
}
.tgbl-interface .tf-combo-box-text::-moz-placeholder {
  color: var(--tgbl-input--placeholder);
}
.tgbl-interface .tf-combo-box-text::placeholder {
  color: var(--tgbl-input--placeholder);
}
.tgbl-interface .tf-combo-box-text:focus, .tgbl-interface .tf-combo-box-text:focus-within {
  outline: 1px solid transparent;
  --tgbl-input--border: var(--tgbl-select-field-focused-border);
  --tgbl-input--background: var(
    --tgbl-select-field-focused-background
  );
  --tgbl-input--text: var(--tgbl-select-field-focused-text);
  --tgbl-input--placeholder: var(
    --tgbl-select-field-focused-placeholder
  );
}
.tgbl-interface .tf-combo-box-text[disabled] {
  --tgbl-input-border: var(--tgbl-select-field-disabled-border);
  --tgbl-input-background: var(
    --tgbl-select-field-disabled-background
  );
  --tgbl-input-text: var(--tgbl-select-field-disabled-text);
  --tgbl-input-placeholder: var(
    --tgbl-select-field-disabled-placeholder
  );
}
.tgbl-interface .tf-combo-box-text:invalid {
  --tgbl-input--border: var(--tgbl-select-field-invalid-border);
  --tgbl-input--background: var(
    --tgbl-select-field-invalid-background
  );
  --tgbl-input--text: var(--tgbl-select-field-invalid-text);
  --tgbl-input--placeholder: var(
    --tgbl-select-field-invalid-placeholder
  );
}
.tgbl-interface .tf-combo-box-text {
  padding-inline: 0;
  display: flex;
}
.tgbl-interface .tf-combo-box-text input[type=text] {
  border: 0;
  flex: 1 1 auto;
}
.tgbl-interface .tf-combo-box-text .tf-button-action {
  margin-left: auto;
}
.tgbl-interface [aria-label][role~=tooltip] {
  position: relative;
}
.tgbl-interface [aria-label][role~=tooltip]::after {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--tgbl-tooltip-transition-duration, 0.18s) var(--tgbl-tooltip-transition-easing, ease-in-out) var(--tgbl-tooltip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}
.tgbl-interface [aria-label][role~=tooltip]::after {
  background: var(--tgbl-tooltip-fill);
  border-radius: var(--tgbl-radius--tooltip);
  color: var(--tgbl-tooltip-text);
  content: attr(aria-label);
  font-size: var(--tgbl-tooltip-font-size, 12px);
  font-weight: var(--tgbl-tooltip-font-weight, normal);
  text-transform: var(--tgbl-tooltip-text-transform, none);
  padding: 0.5em;
  white-space: nowrap;
  box-sizing: content-box;
}
.tgbl-interface [aria-label][role~=tooltip]:hover::after,
.tgbl-interface [aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position|=top]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top]:focus::after {
  transform: translate3d(-50%, -5px, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top-left]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top-left]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top-left]:focus::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top-right]::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
  bottom: 100%;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top-right]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=top-right]:focus::after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position|=bottom]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom]:focus::after {
  transform: translate3d(-50%, 0, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom-left]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom-left]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom-left]:focus::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom-right]::after {
  transform: translate3d(calc(0% - 16px), -10px, 0);
  top: 100%;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom-right]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=bottom-right]:focus::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=left]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=left]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=left]:focus::after {
  transform: translate3d(0, -50%, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=right]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=right]:hover::after,
.tgbl-interface [role~=tooltip][data-tgbl-microtip-position=right]:focus::after {
  transform: translate3d(0, -50%, 0);
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-size=small]::after {
  white-space: initial;
  width: 80px;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-size=medium]::after {
  white-space: initial;
  width: 150px;
}
.tgbl-interface [role~=tooltip][data-tgbl-microtip-size=large]::after {
  white-space: initial;
  width: 260px;
}
.tgbl-interface .tgbl-modal {
  display: none;
}
.tgbl-interface .tgbl-modal[aria-hidden=false] {
  display: block;
}
.tgbl-interface .tgbl-modal__overlay {
  position: fixed;
  z-index: 99;
  inset: 0;
  background: var(--tgbl-color--modal-overlay, rgba(0, 0, 0, 0.6));
  padding-inline: var(--tgbl-spacing--modal-overlay-inline, var(--tgbl-size--spacing-xxs));
  padding-block: var(--tgbl-spacing--modal-overlay-block, var(--tgbl-size--spacing-xxs));
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tgbl-interface .tgbl-modal__container {
  min-height: 250px;
  overflow-y: auto;
  flex: 0 1 var(--tgbl-size--modal-container-block, auto);
  background-color: var(--tgbl-color--modal-container-background);
  padding-block-start: var(--tgbl-spacing--modal-container-top);
  padding-inline-start: var(--tgbl-spacing--modal-container-right);
  padding-block-end: var(--tgbl-spacing--modal-container-bottom);
  padding-inline-end: var(--tgbl-spacing--modal-container-left);
  width: 100%;
  max-width: var(--tgbl-size--modal-container-inline, 500px);
  max-height: 90vh;
  border-radius: var(--tgbl-radius--modal-container);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.tgbl-interface .tgbl-modal:has(.tgbl-modal__header) .tgbl-modal__container {
  padding-block-start: 0;
}
.tgbl-interface .tgbl-modal__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tgbl-spacing-primitives-grid-unit-15);
  justify-content: space-between;
  align-items: center;
  padding-block: var(--tgbl-spacing--modal-container-top);
  margin-block-end: var(--tgbl-spacing--modal-container-top);
  border-width: 0;
  border-bottom-width: var(--tgbl-size--separator-border, 1px);
  border-style: solid;
  border-color: var(--tgbl-color--modal-container-border);
}
.tgbl-interface .tgbl-modal__title {
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
}
.tgbl-interface .tgbl-modal__close {
  --tgbl-color--button-background: transparent;
  --tgbl-color--button-border: transparent;
  --tgbl-spacing--button-block: 0.25em;
}
.tgbl-interface .tgbl-modal__content {
  overflow-y: auto;
  max-height: 100%;
  flex: 1 1 auto;
}
.tgbl-interface .tgbl-modal[data-tgbl-micromodal-animation=slide] .tgbl-modal__overlay,
.tgbl-interface .tgbl-modal[data-tgbl-micromodal-animation=slide] .tgbl-modal__container {
  will-change: transform;
}
.tgbl-interface .tgbl-modal[data-tgbl-micromodal-animation=slide][aria-hidden=false] .tgbl-modal__overlay {
  animation: tgblfadeIn var(--tgbl-duration--modal-animation-in, 0.3s) var(--tgbl-timing-function--modal-animation-in, cubic-bezier(0, 0, 0.2, 1));
}
.tgbl-interface .tgbl-modal[data-tgbl-micromodal-animation=slide][aria-hidden=false] .tgbl-modal__container {
  animation: tgblslideIn var(--tgbl-duration--modal-animation-in, 0.3s) var(--tgbl-timing-function--modal-animation-in, cubic-bezier(0, 0, 0.2, 1));
}
.tgbl-interface .tgbl-modal[data-tgbl-micromodal-animation=slide][aria-hidden=true] .tgbl-modal__overlay {
  animation: tgblfadeOut var(--tgbl-duration--modal-animation-out, 0.3s) var(--tgbl-timing-function--modal-animation-out, cubic-bezier(0, 0, 0.2, 1));
}
.tgbl-interface .tgbl-modal[data-tgbl-micromodal-animation=slide][aria-hidden=true] .tgbl-modal__container {
  animation: tgblSlideOut var(--tgbl-duration--modal-animation-out, 0.3s) var(--tgbl-timing-function--modal-animation-out, cubic-bezier(0, 0, 0.2, 1));
}
.tgbl-interface .tgbl-modal--confirmation-box .tgbl-modal__overlay {
  flex-direction: row;
}
.tgbl-interface .tgbl-modal__actions {
  padding-top: var(--tgbl-spacing-primitives-grid-unit-20);
  display: flex;
  flex-direction: row-reverse;
  gap: var(--tgbl-spacing-primitives-grid-unit-15);
}
.tgbl-interface .tgbl-modal__actions .tgbl-button__spinner {
  margin-left: var(--tgbl-spacing-primitives-grid-unit-10);
}
@keyframes tgblfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tgblfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes tgblslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes tgblslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}

.tangible-time-tracker-settings .tablenav .tf-multiple-combobox, .tangible-time-tracker-settings .tablenav .tf-date-group {
  border: 1px solid #949494;
  border-radius: 2px;
  height: 32px;
  color: #1E1E1E;
  background: #FFFFFF;
}
.tangible-time-tracker-settings .tablenav .tf-multiple-combobox .tf-button, .tangible-time-tracker-settings .tablenav .tf-date-group .tf-button {
  height: 24px;
  padding: 0 6px;
  margin: 4px;
}
.tangible-time-tracker-settings .tablenav .tf-date-field, .tangible-time-tracker-settings .tablenav .tf-multiple-combobox-values {
  border: none;
  width: auto;
}
.tangible-time-tracker-settings .tablenav .tf-date-field .tf-combo-box-item, .tangible-time-tracker-settings .tablenav .tf-multiple-combobox-values .tf-combo-box-item {
  padding: 0;
}
.tangible-time-tracker-settings .tablenav .tf-date-field .tf-combo-box-item .tf-button, .tangible-time-tracker-settings .tablenav .tf-multiple-combobox-values .tf-combo-box-item .tf-button {
  margin: 0;
  pagging: 2px;
  height: auto;
}
.tangible-time-tracker-settings .tablenav .tf-date-segment {
  padding: 0 1px;
}
.tangible-time-tracker-settings .tablenav .tgbl-timer-filter {
  min-height: 34px;
}
.tangible-time-tracker-settings .tgbl-tablenav-wrapper {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.tangible_time_tracker-settings .plugin-title-and-logo,
.tangible_time_tracker-settings img.plugin-logo,
.tangible_time_tracker-settings img.plugin-logo-full {
  display: inline-block;
  margin-right: 5px;
}

.tangible_time_tracker-settings .plugin-title-and-logo {
  padding-bottom: 5px;
}

.tangible_time_tracker-settings img.plugin-logo {
  width: 35px;
  margin-bottom: -10px;
}

.tangible_time_tracker-settings img.plugin-logo-full {
  width: 180px;
  margin-bottom: -9px;
}

.tangible_time_tracker-settings .plugin-title h1 {
  font-size: 16px;
}

.tangible_time_tracker-settings-tab .submit {
  margin: 0;
  padding: 0;
}

.tangible_time_tracker-settings input[type=checkbox] {
  border-radius: 0;
}

.tangible_time_tracker-settings .tangible-plugin-settings-section-wrapper {
  padding-top: 15px;
}

.tangible_time_tracker-settings .tangible-plugin-settings-title-section {
  background: #fff;
  padding: 0.2rem 1rem 0.2rem 1rem;
  margin-bottom: 15px;
  border: 1px solid #c3c4c7;
}

.tangible_time_tracker-settings .nav-tab-wrapper {
  padding-top: 4px !important;
  padding-left: 0px !important;
}

.tangible_time_tracker-settings .nav-tab-wrapper .nav-tab:hover {
  border-bottom: 4px solid var(--tt-admin-accent-alt);
}

.tangible_time_tracker-settings-tab {
  padding: 1.5rem 1rem;
  background: #fff;
  border: 1px solid #c3c4c7;
}

.tangible_time_tracker-settings-tab h3 {
  margin: 0 !important;
}

.tangible_time_tracker-settings-tab-tools {
  display: none;
}

.tangible_time_tracker-settings-tab-settings > .setting-row td:first-child,
.tangible_time_tracker-settings-tab-settings td:first-child {
  width: 29rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row table,
.tangible_time_tracker-settings-tab-settings table {
  border-spacing: 0 1.25rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row tbody tr td:empty,
.tangible_time_tracker-settings-tab-settings tbody tr td:empty {
  display: none;
}
.tangible_time_tracker-settings-tab-settings > .setting-row tbody tr:has(td:empty),
.tangible_time_tracker-settings-tab-settings tbody tr:has(td:empty) {
  display: none;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-title,
.tangible_time_tracker-settings-tab-settings .ttt-settings-title {
  font-weight: 700 !important;
  display: flex;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-title.ttt-settings-description,
.tangible_time_tracker-settings-tab-settings .ttt-settings-title.ttt-settings-description {
  display: block;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-title p,
.tangible_time_tracker-settings-tab-settings .ttt-settings-title p {
  font-weight: normal;
  font-size: 12px;
  margin: 0;
  color: #7d8690;
  width: 80%;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-label.tf-no-parent,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-label.tf-no-parent {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-label.tf-no-parent.tf-fchild,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-label.tf-no-parent.tf-fchild {
  margin-top: 0;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-switch,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-switch {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 0.75rem;
  align-items: center;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-switch .tf-label,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-switch .tf-label {
  margin-bottom: 0;
  font-weight: normal;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-switch .tf-switch-element,
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-switch .tf-switch-element-selected,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-switch .tf-switch-element,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-switch .tf-switch-element-selected {
  height: 1.5rem;
  width: 3.5rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-switch .tf-switch-element span:before,
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-switch .tf-switch-element-selected span:before,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-switch .tf-switch-element span:before,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-switch .tf-switch-element-selected span:before {
  height: 1rem;
  width: 1rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tf-switch .tf-switch-element-selected span:before,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tf-switch .tf-switch-element-selected span:before {
  transform: translateX(2rem);
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group {
  display: flex;
  margin-top: 1rem;
  gap: 0.25rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item {
  align-content: center;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix {
  width: 5rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix .tf-dynamic-text-input__affix--suffix,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix .tf-dynamic-text-input__affix--suffix {
  min-width: 0.8rem;
  color: #3858e9;
  border: none;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item .tf-select,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-wrapper .tf-field-group .tf-field-group-item .tf-select {
  min-width: 10rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-wrapper.tf-max-time-label .tf-field-group,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-wrapper.tf-max-time-label .tf-field-group {
  margin-top: 0;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-metabox .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-metabox .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix {
  width: 4rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-content .tgbl-tt-time-metabox .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix .tf-dynamic-text-input__affix--suffix,
.tangible_time_tracker-settings-tab-settings .ttt-settings-content .tgbl-tt-time-metabox .tf-field-group .tf-field-group-item .tf-text .tf-dynamic-text-input--has-suffix .tf-dynamic-text-input__affix--suffix {
  min-width: 0.75rem;
  color: #3858e9;
  border: none;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content {
  display: flex;
  gap: 1rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-text,
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-color,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-text,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-color {
  width: 18rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-text .tf-color-container,
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-color .tf-color-container,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-text .tf-color-container,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-color .tf-color-container {
  width: 18rem;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-text .tf-label,
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-color .tf-label,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-text .tf-label,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content .tf-color .tf-label {
  font-weight: normal;
  margin: 0;
}
.tangible_time_tracker-settings-tab-settings > .setting-row .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content.preview,
.tangible_time_tracker-settings-tab-settings .ttt-settings-styling-widget-wrapper .ttt-settings-styling-widget-wrapper__content.preview {
  display: block;
}

.tgbl-timer {
  --tgbl-color--card-background: var(--tgbl-accent-normal);
  --tgbl-color--button-enabled-fill: var(--tgbl-accent-alt);
  --tgbl-color--button-enabled-text: var(--tgbl-color-white);
  --tgbl-color--button-enabled-border: var(--tgbl-accent-alt);
  width: 100%;
  border-radius: 0.5rem;
  border-width: 0.25rem;
  border-style: solid;
}
.tgbl-timer__wrapper {
  position: relative;
}
.tgbl-timer__status-overlay {
  display: block;
  position: absolute;
  inset: 0;
  background-color: var(--tgbl-accent-subdued);
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  transition: width 0.3s ease-in-out;
}
.tgbl-timer__status-overlay[style*="width: 100%"], .tgbl-timer__status-overlay[style*="width:100%"] {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.tgbl-timer__main-wrapper {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.225rem;
}
.tgbl-timer__main__statistics {
  z-index: 1;
  margin-block: unset;
  display: flex;
  gap: 0.5em;
  line-height: 1.2;
}
.tgbl-timer__main__statistics__indicator {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: 0.25em;
  opacity: 0.75;
}
.tgbl-timer__main__statistics__indicator::before {
  content: "";
  width: 0.4em;
  height: 0.4em;
  display: inline-block;
  background-color: currentColor;
  border-radius: 100%;
  position: absolute;
}
.tgbl-timer__main__statistics__indicator::after {
  content: "";
  width: 0.6em;
  height: 0.6em;
  display: inline-block;
  border: 2px solid currentColor;
  border-radius: 100%;
}
.tgbl-timer__main__statistics__item {
  display: inline;
}
.tgbl-timer__main__statistics__separator {
  display: inline;
  align-self: center;
  font-weight: bold;
  font-size: 1rem;
  color: var(--tgbl-color--card-text);
}
.tgbl-timer__main__statistics dt {
  font-size: 0.8em;
  opacity: 0.75;
  text-transform: uppercase;
  font-weight: bold;
}
.tgbl-timer__main__statistics dd {
  margin-inline-start: unset;
  font-weight: bold;
  font-size: 1rem;
}
.tgbl-timer-modal__actions {
  padding-top: var(--tgbl-spacing-primitives-grid-unit-20);
  display: flex;
  flex-direction: row-reverse;
  gap: var(--tgbl-spacing-primitives-grid-unit-15);
}
.tgbl-timer-modal__actions .tgbl-button__spinner {
  margin-left: var(--tgbl-spacing-primitives-grid-unit-10);
}
.tgbl-timer .tgbl-visually-hidden {
  display: none;
}

.wp-list-table #delete_session {
  width: 3%;
}

.tangible-time-tracker-form {
  width: 50%;
}
/*# sourceMappingURL=tangible-time-tracker.admin.min.css.map */