:root{
  --Brand-Colors-Warning-Basic: #d18313;
  --UI-Tokkens-Navigation-menu-spacing-md-x: 10px;
  --UI-Tokkens-Buttons-X-small-x: 12px;
  --UI-Tokkens-Buttons-X-small-y: 4px;
  --UI-Tokkens-Buttons-Small-x: 14px;
  --UI-Tokkens-Buttons-Small-y: 8px;
  --UI-Tokkens-Buttons-Medium-x: 16px;
  --UI-Tokkens-Buttons-Medium-y: 12px;
  --UI-Tokkens-Buttons-Large-x: 18px;
  --UI-Tokkens-Buttons-Large-y: 14px;
  --UI-Tokkens-Buttons-X-Large-x: 20px;
  --UI-Tokkens-Buttons-X-Large-y: 16px;
  --UI-Tokkens-Navigation-menu-spacing-md-y: 10px;
  --UI-Tokkens-Navigation-menu-gap: 8px;
  --UI-Tokkens-Inputs-radius-lg: 8px;
  --UI-Tokkens-Inputs-spacing-md-y: 16px;
  --UI-Tokkens-Inputs-spacing-md-x: 20px;
  --UI-Tokkens-Inputs-border-width-sm: 0.5px;

  --Bronze: #DA9D46;
  --CTA_Primary-1: #B4FE2F;
  --CTA_Primary-2: #87C321;
  --CTA_Primary-3: #657E3A;
  --CTA_Secondary-1: #FFE202;
  --Color-01: #FFFFFF;
  --Color-2: #707080;
  --Color-3: #2C2D34;
  --Color-4: #3E3D48;
  --Color-5: #202026;
  --Color-6: #282830;
  --Color-7: #060608;
  --Color-8: #14141C;
  --Color-9: #1B1A22;
  --Color-10: #8E9197;
  --Desctructive: #FF30A2;
  --Diamond: #9D5BFF;
  --Gold: #FFB800;
  --Legend: #3D6BFF;
  --Platinum: #FF3D9B;
  --Success: #B4FE2F;
  --Warning-01: #EFA719;
  --Warning-02: #E5621C;
  --silver: #47C9F8;

  /* Custom */
  --appbar-bg-color: rgba(13, 33, 47, 0.9);
}

.modal-wrapper {
  border: 1px solid var(--Color-4);
}

.vip-club-banner {
  border: 1px solid var(--Color-4);
  background: #010104 !important;
}

.vip-club-banner::before {
  background: linear-gradient(180deg, rgba(1, 1, 1, 0) 31.06%, #010104 76.08%) !important;
}