@charset "UTF-8";

/* apps/soundshape-viewer/src/styles.scss */
:root {
  color-scheme: light;
  --color-sunflower-gold: rgba(251, 188, 51, 1);
  --color-jet-black: rgba(35, 57, 63, 1);
  --color-airforce-blue: rgba(93, 140, 155, 1);
  --color-airforce-blue-1: rgba(150, 177, 187, 1);
  --color-airforce-blue-2: rgba(181, 198, 206, 1);
  --color-airforce-blue-3: rgba(231, 236, 239, 1);
  --auth-header-surface-start: rgba(35, 57, 63, 1);
  --auth-header-surface-end: rgba(35, 57, 63, 0.95);
  --logo-ink: #003a43;
  --logo-gold: #f8b837;
  --logo-blue: #628794;
  --color-carrot: rgba(254, 72, 11, 1);
  --color-bridge-indigo: rgba(41, 65, 224, 1);
  --color-fresh-sky: rgba(0, 170, 255, 1);
  --color-india-green: rgba(15, 135, 21, 1);
  --color-lime-green: rgba(44, 201, 52, 1);
  --color-carrot-1: rgba(255, 240, 235, 1);
  --color-bridge-indigo-1: rgba(237, 245, 252, 1);
  --color-india-green-1: rgba(237, 253, 237, 1);
  --color-sunflower-gold-1: rgba(255, 231, 194, 1);
  --color-sunflower-gold-2: rgba(255, 240, 214, 1);
  --color-sunflower-gold-3: rgba(255, 248, 235, 1);
  --color-black: rgba(0, 0, 0, 1);
  --color-white: rgba(255, 255, 255, 1);
  --color-gray-1: rgba(248, 248, 248, 1);
  --color-gray-2: rgba(243, 243, 243, 1);
  --color-gray-3: rgba(229, 229, 229, 1);
  --color-gray-4: rgba(197, 197, 197, 1);
  --color-gray-5: rgba(148, 148, 148, 1);
  --color-gray-6: rgba(93, 93, 93, 1);
  --color-gray-7: rgba(37, 38, 39, 1);
  --color-battery-low: #d23600;
  --color-device-status-active: var(--color-india-green);
  --color-battery-text: #4a6b78;
  --app-text: var(--color-jet-black);
  --app-text-secondary: var(--color-gray-6);
  --app-text-muted: var(--color-gray-6);
  --app-text-error: #dc2626;
  --app-participant-bar-bg: #ffb800;
  --app-participant-bar-text: var(--color-jet-black);
  --transcription-alert-warning: #f59e0b;
  --transcription-alert-error: #dc2626;
  --transcription-alert-success: #22c55e;
  --transcription-alert-ink: #1a1a1a;
  --btn-dark-bg: var(--color-jet-black);
  --btn-dark-bg-hover: rgba(45, 72, 80, 1);
  --btn-dark-bg-press: rgba(25, 42, 47, 1);
  --btn-dark-text: var(--color-white);
  --btn-dark-border: var(--color-jet-black);
  --btn-dark-outline-color: var(--color-jet-black);
  --btn-dark-tertiary-color: var(--color-jet-black);
  --btn-dark-tint: rgba(35, 57, 63, 0.1);
  --btn-dark-tint-press: rgba(35, 57, 63, 0.2);
  --icon-xs: 0.6667rem;
  --icon-sm: 0.7778rem;
  --icon-md: 0.8889rem;
  --icon-lg: 1rem;
  --icon-xl: 1.1111rem;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --btn-light-bg: var(--color-sunflower-gold);
  --btn-light-bg-hover: rgba(240, 175, 35, 1);
  --btn-light-bg-press: rgba(220, 160, 30, 1);
  --btn-light-text: var(--color-jet-black);
  --btn-light-border: var(--color-sunflower-gold);
  --btn-light-tint: rgba(251, 188, 51, 0.15);
  --btn-light-tint-press: rgba(251, 188, 51, 0.25);
  --btn-white-bg: var(--color-white);
  --btn-white-bg-hover: var(--color-gray-1);
  --btn-white-bg-press: var(--color-gray-2);
  --btn-white-text: var(--color-jet-black);
  --btn-white-border: var(--color-gray-3);
  --btn-white-tint: var(--color-gray-1);
  --btn-white-tint-press: var(--color-gray-2);
  --btn-white-tertiary-text: var(--color-gray-5);
  --btn-danger-bg: var(--color-carrot);
  --btn-danger-bg-hover: rgba(230, 60, 5, 1);
  --btn-danger-bg-press: rgba(200, 55, 5, 1);
  --btn-danger-text: var(--color-white);
  --btn-danger-border: var(--color-carrot);
  --btn-danger-tint: rgba(254, 72, 11, 0.1);
  --btn-danger-tint-press: rgba(254, 72, 11, 0.2);
  --btn-brand-bg: var(--color-airforce-blue);
  --btn-brand-bg-hover: rgba(75, 120, 135, 1);
  --btn-brand-bg-press: rgba(60, 100, 115, 1);
  --btn-brand-text: var(--color-white);
  --btn-brand-border: var(--color-airforce-blue);
  --btn-brand-tint: rgba(93, 140, 155, 0.1);
  --btn-brand-tint-press: rgba(93, 140, 155, 0.2);
  --btn-min-width: 40px;
  --btn-sm-min-height: 40px;
  --btn-sm-padding: 12px 16px;
  --btn-sm-font-size: 1rem;
  --btn-sm-gap: 0.375rem;
  --btn-md-min-height: 56px;
  --btn-md-padding: 16px 24px;
  --btn-md-font-size: 1.25rem;
  --btn-md-gap: 0.5rem;
  --btn-lg-min-height: 64px;
  --btn-lg-padding: 20px 32px;
  --btn-lg-font-size: 1.5rem;
  --btn-lg-gap: 0.625rem;
  --btn-border-radius: 9999px;
  --btn-font-weight: var(--fw-medium);
  --btn-transition:
    background-color 150ms ease,
    border-color 150ms ease,
    color 150ms ease;
  --btn-disabled-opacity: 0.5;
  --btn-focus-ring-color: var(--color-fresh-sky);
  --modal-bg: var(--color-white);
  --modal-border-radius: 1.5rem;
  --modal-padding: 1.5rem;
  --modal-max-width: 400px;
  --modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --modal-overlay-bg: rgba(0, 0, 0, 0.5);
  --modal-overlay-blur: 4px;
  --modal-header-font-size: 1.5rem;
  --modal-header-font-weight: 700;
  --modal-header-color: var(--color-jet-black);
  --modal-description-font-size: 1.125rem;
  --modal-description-color: var(--app-text-muted);
  --modal-description-line-height: 1.5;
  --modal-divider-color: var(--color-gray-2);
  --modal-drag-handle-width: 3rem;
  --modal-drag-handle-height: 4px;
  --modal-drag-handle-bg: var(--color-gray-3);
  --modal-drag-handle-radius: 2px;
  --modal-close-size: 2.5rem;
  --modal-close-color: var(--color-gray-5);
  --modal-close-hover-color: var(--color-jet-black);
  --modal-animation-duration: 300ms;
  --modal-animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --modal-content-min-height: 2rem;
  --modal-tall-max-width: 480px;
  --modal-tall-close-size: 3rem;
  --modal-footer-gap: 0.75rem;
  --input-height: 56px;
  --input-border-radius: 32px;
  --input-padding-x: 16px;
  --input-padding-y: 0;
  --input-gap: 8px;
  --input-sm-height: 44px;
  --input-sm-border-radius: 24px;
  --input-sm-padding-x: 14px;
  --input-sm-font-size: 1.125rem;
  --input-md-height: 56px;
  --input-md-border-radius: 32px;
  --input-md-padding-x: 16px;
  --input-md-font-size: 1.25rem;
  --input-lg-height: 64px;
  --input-lg-border-radius: 36px;
  --input-lg-padding-x: 20px;
  --input-lg-font-size: 1.5rem;
  --input-bg: var(--color-white);
  --input-border-color: var(--color-gray-5);
  --input-border-width: 1px;
  --input-text-color: var(--color-jet-black);
  --input-placeholder-color: var(--app-text-muted);
  --input-focus-border-color: var(--color-jet-black);
  --input-focus-ring-color: rgba(35, 57, 63, 0.2);
  --input-error-border-color: var(--color-carrot);
  --input-error-text-color: var(--color-carrot);
  --input-error-bg: rgba(254, 72, 11, 0.08);
  --input-disabled-bg: var(--color-gray-3);
  --input-disabled-border-color: var(--color-gray-4);
  --input-disabled-text-color: var(--color-gray-5);
  --input-disabled-placeholder-color: var(--color-gray-5);
  --input-icon-size: 20px;
  --input-icon-color: var(--color-gray-5);
  --input-icon-focus-color: var(--color-jet-black);
  --input-label-font-size: 1.125rem;
  --input-label-font-weight: var(--fw-medium);
  --input-label-color: var(--color-jet-black);
  --input-label-margin-bottom: 8px;
  --input-required-color: var(--color-carrot);
  --input-hint-font-size: 1rem;
  --input-hint-color: var(--app-text-muted);
  --input-hint-margin-top: 6px;
  --input-transition: border-color 150ms ease, box-shadow 150ms ease;
  --otp-slot-size: 56px;
  --otp-slot-gap: 8px;
  --otp-slot-border-radius: 50%;
  --otp-slot-bg: var(--color-white);
  --otp-slot-border-color: var(--color-gray-5);
  --otp-slot-border-width: 1px;
  --otp-slot-text-color: var(--color-jet-black);
  --otp-slot-placeholder-color: var(--color-gray-5);
  --otp-slot-focus-border-color: var(--color-jet-black);
  --otp-slot-focus-ring-color: rgba(35, 57, 63, 0.2);
  --otp-slot-filled-border-color: var(--color-gray-5);
  --otp-slot-error-border-color: var(--color-carrot);
  --otp-slot-disabled-bg: var(--color-gray-3);
  --otp-slot-disabled-border-color: var(--color-gray-4);
  --otp-slot-disabled-text-color: var(--color-gray-5);
  --otp-slot-font-size: 1.5rem;
  --otp-slot-font-weight: var(--fw-medium);
  --otp-dot-size: 10px;
  --otp-dot-color: var(--color-jet-black);
  --otp-label-font-size: 1.125rem;
  --otp-label-font-weight: var(--fw-medium);
  --otp-label-color: var(--color-jet-black);
  --otp-label-margin-bottom: 8px;
  --otp-hint-font-size: 1rem;
  --otp-hint-color: var(--app-text-muted);
  --otp-hint-margin-top: 6px;
  --otp-error-color: var(--color-carrot);
  --otp-transition: border-color 150ms ease, box-shadow 150ms ease;
  --slider-track-bg: var(--color-gray-3);
  --slider-range-bg: var(--color-sunflower-gold);
  --slider-thumb-bg: var(--color-white);
  --slider-thumb-border-color: var(--color-sunflower-gold);
  --slider-focus-ring-color: var(--color-fresh-sky);
  --tabs-bg: var(--color-white);
  --tabs-border-radius: 9999px;
  --tabs-padding: 8px;
  --tabs-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
  --tabs-list-gap: 0;
  --tabs-item-padding: clamp(6px, 2.5vw, 12px) clamp(8px, 3vw, 24px);
  --tabs-item-border-radius: 9999px;
  --tabs-item-gap: clamp(2px, 1vw, 6px);
  --tabs-item-font-size: clamp(0.625rem, 2.5vw, 0.875rem);
  --tabs-item-font-weight: var(--fw-medium);
  --tabs-item-bg: transparent;
  --tabs-item-color: var(--color-jet-black);
  --tabs-item-icon-color: var(--color-jet-black);
  --tabs-item-active-bg: var(--color-jet-black);
  --tabs-item-active-color: var(--color-white);
  --tabs-item-active-icon-color: var(--color-white);
  --tabs-item-hover-bg: var(--color-gray-2);
  --tabs-indicator-inset-y: 8px;
  --tabs-indicator-inset-x: 0px;
  --tabs-panel-padding: 1rem;
  --tabs-transition: background-color 200ms ease, color 200ms ease;
  --glass-1-bg: rgba(255, 255, 255, 0.72);
  --glass-1-blur: 20px;
  --glass-1-border: rgba(255, 255, 255, 0.2);
  --glass-1-shadow: 0 -4px 24px rgba(0, 0, 0, 0.06);
  --pagination-gap: 8px;
  --pagination-dot-size: 8px;
  --pagination-dot-active-width: 16px;
  --pagination-dot-border-width: 2px;
  --pagination-dot-border-radius: 24px;
  --pagination-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --pagination-dark-dot-border: var(--color-jet-black);
  --pagination-light-dot-border: var(--color-white);
  --notif-border-radius: 16px;
  --notif-padding: 16px;
  --notif-gap: 10px;
  --notif-border-width: 1px;
  --notif-heading-font-size: 1.125rem;
  --notif-heading-font-weight: 700;
  --notif-body-font-size: 1rem;
  --notif-info-icon-color: var(--color-airforce-blue);
  --notif-info-light-bg: var(--color-bridge-indigo-1);
  --notif-info-light-border: var(--color-airforce-blue-3);
  --notif-info-light-heading: var(--color-jet-black);
  --notif-info-light-body: var(--color-gray-6);
  --notif-info-filled-bg: var(--color-bridge-indigo);
  --notif-info-filled-text: var(--color-white);
  --notif-info-filled-icon: var(--color-sunflower-gold);
  --notif-success-icon-color: var(--color-india-green);
  --notif-success-light-bg: var(--color-india-green-1);
  --notif-success-light-border: var(--color-india-green);
  --notif-success-light-heading: var(--color-jet-black);
  --notif-success-light-body: var(--color-gray-6);
  --notif-success-filled-bg: var(--color-india-green);
  --notif-success-filled-text: var(--color-white);
  --notif-success-filled-icon: var(--color-white);
  --notif-warning-icon-color: var(--color-sunflower-gold);
  --notif-warning-light-bg: var(--color-sunflower-gold-3);
  --notif-warning-light-border: var(--color-sunflower-gold);
  --notif-warning-light-heading: var(--color-jet-black);
  --notif-warning-light-body: var(--color-gray-6);
  --notif-warning-filled-bg: var(--color-sunflower-gold);
  --notif-warning-filled-text: var(--color-jet-black);
  --notif-warning-filled-icon: var(--color-jet-black);
  --notif-error-icon-color: var(--color-carrot);
  --notif-error-light-bg: var(--color-carrot-1);
  --notif-error-light-border: var(--color-carrot);
  --notif-error-light-heading: var(--color-jet-black);
  --notif-error-light-body: var(--color-gray-6);
  --notif-error-filled-bg: rgba(139, 0, 0, 1);
  --notif-error-filled-text: var(--color-white);
  --notif-error-filled-icon: var(--color-white);
  --content-card-bg: var(--color-white);
  --content-card-border-radius: 20px;
  --content-card-overlap: -48px;
  --content-card-margin-x: 12px;
  --content-card-padding: 24px 20px;
  --content-card-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  --page-header-bg: var(--color-jet-black);
  --page-header-border-radius: 32px;
  --page-header-min-height: 230px;
  --page-header-padding-top: 40px;
  --page-header-padding-x: 16px;
  --page-header-padding-bottom: 32px;
  --page-header-padding: var(--page-header-padding-top) var(--page-header-padding-x) var(--page-header-padding-bottom);
  --page-header-gap: 32px;
  --page-header-title-font-family: "Montserrat Alternates", sans-serif;
  --page-header-title-color: var(--color-white);
  --page-header-title-font-size: 1.5625rem;
  --page-header-title-font-weight: 700;
  --page-header-title-line-height: 100%;
  --page-header-title-text-align: center;
  --page-header-light-bg: var(--color-white);
  --page-header-light-title-color: var(--color-jet-black);
  --hc-bg: var(--color-white);
  --hc-text: var(--color-jet-black);
  --hc-border: var(--color-jet-black);
  --page-header-action-color: rgb(255 255 255 / 85%);
  --page-header-action-color-active: var(--color-white);
  --page-header-action-bg-active: rgb(255 255 255 / 10%);
  --rating-gap: 0.375rem;
  --rating-target-size: 2.5556rem;
  --rating-thumb-width: 6.2222rem;
  --rating-thumb-height: 3.3333rem;
  --rating-option-radius: 9999px;
  --rating-icon-size: 1.3889rem;
  --rating-surface: var(--color-white);
  --rating-border-color: var(--color-gray-3);
  --rating-inactive-color: var(--color-gray-3);
  --rating-active-color: var(--color-sunflower-gold);
  --rating-active-bg: var(--color-sunflower-gold-3);
  --rating-focus-ring-color: var(--color-fresh-sky);
  --session-rating-divider: var(--color-gray-3);
  --session-rating-question-font-size: 1rem;
  --session-rating-question-font-weight: 600;
  --session-rating-label-font-size: 0.9375rem;
  --session-rating-label-font-weight: var(--fw-medium);
  --session-rating-heading: var(--color-jet-black);
  --session-rating-hint: var(--color-gray-6);
  --session-rating-error: var(--color-error, #c5000f);
}
body.dark-theme {
  background: #121212;
  color: #f0f0f0;
  color-scheme: dark;
  --page-header-bg: #1a1a1a;
  --page-header-light-bg: #1a1a1a;
  --page-header-light-title-color: #f0f0f0;
  --tabs-bg: #1a1a1a;
  --tabs-item-color: #b0b0b0;
  --tabs-item-icon-color: #b0b0b0;
  --tabs-item-active-bg: var(--color-sunflower-gold);
  --tabs-item-active-color: #1a1a1a;
  --tabs-item-active-icon-color: #1a1a1a;
  --tabs-item-hover-bg: #2a2a2a;
  --tabs-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
  --content-card-bg: #1e1e1e;
  --content-card-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
  --modal-bg: #1e1e1e;
  --modal-header-color: #f0f0f0;
  --modal-description-color: #999;
  --modal-divider-color: #333;
  --modal-drag-handle-bg: #555;
  --modal-close-color: #888;
  --modal-close-hover-color: #f0f0f0;
  --modal-overlay-bg: rgba(0, 0, 0, 0.7);
  --input-bg: #2a2a2a;
  --input-border-color: #444;
  --input-text-color: #f0f0f0;
  --input-placeholder-color: #888;
  --input-focus-border-color: #f0f0f0;
  --input-label-color: #f0f0f0;
  --btn-white-bg: #2a2a2a;
  --btn-white-bg-hover: #333;
  --btn-white-bg-press: #3a3a3a;
  --btn-white-text: #f0f0f0;
  --btn-white-border: #444;
  --btn-white-tertiary-text: #999;
  --btn-dark-bg: #2a2a2a;
  --btn-dark-bg-hover: #333;
  --btn-dark-bg-press: #3a3a3a;
  --btn-dark-text: #f0f0f0;
  --btn-dark-border: transparent;
  --btn-dark-outline-color: #b0b0b0;
  --btn-dark-tertiary-color: #b0b0b0;
  --btn-dark-tint: rgba(255, 255, 255, 0.05);
  --btn-dark-tint-press: rgba(255, 255, 255, 0.1);
  --btn-white-tint: rgba(255, 255, 255, 0.05);
  --btn-white-tint-press: rgba(255, 255, 255, 0.1);
  --input-disabled-bg: #2a2a2a;
  --input-disabled-border-color: #3a3a3a;
  --input-icon-focus-color: var(--color-jet-black);
  --otp-slot-bg: #2a2a2a;
  --otp-slot-text-color: var(--color-jet-black);
  --otp-slot-focus-border-color: var(--color-jet-black);
  --otp-slot-border-color: #555;
  --otp-slot-placeholder-color: #555;
  --otp-slot-disabled-bg: #1e1e1e;
  --otp-slot-disabled-border-color: #3a3a3a;
  --otp-dot-color: var(--color-jet-black);
  --otp-label-color: var(--color-jet-black);
  --pagination-dark-dot-border: var(--color-jet-black);
  --color-gray-1: #1e1e1e;
  --color-gray-2: #2a2a2a;
  --color-gray-3: #333;
  --color-gray-4: #444;
  --glass-1-bg: rgba(30, 30, 30, 0.85);
  --glass-1-border: rgba(255, 255, 255, 0.08);
  --glass-1-shadow: 0 -4px 24px rgba(0, 0, 0, 0.3);
  --app-surface: #1e1e1e;
  --app-surface-selected: #332a00;
  --app-bg: #121212;
  --app-text: #f0f0f0;
  --app-text-secondary: #999;
  --app-text-muted: #888;
  --app-text-error: #f87171;
  --app-control-bg: #2a2a2a;
  --app-border: #444;
  --app-hover: #333;
  --app-participant-bar-bg: #2a2a2a;
  --app-participant-bar-text: #f0f0f0;
  --color-battery-low: var(--color-carrot);
  --color-device-status-active: #2ea043;
  --color-battery-text: var(--color-airforce-blue);
  --color-jet-black: #f0f0f0;
  --color-gray-6: #b0b0b0;
  --color-gray-7: #f0f0f0;
  --hc-bg: var(--color-black);
  --hc-text: var(--color-white);
  --hc-border: var(--color-white);
  --rating-surface: #2a2a2a;
  --rating-border-color: #444;
  --rating-inactive-color: #888;
  --rating-active-bg: #3a3320;
  --session-rating-divider: #3a3a3a;
  --session-rating-heading: #f0f0f0;
  --session-rating-hint: #b0b0b0;
  --session-rating-error: #ff6b6b;
  --notif-info-light-bg: #1a2a3a;
  --notif-info-light-border: #2a4a5a;
  --notif-info-light-heading: #f0f0f0;
  --notif-info-light-body: #b0b0b0;
  --notif-success-light-bg: #1a2e1a;
  --notif-success-light-border: #2a5a2a;
  --notif-success-light-heading: #f0f0f0;
  --notif-success-light-body: #b0b0b0;
  --notif-warning-light-bg: #2e2a1a;
  --notif-warning-light-border: #5a4a2a;
  --notif-warning-light-heading: #f0f0f0;
  --notif-warning-light-body: #b0b0b0;
  --notif-error-light-bg: #2e1a1a;
  --notif-error-light-border: #5a2a2a;
  --notif-error-light-heading: #f0f0f0;
  --notif-error-light-body: #b0b0b0;
}
body.dark-theme ui-checkbox {
  --checkbox-background: #2a2a2a;
  --checkbox-border-color: #555;
  --checkbox-checked-background: var(--color-sunflower-gold);
  --checkbox-indicator-color: #1a1a1a;
}
body.dark-theme ion-content {
  --background: #121212;
  --color: #f0f0f0;
}
body.dark-theme ion-toggle {
  --background: #333;
  --background-checked: var(--color-sunflower-gold);
}
body.dark-theme ion-range {
  --bar-background: #333;
  --bar-background-active: var(--color-sunflower-gold);
  --knob-background: var(--color-sunflower-gold);
}
body.dark-theme {
  --slider-track-bg: var(--color-gray-3);
}
body.dark-theme .combobox-option[data-selected=true],
body.dark-theme .select-option[data-selected=true],
body.dark-theme .connection-mode-option--selected,
body.dark-theme .toggle-btn.selected {
  background-color: var(--color-sunflower-gold);
  color: #1a1a1a;
}
body.dark-theme .combobox-option[data-selected=true] .connection-mode-option__icon,
body.dark-theme .select-option[data-selected=true] .connection-mode-option__icon,
body.dark-theme .connection-mode-option--selected .connection-mode-option__icon,
body.dark-theme .toggle-btn.selected .connection-mode-option__icon {
  color: #1a1a1a;
}
body.bold-text {
  --fw-light: 600;
  --fw-regular: 600;
  --fw-medium: 600;
  --app-text-secondary: var(--app-text);
  --app-text-muted: var(--app-text);
  --transcription-font-weight: 600;
}
.ui-accordion,
.ui-accordion-item,
.ui-accordion-trigger {
  display: block;
}
.ui-accordion-trigger__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 8px 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  color: inherit;
  font: inherit;
}
.ui-accordion-trigger__button[data-focus-visible] {
  outline: 2px solid var(--focus-ring, #2563eb);
  outline-offset: 2px;
  border-radius: 6px;
}
.ui-accordion-trigger__label {
  flex: 1;
  min-width: 0;
}
.ui-accordion-trigger__chevron {
  flex-shrink: 0;
  font-size: 12px;
  transition: transform 0.2s ease;
}
.ui-accordion-trigger__button[data-open] .ui-accordion-trigger__chevron {
  transform: rotate(180deg);
}
.ui-accordion-content {
  display: block;
  overflow: hidden;
}
.ui-accordion-content[data-open] {
  animation: ui-accordion-slide-down 0.2s ease-in-out forwards;
}
.ui-accordion-content[data-closed] {
  animation: ui-accordion-slide-up 0.2s ease-in-out forwards;
}
@keyframes ui-accordion-slide-down {
  from {
    height: 0;
  }
  to {
    height: var(--ngp-accordion-content-height);
  }
}
@keyframes ui-accordion-slide-up {
  from {
    height: var(--ngp-accordion-content-height);
  }
  to {
    height: 0;
  }
}
[uiButton] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--btn-border-radius);
  font-weight: var(--btn-font-weight);
  cursor: pointer;
  border: 2px solid transparent;
  font-family: inherit;
  text-decoration: none;
  min-width: var(--btn-min-width);
  transition:
    background-color 200ms ease-out,
    border-color 200ms ease-out,
    color 200ms ease-out;
}
[uiButton][data-press] {
  transition:
    background-color 0ms,
    border-color 0ms,
    color 0ms;
}
[uiButton][data-size=sm] {
  min-height: var(--btn-sm-min-height);
  padding: var(--btn-sm-padding);
  font-size: var(--btn-sm-font-size);
  gap: var(--btn-sm-gap);
}
[uiButton][data-size=md] {
  min-height: var(--btn-md-min-height);
  padding: var(--btn-md-padding);
  font-size: var(--btn-md-font-size);
  gap: var(--btn-md-gap);
}
[uiButton][data-size=lg] {
  min-height: var(--btn-lg-min-height);
  padding: var(--btn-lg-padding);
  font-size: var(--btn-lg-font-size);
  gap: var(--btn-lg-gap);
}
[uiButton][data-disabled] {
  opacity: var(--btn-disabled-opacity);
  cursor: not-allowed;
  pointer-events: none;
}
[uiButton][data-variant=primary][data-kind=dark] {
  background: var(--btn-dark-bg);
  color: var(--btn-dark-text);
}
[uiButton][data-variant=primary][data-kind=dark][data-hover] {
  background: var(--btn-dark-bg-hover);
}
[uiButton][data-variant=primary][data-kind=dark][data-press] {
  background: var(--btn-dark-bg-press);
}
[uiButton][data-variant=primary][data-kind=light] {
  background: var(--btn-light-bg);
  color: var(--btn-light-text);
}
[uiButton][data-variant=primary][data-kind=light][data-hover] {
  background: var(--btn-light-bg-hover);
}
[uiButton][data-variant=primary][data-kind=light][data-press] {
  background: var(--btn-light-bg-press);
}
[uiButton][data-variant=primary][data-kind=white] {
  background: var(--btn-white-bg);
  color: var(--btn-white-text);
  border-color: var(--btn-white-border);
}
[uiButton][data-variant=primary][data-kind=white][data-hover] {
  background: var(--btn-white-bg-hover);
}
[uiButton][data-variant=primary][data-kind=white][data-press] {
  background: var(--btn-white-bg-press);
}
[uiButton][data-variant=primary][data-kind=danger] {
  background: var(--btn-danger-bg);
  color: var(--btn-danger-text);
}
[uiButton][data-variant=primary][data-kind=danger][data-hover] {
  background: var(--btn-danger-bg-hover);
}
[uiButton][data-variant=primary][data-kind=danger][data-press] {
  background: var(--btn-danger-bg-press);
}
[uiButton][data-variant=primary][data-kind=brand] {
  background: var(--btn-brand-bg);
  color: var(--btn-brand-text);
}
[uiButton][data-variant=primary][data-kind=brand][data-hover] {
  background: var(--btn-brand-bg-hover);
}
[uiButton][data-variant=primary][data-kind=brand][data-press] {
  background: var(--btn-brand-bg-press);
}
[uiButton][data-variant=secondary] {
  background: transparent;
}
[uiButton][data-variant=secondary][data-kind=dark] {
  border-color: var(--btn-dark-outline-color);
  color: var(--btn-dark-outline-color);
}
[uiButton][data-variant=secondary][data-kind=dark][data-hover] {
  background: var(--btn-dark-tint);
}
[uiButton][data-variant=secondary][data-kind=dark][data-press] {
  background: var(--btn-dark-tint-press);
}
[uiButton][data-variant=secondary][data-kind=light] {
  border-color: var(--btn-light-border);
  color: var(--btn-light-bg);
}
[uiButton][data-variant=secondary][data-kind=light][data-hover] {
  background: var(--btn-light-tint);
}
[uiButton][data-variant=secondary][data-kind=light][data-press] {
  background: var(--btn-light-tint-press);
}
[uiButton][data-variant=secondary][data-kind=white] {
  border-color: var(--btn-white-border);
  color: var(--btn-white-text);
}
[uiButton][data-variant=secondary][data-kind=white][data-hover] {
  background: var(--btn-white-tint);
}
[uiButton][data-variant=secondary][data-kind=white][data-press] {
  background: var(--btn-white-tint-press);
}
[uiButton][data-variant=secondary][data-kind=danger] {
  border-color: var(--btn-danger-border);
  color: var(--btn-danger-bg);
}
[uiButton][data-variant=secondary][data-kind=danger][data-hover] {
  background: var(--btn-danger-tint);
}
[uiButton][data-variant=secondary][data-kind=danger][data-press] {
  background: var(--btn-danger-tint-press);
}
[uiButton][data-variant=secondary][data-kind=brand] {
  border-color: var(--btn-brand-border);
  color: var(--btn-brand-bg);
}
[uiButton][data-variant=secondary][data-kind=brand][data-hover] {
  background: var(--btn-brand-tint);
}
[uiButton][data-variant=secondary][data-kind=brand][data-press] {
  background: var(--btn-brand-tint-press);
}
[uiButton][data-variant=tertiary] {
  background: transparent;
  border-color: transparent;
}
[uiButton][data-variant=tertiary][data-kind=dark] {
  color: var(--btn-dark-tertiary-color);
}
[uiButton][data-variant=tertiary][data-kind=dark][data-hover] {
  background: var(--btn-dark-tint);
}
[uiButton][data-variant=tertiary][data-kind=dark][data-press] {
  background: var(--btn-dark-tint-press);
}
[uiButton][data-variant=tertiary][data-kind=light] {
  color: var(--btn-light-bg);
}
[uiButton][data-variant=tertiary][data-kind=light][data-hover] {
  background: var(--btn-light-tint);
}
[uiButton][data-variant=tertiary][data-kind=light][data-press] {
  background: var(--btn-light-tint-press);
}
[uiButton][data-variant=tertiary][data-kind=white] {
  color: var(--btn-white-tertiary-text);
}
[uiButton][data-variant=tertiary][data-kind=white][data-hover] {
  background: var(--btn-white-tint);
}
[uiButton][data-variant=tertiary][data-kind=white][data-press] {
  background: var(--btn-white-tint-press);
}
[uiButton][data-variant=tertiary][data-kind=danger] {
  color: var(--btn-danger-bg);
}
[uiButton][data-variant=tertiary][data-kind=danger][data-hover] {
  background: var(--btn-danger-tint);
}
[uiButton][data-variant=tertiary][data-kind=danger][data-press] {
  background: var(--btn-danger-tint-press);
}
[uiButton][data-variant=tertiary][data-kind=brand] {
  color: var(--btn-brand-bg);
}
[uiButton][data-variant=tertiary][data-kind=brand][data-hover] {
  background: var(--btn-brand-tint);
}
[uiButton][data-variant=tertiary][data-kind=brand][data-press] {
  background: var(--btn-brand-tint-press);
}
[uiButton][data-variant=text] {
  background: transparent;
  border: none;
  border-radius: 0;
  min-width: 0;
  min-height: 0;
  padding: 0;
  font-size: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
[uiButton][data-variant=text][data-kind=brand] {
  color: var(--btn-brand-bg);
}
[uiButton][data-variant=text][data-kind=brand][data-hover] {
  color: var(--btn-brand-bg-hover);
}
[uiButton][data-variant=text][data-kind=brand][data-press] {
  color: var(--btn-brand-bg-press);
}
[uiButton][data-variant=text][data-kind=dark] {
  color: var(--btn-dark-tertiary-color);
}
[uiButton][data-variant=text][data-kind=dark][data-hover] {
  color: var(--btn-dark-bg-hover);
}
[uiButton][data-variant=text][data-kind=dark][data-press] {
  color: var(--btn-dark-bg-press);
}
[uiButton][data-variant=text][data-kind=light] {
  color: var(--btn-light-bg);
}
[uiButton][data-variant=text][data-kind=light][data-hover] {
  color: var(--btn-light-bg-hover);
}
[uiButton][data-variant=text][data-kind=light][data-press] {
  color: var(--btn-light-bg-press);
}
[uiButton][data-variant=text][data-kind=white] {
  color: var(--btn-white-bg);
}
[uiButton][data-variant=text][data-kind=white][data-hover] {
  color: var(--btn-white-bg-hover);
}
[uiButton][data-variant=text][data-kind=white][data-press] {
  color: var(--btn-white-bg-press);
}
[uiButton][data-variant=text][data-kind=danger] {
  color: var(--btn-danger-bg);
}
[uiButton][data-variant=text][data-kind=danger][data-hover] {
  color: var(--btn-danger-bg-hover);
}
[uiButton][data-variant=text][data-kind=danger][data-press] {
  color: var(--btn-danger-bg-press);
}
[uiButton][data-focus-visible] {
  outline: 2px solid var(--btn-focus-ring-color);
  outline-offset: 2px;
}
ui-checkbox {
  --checkbox-border-color: var(--color-gray-4);
  --checkbox-border-hover: var(--color-jet-black);
  --checkbox-background: var(--color-white);
  --checkbox-checked-background: var(--color-jet-black);
  --checkbox-indicator-color: var(--color-white);
  --checkbox-label-color: var(--color-gray-7);
  --checkbox-required-color: var(--color-carrot);
  --checkbox-error-color: var(--color-carrot);
  --checkbox-error-border: var(--color-carrot);
  --checkbox-disabled-color: var(--color-gray-4);
  --checkbox-link-color: var(--color-bridge-indigo);
  --checkbox-focus-ring: var(--color-bridge-indigo);
  display: block !important;
  width: 100%;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  outline: none !important;
}
ui-checkbox .checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
ui-checkbox .checkbox-box {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 2px solid var(--checkbox-border-color);
  background-color: var(--checkbox-background);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
ui-checkbox .checkbox-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--checkbox-indicator-color);
}
ui-checkbox .checkbox-label {
  flex: 1;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--checkbox-label-color);
  padding-top: 2px;
}
ui-checkbox .checkbox-label a {
  color: var(--checkbox-link-color);
  text-decoration: none;
  font-weight: var(--fw-medium);
}
ui-checkbox .checkbox-label a:hover {
  text-decoration: underline;
}
ui-checkbox .checkbox-required {
  color: var(--checkbox-required-color);
  margin-left: 2px;
}
ui-checkbox .checkbox-error {
  margin: 8px 0 0;
  padding-left: 36px;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--checkbox-error-color);
}
ui-checkbox[data-hover] .checkbox-box,
ui-checkbox:hover .checkbox-box {
  border-color: var(--checkbox-border-hover);
}
ui-checkbox[data-focus-visible] .checkbox-box {
  outline: 2px solid var(--checkbox-focus-ring);
  outline-offset: 2px;
}
ui-checkbox[data-checked] .checkbox-box {
  background-color: var(--checkbox-checked-background);
  border-color: var(--checkbox-checked-background);
}
ui-checkbox[data-disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
ui-checkbox[data-disabled] .checkbox-wrapper {
  cursor: not-allowed;
}
ui-checkbox[data-disabled] .checkbox-label {
  color: var(--checkbox-disabled-color);
}
ui-checkbox[data-error=true] .checkbox-box {
  border-color: var(--checkbox-error-border);
}
[ngpComboboxDropdown],
.combobox-dropdown {
  width: var(--ngp-combobox-width) !important;
  min-width: var(--ngp-combobox-width) !important;
  background: var(--input-bg) !important;
  border: var(--input-border-width) solid var(--input-border-color) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  padding: 8px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  z-index: 10000 !important;
  position: absolute !important;
  box-sizing: border-box !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  transform-origin: var(--ngp-combobox-transform-origin, top center) !important;
}
[ngpComboboxDropdown][data-enter],
.combobox-dropdown[data-enter] {
  animation: combobox-dropdown-show 0.15s ease-out !important;
}
[ngpComboboxDropdown][data-exit],
.combobox-dropdown[data-exit] {
  animation: combobox-dropdown-hide 0.1s ease-out !important;
}
[ngpComboboxDropdown] .combobox-option,
[ngpComboboxDropdown] [ngpComboboxOption],
.combobox-dropdown .combobox-option,
.combobox-dropdown [ngpComboboxOption] {
  display: flex;
  align-items: center;
  gap: var(--input-gap);
  padding: 14px 16px;
  min-height: 52px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--input-md-font-size);
  font-weight: var(--fw-regular);
  color: var(--input-text-color);
  transition: background-color 150ms ease, color 150ms ease;
  background: transparent;
  border-radius: 12px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[ngpComboboxDropdown] .combobox-option:hover,
[ngpComboboxDropdown] .combobox-option[data-active=true],
[ngpComboboxDropdown] [ngpComboboxOption]:hover,
[ngpComboboxDropdown] [ngpComboboxOption][data-active=true],
.combobox-dropdown .combobox-option:hover,
.combobox-dropdown .combobox-option[data-active=true],
.combobox-dropdown [ngpComboboxOption]:hover,
.combobox-dropdown [ngpComboboxOption][data-active=true] {
  background-color: var(--color-gray-1);
}
[ngpComboboxDropdown] .combobox-option[data-selected=true],
[ngpComboboxDropdown] [ngpComboboxOption][data-selected=true],
.combobox-dropdown .combobox-option[data-selected=true],
.combobox-dropdown [ngpComboboxOption][data-selected=true] {
  background-color: var(--color-jet-black);
  color: var(--color-white);
  font-weight: var(--fw-medium);
}
[ngpComboboxDropdown] .combobox-option .fi,
[ngpComboboxDropdown] [ngpComboboxOption] .fi,
.combobox-dropdown .combobox-option .fi,
.combobox-dropdown [ngpComboboxOption] .fi {
  width: 24px;
  height: 18px;
  min-width: 24px;
  min-height: 18px;
  border-radius: 3px;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-2);
}
[ngpComboboxDropdown] .combobox-option .country-name,
[ngpComboboxDropdown] [ngpComboboxOption] .country-name,
.combobox-dropdown .combobox-option .country-name,
.combobox-dropdown [ngpComboboxOption] .country-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
[ngpComboboxDropdown] .combobox-empty,
.combobox-dropdown .combobox-empty {
  padding: 24px 16px;
  text-align: center;
  color: var(--input-placeholder-color);
  font-size: var(--input-md-font-size);
}
[ngpComboboxDropdown].combobox-dropdown-virtual,
.combobox-dropdown.combobox-dropdown-virtual {
  padding: 0 !important;
  overflow: hidden !important;
}
[ngpComboboxDropdown] .combobox-virtual-viewport,
.combobox-dropdown .combobox-virtual-viewport {
  width: 100%;
  contain: strict;
}
[ngpComboboxDropdown] .combobox-virtual-viewport .cdk-virtual-scroll-content-wrapper,
.combobox-dropdown .combobox-virtual-viewport .cdk-virtual-scroll-content-wrapper {
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.ui-combobox {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ui-combobox .combobox-label {
  font-size: var(--input-label-font-size);
  font-weight: var(--input-label-font-weight);
  color: var(--input-label-color);
  margin-bottom: var(--input-label-margin-bottom);
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-combobox .combobox-required {
  color: var(--input-required-color);
}
.ui-combobox .combobox-selected-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ui-combobox .combobox-selected-icon .fi {
  width: 24px;
  height: 18px;
  min-width: 24px;
  min-height: 18px;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ui-combobox [ngpCombobox] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--input-bg);
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-md-border-radius);
  padding: 0 var(--input-md-padding-x);
  height: var(--input-md-height);
  min-height: 56px;
  transition: var(--input-transition);
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.ui-combobox [ngpCombobox]:focus-within,
.ui-combobox [ngpCombobox][data-open=true] {
  border-color: var(--input-focus-border-color);
  box-shadow: 0 0 0 3px var(--input-focus-ring-color);
}
.ui-combobox [ngpComboboxInput] {
  flex: 1;
  height: 100%;
  border: none;
  background: transparent;
  font-size: var(--input-md-font-size);
  color: var(--input-text-color);
  outline: none;
  min-width: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  pointer-events: auto;
}
.ui-combobox [ngpComboboxInput]::placeholder {
  color: var(--input-placeholder-color);
}
.ui-combobox [ngpComboboxInput]:disabled {
  cursor: not-allowed;
}
.ui-combobox .combobox-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: var(--color-gray-2);
  color: var(--color-gray-6);
  cursor: pointer;
  border-radius: 50%;
  transition: all 150ms ease;
  flex-shrink: 0;
  padding: 0;
}
.ui-combobox .combobox-clear:hover {
  background: var(--color-gray-3);
  color: var(--color-gray-7);
}
.ui-combobox .combobox-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--input-icon-color);
  cursor: pointer;
  transition: all 150ms ease;
  flex-shrink: 0;
  padding: 0;
}
.ui-combobox .combobox-toggle svg {
  transition: transform 150ms ease;
}
.ui-combobox [ngpCombobox][data-open=true] .combobox-toggle svg {
  transform: rotate(180deg);
}
.ui-combobox .combobox-dropdown {
  background: var(--app-surface, var(--color-white));
  border: 1px solid var(--color-gray-3);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 8px 0;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
}
.ui-combobox .combobox-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  font-size: 14px;
  color: var(--input-text-color);
  transition: background-color 150ms ease;
}
.ui-combobox .combobox-option:hover,
.ui-combobox .combobox-option[data-active=true] {
  background-color: var(--color-gray-1);
}
.ui-combobox .combobox-option[data-selected=true] {
  background-color: rgba(91, 140, 155, 0.1);
  color: var(--color-bridge-indigo);
  font-weight: var(--fw-medium);
}
.ui-combobox .combobox-option.combobox-option-disabled {
  color: var(--input-disabled-text-color);
  cursor: not-allowed;
  opacity: 0.5;
}
.ui-combobox .combobox-option.combobox-option-disabled:hover {
  background-color: transparent;
}
.ui-combobox .combobox-option-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ui-combobox .combobox-option-label {
  flex: 1;
  min-width: 0;
}
.ui-combobox .combobox-empty {
  padding: 16px;
  text-align: center;
  color: var(--input-hint-color);
  font-size: 14px;
}
.ui-combobox .combobox-error {
  font-size: var(--input-hint-font-size);
  color: var(--input-error-text-color);
  margin: var(--input-hint-margin-top) 0 0;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-combobox .combobox-error::before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FE480B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.ui-combobox[data-size=sm] [ngpCombobox] {
  height: var(--input-sm-height);
  border-radius: var(--input-sm-border-radius);
  padding: 0 var(--input-sm-padding-x);
}
.ui-combobox[data-size=sm] [ngpCombobox] [ngpComboboxInput] {
  font-size: var(--input-sm-font-size);
}
.ui-combobox[data-size=lg] [ngpCombobox] {
  height: var(--input-lg-height);
  border-radius: var(--input-lg-border-radius);
  padding: 0 var(--input-lg-padding-x);
}
.ui-combobox[data-size=lg] [ngpCombobox] [ngpComboboxInput] {
  font-size: var(--input-lg-font-size);
}
.ui-combobox[data-error=true] [ngpCombobox] {
  border-color: var(--input-error-border-color);
}
.ui-combobox[data-error=true] [ngpCombobox]:focus-within,
.ui-combobox[data-error=true] [ngpCombobox][data-open=true] {
  border-color: var(--input-error-border-color);
  box-shadow: 0 0 0 3px rgba(254, 72, 11, 0.15);
}
.ui-combobox[data-disabled=true] [ngpCombobox] {
  background: var(--input-disabled-bg);
  border-color: var(--input-disabled-border-color);
  cursor: not-allowed;
}
.ui-combobox[data-disabled=true] [ngpCombobox] [ngpComboboxInput] {
  color: var(--input-disabled-text-color);
}
.ui-combobox[data-disabled=true] [ngpCombobox] [ngpComboboxInput]::placeholder {
  color: var(--input-disabled-placeholder-color);
}
.ui-combobox[data-disabled=true] [ngpCombobox] .combobox-toggle {
  color: var(--input-disabled-text-color);
}
@keyframes combobox-dropdown-show {
  0% {
    opacity: 0;
    transform: scaleY(0.9);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes combobox-dropdown-hide {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0.9);
  }
}
.ui-content-card {
  display: block;
  background: var(--content-card-bg);
  border-radius: var(--content-card-border-radius);
  margin-top: var(--content-card-overlap);
  margin-left: var(--content-card-margin-x);
  margin-right: var(--content-card-margin-x);
  padding: var(--content-card-padding);
  box-shadow: var(--content-card-shadow);
  position: relative;
  z-index: 1;
}
.ui-form-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ui-form-field .form-field-label {
  font-size: var(--input-label-font-size);
  font-weight: var(--input-label-font-weight);
  color: var(--input-label-color);
  margin-bottom: var(--input-label-margin-bottom);
}
.ui-form-field .form-field-required {
  color: var(--input-required-color);
  margin-left: 2px;
}
.ui-form-field .form-field-input-container {
  display: flex;
  align-items: center;
  gap: var(--input-gap);
  background: var(--input-bg);
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-md-border-radius);
  padding: 0 var(--input-md-padding-x);
  height: var(--input-md-height);
  transition: var(--input-transition);
  box-sizing: border-box;
}
.ui-form-field .form-field-input-container:focus-within {
  border-color: var(--input-focus-border-color);
  box-shadow: 0 0 0 3px var(--input-focus-ring-color);
}
.ui-form-field .ui-input {
  flex: 1;
  height: 100%;
  border: none;
  background: transparent;
  font-size: var(--input-md-font-size);
  color: var(--input-text-color);
  outline: none;
  min-width: 0;
}
.ui-form-field .ui-input::placeholder {
  color: var(--input-placeholder-color);
}
.ui-form-field .ui-input:disabled {
  cursor: not-allowed;
}
.ui-form-field .ui-input:-webkit-autofill,
.ui-form-field .ui-input:-webkit-autofill:hover,
.ui-form-field .ui-input:-webkit-autofill:focus,
.ui-form-field .ui-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
  -webkit-text-fill-color: var(--input-text-color) !important;
  transition: background-color 5000s ease-in-out 0s;
}
.ui-form-field .form-field-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--input-icon-color);
  transition: color 150ms ease;
}
.ui-form-field .form-field-icon svg {
  width: var(--input-icon-size);
  height: var(--input-icon-size);
}
.ui-form-field .form-field-input-container:focus-within .form-field-icon {
  color: var(--input-icon-focus-color);
}
.ui-form-field .form-field-password-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: var(--input-icon-color);
  cursor: pointer;
  border-radius: 50%;
  transition: color 150ms ease, background-color 150ms ease;
}
.ui-form-field .form-field-password-toggle:hover {
  color: var(--input-icon-focus-color);
  background: var(--color-gray-1);
}
.ui-form-field .form-field-password-toggle:active {
  background: var(--color-gray-2);
}
.ui-form-field .form-field-password-toggle svg {
  width: var(--input-icon-size);
  height: var(--input-icon-size);
}
.ui-form-field .form-field-hint {
  font-size: var(--input-hint-font-size);
  color: var(--input-hint-color);
  margin: var(--input-hint-margin-top) 0 0;
  line-height: 1.4;
}
.ui-form-field .form-field-error {
  font-size: var(--input-hint-font-size);
  color: var(--input-error-text-color);
  margin: var(--input-hint-margin-top) 0 0;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-form-field .form-field-error::before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FE480B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.ui-form-field[data-size=sm] .form-field-input-container {
  height: var(--input-sm-height);
  border-radius: var(--input-sm-border-radius);
  padding: 0 var(--input-sm-padding-x);
}
.ui-form-field[data-size=sm] .ui-input {
  font-size: var(--input-sm-font-size);
}
.ui-form-field[data-size=lg] .form-field-input-container {
  height: var(--input-lg-height);
  border-radius: var(--input-lg-border-radius);
  padding: 0 var(--input-lg-padding-x);
}
.ui-form-field[data-size=lg] .ui-input {
  font-size: var(--input-lg-font-size);
}
.ui-form-field .form-field-input-container[data-error=true] {
  border-color: var(--input-error-border-color);
}
.ui-form-field .form-field-input-container[data-error=true]:focus-within {
  border-color: var(--input-error-border-color);
  box-shadow: 0 0 0 3px rgba(254, 72, 11, 0.15);
}
.ui-form-field .form-field-input-container[data-disabled=true] {
  background: var(--input-disabled-bg);
  border-color: var(--input-disabled-border-color);
  cursor: not-allowed;
}
.ui-form-field .form-field-input-container[data-disabled=true]:focus-within {
  border-color: var(--input-disabled-border-color);
  box-shadow: none;
}
.ui-form-field .form-field-input-container[data-disabled=true] .ui-input {
  color: var(--input-disabled-text-color);
}
.ui-form-field .form-field-input-container[data-disabled=true] .ui-input::placeholder {
  color: var(--input-disabled-placeholder-color);
}
.ui-form-field .form-field-input-container[data-disabled=true] .form-field-icon {
  color: var(--input-disabled-text-color);
}
.ui-textarea {
  width: 100%;
  min-height: 6rem;
  padding: 0.75rem var(--input-md-padding-x);
  font-size: var(--input-md-font-size);
  font-family: inherit;
  color: var(--input-text-color);
  background: var(--input-bg);
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: 1.25rem;
  resize: vertical;
  transition: var(--input-transition);
}
.ui-textarea::placeholder {
  color: var(--input-placeholder-color);
}
.ui-textarea[data-focus] {
  border-color: var(--input-focus-border-color);
  box-shadow: 0 0 0 3px var(--input-focus-ring-color);
  outline: none;
}
.ui-textarea[data-error=true] {
  border-color: var(--input-error-border-color);
  background: var(--input-error-bg);
}
.ui-textarea[data-size=sm] {
  font-size: var(--input-sm-font-size);
  padding: 0.625rem var(--input-sm-padding-x);
}
.ui-textarea[data-size=lg] {
  font-size: var(--input-lg-font-size);
  padding: 0.875rem var(--input-lg-padding-x);
}
.ui-textarea:disabled {
  background: var(--input-disabled-bg);
  border-color: var(--input-disabled-border-color);
  color: var(--input-disabled-text-color);
}
.ui-modal-overlay {
  position: fixed;
  inset: 0;
  background: var(--modal-overlay-bg);
  -webkit-backdrop-filter: blur(var(--modal-overlay-blur));
  backdrop-filter: blur(var(--modal-overlay-blur));
  display: flex;
  z-index: 1000;
  overflow: hidden;
  overscroll-behavior: contain;
  touch-action: none;
  animation: modalOverlayIn var(--modal-animation-duration) var(--modal-animation-easing);
}
.ui-modal-overlay[data-variant=dialog] {
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.ui-modal-overlay[data-variant=sheet] {
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 600px) {
  .ui-modal-overlay[data-variant=sheet][data-size=tall] {
    align-items: center;
    padding: 1rem;
  }
}
.ui-modal-overlay[data-exit] {
  animation: modalOverlayOut var(--modal-animation-duration) var(--modal-animation-easing);
}
.modal-container {
  background: var(--modal-bg);
  padding: var(--modal-padding);
  box-shadow: var(--modal-shadow);
  width: 100%;
  max-width: var(--modal-max-width);
  display: flex;
  flex-direction: column;
}
.modal-container:focus,
.modal-container:focus-visible {
  outline: none;
}
.modal-container[data-variant=dialog] {
  border-radius: var(--modal-border-radius);
  animation: modalDialogIn var(--modal-animation-duration) var(--modal-animation-easing);
}
.modal-container[data-variant=dialog][data-exit] {
  animation: modalDialogOut var(--modal-animation-duration) var(--modal-animation-easing);
}
.modal-container[data-variant=sheet] {
  border-radius: var(--modal-border-radius) var(--modal-border-radius) 0 0;
  animation: modalSheetIn var(--modal-animation-duration) var(--modal-animation-easing);
  max-height: 90vh;
  touch-action: pan-y;
  overscroll-behavior: contain;
  padding-bottom: calc(var(--modal-padding) + env(safe-area-inset-bottom, 0px));
}
.modal-container[data-variant=sheet][data-exit] {
  animation: modalSheetOut var(--modal-animation-duration) var(--modal-animation-easing);
}
.modal-container[data-variant=sheet] .modal-content {
  min-height: 0;
}
.modal-container[data-variant=sheet][data-size=tall] {
  --modal-close-size: var(--modal-tall-close-size);
  height: calc(100vh - 2rem);
  height: calc(100dvh - max(2rem, env(safe-area-inset-top) + 1rem));
  max-height: none;
}
.modal-container[data-variant=sheet][data-size=tall] .modal-content {
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (min-width: 600px) {
  .modal-container[data-variant=sheet][data-size=tall] {
    max-width: var(--modal-tall-max-width);
    height: min(48rem, 100dvh - 2rem);
    padding-bottom: var(--modal-padding);
    border-radius: var(--modal-border-radius);
    animation: modalDialogIn var(--modal-animation-duration) var(--modal-animation-easing);
  }
  .modal-container[data-variant=sheet][data-size=tall][data-exit] {
    animation: modalDialogOut var(--modal-animation-duration) var(--modal-animation-easing);
  }
  .modal-container[data-variant=sheet][data-size=tall] .modal-drag-handle {
    display: none;
  }
}
.modal-container[data-variant=sheet] .modal-description {
  max-height: calc(90vh - 300px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding-right: 4px;
}
.modal-container[data-variant=sheet] .modal-description::-webkit-scrollbar {
  width: 6px;
}
.modal-container[data-variant=sheet] .modal-description::-webkit-scrollbar-track {
  background: transparent;
}
.modal-container[data-variant=sheet] .modal-description::-webkit-scrollbar-thumb {
  background: var(--color-gray-3);
  border-radius: 3px;
}
.modal-container[data-variant=sheet] .modal-description::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-4);
}
.modal-drag-handle {
  width: var(--modal-drag-handle-width);
  height: var(--modal-drag-handle-height);
  background: var(--modal-drag-handle-bg);
  border-radius: var(--modal-drag-handle-radius);
  margin: 0 auto 1rem;
  cursor: grab;
  touch-action: none;
}
.modal-drag-handle:active {
  cursor: grabbing;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.modal-header h2 {
  font-size: var(--modal-header-font-size);
  font-weight: var(--modal-header-font-weight);
  color: var(--modal-header-color);
  margin: 0;
  flex: 1;
}
.modal-header {
}
.modal-header__titles {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.modal-close {
  width: var(--modal-close-size);
  height: var(--modal-close-size);
  min-width: var(--modal-close-size);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--modal-close-color);
  cursor: pointer;
  border-radius: 50%;
  transition: color 150ms ease, background-color 150ms ease;
  padding: 0;
}
.modal-close:hover {
  color: var(--modal-close-hover-color);
  background: var(--color-gray-1);
}
.modal-close:focus-visible {
  outline: 2px solid var(--btn-focus-ring-color);
  outline-offset: 2px;
}
.modal-close svg {
  width: 24px;
  height: 24px;
}
.modal-divider {
  height: 1px;
  background: var(--modal-divider-color);
  margin: 1rem 0;
  flex-shrink: 0;
}
.modal-description {
  font-size: var(--modal-description-font-size);
  color: var(--modal-description-color);
  line-height: var(--modal-description-line-height);
  margin: 0 0 1rem;
  white-space: pre-line;
}
.modal-content {
  min-height: var(--modal-content-min-height);
  flex: 1;
}
.modal-content:empty {
  display: none;
}
.modal-footer {
  display: flex;
  flex-direction: column;
  gap: var(--modal-footer-gap);
}
.modal-footer [uiButton] {
  width: 100%;
}
.modal-container[data-variant=dialog] {
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
html.plt-ios body.keyboard-open .modal-container[data-variant=dialog] {
  transform: translateY(calc(var(--keyboard-height, 0px) / -2));
}
@keyframes modalOverlayIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalOverlayOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes modalDialogIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes modalDialogOut {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
}
@keyframes modalSheetIn {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes modalSheetOut {
  to {
    transform: translateY(100%);
  }
}
.ui-notification {
  display: flex;
  align-items: flex-start;
  gap: var(--notif-gap);
  border-radius: var(--notif-border-radius);
  padding: var(--notif-padding);
  border: var(--notif-border-width) solid transparent;
}
.ui-notification .notification-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
}
.ui-notification .notification-content {
  flex: 1;
  min-width: 0;
}
.ui-notification .notification-heading {
  display: block;
  font-size: var(--notif-heading-font-size);
  font-weight: var(--notif-heading-font-weight);
  line-height: 1.4;
}
.ui-notification .notification-body {
  font-size: var(--notif-body-font-size);
  line-height: 1.5;
  margin-top: 2px;
}
.ui-notification .notification-close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  opacity: 0.7;
  transition: opacity 150ms ease;
}
.ui-notification .notification-close:hover {
  opacity: 1;
}
.ui-notification .notification-close:focus-visible {
  opacity: 1;
  outline: 2px solid var(--btn-focus-ring-color, currentColor);
  outline-offset: 2px;
}
.ui-notification[data-variant=light][data-kind=info] {
  background: var(--notif-info-light-bg);
  border-color: var(--notif-info-light-border);
}
.ui-notification[data-variant=light][data-kind=info] .notification-icon {
  color: var(--notif-info-icon-color);
}
.ui-notification[data-variant=light][data-kind=info] .notification-heading {
  color: var(--notif-info-light-heading);
}
.ui-notification[data-variant=light][data-kind=info] .notification-body {
  color: var(--notif-info-light-body);
}
.ui-notification[data-variant=light][data-kind=info] .notification-close {
  color: var(--notif-info-light-heading);
}
.ui-notification[data-variant=light][data-kind=success] {
  background: var(--notif-success-light-bg);
  border-color: var(--notif-success-light-border);
}
.ui-notification[data-variant=light][data-kind=success] .notification-icon {
  color: var(--notif-success-icon-color);
}
.ui-notification[data-variant=light][data-kind=success] .notification-heading {
  color: var(--notif-success-light-heading);
}
.ui-notification[data-variant=light][data-kind=success] .notification-body {
  color: var(--notif-success-light-body);
}
.ui-notification[data-variant=light][data-kind=success] .notification-close {
  color: var(--notif-success-light-heading);
}
.ui-notification[data-variant=light][data-kind=warning] {
  background: var(--notif-warning-light-bg);
  border-color: var(--notif-warning-light-border);
}
.ui-notification[data-variant=light][data-kind=warning] .notification-icon {
  color: var(--notif-warning-icon-color);
}
.ui-notification[data-variant=light][data-kind=warning] .notification-heading {
  color: var(--notif-warning-light-heading);
}
.ui-notification[data-variant=light][data-kind=warning] .notification-body {
  color: var(--notif-warning-light-body);
}
.ui-notification[data-variant=light][data-kind=warning] .notification-close {
  color: var(--notif-warning-light-heading);
}
.ui-notification[data-variant=light][data-kind=error] {
  background: var(--notif-error-light-bg);
  border-color: var(--notif-error-light-border);
}
.ui-notification[data-variant=light][data-kind=error] .notification-icon {
  color: var(--notif-error-icon-color);
}
.ui-notification[data-variant=light][data-kind=error] .notification-heading {
  color: var(--notif-error-light-heading);
}
.ui-notification[data-variant=light][data-kind=error] .notification-body {
  color: var(--notif-error-light-body);
}
.ui-notification[data-variant=light][data-kind=error] .notification-close {
  color: var(--notif-error-light-heading);
}
.ui-notification[data-variant=filled][data-kind=info] {
  background: var(--notif-info-filled-bg);
}
.ui-notification[data-variant=filled][data-kind=info] .notification-icon {
  color: var(--notif-info-filled-icon);
}
.ui-notification[data-variant=filled][data-kind=info] .notification-heading,
.ui-notification[data-variant=filled][data-kind=info] .notification-body,
.ui-notification[data-variant=filled][data-kind=info] .notification-close {
  color: var(--notif-info-filled-text);
}
.ui-notification[data-variant=filled][data-kind=success] {
  background: var(--notif-success-filled-bg);
}
.ui-notification[data-variant=filled][data-kind=success] .notification-icon {
  color: var(--notif-success-filled-icon);
}
.ui-notification[data-variant=filled][data-kind=success] .notification-heading,
.ui-notification[data-variant=filled][data-kind=success] .notification-body,
.ui-notification[data-variant=filled][data-kind=success] .notification-close {
  color: var(--notif-success-filled-text);
}
.ui-notification[data-variant=filled][data-kind=warning] {
  background: var(--notif-warning-filled-bg);
}
.ui-notification[data-variant=filled][data-kind=warning] .notification-icon {
  color: var(--notif-warning-filled-icon);
}
.ui-notification[data-variant=filled][data-kind=warning] .notification-heading,
.ui-notification[data-variant=filled][data-kind=warning] .notification-body,
.ui-notification[data-variant=filled][data-kind=warning] .notification-close {
  color: var(--notif-warning-filled-text);
}
.ui-notification[data-variant=filled][data-kind=error] {
  background: var(--notif-error-filled-bg);
}
.ui-notification[data-variant=filled][data-kind=error] .notification-icon {
  color: var(--notif-error-filled-icon);
}
.ui-notification[data-variant=filled][data-kind=error] .notification-heading,
.ui-notification[data-variant=filled][data-kind=error] .notification-body,
.ui-notification[data-variant=filled][data-kind=error] .notification-close {
  color: var(--notif-error-filled-text);
}
.ui-option-card {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px 20px;
  background: var(--app-surface, var(--color-white));
  border: 1px solid var(--color-jet-black);
  border-radius: 24px;
  font-size: 1rem;
  font-weight: var(--fw-medium);
  color: var(--color-jet-black);
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    color 150ms ease;
  text-align: left;
}
.ui-option-card:hover:not([data-selected]) {
  background-color: var(--color-gray-1);
}
.ui-option-card:focus-visible {
  outline: 2px solid var(--color-fresh-sky);
  outline-offset: 2px;
}
.ui-option-card[data-selected] {
  background-color: var(--color-jet-black);
  border-color: var(--color-jet-black);
  color: var(--color-white);
}
.ui-option-card[data-selected] ng-icon,
.ui-option-card[data-selected] .option-icon {
  color: var(--color-white);
}
.ui-option-card ng-icon,
.ui-option-card .option-icon {
  width: 20px;
  height: 20px;
  color: var(--color-jet-black);
  flex-shrink: 0;
  transition: color 150ms ease;
}
body.dark-theme .ui-option-card {
  border-color: #555;
}
body.dark-theme .ui-option-card[data-selected] {
  background-color: var(--color-sunflower-gold);
  border-color: var(--color-sunflower-gold);
  color: #1a1a1a;
}
body.dark-theme .ui-option-card[data-selected] ng-icon,
body.dark-theme .ui-option-card[data-selected] .option-icon {
  color: #1a1a1a;
}
.ui-otp {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.ui-otp .otp-label {
  font-size: var(--otp-label-font-size);
  font-weight: var(--otp-label-font-weight);
  color: var(--otp-label-color);
  margin-bottom: var(--otp-label-margin-bottom);
}
.ui-otp .otp-container {
  position: relative;
}
.ui-otp .otp-hidden-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ui-otp .otp-slots {
  display: flex;
  gap: var(--otp-slot-gap);
}
.ui-otp .otp-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--otp-slot-size);
  height: var(--otp-slot-size);
  border: var(--otp-slot-border-width) solid var(--otp-slot-border-color);
  border-radius: var(--otp-slot-border-radius);
  background: var(--otp-slot-bg);
  font-size: var(--otp-slot-font-size);
  font-weight: var(--otp-slot-font-weight);
  color: var(--otp-slot-text-color);
  transition: var(--otp-transition);
  cursor: text;
  position: relative;
  box-sizing: border-box;
}
.ui-otp .otp-slot[data-placeholder] {
  color: var(--otp-slot-placeholder-color);
}
.ui-otp .otp-slot[data-active] {
  border-color: var(--otp-slot-focus-border-color);
  box-shadow: 0 0 0 3px var(--otp-slot-focus-ring-color);
}
.ui-otp .otp-slot[data-caret]::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 24px;
  background: var(--otp-slot-focus-border-color);
  animation: otp-blink 1s infinite;
}
.ui-otp .otp-hint {
  font-size: var(--otp-hint-font-size);
  color: var(--otp-hint-color);
  margin: var(--otp-hint-margin-top) 0 0;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-otp .otp-hint::before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235D8C9B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.ui-otp .otp-error {
  font-size: var(--otp-hint-font-size);
  color: var(--otp-error-color);
  margin: var(--otp-hint-margin-top) 0 0;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-otp .otp-error::before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FE480B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.ui-otp .otp-container[data-error=true] .otp-slot {
  border-color: var(--otp-slot-error-border-color);
}
.ui-otp .otp-container[data-error=true] .otp-slot[data-active] {
  border-color: var(--otp-slot-error-border-color);
  box-shadow: 0 0 0 3px rgba(254, 72, 11, 0.15);
}
.ui-otp .otp-container[data-disabled=true] .otp-slot {
  background: var(--otp-slot-disabled-bg);
  border-color: var(--otp-slot-disabled-border-color);
  color: var(--otp-slot-disabled-text-color);
  cursor: not-allowed;
}
.ui-otp .otp-container[data-disabled=true] .otp-slot[data-placeholder] {
  color: var(--otp-slot-disabled-text-color);
}
.ui-otp .otp-container[data-masked=true] .otp-slot[data-filled] {
  font-size: 0;
}
.ui-otp .otp-container[data-masked=true] .otp-slot[data-filled]::before {
  content: "";
  width: var(--otp-dot-size);
  height: var(--otp-dot-size);
  border-radius: 50%;
  background: var(--otp-dot-color);
}
.ui-otp .otp-container[data-masked=true][data-disabled=true] .otp-slot[data-filled]::before {
  background: var(--otp-slot-disabled-text-color);
}
@keyframes otp-blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
.ui-page-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px;
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
  flex-shrink: 0;
}
.ui-page-footer[data-variant=glass] {
  background: var(--glass-1-bg);
  backdrop-filter: blur(var(--glass-1-blur));
  -webkit-backdrop-filter: blur(var(--glass-1-blur));
  box-shadow: var(--glass-1-shadow);
}
.ui-page-footer[data-variant=glass]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--glass-1-border);
}
.ui-page-footer[data-variant=solid] {
  background: var(--app-surface, var(--color-white));
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
}
.ui-page-footer[data-variant=transparent] {
  background: transparent;
}
.ui-page-footer .footer-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}
.ui-page-footer .pagination-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-gray-300, #d1d5db);
  transition: all 0.2s ease;
}
.ui-page-footer .pagination-dot.active {
  width: 24px;
  border-radius: 4px;
  background-color: var(--color-gray-600, #4b5563);
}
.ui-page-footer .pagination-dot.completed {
  background-color: var(--color-gray-500, #6b7280);
}
body.dark-theme .ui-page-footer .pagination-dot {
  background-color: #444;
}
body.dark-theme .ui-page-footer .pagination-dot.active {
  background-color: var(--color-sunflower-gold);
}
body.dark-theme .ui-page-footer .pagination-dot.completed {
  background-color: #999;
}
.ui-page-header {
  display: block;
  position: relative;
  background: var(--page-header-bg);
  border-radius: var(--page-header-border-radius);
  min-height: var(--page-header-min-height);
  padding: var(--page-header-padding);
}
.ui-page-header .page-header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--page-header-gap);
}
.ui-page-header .page-header-help {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: var(--page-header-title-color);
  position: absolute;
  top: calc(env(safe-area-inset-top) + 8px);
  right: 12px;
  -webkit-tap-highlight-color: transparent;
}
.ui-page-header .page-header-help:active {
  opacity: 0.7;
}
.ui-page-header .page-header-title {
  font-family: var(--page-header-title-font-family);
  color: var(--page-header-title-color);
  font-size: var(--page-header-title-font-size);
  font-weight: var(--page-header-title-font-weight);
  line-height: var(--page-header-title-line-height);
  text-align: var(--page-header-title-text-align);
  margin: 0;
}
.ui-page-header[data-variant=dark] {
  background: var(--page-header-bg);
}
.ui-page-header[data-variant=dark] .page-header-title {
  color: var(--page-header-title-color);
}
.ui-page-header[data-variant=light] {
  background: var(--page-header-light-bg);
}
.ui-page-header[data-variant=light] .page-header-title {
  color: var(--page-header-light-title-color);
}
.ui-page-header[data-variant=light] .page-header-help {
  color: var(--page-header-light-title-color);
}
.ui-pagination {
  display: flex;
  align-items: center;
  gap: var(--pagination-gap);
}
.ui-pagination .pagination-dot {
  width: var(--pagination-dot-size);
  height: var(--pagination-dot-size);
  border-radius: var(--pagination-dot-border-radius);
  border: var(--pagination-dot-border-width) solid transparent;
  box-sizing: border-box;
  transition: var(--pagination-transition);
  flex-shrink: 0;
}
.ui-pagination .pagination-dot[data-active] {
  width: var(--pagination-dot-active-width);
  background-color: transparent;
}
.ui-pagination[data-variant=dark] .pagination-dot {
  background-color: var(--pagination-dark-dot-border);
}
.ui-pagination[data-variant=dark] .pagination-dot[data-active] {
  background-color: transparent;
  border-color: var(--pagination-dark-dot-border);
}
.ui-pagination[data-variant=light] .pagination-dot {
  background-color: var(--pagination-light-dot-border);
}
.ui-pagination[data-variant=light] .pagination-dot[data-active] {
  background-color: transparent;
  border-color: var(--pagination-light-dot-border);
}
[ngpSelectDropdown],
.select-dropdown {
  width: var(--ngp-select-width) !important;
  min-width: var(--ngp-select-width) !important;
  background: var(--input-bg) !important;
  border: var(--input-border-width) solid var(--input-border-color) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  padding: 8px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  z-index: 10000 !important;
  position: absolute !important;
  box-sizing: border-box !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  transform-origin: var(--ngp-select-transform-origin, top center) !important;
}
[ngpSelectDropdown][data-enter],
.select-dropdown[data-enter] {
  animation: select-dropdown-show 0.15s ease-out !important;
}
[ngpSelectDropdown][data-exit],
.select-dropdown[data-exit] {
  animation: select-dropdown-hide 0.1s ease-out !important;
}
[ngpSelectDropdown] .select-option,
[ngpSelectDropdown] [ngpSelectOption],
.select-dropdown .select-option,
.select-dropdown [ngpSelectOption] {
  display: flex;
  align-items: center;
  gap: var(--input-gap);
  padding: 14px 8px;
  min-height: 52px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--input-md-font-size);
  font-weight: var(--fw-regular);
  color: var(--input-text-color);
  transition: background-color 150ms ease, color 150ms ease;
  background: transparent;
  border-radius: 12px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[ngpSelectDropdown] .select-option:hover,
[ngpSelectDropdown] .select-option[data-active=true],
[ngpSelectDropdown] [ngpSelectOption]:hover,
[ngpSelectDropdown] [ngpSelectOption][data-active=true],
.select-dropdown .select-option:hover,
.select-dropdown .select-option[data-active=true],
.select-dropdown [ngpSelectOption]:hover,
.select-dropdown [ngpSelectOption][data-active=true] {
  background-color: var(--color-gray-1);
}
[ngpSelectDropdown] .select-option[data-selected=true],
[ngpSelectDropdown] [ngpSelectOption][data-selected=true],
.select-dropdown .select-option[data-selected=true],
.select-dropdown [ngpSelectOption][data-selected=true] {
  background-color: var(--color-jet-black);
  color: var(--color-white);
  font-weight: var(--fw-medium);
}
[ngpSelectDropdown] .select-empty,
.select-dropdown .select-empty {
  padding: 24px 16px;
  text-align: center;
  color: var(--input-placeholder-color);
  font-size: var(--input-md-font-size);
}
.ui-select {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ui-select .select-label {
  font-size: var(--input-label-font-size);
  font-weight: var(--input-label-font-weight);
  color: var(--input-label-color);
  margin-bottom: var(--input-label-margin-bottom);
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-select .select-required {
  color: var(--input-required-color);
}
.ui-select [ngpSelect] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--input-bg);
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-md-border-radius);
  padding: 0 var(--input-md-padding-x);
  height: var(--input-md-height);
  min-height: 56px;
  transition: var(--input-transition);
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.ui-select [ngpSelect]:focus,
.ui-select [ngpSelect][data-focus=true],
.ui-select [ngpSelect][data-open=true] {
  border-color: var(--input-focus-border-color);
  box-shadow: 0 0 0 3px var(--input-focus-ring-color);
  outline: none;
}
.ui-select .select-value {
  flex: 1;
  font-size: var(--input-md-font-size);
  color: var(--input-text-color);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-select .select-placeholder {
  flex: 1;
  font-size: var(--input-md-font-size);
  color: var(--input-placeholder-color);
  min-width: 0;
}
.ui-select .select-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--input-icon-color);
  transition: transform 150ms ease;
  flex-shrink: 0;
}
.ui-select [ngpSelect][data-open=true] .select-icon {
  transform: rotate(180deg);
}
.ui-select .select-error {
  font-size: var(--input-hint-font-size);
  color: var(--input-error-text-color);
  margin: var(--input-hint-margin-top) 0 0;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-select .select-error::before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FE480B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.ui-select[data-size=sm] [ngpSelect] {
  height: var(--input-sm-height);
  border-radius: var(--input-sm-border-radius);
  padding: 0 var(--input-sm-padding-x);
}
.ui-select[data-size=sm] [ngpSelect] .select-value,
.ui-select[data-size=sm] [ngpSelect] .select-placeholder {
  font-size: var(--input-sm-font-size);
}
.ui-select[data-size=lg] [ngpSelect] {
  height: var(--input-lg-height);
  border-radius: var(--input-lg-border-radius);
  padding: 0 var(--input-lg-padding-x);
}
.ui-select[data-size=lg] [ngpSelect] .select-value,
.ui-select[data-size=lg] [ngpSelect] .select-placeholder {
  font-size: var(--input-lg-font-size);
}
.ui-select[data-error=true] [ngpSelect] {
  border-color: var(--input-error-border-color);
}
.ui-select[data-error=true] [ngpSelect]:focus,
.ui-select[data-error=true] [ngpSelect][data-focus=true],
.ui-select[data-error=true] [ngpSelect][data-open=true] {
  border-color: var(--input-error-border-color);
  box-shadow: 0 0 0 3px rgba(254, 72, 11, 0.15);
}
.ui-select[data-disabled=true] [ngpSelect] {
  background: var(--input-disabled-bg);
  border-color: var(--input-disabled-border-color);
  cursor: not-allowed;
}
.ui-select[data-disabled=true] [ngpSelect] .select-value {
  color: var(--input-disabled-text-color);
}
.ui-select[data-disabled=true] [ngpSelect] .select-placeholder {
  color: var(--input-disabled-placeholder-color);
}
.ui-select[data-disabled=true] [ngpSelect] .select-icon {
  color: var(--input-disabled-text-color);
}
@keyframes select-dropdown-show {
  0% {
    opacity: 0;
    transform: scaleY(0.9);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes select-dropdown-hide {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0.9);
  }
}
.ui-tabs {
  display: flex;
  flex-direction: column;
}
.ui-tabs[data-variant=bottom-nav] .ui-tab-list {
  background: var(--tabs-bg);
  border-radius: var(--tabs-border-radius);
  padding: var(--tabs-padding);
  box-shadow: var(--tabs-shadow);
}
.ui-tabs[data-variant=bottom-nav] .ui-tab-item {
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.ui-tabs[data-variant=bottom-nav] .ui-tab-item .tab-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-tabs[data-variant=bottom-nav] .ui-tab-item[data-active]:not(.route-active) {
  color: var(--tabs-item-color);
}
.ui-tabs[data-variant=bottom-nav] .ui-tab-item[data-active]:not(.route-active) ng-icon,
.ui-tabs[data-variant=bottom-nav] .ui-tab-item[data-active]:not(.route-active) .tab-icon {
  color: var(--tabs-item-icon-color);
}
.ui-tab-list {
  display: flex;
  gap: var(--tabs-list-gap);
  position: relative;
}
.tab-indicator {
  position: absolute;
  top: var(--tabs-indicator-inset-y, 0);
  bottom: var(--tabs-indicator-inset-y, 0);
  left: 0;
  background: var(--tabs-item-active-bg);
  border-radius: var(--tabs-item-border-radius);
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
.ui-tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tabs-item-gap);
  padding: var(--tabs-item-padding);
  border-radius: var(--tabs-item-border-radius);
  background: transparent;
  color: var(--tabs-item-color);
  font-size: var(--tabs-item-font-size);
  font-weight: var(--tabs-item-font-weight);
  border: none;
  cursor: pointer;
  transition: var(--tabs-transition);
  position: relative;
  z-index: 1;
}
.ui-tab-item ng-icon,
.ui-tab-item .tab-icon {
  color: var(--tabs-item-icon-color);
  transition: var(--tabs-transition);
}
.ui-tab-item:hover:not([data-active]) {
  background: var(--tabs-item-hover-bg);
}
.ui-tab-item[data-active],
.ui-tab-item.route-active {
  color: var(--tabs-item-active-color);
}
.ui-tab-item[data-active] ng-icon,
.ui-tab-item[data-active] .tab-icon,
.ui-tab-item.route-active ng-icon,
.ui-tab-item.route-active .tab-icon {
  color: var(--tabs-item-active-icon-color);
}
.ui-tab-item:focus-visible {
  outline: 2px solid var(--color-fresh-sky);
  outline-offset: 2px;
}
.ui-tab-item[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.tab-label {
  white-space: nowrap;
}
.ui-tab-panel {
  padding: var(--tabs-panel-padding);
}
.ui-tab-panel:not([data-active]) {
  display: none;
}
.status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.status-dot--green {
  background: var(--color-lime-green);
}
.status-dot--blue {
  background: var(--color-fresh-sky);
}
:root {
  --guest-bg-top: #fff8ea;
  --guest-bg-bottom: #f8ecd6;
  --guest-surface: #ffffff;
  --guest-border: #ecdcbc;
  --guest-label: #7a6638;
  --guest-text: var(--color-jet-black);
  --guest-placeholder: #e2d3b2;
  --guest-focus: rgba(242, 184, 75, 0.45);
  --guest-error: var(--app-text-error);
  --guest-logo-ink: var(--logo-ink);
  --guest-live-page: #fbf8f2;
  --guest-live-control: #ffffff;
  --guest-live-hairline: #ece3d1;
  --guest-sound-on: var(--color-sunflower-gold);
  --guest-sound-ink: #23393f;
  --guest-logo-plate: #ffffff;
  --guest-column-width: 40rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --guest-bg-top: #211c13;
    --guest-bg-bottom: #17140e;
    --guest-surface: #2b251a;
    --guest-border: #3d3424;
    --guest-label: #d9c69c;
    --guest-text: #f6eedd;
    --guest-placeholder: #4a4030;
    --guest-logo-ink: var(--guest-text);
  }
}
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: "\a0";
}
.fi.fis {
  width: 1em;
}
.fi-xx {
  background-image: url("./media/xx-PLWBNAIN.svg");
}
.fi-xx.fis {
  background-image: url("./media/xx-G3UIP7DW.svg");
}
.fi-ad {
  background-image: url("./media/ad-WVS4VU5Z.svg");
}
.fi-ad.fis {
  background-image: url("./media/ad-CSZHNGVR.svg");
}
.fi-ae {
  background-image: url("./media/ae-6FRK6AZM.svg");
}
.fi-ae.fis {
  background-image: url("./media/ae-2A7XNIFU.svg");
}
.fi-af {
  background-image: url("./media/af-YYCQZTMI.svg");
}
.fi-af.fis {
  background-image: url("./media/af-INKHBY43.svg");
}
.fi-ag {
  background-image: url("./media/ag-MLHWUEFS.svg");
}
.fi-ag.fis {
  background-image: url("./media/ag-4TWHSYGO.svg");
}
.fi-ai {
  background-image: url("./media/ai-FINFSMYB.svg");
}
.fi-ai.fis {
  background-image: url("./media/ai-USZU7BF3.svg");
}
.fi-al {
  background-image: url("./media/al-LX4JVSFF.svg");
}
.fi-al.fis {
  background-image: url("./media/al-JAZ3J42J.svg");
}
.fi-am {
  background-image: url("./media/am-P5ZIE6XV.svg");
}
.fi-am.fis {
  background-image: url("./media/am-GSESEJM5.svg");
}
.fi-ao {
  background-image: url("./media/ao-UT6SIN5N.svg");
}
.fi-ao.fis {
  background-image: url("./media/ao-3RQCMZL6.svg");
}
.fi-aq {
  background-image: url("./media/aq-ZYPY4U2R.svg");
}
.fi-aq.fis {
  background-image: url("./media/aq-6LPVLOJ5.svg");
}
.fi-ar {
  background-image: url("./media/ar-MIEAOHWP.svg");
}
.fi-ar.fis {
  background-image: url("./media/ar-ADBHFCB5.svg");
}
.fi-as {
  background-image: url("./media/as-AFSH7LPB.svg");
}
.fi-as.fis {
  background-image: url("./media/as-UKIT7IQG.svg");
}
.fi-at {
  background-image: url("./media/at-LOEZTH7U.svg");
}
.fi-at.fis {
  background-image: url("./media/at-57ZS3UEH.svg");
}
.fi-au {
  background-image: url("./media/au-G5MX3IJM.svg");
}
.fi-au.fis {
  background-image: url("./media/au-65DV5A7C.svg");
}
.fi-aw {
  background-image: url("./media/aw-77CRWWSI.svg");
}
.fi-aw.fis {
  background-image: url("./media/aw-HDZESU3O.svg");
}
.fi-ax {
  background-image: url("./media/ax-KKUASZ2E.svg");
}
.fi-ax.fis {
  background-image: url("./media/ax-74KRLXQ4.svg");
}
.fi-az {
  background-image: url("./media/az-NDX32BEU.svg");
}
.fi-az.fis {
  background-image: url("./media/az-DODTDJFK.svg");
}
.fi-ba {
  background-image: url("./media/ba-U3MTPTGM.svg");
}
.fi-ba.fis {
  background-image: url("./media/ba-662VQHCC.svg");
}
.fi-bb {
  background-image: url("./media/bb-J5IMGOVD.svg");
}
.fi-bb.fis {
  background-image: url("./media/bb-HEBFUVVN.svg");
}
.fi-bd {
  background-image: url("./media/bd-HMCXBQD3.svg");
}
.fi-bd.fis {
  background-image: url("./media/bd-3WQOALJA.svg");
}
.fi-be {
  background-image: url("./media/be-O7GM6FZX.svg");
}
.fi-be.fis {
  background-image: url("./media/be-RXMHZQOU.svg");
}
.fi-bf {
  background-image: url("./media/bf-IFOTMWPV.svg");
}
.fi-bf.fis {
  background-image: url("./media/bf-LAHWWADE.svg");
}
.fi-bg {
  background-image: url("./media/bg-E7TOOTKR.svg");
}
.fi-bg.fis {
  background-image: url("./media/bg-2XZIGVGO.svg");
}
.fi-bh {
  background-image: url("./media/bh-F7YG7A6Z.svg");
}
.fi-bh.fis {
  background-image: url("./media/bh-QSDHTEIW.svg");
}
.fi-bi {
  background-image: url("./media/bi-U2ZALGUG.svg");
}
.fi-bi.fis {
  background-image: url("./media/bi-WD3FHDHV.svg");
}
.fi-bj {
  background-image: url("./media/bj-CN25RSKN.svg");
}
.fi-bj.fis {
  background-image: url("./media/bj-CSYFBYJX.svg");
}
.fi-bl {
  background-image: url("./media/bl-BVLZS6N6.svg");
}
.fi-bl.fis {
  background-image: url("./media/bl-FQR6M52P.svg");
}
.fi-bm {
  background-image: url("./media/bm-UJYJRUXQ.svg");
}
.fi-bm.fis {
  background-image: url("./media/bm-OUTZ6BCH.svg");
}
.fi-bn {
  background-image: url("./media/bn-YE5LSPKO.svg");
}
.fi-bn.fis {
  background-image: url("./media/bn-JZPMRRNL.svg");
}
.fi-bo {
  background-image: url("./media/bo-T2X2U5Y2.svg");
}
.fi-bo.fis {
  background-image: url("./media/bo-I64H4HM7.svg");
}
.fi-bq {
  background-image: url("./media/bq-63KYFP2P.svg");
}
.fi-bq.fis {
  background-image: url("./media/bq-NCZV5VRJ.svg");
}
.fi-br {
  background-image: url("./media/br-3Y26HUAJ.svg");
}
.fi-br.fis {
  background-image: url("./media/br-M6TFAL6M.svg");
}
.fi-bs {
  background-image: url("./media/bs-2C7RMWIG.svg");
}
.fi-bs.fis {
  background-image: url("./media/bs-D7DELWN7.svg");
}
.fi-bt {
  background-image: url("./media/bt-XSK7E7FD.svg");
}
.fi-bt.fis {
  background-image: url("./media/bt-DI23WV4Q.svg");
}
.fi-bv {
  background-image: url("./media/bv-3PDSPR4E.svg");
}
.fi-bv.fis {
  background-image: url("./media/bv-WN3KBQRU.svg");
}
.fi-bw {
  background-image: url("./media/bw-34ZWNZWI.svg");
}
.fi-bw.fis {
  background-image: url("./media/bw-UGYDHEK3.svg");
}
.fi-by {
  background-image: url("./media/by-3TFC4SNR.svg");
}
.fi-by.fis {
  background-image: url("./media/by-VH23K4GM.svg");
}
.fi-bz {
  background-image: url("./media/bz-A6YTSORZ.svg");
}
.fi-bz.fis {
  background-image: url("./media/bz-EOOSEAIP.svg");
}
.fi-ca {
  background-image: url("./media/ca-RFV4UZ2Q.svg");
}
.fi-ca.fis {
  background-image: url("./media/ca-WQC5DB53.svg");
}
.fi-cc {
  background-image: url("./media/cc-OVOWQDZT.svg");
}
.fi-cc.fis {
  background-image: url("./media/cc-RPI2SZZG.svg");
}
.fi-cd {
  background-image: url("./media/cd-EWAILBJX.svg");
}
.fi-cd.fis {
  background-image: url("./media/cd-775WWT4L.svg");
}
.fi-cf {
  background-image: url("./media/cf-XZ4EZSBL.svg");
}
.fi-cf.fis {
  background-image: url("./media/cf-NT7STPUR.svg");
}
.fi-cg {
  background-image: url("./media/cg-2HM4F56T.svg");
}
.fi-cg.fis {
  background-image: url("./media/cg-JMHTE5PU.svg");
}
.fi-ch {
  background-image: url("./media/ch-USJZZOGC.svg");
}
.fi-ch.fis {
  background-image: url("./media/ch-XK5AFUZJ.svg");
}
.fi-ci {
  background-image: url("./media/ci-KFEINJVJ.svg");
}
.fi-ci.fis {
  background-image: url("./media/ci-M54FCW6L.svg");
}
.fi-ck {
  background-image: url("./media/ck-ATMQHHMA.svg");
}
.fi-ck.fis {
  background-image: url("./media/ck-2Z4BDAPR.svg");
}
.fi-cl {
  background-image: url("./media/cl-Y567I43B.svg");
}
.fi-cl.fis {
  background-image: url("./media/cl-LIRBEXHU.svg");
}
.fi-cm {
  background-image: url("./media/cm-UKMPYCC7.svg");
}
.fi-cm.fis {
  background-image: url("./media/cm-6SBA3VM6.svg");
}
.fi-cn {
  background-image: url("./media/cn-P7M3XOME.svg");
}
.fi-cn.fis {
  background-image: url("./media/cn-ZNJNV4IL.svg");
}
.fi-co {
  background-image: url("./media/co-NN4OA66V.svg");
}
.fi-co.fis {
  background-image: url("./media/co-O2ECSUVX.svg");
}
.fi-cr {
  background-image: url("./media/cr-ZQEISEUX.svg");
}
.fi-cr.fis {
  background-image: url("./media/cr-DMRHIMC5.svg");
}
.fi-cu {
  background-image: url("./media/cu-IFDVQOOF.svg");
}
.fi-cu.fis {
  background-image: url("./media/cu-VWPEGJ3Z.svg");
}
.fi-cv {
  background-image: url("./media/cv-RMXBYFLP.svg");
}
.fi-cv.fis {
  background-image: url("./media/cv-KJX5SGW5.svg");
}
.fi-cw {
  background-image: url("./media/cw-SO4F3P5A.svg");
}
.fi-cw.fis {
  background-image: url("./media/cw-AJKHVX6T.svg");
}
.fi-cx {
  background-image: url("./media/cx-7UVFV3VV.svg");
}
.fi-cx.fis {
  background-image: url("./media/cx-IZ3KL2GP.svg");
}
.fi-cy {
  background-image: url("./media/cy-OJEUQTEX.svg");
}
.fi-cy.fis {
  background-image: url("./media/cy-EOO2JBKI.svg");
}
.fi-cz {
  background-image: url("./media/cz-PSDLWGGB.svg");
}
.fi-cz.fis {
  background-image: url("./media/cz-QNKUAFG6.svg");
}
.fi-de {
  background-image: url("./media/de-MZUAL5O7.svg");
}
.fi-de.fis {
  background-image: url("./media/de-OZB4IZTT.svg");
}
.fi-dj {
  background-image: url("./media/dj-7WZCZM6N.svg");
}
.fi-dj.fis {
  background-image: url("./media/dj-LE4POCSP.svg");
}
.fi-dk {
  background-image: url("./media/dk-JMBRHM34.svg");
}
.fi-dk.fis {
  background-image: url("./media/dk-RGBW7M2U.svg");
}
.fi-dm {
  background-image: url("./media/dm-YMQF4KNF.svg");
}
.fi-dm.fis {
  background-image: url("./media/dm-XZS4XU7P.svg");
}
.fi-do {
  background-image: url("./media/do-SBKDMMUM.svg");
}
.fi-do.fis {
  background-image: url("./media/do-LX7RYXZN.svg");
}
.fi-dz {
  background-image: url("./media/dz-5TGC2F6O.svg");
}
.fi-dz.fis {
  background-image: url("./media/dz-JVBE53J2.svg");
}
.fi-ec {
  background-image: url("./media/ec-7Z2J7NDS.svg");
}
.fi-ec.fis {
  background-image: url("./media/ec-YQIK2NB2.svg");
}
.fi-ee {
  background-image: url("./media/ee-K3ODV3VK.svg");
}
.fi-ee.fis {
  background-image: url("./media/ee-QZX5D2O5.svg");
}
.fi-eg {
  background-image: url("./media/eg-AR6V26BC.svg");
}
.fi-eg.fis {
  background-image: url("./media/eg-7JACT5ZO.svg");
}
.fi-eh {
  background-image: url("./media/eh-RQWWFEAA.svg");
}
.fi-eh.fis {
  background-image: url("./media/eh-7NPZFSBW.svg");
}
.fi-er {
  background-image: url("./media/er-KIRTBRZF.svg");
}
.fi-er.fis {
  background-image: url("./media/er-3WONC2FU.svg");
}
.fi-es {
  background-image: url("./media/es-W5FXGZQG.svg");
}
.fi-es.fis {
  background-image: url("./media/es-K3QE5W2N.svg");
}
.fi-et {
  background-image: url("./media/et-EWIPOR6K.svg");
}
.fi-et.fis {
  background-image: url("./media/et-QMP3OGKR.svg");
}
.fi-fi {
  background-image: url("./media/fi-S5EH7BG6.svg");
}
.fi-fi.fis {
  background-image: url("./media/fi-E3JGQ7PL.svg");
}
.fi-fj {
  background-image: url("./media/fj-U7G4LWJB.svg");
}
.fi-fj.fis {
  background-image: url("./media/fj-XWXY4C45.svg");
}
.fi-fk {
  background-image: url("./media/fk-F6TQFE43.svg");
}
.fi-fk.fis {
  background-image: url("./media/fk-M6YTU5ZV.svg");
}
.fi-fm {
  background-image: url("./media/fm-MJGAIAPB.svg");
}
.fi-fm.fis {
  background-image: url("./media/fm-T5U4ITOY.svg");
}
.fi-fo {
  background-image: url("./media/fo-M4LV5KMN.svg");
}
.fi-fo.fis {
  background-image: url("./media/fo-4IJHBALY.svg");
}
.fi-fr {
  background-image: url("./media/fr-6U4A3EWN.svg");
}
.fi-fr.fis {
  background-image: url("./media/fr-TMQYSRPC.svg");
}
.fi-ga {
  background-image: url("./media/ga-YVFEOFTR.svg");
}
.fi-ga.fis {
  background-image: url("./media/ga-5UURDNUX.svg");
}
.fi-gb {
  background-image: url("./media/gb-UUF3TOPS.svg");
}
.fi-gb.fis {
  background-image: url("./media/gb-QRYEKRSV.svg");
}
.fi-gd {
  background-image: url("./media/gd-4BNJI5VY.svg");
}
.fi-gd.fis {
  background-image: url("./media/gd-CSSVRXT2.svg");
}
.fi-ge {
  background-image: url("./media/ge-5I22MBRW.svg");
}
.fi-ge.fis {
  background-image: url("./media/ge-LAAYSAQO.svg");
}
.fi-gf {
  background-image: url("./media/gf-GQZN5HJ5.svg");
}
.fi-gf.fis {
  background-image: url("./media/gf-5PJTSXDP.svg");
}
.fi-gg {
  background-image: url("./media/gg-FIL6D5PB.svg");
}
.fi-gg.fis {
  background-image: url("./media/gg-EAZW2EKW.svg");
}
.fi-gh {
  background-image: url("./media/gh-YF6PQ6FW.svg");
}
.fi-gh.fis {
  background-image: url("./media/gh-ISFQEUNF.svg");
}
.fi-gi {
  background-image: url("./media/gi-DN7STW4R.svg");
}
.fi-gi.fis {
  background-image: url("./media/gi-EOG4XJCI.svg");
}
.fi-gl {
  background-image: url("./media/gl-PA2YIJP7.svg");
}
.fi-gl.fis {
  background-image: url("./media/gl-KRCL3NCK.svg");
}
.fi-gm {
  background-image: url("./media/gm-5WF3VK63.svg");
}
.fi-gm.fis {
  background-image: url("./media/gm-7HY34KI6.svg");
}
.fi-gn {
  background-image: url("./media/gn-MSN2M353.svg");
}
.fi-gn.fis {
  background-image: url("./media/gn-6GDXA6D7.svg");
}
.fi-gp {
  background-image: url("./media/gp-XPVJBMQZ.svg");
}
.fi-gp.fis {
  background-image: url("./media/gp-N7HRXPRG.svg");
}
.fi-gq {
  background-image: url("./media/gq-YVZPM5OI.svg");
}
.fi-gq.fis {
  background-image: url("./media/gq-YYJI24Q2.svg");
}
.fi-gr {
  background-image: url("./media/gr-YRG5TXUI.svg");
}
.fi-gr.fis {
  background-image: url("./media/gr-WKNXHTGC.svg");
}
.fi-gs {
  background-image: url("./media/gs-7YZXJO4D.svg");
}
.fi-gs.fis {
  background-image: url("./media/gs-JLTYLCJJ.svg");
}
.fi-gt {
  background-image: url("./media/gt-YX2GRSLF.svg");
}
.fi-gt.fis {
  background-image: url("./media/gt-BF2FD7AX.svg");
}
.fi-gu {
  background-image: url("./media/gu-WAZ6PJUI.svg");
}
.fi-gu.fis {
  background-image: url("./media/gu-5GFPBJ2H.svg");
}
.fi-gw {
  background-image: url("./media/gw-5JOHOM4A.svg");
}
.fi-gw.fis {
  background-image: url("./media/gw-MOUWXICS.svg");
}
.fi-gy {
  background-image: url("./media/gy-USKJNYER.svg");
}
.fi-gy.fis {
  background-image: url("./media/gy-636EOCYC.svg");
}
.fi-hk {
  background-image: url("./media/hk-7PG6PZYV.svg");
}
.fi-hk.fis {
  background-image: url("./media/hk-3TQIFL4W.svg");
}
.fi-hm {
  background-image: url("./media/hm-QK556LBN.svg");
}
.fi-hm.fis {
  background-image: url("./media/hm-LPWLC72J.svg");
}
.fi-hn {
  background-image: url("./media/hn-E5B7VZX4.svg");
}
.fi-hn.fis {
  background-image: url("./media/hn-ATO4TSJZ.svg");
}
.fi-hr {
  background-image: url("./media/hr-GS35EQR2.svg");
}
.fi-hr.fis {
  background-image: url("./media/hr-6DEEZSRK.svg");
}
.fi-ht {
  background-image: url("./media/ht-3IFWGGF6.svg");
}
.fi-ht.fis {
  background-image: url("./media/ht-T6IVA52U.svg");
}
.fi-hu {
  background-image: url("./media/hu-C3DDGX7P.svg");
}
.fi-hu.fis {
  background-image: url("./media/hu-3ULY6T2N.svg");
}
.fi-id {
  background-image: url("./media/id-JSWZPKEB.svg");
}
.fi-id.fis {
  background-image: url("./media/id-CT342IAA.svg");
}
.fi-ie {
  background-image: url("./media/ie-QFERZM3U.svg");
}
.fi-ie.fis {
  background-image: url("./media/ie-H76CLZVR.svg");
}
.fi-il {
  background-image: url("./media/il-QCYKQ6FR.svg");
}
.fi-il.fis {
  background-image: url("./media/il-DCNITDWQ.svg");
}
.fi-im {
  background-image: url("./media/im-I6NNH2NW.svg");
}
.fi-im.fis {
  background-image: url("./media/im-MR3WDGRG.svg");
}
.fi-in {
  background-image: url("./media/in-RFNBK4ET.svg");
}
.fi-in.fis {
  background-image: url("./media/in-2DLPX63L.svg");
}
.fi-io {
  background-image: url("./media/io-7R7OXQKY.svg");
}
.fi-io.fis {
  background-image: url("./media/io-NO27AS2A.svg");
}
.fi-iq {
  background-image: url("./media/iq-55AX5UMN.svg");
}
.fi-iq.fis {
  background-image: url("./media/iq-S6LS2NUN.svg");
}
.fi-ir {
  background-image: url("./media/ir-QAP3XBD4.svg");
}
.fi-ir.fis {
  background-image: url("./media/ir-WC3H5SOH.svg");
}
.fi-is {
  background-image: url("./media/is-3ECY77QF.svg");
}
.fi-is.fis {
  background-image: url("./media/is-IKJDNY7W.svg");
}
.fi-it {
  background-image: url("./media/it-SGJZRZTG.svg");
}
.fi-it.fis {
  background-image: url("./media/it-UM7O24C7.svg");
}
.fi-je {
  background-image: url("./media/je-FN5CO33V.svg");
}
.fi-je.fis {
  background-image: url("./media/je-F5K7ILFN.svg");
}
.fi-jm {
  background-image: url("./media/jm-2KQZARJN.svg");
}
.fi-jm.fis {
  background-image: url("./media/jm-XWWLCPNS.svg");
}
.fi-jo {
  background-image: url("./media/jo-DV2T64H3.svg");
}
.fi-jo.fis {
  background-image: url("./media/jo-L4N4B7NG.svg");
}
.fi-jp {
  background-image: url("./media/jp-I2KXFJBD.svg");
}
.fi-jp.fis {
  background-image: url("./media/jp-65TZY7K2.svg");
}
.fi-ke {
  background-image: url("./media/ke-6FWLA2OA.svg");
}
.fi-ke.fis {
  background-image: url("./media/ke-S65BOELU.svg");
}
.fi-kg {
  background-image: url("./media/kg-X2BMIK3G.svg");
}
.fi-kg.fis {
  background-image: url("./media/kg-TFH62HKQ.svg");
}
.fi-kh {
  background-image: url("./media/kh-CHVZUD2Q.svg");
}
.fi-kh.fis {
  background-image: url("./media/kh-4Z5KN7K4.svg");
}
.fi-ki {
  background-image: url("./media/ki-TZHFSXBP.svg");
}
.fi-ki.fis {
  background-image: url("./media/ki-FYE75PZ7.svg");
}
.fi-km {
  background-image: url("./media/km-PIG23ZAS.svg");
}
.fi-km.fis {
  background-image: url("./media/km-MRWRJE7G.svg");
}
.fi-kn {
  background-image: url("./media/kn-7U3Y5ED7.svg");
}
.fi-kn.fis {
  background-image: url("./media/kn-CCGIQR3T.svg");
}
.fi-kp {
  background-image: url("./media/kp-SEAR4W4Z.svg");
}
.fi-kp.fis {
  background-image: url("./media/kp-YJJ4ZO4H.svg");
}
.fi-kr {
  background-image: url("./media/kr-MU7S6YDV.svg");
}
.fi-kr.fis {
  background-image: url("./media/kr-W7DPZXO5.svg");
}
.fi-kw {
  background-image: url("./media/kw-625K23GU.svg");
}
.fi-kw.fis {
  background-image: url("./media/kw-7NHLMXCH.svg");
}
.fi-ky {
  background-image: url("./media/ky-J6OAXARV.svg");
}
.fi-ky.fis {
  background-image: url("./media/ky-Y3K2RVLW.svg");
}
.fi-kz {
  background-image: url("./media/kz-NYPJSTE2.svg");
}
.fi-kz.fis {
  background-image: url("./media/kz-A63AXCOQ.svg");
}
.fi-la {
  background-image: url("./media/la-EGLFW22S.svg");
}
.fi-la.fis {
  background-image: url("./media/la-UZ4XVL3O.svg");
}
.fi-lb {
  background-image: url("./media/lb-5UW5ZJWS.svg");
}
.fi-lb.fis {
  background-image: url("./media/lb-SW5QMKBD.svg");
}
.fi-lc {
  background-image: url("./media/lc-OULIXNAF.svg");
}
.fi-lc.fis {
  background-image: url("./media/lc-VMHZPRVP.svg");
}
.fi-li {
  background-image: url("./media/li-LTPNGJJM.svg");
}
.fi-li.fis {
  background-image: url("./media/li-SSDUPSSA.svg");
}
.fi-lk {
  background-image: url("./media/lk-W7CR3PX4.svg");
}
.fi-lk.fis {
  background-image: url("./media/lk-EMLG5DDX.svg");
}
.fi-lr {
  background-image: url("./media/lr-KO42VJWL.svg");
}
.fi-lr.fis {
  background-image: url("./media/lr-ETPAOBTN.svg");
}
.fi-ls {
  background-image: url("./media/ls-H76MXNPC.svg");
}
.fi-ls.fis {
  background-image: url("./media/ls-TV2LHLKM.svg");
}
.fi-lt {
  background-image: url("./media/lt-X5H273BZ.svg");
}
.fi-lt.fis {
  background-image: url("./media/lt-RSVM7DR2.svg");
}
.fi-lu {
  background-image: url("./media/lu-Q3PHAGF2.svg");
}
.fi-lu.fis {
  background-image: url("./media/lu-YUFF4VEK.svg");
}
.fi-lv {
  background-image: url("./media/lv-UD2OKAKZ.svg");
}
.fi-lv.fis {
  background-image: url("./media/lv-JFY5ZN55.svg");
}
.fi-ly {
  background-image: url("./media/ly-OZ6WDQ73.svg");
}
.fi-ly.fis {
  background-image: url("./media/ly-WFLGLZ3G.svg");
}
.fi-ma {
  background-image: url("./media/ma-VSPIMR33.svg");
}
.fi-ma.fis {
  background-image: url("./media/ma-AELGTMLU.svg");
}
.fi-mc {
  background-image: url("./media/mc-IV2TK64Y.svg");
}
.fi-mc.fis {
  background-image: url("./media/mc-RWDN7GBP.svg");
}
.fi-md {
  background-image: url("./media/md-3OSMP7CU.svg");
}
.fi-md.fis {
  background-image: url("./media/md-DLAQKR3G.svg");
}
.fi-me {
  background-image: url("./media/me-JF4ISXGZ.svg");
}
.fi-me.fis {
  background-image: url("./media/me-PYQLSQWK.svg");
}
.fi-mf {
  background-image: url("./media/mf-5RTEBV3V.svg");
}
.fi-mf.fis {
  background-image: url("./media/mf-XQEUTB33.svg");
}
.fi-mg {
  background-image: url("./media/mg-7XGP7WEH.svg");
}
.fi-mg.fis {
  background-image: url("./media/mg-JB33C2RL.svg");
}
.fi-mh {
  background-image: url("./media/mh-FZUUKPYM.svg");
}
.fi-mh.fis {
  background-image: url("./media/mh-QQZSE2EP.svg");
}
.fi-mk {
  background-image: url("./media/mk-4CGYETXE.svg");
}
.fi-mk.fis {
  background-image: url("./media/mk-F2FINWYG.svg");
}
.fi-ml {
  background-image: url("./media/ml-REJ3NIH6.svg");
}
.fi-ml.fis {
  background-image: url("./media/ml-XJ6OQGYU.svg");
}
.fi-mm {
  background-image: url("./media/mm-RDY24G3G.svg");
}
.fi-mm.fis {
  background-image: url("./media/mm-LCHQEOG3.svg");
}
.fi-mn {
  background-image: url("./media/mn-GZPVWGU7.svg");
}
.fi-mn.fis {
  background-image: url("./media/mn-W7QXSVY7.svg");
}
.fi-mo {
  background-image: url("./media/mo-LQF6KQBW.svg");
}
.fi-mo.fis {
  background-image: url("./media/mo-E2DHXYUL.svg");
}
.fi-mp {
  background-image: url("./media/mp-7OKXFG5J.svg");
}
.fi-mp.fis {
  background-image: url("./media/mp-RBBNB2UM.svg");
}
.fi-mq {
  background-image: url("./media/mq-KUXVEPE7.svg");
}
.fi-mq.fis {
  background-image: url("./media/mq-76GWDJXU.svg");
}
.fi-mr {
  background-image: url("./media/mr-WHEUMQBT.svg");
}
.fi-mr.fis {
  background-image: url("./media/mr-CAVFBP2S.svg");
}
.fi-ms {
  background-image: url("./media/ms-K7K4BZXH.svg");
}
.fi-ms.fis {
  background-image: url("./media/ms-FYMVQ26Q.svg");
}
.fi-mt {
  background-image: url("./media/mt-FKAZRJHZ.svg");
}
.fi-mt.fis {
  background-image: url("./media/mt-XCVQ55PC.svg");
}
.fi-mu {
  background-image: url("./media/mu-ZHDOJ3TI.svg");
}
.fi-mu.fis {
  background-image: url("./media/mu-IKV5OAGF.svg");
}
.fi-mv {
  background-image: url("./media/mv-6NYHRQLF.svg");
}
.fi-mv.fis {
  background-image: url("./media/mv-ZWMFKUNA.svg");
}
.fi-mw {
  background-image: url("./media/mw-NHPNPETS.svg");
}
.fi-mw.fis {
  background-image: url("./media/mw-MWTRGIR2.svg");
}
.fi-mx {
  background-image: url("./media/mx-CE2LQUFP.svg");
}
.fi-mx.fis {
  background-image: url("./media/mx-XQSZK5TD.svg");
}
.fi-my {
  background-image: url("./media/my-7QKJDGWA.svg");
}
.fi-my.fis {
  background-image: url("./media/my-FTOMRUNQ.svg");
}
.fi-mz {
  background-image: url("./media/mz-EUDOTZOI.svg");
}
.fi-mz.fis {
  background-image: url("./media/mz-J4CMZFUJ.svg");
}
.fi-na {
  background-image: url("./media/na-KS5KAAHO.svg");
}
.fi-na.fis {
  background-image: url("./media/na-UZGYZIPX.svg");
}
.fi-nc {
  background-image: url("./media/nc-7ZHOHZIE.svg");
}
.fi-nc.fis {
  background-image: url("./media/nc-KHCVQ3CA.svg");
}
.fi-ne {
  background-image: url("./media/ne-NIQVZJOH.svg");
}
.fi-ne.fis {
  background-image: url("./media/ne-3WV2VAGZ.svg");
}
.fi-nf {
  background-image: url("./media/nf-BY5TRXD6.svg");
}
.fi-nf.fis {
  background-image: url("./media/nf-IB6SVOCC.svg");
}
.fi-ng {
  background-image: url("./media/ng-5QXHJYS4.svg");
}
.fi-ng.fis {
  background-image: url("./media/ng-KJDQPHTZ.svg");
}
.fi-ni {
  background-image: url("./media/ni-KFRUCHJY.svg");
}
.fi-ni.fis {
  background-image: url("./media/ni-X5745JJN.svg");
}
.fi-nl {
  background-image: url("./media/nl-YSPORVIR.svg");
}
.fi-nl.fis {
  background-image: url("./media/nl-FSMODX3U.svg");
}
.fi-no {
  background-image: url("./media/no-JTVUCTCT.svg");
}
.fi-no.fis {
  background-image: url("./media/no-UUM3YD7C.svg");
}
.fi-np {
  background-image: url("./media/np-HJPOYHEB.svg");
}
.fi-np.fis {
  background-image: url("./media/np-VFDZHTRO.svg");
}
.fi-nr {
  background-image: url("./media/nr-7GG6ZEK3.svg");
}
.fi-nr.fis {
  background-image: url("./media/nr-VA5HA23D.svg");
}
.fi-nu {
  background-image: url("./media/nu-4OUEUAXX.svg");
}
.fi-nu.fis {
  background-image: url("./media/nu-VN2VZZK5.svg");
}
.fi-nz {
  background-image: url("./media/nz-CYQS4UPV.svg");
}
.fi-nz.fis {
  background-image: url("./media/nz-4KLKVJVG.svg");
}
.fi-om {
  background-image: url("./media/om-ISPXLMQJ.svg");
}
.fi-om.fis {
  background-image: url("./media/om-A5DSAHBH.svg");
}
.fi-pa {
  background-image: url("./media/pa-PC5ZUPN6.svg");
}
.fi-pa.fis {
  background-image: url("./media/pa-X3FDV5QL.svg");
}
.fi-pe {
  background-image: url("./media/pe-CMQM2GTM.svg");
}
.fi-pe.fis {
  background-image: url("./media/pe-OTUAVF3F.svg");
}
.fi-pf {
  background-image: url("./media/pf-IHUQZUIO.svg");
}
.fi-pf.fis {
  background-image: url("./media/pf-IMCFY7FY.svg");
}
.fi-pg {
  background-image: url("./media/pg-ZNRFG2YQ.svg");
}
.fi-pg.fis {
  background-image: url("./media/pg-5V4ZU7HT.svg");
}
.fi-ph {
  background-image: url("./media/ph-2IMCALLE.svg");
}
.fi-ph.fis {
  background-image: url("./media/ph-7XE723TW.svg");
}
.fi-pk {
  background-image: url("./media/pk-WUV7X2DC.svg");
}
.fi-pk.fis {
  background-image: url("./media/pk-HGQFY5FC.svg");
}
.fi-pl {
  background-image: url("./media/pl-JSSZW3KY.svg");
}
.fi-pl.fis {
  background-image: url("./media/pl-W7YEMTF5.svg");
}
.fi-pm {
  background-image: url("./media/pm-UVIIXDZR.svg");
}
.fi-pm.fis {
  background-image: url("./media/pm-NY5YOR5H.svg");
}
.fi-pn {
  background-image: url("./media/pn-WTQ2W2VH.svg");
}
.fi-pn.fis {
  background-image: url("./media/pn-LYI3AO5D.svg");
}
.fi-pr {
  background-image: url("./media/pr-RHIV6URD.svg");
}
.fi-pr.fis {
  background-image: url("./media/pr-5LEJVZHH.svg");
}
.fi-ps {
  background-image: url("./media/ps-V6KGIQPI.svg");
}
.fi-ps.fis {
  background-image: url("./media/ps-MUPGH2AI.svg");
}
.fi-pt {
  background-image: url("./media/pt-VTKAHQAY.svg");
}
.fi-pt.fis {
  background-image: url("./media/pt-OULXL7DV.svg");
}
.fi-pw {
  background-image: url("./media/pw-YQJZ6R4B.svg");
}
.fi-pw.fis {
  background-image: url("./media/pw-4R6NRIC7.svg");
}
.fi-py {
  background-image: url("./media/py-S5MYBXBE.svg");
}
.fi-py.fis {
  background-image: url("./media/py-MUR5PEE3.svg");
}
.fi-qa {
  background-image: url("./media/qa-6547HYTX.svg");
}
.fi-qa.fis {
  background-image: url("./media/qa-PHNLGCML.svg");
}
.fi-re {
  background-image: url("./media/re-2PCPYGMW.svg");
}
.fi-re.fis {
  background-image: url("./media/re-JUMEK724.svg");
}
.fi-ro {
  background-image: url("./media/ro-YBPUPSYC.svg");
}
.fi-ro.fis {
  background-image: url("./media/ro-JCC2KRGD.svg");
}
.fi-rs {
  background-image: url("./media/rs-HP76C2NL.svg");
}
.fi-rs.fis {
  background-image: url("./media/rs-B5C62J77.svg");
}
.fi-ru {
  background-image: url("./media/ru-FRCHSBTM.svg");
}
.fi-ru.fis {
  background-image: url("./media/ru-T3RKIDXZ.svg");
}
.fi-rw {
  background-image: url("./media/rw-ZBPAPAP4.svg");
}
.fi-rw.fis {
  background-image: url("./media/rw-ATVPPEBH.svg");
}
.fi-sa {
  background-image: url("./media/sa-BW46R3BR.svg");
}
.fi-sa.fis {
  background-image: url("./media/sa-TJ3JAAG4.svg");
}
.fi-sb {
  background-image: url("./media/sb-Z5VEZ25P.svg");
}
.fi-sb.fis {
  background-image: url("./media/sb-MOULO6LC.svg");
}
.fi-sc {
  background-image: url("./media/sc-V2MOTRIU.svg");
}
.fi-sc.fis {
  background-image: url("./media/sc-SWRDLW3S.svg");
}
.fi-sd {
  background-image: url("./media/sd-4DSZW3W3.svg");
}
.fi-sd.fis {
  background-image: url("./media/sd-ZQ44F7OI.svg");
}
.fi-se {
  background-image: url("./media/se-5RJHQXTW.svg");
}
.fi-se.fis {
  background-image: url("./media/se-NY67VEUK.svg");
}
.fi-sg {
  background-image: url("./media/sg-PLMFMQ2U.svg");
}
.fi-sg.fis {
  background-image: url("./media/sg-NR6HPXPC.svg");
}
.fi-sh {
  background-image: url("./media/sh-HLIV5IJZ.svg");
}
.fi-sh.fis {
  background-image: url("./media/sh-TJMGU47M.svg");
}
.fi-si {
  background-image: url("./media/si-ERIUG64V.svg");
}
.fi-si.fis {
  background-image: url("./media/si-PQDA3RQI.svg");
}
.fi-sj {
  background-image: url("./media/sj-EOPZSLCL.svg");
}
.fi-sj.fis {
  background-image: url("./media/sj-QYYJ3R3Y.svg");
}
.fi-sk {
  background-image: url("./media/sk-ELFBGQEC.svg");
}
.fi-sk.fis {
  background-image: url("./media/sk-IH44HMRL.svg");
}
.fi-sl {
  background-image: url("./media/sl-DE7XOWOL.svg");
}
.fi-sl.fis {
  background-image: url("./media/sl-XDRPTSE3.svg");
}
.fi-sm {
  background-image: url("./media/sm-JITZHE4P.svg");
}
.fi-sm.fis {
  background-image: url("./media/sm-T456GX2E.svg");
}
.fi-sn {
  background-image: url("./media/sn-KYWABXNT.svg");
}
.fi-sn.fis {
  background-image: url("./media/sn-HK436VOQ.svg");
}
.fi-so {
  background-image: url("./media/so-QH5SJVG2.svg");
}
.fi-so.fis {
  background-image: url("./media/so-SCWJTLJW.svg");
}
.fi-sr {
  background-image: url("./media/sr-HMODPFV5.svg");
}
.fi-sr.fis {
  background-image: url("./media/sr-BFJ2NIE7.svg");
}
.fi-ss {
  background-image: url("./media/ss-CYJKS5XU.svg");
}
.fi-ss.fis {
  background-image: url("./media/ss-N5S5IPGO.svg");
}
.fi-st {
  background-image: url("./media/st-4LIOQET4.svg");
}
.fi-st.fis {
  background-image: url("./media/st-ETCSW6CL.svg");
}
.fi-sv {
  background-image: url("./media/sv-SVKTTQZJ.svg");
}
.fi-sv.fis {
  background-image: url("./media/sv-JJ7PGQKT.svg");
}
.fi-sx {
  background-image: url("./media/sx-DIQRHMRS.svg");
}
.fi-sx.fis {
  background-image: url("./media/sx-XI7KKH7B.svg");
}
.fi-sy {
  background-image: url("./media/sy-D4ZDMKR3.svg");
}
.fi-sy.fis {
  background-image: url("./media/sy-6RCKNZUQ.svg");
}
.fi-sz {
  background-image: url("./media/sz-ZSNOQNHB.svg");
}
.fi-sz.fis {
  background-image: url("./media/sz-MG5COQXB.svg");
}
.fi-tc {
  background-image: url("./media/tc-DVAM44GW.svg");
}
.fi-tc.fis {
  background-image: url("./media/tc-PFTC74CB.svg");
}
.fi-td {
  background-image: url("./media/td-IEJMZVM7.svg");
}
.fi-td.fis {
  background-image: url("./media/td-L4QKZRA4.svg");
}
.fi-tf {
  background-image: url("./media/tf-PSLXXLYB.svg");
}
.fi-tf.fis {
  background-image: url("./media/tf-L6UFHBZP.svg");
}
.fi-tg {
  background-image: url("./media/tg-K4K352CF.svg");
}
.fi-tg.fis {
  background-image: url("./media/tg-UGUE6RST.svg");
}
.fi-th {
  background-image: url("./media/th-WAHAQKQK.svg");
}
.fi-th.fis {
  background-image: url("./media/th-543UAZS4.svg");
}
.fi-tj {
  background-image: url("./media/tj-Z2UJEGVZ.svg");
}
.fi-tj.fis {
  background-image: url("./media/tj-CVBC574I.svg");
}
.fi-tk {
  background-image: url("./media/tk-YC7WNHF3.svg");
}
.fi-tk.fis {
  background-image: url("./media/tk-JRIL6W7E.svg");
}
.fi-tl {
  background-image: url("./media/tl-FRLMYCHK.svg");
}
.fi-tl.fis {
  background-image: url("./media/tl-RI4B3XTP.svg");
}
.fi-tm {
  background-image: url("./media/tm-YD7DXRTX.svg");
}
.fi-tm.fis {
  background-image: url("./media/tm-NKHMK24W.svg");
}
.fi-tn {
  background-image: url("./media/tn-G7EOPTWC.svg");
}
.fi-tn.fis {
  background-image: url("./media/tn-ADYDPKKU.svg");
}
.fi-to {
  background-image: url("./media/to-4IPHWATD.svg");
}
.fi-to.fis {
  background-image: url("./media/to-Y3ZWK7GO.svg");
}
.fi-tr {
  background-image: url("./media/tr-2TE5SKW5.svg");
}
.fi-tr.fis {
  background-image: url("./media/tr-BXXVVJLD.svg");
}
.fi-tt {
  background-image: url("./media/tt-4CMF6HDJ.svg");
}
.fi-tt.fis {
  background-image: url("./media/tt-NK2SRYUQ.svg");
}
.fi-tv {
  background-image: url("./media/tv-HASL2ZPX.svg");
}
.fi-tv.fis {
  background-image: url("./media/tv-NEB4WA2N.svg");
}
.fi-tw {
  background-image: url("./media/tw-OOSFQCFC.svg");
}
.fi-tw.fis {
  background-image: url("./media/tw-X2EV3JOS.svg");
}
.fi-tz {
  background-image: url("./media/tz-F7DARXBO.svg");
}
.fi-tz.fis {
  background-image: url("./media/tz-DSCJI5GW.svg");
}
.fi-ua {
  background-image: url("./media/ua-6L6MVDVK.svg");
}
.fi-ua.fis {
  background-image: url("./media/ua-DEDK3LCD.svg");
}
.fi-ug {
  background-image: url("./media/ug-SUFOZCE2.svg");
}
.fi-ug.fis {
  background-image: url("./media/ug-IR5577EN.svg");
}
.fi-um {
  background-image: url("./media/um-3TCGFAMU.svg");
}
.fi-um.fis {
  background-image: url("./media/um-HPF3LBVV.svg");
}
.fi-us {
  background-image: url("./media/us-5WPJ3T3N.svg");
}
.fi-us.fis {
  background-image: url("./media/us-OS5BPCLY.svg");
}
.fi-uy {
  background-image: url("./media/uy-SU32MXNU.svg");
}
.fi-uy.fis {
  background-image: url("./media/uy-2LGNGCBQ.svg");
}
.fi-uz {
  background-image: url("./media/uz-6LD3WNBK.svg");
}
.fi-uz.fis {
  background-image: url("./media/uz-KR6UXLJE.svg");
}
.fi-va {
  background-image: url("./media/va-SWMHLWJN.svg");
}
.fi-va.fis {
  background-image: url("./media/va-IIHI4DCJ.svg");
}
.fi-vc {
  background-image: url("./media/vc-73265KDC.svg");
}
.fi-vc.fis {
  background-image: url("./media/vc-ENVAYUHB.svg");
}
.fi-ve {
  background-image: url("./media/ve-7QMM4EDR.svg");
}
.fi-ve.fis {
  background-image: url("./media/ve-7LNK7AU5.svg");
}
.fi-vg {
  background-image: url("./media/vg-K235OISV.svg");
}
.fi-vg.fis {
  background-image: url("./media/vg-UK5I2DQS.svg");
}
.fi-vi {
  background-image: url("./media/vi-A7WYZ7V4.svg");
}
.fi-vi.fis {
  background-image: url("./media/vi-VLVLCRRK.svg");
}
.fi-vn {
  background-image: url("./media/vn-OLY63DMY.svg");
}
.fi-vn.fis {
  background-image: url("./media/vn-QUENQA3C.svg");
}
.fi-vu {
  background-image: url("./media/vu-4BCJQIBN.svg");
}
.fi-vu.fis {
  background-image: url("./media/vu-4LYJO6DK.svg");
}
.fi-wf {
  background-image: url("./media/wf-XSUYVC54.svg");
}
.fi-wf.fis {
  background-image: url("./media/wf-64XCGZ3D.svg");
}
.fi-ws {
  background-image: url("./media/ws-PVUKQ4PE.svg");
}
.fi-ws.fis {
  background-image: url("./media/ws-P5MXR5ZW.svg");
}
.fi-ye {
  background-image: url("./media/ye-TWPEZHYT.svg");
}
.fi-ye.fis {
  background-image: url("./media/ye-R46HCZOQ.svg");
}
.fi-yt {
  background-image: url("./media/yt-ARO4LFTS.svg");
}
.fi-yt.fis {
  background-image: url("./media/yt-UUCGT7AF.svg");
}
.fi-za {
  background-image: url("./media/za-WS2IXHK7.svg");
}
.fi-za.fis {
  background-image: url("./media/za-IGVA77JN.svg");
}
.fi-zm {
  background-image: url("./media/zm-545JV347.svg");
}
.fi-zm.fis {
  background-image: url("./media/zm-LDTTV5LG.svg");
}
.fi-zw {
  background-image: url("./media/zw-HZY5LJGS.svg");
}
.fi-zw.fis {
  background-image: url("./media/zw-6ENSY5DW.svg");
}
.fi-arab {
  background-image: url("./media/arab-A42JLJNT.svg");
}
.fi-arab.fis {
  background-image: url("./media/arab-S6KYB4TR.svg");
}
.fi-asean {
  background-image: url("./media/asean-ELZDU4TE.svg");
}
.fi-asean.fis {
  background-image: url("./media/asean-SS3GRO5T.svg");
}
.fi-cefta {
  background-image: url("./media/cefta-HR3KQ2EO.svg");
}
.fi-cefta.fis {
  background-image: url("./media/cefta-NTUUUQSZ.svg");
}
.fi-cp {
  background-image: url("./media/cp-2DVX35UB.svg");
}
.fi-cp.fis {
  background-image: url("./media/cp-6QAMTOXH.svg");
}
.fi-dg {
  background-image: url("./media/dg-FXQ2KR4X.svg");
}
.fi-dg.fis {
  background-image: url("./media/dg-KL5G7PRJ.svg");
}
.fi-eac {
  background-image: url("./media/eac-DLAEKB33.svg");
}
.fi-eac.fis {
  background-image: url("./media/eac-RVDXN5KH.svg");
}
.fi-es-ct {
  background-image: url("./media/es-ct-LZMYMK2E.svg");
}
.fi-es-ct.fis {
  background-image: url("./media/es-ct-YZMY3BN2.svg");
}
.fi-es-ga {
  background-image: url("./media/es-ga-6PZUYNFD.svg");
}
.fi-es-ga.fis {
  background-image: url("./media/es-ga-CPWP5IRZ.svg");
}
.fi-es-pv {
  background-image: url("./media/es-pv-OXFBXZM5.svg");
}
.fi-es-pv.fis {
  background-image: url("./media/es-pv-TCDUGVHX.svg");
}
.fi-eu {
  background-image: url("./media/eu-Z34VKHYH.svg");
}
.fi-eu.fis {
  background-image: url("./media/eu-N4MK7TMC.svg");
}
.fi-gb-eng {
  background-image: url("./media/gb-eng-4H6GWTY6.svg");
}
.fi-gb-eng.fis {
  background-image: url("./media/gb-eng-KED2JQT6.svg");
}
.fi-gb-nir {
  background-image: url("./media/gb-nir-R3CUP5HV.svg");
}
.fi-gb-nir.fis {
  background-image: url("./media/gb-nir-6QHYPVOC.svg");
}
.fi-gb-sct {
  background-image: url("./media/gb-sct-CDZZA2QR.svg");
}
.fi-gb-sct.fis {
  background-image: url("./media/gb-sct-MYMPELAJ.svg");
}
.fi-gb-wls {
  background-image: url("./media/gb-wls-U35MHGIX.svg");
}
.fi-gb-wls.fis {
  background-image: url("./media/gb-wls-DTZ5TTAQ.svg");
}
.fi-ic {
  background-image: url("./media/ic-CQCOSBIQ.svg");
}
.fi-ic.fis {
  background-image: url("./media/ic-XC4APDRB.svg");
}
.fi-pc {
  background-image: url("./media/pc-TT6YEIH4.svg");
}
.fi-pc.fis {
  background-image: url("./media/pc-EX5GAM4Z.svg");
}
.fi-sh-ac {
  background-image: url("./media/sh-ac-JFUG6UDV.svg");
}
.fi-sh-ac.fis {
  background-image: url("./media/sh-ac-CA7Y7WNG.svg");
}
.fi-sh-hl {
  background-image: url("./media/sh-hl-YQIJUYB7.svg");
}
.fi-sh-hl.fis {
  background-image: url("./media/sh-hl-MZFPYVQ5.svg");
}
.fi-sh-ta {
  background-image: url("./media/sh-ta-E3Y363IZ.svg");
}
.fi-sh-ta.fis {
  background-image: url("./media/sh-ta-TYDLYCHE.svg");
}
.fi-un {
  background-image: url("./media/un-TACTIQXL.svg");
}
.fi-un.fis {
  background-image: url("./media/un-64W32BF7.svg");
}
.fi-xk {
  background-image: url("./media/xk-T7BAH4YE.svg");
}
.fi-xk.fis {
  background-image: url("./media/xk-SYLXNOIJ.svg");
}
:root {
  --font-body:
    "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body {
  background: var(--color-bg);
  color: var(--color-text);
}
ssv-root {
  display: block;
  position: relative;
  min-height: 100%;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body {
  touch-action: manipulation;
}
::view-transition-old(root) {
  animation: ssv-route-out 0.45s ease-out both;
}
::view-transition-new(root) {
  animation: ssv-route-in 0.45s ease-out both;
}
@keyframes ssv-route-out {
  to {
    opacity: 0;
    filter: blur(6px);
  }
}
@keyframes ssv-route-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */