/* Squid Router Swap Page Styles - Based on actual website */
#squid-style-container {
  --st-color-material-light-thin: #FBFBFD1A;
  --st-color-material-light-average: #FBFBFD54;
  --st-color-material-light-thick: #FBFBFDA8;
  --st-color-material-dark-thin: #17191C1A;
  --st-color-material-dark-average: #17191C54;
  --st-color-material-dark-thick: #17191CA8;
  --st-color-grey-100-005: #FBFBFD0D;
  --st-color-material-light-blend-grey-900: #2e3033;
  --st-color-material-light-blend-grey-800: #3e4147;
  --st-color-button-lg-primary-bg: #9E79D2;
  --st-color-button-lg-primary-text: #FBFBFD;
  --st-color-button-lg-secondary-bg: #FBFBFD;
  --st-color-button-lg-secondary-text: #292C32;
  --st-color-button-lg-tertiary-bg: #292C32;
  --st-color-button-lg-tertiary-text: #D1D6E0;
  --st-color-button-md-primary-bg: #9E79D2;
  --st-color-button-md-primary-text: #FBFBFD;
  --st-color-button-md-secondary-bg: #FBFBFD;
  --st-color-button-md-secondary-text: #292C32;
  --st-color-button-md-tertiary-bg: #292C32;
  --st-color-button-md-tertiary-text: #D1D6E0;
  --st-color-button-sm-primary-bg: #9E79D2;
  --st-color-button-sm-primary-text: #FBFBFD;
  --st-color-button-sm-secondary-bg: #FBFBFD;
  --st-color-button-sm-secondary-text: #292C32;
  --st-color-button-sm-tertiary-bg: #292C32;
  --st-color-button-sm-tertiary-text: #D1D6E0;
  --st-color-input-placeholder: #676B7E;
  --st-color-input-text: #D1D6E0;
  --st-color-input-selection: #D1D6E0;
  --st-color-input-bg: #17191C;
  --st-color-animation-bg: #9E79D2;
  --st-color-animation-text: #FBFBFD;
  --st-color-modal-backdrop: #17191C54;
  --st-color-menu-bg: #17191CA8;
  --st-color-menu-text: #FBFBFDA8;
  --st-color-menu-backdrop: #FBFBFD1A;
  --st-color-grey-100: #FBFBFD;
  --st-color-grey-200: #EDEFF3;
  --st-color-grey-300: #D1D6E0;
  --st-color-grey-400: #A7ABBE;
  --st-color-grey-500: #8A8FA8;
  --st-color-grey-600: #676B7E;
  --st-color-grey-700: #4C515D;
  --st-color-grey-800: #292C32;
  --st-color-grey-900: #17191C;
  --st-color-royal-300: #D9BEF4;
  --st-color-royal-400: #B893EC;
  --st-color-royal-500: #9E79D2;
  --st-color-royal-600: #8353C5;
  --st-color-royal-700: #6B45A1;
  --st-color-status-positive: #7AE870;
  --st-color-status-negative: #FF4D5B;
  --st-color-status-partial: #F3AF25;
  --st-color-highlight-700: #E4FE53;
  --st-border-radius-button-lg-primary: 3.75rem;
  --st-border-radius-button-lg-secondary: 3.75rem;
  --st-border-radius-button-lg-tertiary: 3.75rem;
  --st-border-radius-button-md-primary: 1.25rem;
  --st-border-radius-button-md-secondary: 1.25rem;
  --st-border-radius-button-md-tertiary: 1.25rem;
  --st-border-radius-button-sm-primary: 1.25rem;
  --st-border-radius-button-sm-secondary: 1.25rem;
  --st-border-radius-button-sm-tertiary: 1.25rem;
  --st-border-radius-container: 1.875rem;
  --st-border-radius-input: 9999px;
  --st-border-radius-menu-sm: 0.9375rem;
  --st-border-radius-menu-lg: 1.25rem;
  --st-border-radius-modal: 1.875rem;
}

.squid-style-container {
  font-family: 'GeistVariable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}