@keyframes reveal {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
 * @group Sizes
 */
/**
 * @group Components
 */
:root {
  --punks-font-family-primary: 'Roboto';
  --punks-font-family-secondary: Righteous;
  --exchange-top-bar-height: 3.25rem;
  --exchange-trade-view-popular-markets-bar-height: 2.25rem;
  --exchange-trade-view-top-leverages-bar-height: 3.25rem;
  --exchange-trade-view-center-column-width: 17.5rem;
  --exchange-right-side-width: 20rem;
  --exchange-trade-view-footer-height: 2rem;
  --exchange-wallet-switcher-max-height: 16.25rem;
  --punks-spacing-1: 0.125rem;
  --punks-spacing-2: 0.25rem;
  --punks-spacing-3: 0.5rem;
  --punks-spacing-4: 0.625rem;
  --punks-spacing-5: 0.75rem;
  --punks-spacing-6: 1rem;
  --punks-spacing-7: 1.5rem;
  --punks-spacing-8: 3rem;
  --punks-corner-radius-4: 0.25rem;
  --punks-corner-radius-6: 0.375rem;
  --punks-corner-radius-8: 0.5rem;
  --punks-corner-radius-12: 0.75rem;
  --punks-corner-radius-sm: var(--punks-corner-radius-4);
  --punks-corner-radius-md: var(--punks-corner-radius-8);
  --punks-corner-radius-lg: var(--punks-corner-radius-12);
  --punks-border-width-0: 0px;
  --punks-border-width-1: 1px;
  --punks-border-width-2: 2px;
  --punks-max-width-260: 16.25rem;
  --punks-max-width-280: 17.5rem;
  --punks-max-width-1440: 90rem;
  --punks-text-body-xxs: 0.625rem;
  --punks-text-body-xs: 0.75rem;
  --punks-text-body-sm: 0.875rem;
  --punks-text-body-md: 1rem;
  --punks-text-body-lg: 1.125rem;
  --punks-text-body-xl: 1.25rem;
  --punks-text-display-xs: 1.5rem;
  --punks-text-display-sm: 1.875rem;
  --punks-text-display-md: 2.25rem;
  --punks-text-display-lg: 3rem;
  --punks-text-display-xl: 3.75rem;
  --punks-text-display-2xl: 4.5rem;
  --punks-line-height-body-xs: 1.125rem;
  --punks-line-height-body-sm: 1.25rem;
  --punks-line-height-body-md: 1.5rem;
  --punks-line-height-body-lg: 1.75rem;
  --punks-line-height-body-xl: 1.875rem;
  --punks-line-height-display-xs: 2rem;
  --punks-line-height-display-sm: 2.375rem;
  --punks-line-height-display-md: 2.75rem;
  --punks-line-height-display-lg: 3.75rem;
  --punks-line-height-display-xl: 4.5rem;
  --punks-line-height-display-2xl: 5.625rem;
  --punks-icon-xxs: 0.75rem;
  --punks-icon-xs: 0.875rem;
  --punks-icon-sm: 1rem;
  --punks-icon-md: 1.25rem;
  --punks-icon-lg: 1.5rem;
  --punks-icon-xlg: 2rem;
  --punks-icon-xl: 3.5rem;
  --punks-icon-xxl: 4.5rem;
  /* colors/primary */
  --colors-primary-25: rgba(240, 242, 252, 1);
  --colors-primary-50: rgba(233, 236, 251, 1);
  --colors-primary-100: rgba(218, 222, 250, 1);
  --colors-primary-200: rgba(188, 195, 248, 1);
  --colors-primary-300: rgba(157, 168, 247, 1);
  --colors-primary-400: rgba(127, 141, 245, 1);
  --colors-primary-500: rgba(97, 114, 243, 1);
  --colors-primary-600: rgba(82, 96, 203, 1);
  --colors-primary-700: rgba(67, 78, 164, 1);
  --colors-primary-800: rgba(52, 60, 124, 1);
  --colors-primary-900: rgba(37, 42, 85, 1);
  --colors-primary-950: rgba(30, 33, 65, 1);
  /* colors/neutral */
  --colors-neutral-25: rgba(252, 252, 253, 1);
  --colors-neutral-50: rgba(248, 249, 252, 1);
  --colors-neutral-100: rgba(234, 236, 245, 1);
  --colors-neutral-200: rgba(213, 217, 235, 1);
  --colors-neutral-300: rgba(179, 184, 219, 1);
  --colors-neutral-400: rgba(113, 123, 188, 1);
  --colors-neutral-500: rgba(77, 91, 166, 1);
  --colors-neutral-600: rgba(62, 71, 132, 1);
  --colors-neutral-700: rgba(54, 63, 115, 1);
  --colors-neutral-750: rgba(50, 58, 105, 1);
  --colors-neutral-800: rgba(41, 48, 86, 1);
  --colors-neutral-825: rgba(28, 30, 56, 1);
  --colors-neutral-850: rgba(22, 24, 45, 1);
  --colors-neutral-900: rgba(17, 19, 35, 1);
  --colors-neutral-950: rgba(13, 15, 28, 1);
  /* colors/accent */
  --colors-accent-25: rgba(248, 244, 240, 1);
  --colors-accent-50: rgba(248, 239, 228, 1);
  --colors-accent-100: rgba(248, 228, 203, 1);
  --colors-accent-200: rgba(248, 207, 154, 1);
  --colors-accent-300: rgba(247, 186, 106, 1);
  --colors-accent-400: rgba(247, 165, 57, 1);
  --colors-accent-500: rgba(247, 144, 8, 1);
  --colors-accent-600: rgba(202, 120, 15, 1);
  --colors-accent-700: rgba(157, 96, 23, 1);
  --colors-accent-800: rgba(112, 72, 30, 1);
  --colors-accent-900: rgba(67, 48, 38, 1);
  --colors-accent-950: rgba(45, 36, 41, 1);
  /* colors/red */
  --colors-red-25: rgba(248, 240, 242, 1);
  --colors-red-50: rgba(247, 231, 232, 1);
  --colors-red-100: rgba(247, 213, 213, 1);
  --colors-red-200: rgba(245, 177, 173, 1);
  --colors-red-300: rgba(244, 140, 134, 1);
  --colors-red-400: rgba(242, 104, 94, 1);
  --colors-red-500: rgba(241, 68, 55, 1);
  --colors-red-600: rgba(197, 59, 53, 1);
  --colors-red-700: rgba(153, 50, 51, 1);
  --colors-red-800: rgba(110, 42, 49, 1);
  --colors-red-900: rgba(66, 33, 47, 1);
  --colors-red-950: rgba(44, 28, 46, 1);
  /* colors/green */
  --colors-green-25: rgba(237, 245, 245, 1);
  --colors-green-50: rgba(226, 242, 238, 1);
  --colors-green-100: rgba(203, 235, 223, 1);
  --colors-green-200: rgba(159, 221, 194, 1);
  --colors-green-300: rgba(114, 206, 165, 1);
  --colors-green-400: rgba(70, 192, 136, 1);
  --colors-green-500: rgba(25, 178, 107, 1);
  --colors-green-600: rgba(24, 147, 95, 1);
  --colors-green-700: rgba(24, 116, 82, 1);
  --colors-green-800: rgba(23, 86, 70, 1);
  --colors-green-900: rgba(23, 55, 57, 1);
  --colors-green-950: rgba(22, 39, 51, 1);
  --colors-base-white: rgba(255, 255, 255, 1);
  --colors-base-black: rgba(3, 2, 12, 1);
  --colors-base-transparent: rgba(255, 255, 255, 0);
  --colors-social-telegram: rgba(51, 171, 224, 1);
  --punks-data-positive: var(--colors-green-400);
  --punks-data-negative: var(--colors-red-400);
  /* shadow */
  --punks-shadow-100: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  --punks-shadow-200: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  --punks-shadow-300: 0 4px 8px 2px rgba(0, 0, 0, 0.25);
  --punks-shadow-400: 0 8px 16px 2px rgba(0, 0, 0, 0.28);
  --punks-shadow-500: 0 12px 24px 4px rgba(0, 0, 0, 0.32);
  --punks-border-primary: var(--colors-neutral-700);
  --punks-border-secondary: var(--colors-neutral-800);
  --punks-border-tertiary: var(--colors-neutral-850);
  --punks-border-brand: var(--colors-primary-400);
  --punks-border-accent: var(--colors-accent-200);
  --punks-border-disabled: var(--colors-neutral-700);
  --punks-border-disabled_subtle: var(--colors-neutral-800);
  --punks-border-error: var(--colors-red-400);
  --icons-brand: var(--colors-primary-500);
  --icons-brand-secondary: var(--colors-primary-400);
  --input-label: var(--colors-neutral-100);
  --punks-surface-base: var(--colors-neutral-900);
  --punks-surface-primary: var(--colors-neutral-850);
  --punks-surface-primary-alt: var(--colors-neutral-825);
  --punks-surface-primary-hover: var(--colors-neutral-800);
  --punks-surface-secondary: var(--colors-neutral-800);
  --punks-surface-secondary-alt: var(--colors-neutral-750);
  --punks-surface-active: var(--colors-neutral-800);
  --punks-surface-disabled: var(--colors-neutral-825);
  --punks-surface-disabled-subtle: var(--colors-neutral-850);
  /* floating surface (tooltips, popovers, menus, ...) */
  --punks-surface-floating-text: var(--colors-neutral-300);
  --punks-surface-floating-border-color: var(--colors-neutral-800);
  --punks-surface-floating-bg: var(--colors-neutral-825);
  --punks-surface-floating-border-width: var(--punks-border-width-1);
  --punks-text-primary: var(--colors-neutral-50);
  --punks-text-secondary: var(--colors-neutral-300);
  --punks-text-secondary-hover: var(--colors-neutral-200);
  --punks-text-tertiary: var(--colors-neutral-400);
  --punks-text-tertiary-hover: var(--colors-neutral-300);
  --punks-text-placeholder: var(--colors-neutral-400);
  --punks-text-disabled: var(--colors-neutral-500);
  --punks-text-brand-primary: var(--colors-primary-600);
  --punks-text-brand-secondary: var(--colors-primary-400);
  --punks-text-accent: var(--colors-accent-200);
  --punks-text-error: var(--colors-red-400);
  --punks-text-success: var(--colors-green-400);
  --punks-tab-indicator-duration: 200ms;
  --punks-tab-indicator-easing: ease-in-out;
  --punks-tab-text: var(--colors-base-white);
  --punks-tab-text-active: var(--punks-text-brand-secondary);
  --punks-tab-text-hover: var(--punks-text-brand-secondary);
  --punks-tab-indicator: var(--colors-base-transparent);
  --punks-tab-indicator-active: var(--colors-primary-400);
  --punks-tab-indicator-hover: var(--colors-primary-400);
  --punks-menu-width-lg: 25rem;
  --punks-menu-header-padding-x: 1rem;
  --punks-menu-header-padding-y: 0.75rem;
  --punks-menu-section-gap: 0.5rem;
  --punks-menu-list-gap: 0;
  --punks-menu-header-text: var(--colors-neutral-300);
  --punks-list-item-label: var(--colors-neutral-200);
  --punks-list-item-label-selected: var(--colors-neutral-25);
  --punks-list-item-description: var(--colors-neutral-300);
  --punks-list-item-icon: var(--colors-neutral-400);
  --punks-list-item-bg: transparent;
  --punks-list-item-bg-selected-subtle: rgba(97, 114, 243, 0.08);
  --punks-list-item-gap-dense: 0.75rem;
  --punks-list-item-content-gap-dense: 0.125rem;
  --punks-list-item-slot-size-dense: 1rem;
  --punks-list-item-padding-x-dense: 1rem;
  --punks-list-item-padding-y-dense: 0.5rem;
  --punks-button-primary-bg: var(--colors-primary-500);
  --punks-button-primary-bg--hover: var(--colors-primary-600);
  --punks-button-primary-bg--disabled: var(--punks-surface-disabled);
  --punks-button-primary-border: var(--colors-base-transparent);
  --punks-button-primary-border--hover: var(--colors-base-transparent);
  --punks-button-primary-border--disabled: var(--colors-base-transparent);
  --punks-button-primary-fg: var(--colors-primary-25);
  --punks-button-primary-fg--hover: var(--colors-primary-25);
  --punks-button-primary-fg--disabled: var(--punks-text-disabled);
  --punks-button-secondary-bg: var(--colors-neutral-900);
  --punks-button-secondary-bg--hover: var(--colors-neutral-850);
  --punks-button-secondary-bg--disabled: var(--colors-base-transparent);
  --punks-button-secondary-border: var(--colors-neutral-600);
  --punks-button-secondary-border--hover: var(--colors-neutral-500);
  --punks-button-secondary-border--disabled: var(--punks-border-disabled_subtle);
  --punks-button-secondary-fg: var(--colors-primary-50);
  --punks-button-secondary-fg--hover: var(--colors-primary-50);
  --punks-button-secondary-fg--disabled: var(--punks-text-disabled);
  --punks-button-secondary-color-bg: var(--colors-neutral-900);
  --punks-button-secondary-color-bg--hover: var(--colors-neutral-850);
  --punks-button-secondary-color-bg--disabled: var(--colors-base-transparent);
  --punks-button-secondary-color-border: var(--colors-neutral-600);
  --punks-button-secondary-color-border--hover: var(--colors-primary-700);
  --punks-button-secondary-color-border--disabled: var(--punks-border-disabled_subtle);
  --punks-button-secondary-color-fg: var(--colors-primary-500);
  --punks-button-secondary-color-fg--hover: var(--colors-primary-400);
  --punks-button-secondary-color-fg--disabled: var(--punks-text-disabled);
  --punks-button-tertiary-bg: var(--colors-base-transparent);
  --punks-button-tertiary-bg--hover: var(--colors-neutral-850);
  --punks-button-tertiary-bg--disabled: var(--colors-base-transparent);
  --punks-button-tertiary-border: var(--colors-base-transparent);
  --punks-button-tertiary-border--hover: var(--colors-base-transparent);
  --punks-button-tertiary-border--disabled: var(--colors-base-transparent);
  --punks-button-tertiary-fg: var(--colors-primary-50);
  --punks-button-tertiary-color-bg: var(--colors-base-transparent);
  --punks-button-tertiary-fg--hover: var(--colors-primary-50);
  --punks-button-tertiary-color-bg--hover: var(--colors-primary-950);
  --punks-button-tertiary-fg--disabled: var(--punks-text-disabled);
  --punks-button-tertiary-color-bg--disabled: var(--colors-base-transparent);
  --punks-button-tertiary-color-border: var(--colors-base-transparent);
  --punks-button-tertiary-color-border--hover: var(--colors-base-transparent);
  --punks-button-tertiary-color-border--disabled: var(--colors-base-transparent);
  --punks-button-tertiary-color-fg: var(--colors-primary-500);
  --punks-button-tertiary-color-fg--hover: var(--colors-primary-400);
  --punks-button-tertiary-color-fg--disabled: var(--punks-text-disabled);
  --punks-button-green-bg: var(--colors-green-500);
  --punks-button-green-bg--hover: var(--colors-green-600);
  --punks-button-green-bg--disabled: var(--punks-surface-disabled);
  --punks-button-green-border: var(--colors-base-transparent);
  --punks-button-green-border--hover: var(--colors-base-transparent);
  --punks-button-green-border--disabled: var(--colors-base-transparent);
  --punks-button-green-fg: var(--colors-green-25);
  --punks-button-green-fg--hover: var(--colors-green-25);
  --punks-button-green-fg--disabled: var(--punks-text-disabled);
  --punks-button-red-bg: var(--colors-red-500);
  --punks-button-red-bg--hover: var(--colors-red-600);
  --punks-button-red-bg--disabled: var(--punks-surface-disabled);
  --punks-button-red-border: var(--colors-base-transparent);
  --punks-button-red-border--hover: var(--colors-base-transparent);
  --punks-button-red-border--disabled: var(--colors-base-transparent);
  --punks-button-red-fg: var(--colors-red-25);
  --punks-button-red-fg--hover: var(--colors-red-25);
  --punks-button-red-fg--disabled: var(--punks-text-disabled);
  --punks-button-accent-bg: var(--colors-accent-500);
  --punks-button-accent-bg--hover: var(--colors-accent-600);
  --punks-button-accent-bg--disabled: var(--punks-surface-disabled);
  --punks-button-accent-border: var(--colors-base-transparent);
  --punks-button-accent-border--hover: var(--colors-base-transparent);
  --punks-button-accent-border--disabled: var(--colors-base-transparent);
  --punks-button-accent-fg: var(--colors-accent-25);
  --punks-button-accent-fg--hover: var(--colors-accent-25);
  --punks-button-accent-fg--disabled: var(--punks-text-disabled);
  --punks-chip-chip-button-fg: var(--colors-neutral-200);
  --punks-chip-chip-button-fg-hover: var(--colors-neutral-50);
  --punks-chip-primary-bg: var(--colors-neutral-900);
  --punks-chip-primary-bg--hover: var(--colors-neutral-825);
  --punks-chip-primary-bg-active: var(--colors-neutral-825);
  --punks-chip-primary-bg-active--hover: var(--colors-neutral-825);
  --punks-chip-primary-border: var(--colors-neutral-800);
  --punks-chip-primary-border--hover: var(--colors-neutral-750);
  --punks-chip-primary-border-active: var(--colors-base-transparent);
  --punks-chip-primary-border-active--hover: var(--colors-base-transparent);
  --punks-chip-primary-text: var(--colors-neutral-50);
  --punks-chip-primary-text-alt: var(--colors-neutral-400);
  --punks-chip-primary-text--hover: var(--colors-neutral-50);
  --punks-chip-primary-text-active: var(--colors-neutral-50);
  --punks-chip-primary-text-alt-active: var(--colors-neutral-400);
  --punks-chip-primary-text-active--hover: var(--colors-neutral-50);
  --punks-chip-primary-fg: var(--colors-neutral-50);
  --punks-chip-primary-fg--hover: var(--colors-neutral-50);
  --punks-chip-primary-fg-active: var(--colors-primary-400);
  --punks-chip-primary-fg-active--hover: var(--colors-primary-400);
  --punks-input-label: var(--colors-neutral-50);
  --punks-input-bg: var(--colors-neutral-850);
  --punks-input-bg--hover: var(--colors-neutral-850);
  --punks-input-bg--disabled: var(--colors-neutral-825);
  --punks-input-hint: var(--colors-neutral-300);
  --punks-input-hint--error: var(--colors-red-400);
  --punks-input-border: var(--colors-neutral-700);
  --punks-input-border--active: var(--colors-primary-400);
  --punks-input-border--focus: var(--colors-neutral-200);
  --punks-input-border--hover: var(--colors-neutral-500);
  --punks-input-border--error: var(--colors-red-400);
  --punks-input-border--success: var(--colors-green-300);
  --punks-input-border--disabled: var(--colors-neutral-700);
  --punks-input-text: var(--colors-neutral-50);
  --punks-input-placeholder: var(--colors-neutral-400);
  --punks-input-text--disabled: var(--colors-neutral-500);
  --punks-input-suffix: var(--colors-neutral-300);
  --punks-input-suffix-icon: var(--colors-neutral-300);
  --punks-input-suffix--hover: var(--colors-neutral-50);
  --punks-input-suffix-icon--hover: var(--colors-neutral-50);
  --punks-input-fg: var(--colors-neutral-25);
  --punks-input-fg--hover: var(--colors-primary-25);
  --punks-toggle-group-border-color: var(--punks-border-primary);
  --punks-toggle-group-border-radius: var(--punks-corner-radius-md);
  --punks-toggle-group-border-size: 1px;
  --punks-toggle-group-item-text-color: var(--punks-text-primary);
  --punks-toggle-group-item-background: var(--punks-surface-primary);
  --punks-toggle-group-item-background--hover: var(--punks-surface-primary-hover);
  --punks-toggle-group-item-background--disabled: var(--punks-surface-disabled);
  --punks-toggle-group-item-background-active: var(--punks-surface-active);
  --file-upload-item-aspect-ratio: 1 / 1;
  --file-upload-item-border-color: var(--punks-color-spotclub-token-stepper-divider);
  --file-upload-item-border-style: solid;
  --file-upload-item-border-width: 1px;
  --file-upload-button-background-color: transparent;
  --punks-ripple-primary-color: rgba(98, 206, 253, 0.2);
  --punks-ripple-secondary-color: rgba(255, 255, 255, 0.2);
  --punks-toggle-chip-text-color: var(--punks-button-primary-fg);
  --punks-toggle-chip-text-size: var(--punks-text-body-sm);
  --punks-toggle-chip-text-line-height: var(--punks-line-height-body-sm);
  --punks-toggle-chip-radius: var(--punks-corner-radius-sm);
  --punks-toggle-chip-background: var(--colors-neutral-900);
  --punks-toggle-chip-background--hover: var(--colors-neutral-825);
  --punks-toggle-chip-background--active: var(--colors-neutral-825);
  --punks-toggle-chip-background--disabled: var(--colors-neutral-800);
  --punks-toggle-chip-border-color: var(--colors-neutral-800);
  --punks-toggle-chip-border-color--hover: var(--colors-neutral-825);
  --punks-toggle-chip-border-color--active: var(--colors-neutral-825);
  --punks-tree-item-label: var(--colors-neutral-200);
  --punks-tree-item-label--selected: var(--colors-neutral-25);
  --punks-tree-item-description: var(--colors-neutral-400);
  --punks-tree-item-description--selected: var(--colors-neutral-200);
  --punks-tree-item-chevron: var(--colors-neutral-300);
  --punks-tree-item-bg: transparent;
  --punks-tree-item-gap--default: 8px;
  --punks-tree-item-gap--dense: 6px;
  --punks-tree-item-padding-x--default: 8px;
  --punks-tree-item-padding-x--dense: 8px;
  --punks-tree-item-padding-y--default: 6px;
  --punks-tree-item-padding-y--dense: 2px;
  --punks-tree-item-chevron-size--default: 16px;
  --punks-tree-item-chevron-size--dense: 14px;
  --punks-tree-item-min-height--default: 32px;
  --punks-tree-item-min-height--dense: 24px;
  --punks-tree-item-indent-step: 16px;
  --punks-checkbox-color: var(--colors-neutral-300);
  --punks-checkbox-color--checked: var(--colors-primary-500);
  --punks-checkbox-color--indeterminate: var(--colors-primary-500);
  --punks-checkbox-size--md: 16px;
  --punks-checkbox-size--sm: 14px;
  --punks-checkbox-corner-radius: var(--punks-corner-radius-sm);
  --punks-checkbox-glyph-color--checked: var(--colors-base-black);
  --punks-checkbox-glyph-color--indeterminate: var(--colors-primary-500);
  --punks-tooltip-padding-x: var(--punks-spacing-3);
  --punks-tooltip-padding-y: var(--punks-spacing-2);
  --punks-tooltip-max-width: var(--punks-max-width-260);
  --punks-tooltip-offset: var(--punks-spacing-3);
  --punks-tooltip-corner-radius: var(--punks-corner-radius-8);
  --punks-input-search-icon: var(--colors-neutral-400);
  --punks-input-search-placeholder: var(--colors-neutral-400);
  --punks-input-search-text: var(--colors-neutral-25);
  --punks-input-search-border: var(--colors-neutral-800);
  --punks-input-search-clear: var(--colors-neutral-400);
  --punks-input-search-clear--hover: var(--colors-neutral-25);
  --punks-input-search-min-height: 28px;
  --punks-scrollbar-width: 4;
  --punks-scrollbar-offset: 1;
  --punks-scrollbar-radius: 0.125rem;
  --punks-scrollbar-track-bg: var(--colors-base-transparent);
  --punks-scrollbar-thumb-bg: var(--colors-neutral-750);
  --punks-scrollbar-thumb-bg--hover: var(--colors-neutral-700);
}

.ui-punks-ripple {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute !important;
  pointer-events: none;
  border-radius: inherit;
}

.mode-light {
  /* colors/primary */
  --colors-primary-25: rgba(240, 242, 252, 1);
  --colors-primary-50: rgba(233, 236, 251, 1);
  --colors-primary-100: rgba(218, 222, 250, 1);
  --colors-primary-200: rgba(188, 195, 248, 1);
  --colors-primary-300: rgba(157, 168, 247, 1);
  --colors-primary-400: rgba(127, 141, 245, 1);
  --colors-primary-500: rgba(97, 114, 243, 1);
  --colors-primary-600: rgba(82, 96, 203, 1);
  --colors-primary-700: rgba(67, 78, 164, 1);
  --colors-primary-800: rgba(52, 60, 124, 1);
  --colors-primary-900: rgba(37, 42, 85, 1);
  --colors-primary-950: rgba(30, 33, 65, 1);
  /* colors/neutral */
  --colors-neutral-25: rgba(252, 252, 253, 1);
  --colors-neutral-50: rgba(248, 249, 252, 1);
  --colors-neutral-100: rgba(234, 236, 245, 1);
  --colors-neutral-200: rgba(213, 217, 235, 1);
  --colors-neutral-300: rgba(179, 184, 219, 1);
  --colors-neutral-400: rgba(113, 123, 188, 1);
  --colors-neutral-500: rgba(77, 91, 166, 1);
  --colors-neutral-600: rgba(62, 71, 132, 1);
  --colors-neutral-700: rgba(54, 63, 115, 1);
  --colors-neutral-750: rgba(50, 58, 105, 1);
  --colors-neutral-800: rgba(41, 48, 86, 1);
  --colors-neutral-825: rgba(28, 30, 56, 1);
  --colors-neutral-850: rgba(22, 24, 45, 1);
  --colors-neutral-900: rgba(17, 19, 35, 1);
  --colors-neutral-950: rgba(13, 15, 28, 1);
  /* colors/accent */
  --colors-accent-25: rgba(248, 244, 240, 1);
  --colors-accent-50: rgba(248, 239, 228, 1);
  --colors-accent-100: rgba(248, 228, 203, 1);
  --colors-accent-200: rgba(248, 207, 154, 1);
  --colors-accent-300: rgba(247, 186, 106, 1);
  --colors-accent-400: rgba(247, 165, 57, 1);
  --colors-accent-500: rgba(247, 144, 8, 1);
  --colors-accent-600: rgba(202, 120, 15, 1);
  --colors-accent-700: rgba(157, 96, 23, 1);
  --colors-accent-800: rgba(112, 72, 30, 1);
  --colors-accent-900: rgba(67, 48, 38, 1);
  --colors-accent-950: rgba(45, 36, 41, 1);
  /* colors/red */
  --colors-red-25: rgba(248, 240, 242, 1);
  --colors-red-50: rgba(247, 231, 232, 1);
  --colors-red-100: rgba(247, 213, 213, 1);
  --colors-red-200: rgba(245, 177, 173, 1);
  --colors-red-300: rgba(244, 140, 134, 1);
  --colors-red-400: rgba(242, 104, 94, 1);
  --colors-red-500: rgba(241, 68, 55, 1);
  --colors-red-600: rgba(197, 59, 53, 1);
  --colors-red-700: rgba(153, 50, 51, 1);
  --colors-red-800: rgba(110, 42, 49, 1);
  --colors-red-900: rgba(66, 33, 47, 1);
  --colors-red-950: rgba(44, 28, 46, 1);
  /* colors/green */
  --colors-green-25: rgba(237, 245, 245, 1);
  --colors-green-50: rgba(226, 242, 238, 1);
  --colors-green-100: rgba(203, 235, 223, 1);
  --colors-green-200: rgba(159, 221, 194, 1);
  --colors-green-300: rgba(114, 206, 165, 1);
  --colors-green-400: rgba(70, 192, 136, 1);
  --colors-green-500: rgba(25, 178, 107, 1);
  --colors-green-600: rgba(24, 147, 95, 1);
  --colors-green-700: rgba(24, 116, 82, 1);
  --colors-green-800: rgba(23, 86, 70, 1);
  --colors-green-900: rgba(23, 55, 57, 1);
  --colors-green-950: rgba(22, 39, 51, 1);
  --colors-base-white: rgba(255, 255, 255, 1);
  --colors-base-black: rgba(3, 2, 12, 1);
  --colors-base-transparent: rgba(255, 255, 255, 0);
  --colors-social-telegram: rgba(51, 171, 224, 1);
  --punks-data-positive: var(--colors-green-400);
  --punks-data-negative: var(--colors-red-400);
  /* shadow */
  --punks-shadow-100: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  --punks-shadow-200: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  --punks-shadow-300: 0 4px 8px 2px rgba(0, 0, 0, 0.25);
  --punks-shadow-400: 0 8px 16px 2px rgba(0, 0, 0, 0.28);
  --punks-shadow-500: 0 12px 24px 4px rgba(0, 0, 0, 0.32);
  --punks-border-primary: var(--colors-neutral-300);
  --punks-border-secondary: var(--colors-neutral-200);
  --punks-border-tertiary: var(--colors-neutral-100);
  --punks-border-brand: var(--colors-primary-500);
  --punks-border-accent: var(--colors-accent-200);
  --punks-border-disabled: var(--colors-neutral-300);
  --punks-border-disabled_subtle: var(--colors-neutral-200);
  --punks-border-error: var(--colors-red-400);
  --icons-brand: var(--colors-primary-400);
  --icons-brand-secondary: var(--colors-primary-500);
  --input-label: var(--colors-base-white);
  --punks-surface-base: var(--colors-neutral-25);
  --punks-surface-primary: var(--colors-neutral-50);
  --punks-surface-primary-alt: var(--colors-neutral-100);
  --punks-surface-primary-hover: var(--colors-neutral-200);
  --punks-surface-secondary: var(--colors-neutral-200);
  --punks-surface-secondary-alt: var(--colors-neutral-300);
  --punks-surface-active: var(--colors-neutral-50);
  --punks-surface-disabled: var(--colors-neutral-100);
  --punks-surface-disabled-subtle: var(--colors-neutral-50);
  /* floating surface (tooltips, popovers, menus, ...) */
  --punks-surface-floating-text: var(--colors-neutral-300);
  --punks-surface-floating-border-color: var(--colors-neutral-800);
  --punks-surface-floating-bg: var(--colors-neutral-825);
  --punks-surface-floating-border-width: var(--punks-border-width-1);
  --punks-text-primary: var(--colors-neutral-900);
  --punks-text-secondary: var(--colors-neutral-700);
  --punks-text-secondary-hover: var(--colors-neutral-800);
  --punks-text-tertiary: var(--colors-neutral-600);
  --punks-text-tertiary-hover: var(--colors-neutral-700);
  --punks-text-placeholder: var(--colors-neutral-500);
  --punks-text-disabled: var(--colors-neutral-500);
  --punks-text-brand-primary: var(--colors-primary-500);
  --punks-text-brand-secondary: var(--colors-primary-500);
  --punks-text-accent: var(--colors-accent-200);
  --punks-text-error: var(--colors-red-400);
  --punks-text-success: var(--colors-green-400);
  --punks-tab-indicator-duration: 200ms;
  --punks-tab-indicator-easing: ease-in-out;
  --punks-tab-text: var(--colors-base-white);
  --punks-tab-text-active: var(--colors-base-white);
  --punks-tab-text-hover: var(--colors-base-white);
  --punks-tab-indicator: var(--colors-base-white);
  --punks-tab-indicator-active: var(--colors-base-white);
  --punks-tab-indicator-hover: var(--colors-base-white);
  --punks-menu-width-lg: 25rem;
  --punks-menu-header-padding-x: 1rem;
  --punks-menu-header-padding-y: 0.75rem;
  --punks-menu-section-gap: 0.5rem;
  --punks-menu-list-gap: 0;
  --punks-menu-header-text: var(--colors-neutral-300);
  --punks-list-item-label: var(--colors-neutral-200);
  --punks-list-item-label-selected: var(--colors-neutral-25);
  --punks-list-item-description: var(--colors-neutral-300);
  --punks-list-item-icon: var(--colors-neutral-400);
  --punks-list-item-bg: transparent;
  --punks-list-item-bg-selected-subtle: rgba(97, 114, 243, 0.08);
  --punks-list-item-gap-dense: 0.75rem;
  --punks-list-item-content-gap-dense: 0.125rem;
  --punks-list-item-slot-size-dense: 1rem;
  --punks-list-item-padding-x-dense: 1rem;
  --punks-list-item-padding-y-dense: 0.5rem;
  --punks-button-primary-bg: rgba(255, 255, 255, 1);
  --punks-button-primary-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-primary-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-primary-border: var(--colors-base-transparent);
  --punks-button-primary-border--hover: var(--colors-base-transparent);
  --punks-button-primary-border--disabled: var(--colors-base-transparent);
  --punks-button-primary-fg: rgba(255, 255, 255, 1);
  --punks-button-primary-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-primary-fg--disabled: rgba(255, 255, 255, 1);
  --punks-button-secondary-bg: rgba(255, 255, 255, 1);
  --punks-button-secondary-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-secondary-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-secondary-border: rgba(255, 255, 255, 1);
  --punks-button-secondary-border--hover: rgba(255, 255, 255, 1);
  --punks-button-secondary-border--disabled: var(--colors-base-transparent);
  --punks-button-secondary-fg: rgba(255, 255, 255, 1);
  --punks-button-secondary-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-secondary-fg--disabled: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-bg: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-border: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-border--hover: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-border--disabled: var(--colors-base-transparent);
  --punks-button-secondary-color-fg: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-secondary-color-fg--disabled: rgba(255, 255, 255, 1);
  --punks-button-tertiary-bg: var(--colors-base-transparent);
  --punks-button-tertiary-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-tertiary-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-tertiary-border: var(--colors-base-transparent);
  --punks-button-tertiary-border--hover: var(--colors-base-transparent);
  --punks-button-tertiary-border--disabled: var(--colors-base-transparent);
  --punks-button-tertiary-fg: rgba(255, 255, 255, 1);
  --punks-button-tertiary-color-bg: var(--colors-base-transparent);
  --punks-button-tertiary-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-tertiary-color-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-tertiary-fg--disabled: rgba(255, 255, 255, 1);
  --punks-button-tertiary-color-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-tertiary-color-border: var(--colors-base-transparent);
  --punks-button-tertiary-color-border--hover: var(--colors-base-transparent);
  --punks-button-tertiary-color-border--disabled: var(--colors-base-transparent);
  --punks-button-tertiary-color-fg: rgba(255, 255, 255, 1);
  --punks-button-tertiary-color-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-tertiary-color-fg--disabled: rgba(255, 255, 255, 1);
  --punks-button-green-bg: rgba(255, 255, 255, 1);
  --punks-button-green-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-green-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-green-border: var(--colors-base-transparent);
  --punks-button-green-border--hover: var(--colors-base-transparent);
  --punks-button-green-border--disabled: var(--colors-base-transparent);
  --punks-button-green-fg: rgba(255, 255, 255, 1);
  --punks-button-green-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-green-fg--disabled: rgba(255, 255, 255, 1);
  --punks-button-red-bg: rgba(255, 255, 255, 1);
  --punks-button-red-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-red-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-red-border: var(--colors-base-transparent);
  --punks-button-red-border--hover: var(--colors-base-transparent);
  --punks-button-red-border--disabled: var(--colors-base-transparent);
  --punks-button-red-fg: rgba(255, 255, 255, 1);
  --punks-button-red-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-red-fg--disabled: rgba(255, 255, 255, 1);
  --punks-button-accent-bg: rgba(255, 255, 255, 1);
  --punks-button-accent-bg--hover: rgba(255, 255, 255, 1);
  --punks-button-accent-bg--disabled: rgba(255, 255, 255, 1);
  --punks-button-accent-border: var(--colors-base-transparent);
  --punks-button-accent-border--hover: var(--colors-base-transparent);
  --punks-button-accent-border--disabled: var(--colors-base-transparent);
  --punks-button-accent-fg: rgba(255, 255, 255, 1);
  --punks-button-accent-fg--hover: rgba(255, 255, 255, 1);
  --punks-button-accent-fg--disabled: rgba(255, 255, 255, 1);
  --punks-chip-chip-button-fg: rgba(255, 255, 255, 1);
  --punks-chip-chip-button-fg-hover: rgba(255, 255, 255, 1);
  --punks-chip-primary-bg: rgba(255, 255, 255, 1);
  --punks-chip-primary-bg--hover: rgba(255, 255, 255, 1);
  --punks-chip-primary-bg-active: rgba(255, 255, 255, 1);
  --punks-chip-primary-bg-active--hover: rgba(255, 255, 255, 1);
  --punks-chip-primary-border: var(--colors-base-transparent);
  --punks-chip-primary-border--hover: var(--colors-base-transparent);
  --punks-chip-primary-border-active: var(--colors-base-transparent);
  --punks-chip-primary-border-active--hover: var(--colors-base-transparent);
  --punks-chip-primary-text: rgba(255, 255, 255, 1);
  --punks-chip-primary-text-alt: rgba(255, 255, 255, 1);
  --punks-chip-primary-text--hover: rgba(255, 255, 255, 1);
  --punks-chip-primary-text-active: rgba(255, 255, 255, 1);
  --punks-chip-primary-text-alt-active: rgba(255, 255, 255, 1);
  --punks-chip-primary-text-active--hover: rgba(255, 255, 255, 1);
  --punks-chip-primary-fg: rgba(255, 255, 255, 1);
  --punks-chip-primary-fg--hover: rgba(255, 255, 255, 1);
  --punks-chip-primary-fg-active: rgba(255, 255, 255, 1);
  --punks-chip-primary-fg-active--hover: rgba(255, 255, 255, 1);
  --punks-input-label: var(--colors-base-white);
  --punks-input-bg: var(--colors-base-white);
  --punks-input-bg--hover: var(--colors-base-white);
  --punks-input-bg--disabled: var(--colors-base-white);
  --punks-input-hint: var(--colors-base-white);
  --punks-input-hint--error: var(--colors-base-white);
  --punks-input-border: rgba(255, 255, 255, 1);
  --punks-input-border--active: rgba(255, 255, 255, 1);
  --punks-input-border--focus: rgba(255, 255, 255, 1);
  --punks-input-border--hover: rgba(255, 255, 255, 1);
  --punks-input-border--error: rgba(255, 255, 255, 1);
  --punks-input-border--success: rgba(255, 255, 255, 1);
  --punks-input-border--disabled: rgba(255, 255, 255, 1);
  --punks-input-text: rgba(255, 255, 255, 1);
  --punks-input-placeholder: rgba(255, 255, 255, 1);
  --punks-input-text--disabled: rgba(255, 255, 255, 1);
  --punks-input-suffix: rgba(255, 255, 255, 1);
  --punks-input-suffix-icon: rgba(255, 255, 255, 1);
  --punks-input-suffix--hover: rgba(255, 255, 255, 1);
  --punks-input-suffix-icon--hover: rgba(255, 255, 255, 1);
  --punks-input-fg: rgba(255, 255, 255, 1);
  --punks-input-fg--hover: rgba(255, 255, 255, 1);
  --punks-toggle-group-border-color: var(--punks-border-primary);
  --punks-toggle-group-border-radius: var(--punks-corner-radius-md);
  --punks-toggle-group-border-size: 1px;
  --punks-toggle-group-item-text-color: var(--punks-text-primary);
  --punks-toggle-group-item-background: var(--punks-surface-primary);
  --punks-toggle-group-item-background--hover: var(--punks-surface-primary-hover);
  --punks-toggle-group-item-background--disabled: var(--punks-surface-disabled);
  --punks-toggle-group-item-background-active: var(--punks-surface-active);
  --file-upload-item-aspect-ratio: 1 / 1;
  --file-upload-item-border-color: var(--punks-color-spotclub-token-stepper-divider);
  --file-upload-item-border-style: solid;
  --file-upload-item-border-width: 1px;
  --file-upload-button-background-color: transparent;
  --punks-ripple-primary-color: rgba(98, 206, 253, 0.2);
  --punks-ripple-secondary-color: rgba(255, 255, 255, 0.2);
  --punks-toggle-chip-text-color: var(--punks-button-primary-fg);
  --punks-toggle-chip-text-size: var(--punks-text-body-sm);
  --punks-toggle-chip-text-line-height: var(--punks-line-height-body-sm);
  --punks-toggle-chip-radius: var(--punks-corner-radius-sm);
  --punks-toggle-chip-background: var(--colors-neutral-900);
  --punks-toggle-chip-background--hover: var(--colors-neutral-825);
  --punks-toggle-chip-background--active: var(--colors-neutral-825);
  --punks-toggle-chip-background--disabled: var(--colors-neutral-800);
  --punks-toggle-chip-border-color: var(--colors-neutral-800);
  --punks-toggle-chip-border-color--hover: var(--colors-neutral-825);
  --punks-toggle-chip-border-color--active: var(--colors-neutral-825);
  --punks-tree-item-label: var(--colors-neutral-200);
  --punks-tree-item-label--selected: var(--colors-neutral-25);
  --punks-tree-item-description: var(--colors-neutral-400);
  --punks-tree-item-description--selected: var(--colors-neutral-200);
  --punks-tree-item-chevron: var(--colors-neutral-300);
  --punks-tree-item-bg: transparent;
  --punks-tree-item-gap--default: 8px;
  --punks-tree-item-gap--dense: 6px;
  --punks-tree-item-padding-x--default: 8px;
  --punks-tree-item-padding-x--dense: 8px;
  --punks-tree-item-padding-y--default: 6px;
  --punks-tree-item-padding-y--dense: 2px;
  --punks-tree-item-chevron-size--default: 16px;
  --punks-tree-item-chevron-size--dense: 14px;
  --punks-tree-item-min-height--default: 32px;
  --punks-tree-item-min-height--dense: 24px;
  --punks-tree-item-indent-step: 16px;
  --punks-checkbox-color: var(--colors-neutral-300);
  --punks-checkbox-color--checked: var(--colors-primary-500);
  --punks-checkbox-color--indeterminate: var(--colors-primary-500);
  --punks-checkbox-size--md: 16px;
  --punks-checkbox-size--sm: 14px;
  --punks-checkbox-corner-radius: var(--punks-corner-radius-sm);
  --punks-checkbox-glyph-color--checked: var(--colors-base-black);
  --punks-checkbox-glyph-color--indeterminate: var(--colors-primary-500);
  --punks-tooltip-padding-x: var(--punks-spacing-3);
  --punks-tooltip-padding-y: var(--punks-spacing-2);
  --punks-tooltip-max-width: var(--punks-max-width-260);
  --punks-tooltip-offset: var(--punks-spacing-3);
  --punks-tooltip-corner-radius: var(--punks-corner-radius-8);
  --punks-input-search-icon: var(--colors-neutral-400);
  --punks-input-search-placeholder: var(--colors-neutral-400);
  --punks-input-search-text: var(--colors-neutral-25);
  --punks-input-search-border: var(--colors-neutral-800);
  --punks-input-search-clear: var(--colors-neutral-400);
  --punks-input-search-clear--hover: var(--colors-neutral-25);
  --punks-input-search-min-height: 28px;
  --punks-scrollbar-width: 4;
  --punks-scrollbar-offset: 1;
  --punks-scrollbar-radius: 0.125rem;
  --punks-scrollbar-track-bg: var(--colors-base-transparent);
  --punks-scrollbar-thumb-bg: var(--colors-neutral-300);
  --punks-scrollbar-thumb-bg--hover: var(--colors-neutral-400);
}