@charset "UTF-8";

/* apps/av-display/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 {
  --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);
  overflow: hidden;
}
avd-root {
  display: block;
  position: relative;
  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;
  }
}
html.is-transparent-output,
html.is-transparent-output body {
  background: transparent;
}

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