#verificationPhraseSection {
	display: none;
}
#welcomeMessage {
	font-size: 20px;
	margin-top: 20px;
	display: none;
}
/* --- Regular (400) --- */
@font-face {
  font-family: 'Sinkin Sans';
  src: url('/sinkin-sans/SinkinSans-400Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
/* Hide arrows from number input fields */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
/* --- Italic (400) --- */
@font-face {
  font-family: 'Sinkin Sans';
  src: url('/sinkin-sans/SinkinSans-400Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

/* --- Bold (700) --- */
@font-face {
  font-family: 'Sinkin Sans';
  src: url('/sinkin-sans/SinkinSans-700Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* --- Bold Italic (700) --- */
@font-face {
  font-family: 'Sinkin Sans';
  src: url('/sinkin-sans/SinkinSans-700BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

/* --- Thin (100) --- */
@font-face {
  font-family: 'Sinkin Sans';
  src: url('/sinkin-sans/SinkinSans-100Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

/* --- Black (900) --- */
@font-face {
  font-family: 'Sinkin Sans';
  src: url('/sinkin-sans/SinkinSans-900Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
#verifyPopup {
	display: none; /* Popup is hidden initially */
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	padding: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.update-cookie-btn {
    background-color: #f0ad4e; /* Orange warning color */
    border: none;
    color: #fff;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
}
.update-cookie-form {
    display: none; /* Hidden by default */
    margin-top: 10px;
    padding: 10px;
    background-color: #333;
    border-radius: 4px;
}
.update-cookie-form input {
    width: 100%;
    padding: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
}

/* Loading Circle CSS */
.loading-circle {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
.header_logo___eW3r {
  width: 88px;
  height: 88px;
  /* If it’s wrapping an img, add overflow hidden or object-fit if needed */
  display: inline-block;
  overflow: hidden;
}

.header_logo___eW3r img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* or cover, depending on your needs */
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#listItemOverlay .modal-content > div {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
/* The main header container */
.row_root__9ReA0.header_row__Sbhc1 {

  /* This creates the outline and background */
  border-bottom: 1px solid #3a3a3c; /* A subtle border for a dark theme */
  padding: 5px 20px;
  margin: 5x; /* Optional: adds some space around the header */
  background-color: #0f0f10; /* A dark background to match your theme */
  
  /* This uses Flexbox to align the main sections of the header */
  display: flex;
  justify-content: space-between; /* Pushes the left (logo/nav) and right (buttons) sections apart */
  align-items: center;
}
/* The nav container that holds links (Market, Support, etc.) */
.header_nav__7l0n_ {
  display: flex;
  gap: 3rem;                   /* Space between each link */
  align-items: center;         /* Keep them vertically centered */
  font-size: 1.5rem;
}

/* Each "nav link wrapper" can also be displayed inline or flex */
.header_navLinkWrapper__l61S4 {
  display: flex;
  align-items: center;
}

/* You can remove bullet styling or extra margins if needed */
.header_navLink__72wkE {
  text-decoration: none;
  color: #fff; /* or your desired color */
  font-weight: 500;
}

/* The container for login/logout/discord area */
.header_buttons__KG_Ed {
  display: flex;
  align-items: center;
  gap: 1rem;                   /* Space between login button and discord icon */
}

/* Example styling for the login button */
.button_button__SRc2Y.button_size48__GxhmF.button_accent__xTK7C {
  background-color: #AD1325; /* A red color */
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 1rem;
  text-decoration: none;
}
.button_button__SRc2Y.button_size48__GxhmF.button_accent__xTK7C:hover {
  background-color: #AD1325;
  text-decoration: none;
}

/* Optional: style for p inside the links (Market, Support, etc.) */
.text_text__6Ucz4.text_size16__lZN8U.text_w500__xn405 {
  margin: 0; 
  padding: 0;
  color: #ccc; /* a slightly off-white color */
}
body {
  background-color: #0D0C0C; 
  color: #fff;         /* Optional: make text white for contrast */
  margin: 0;           /* Remove default margin */
  padding: 0;          /* Remove default padding */
  font-family: 'Gotham Pro', sans-serif; /* Example font */
}


    .wallet-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;              
      align-items: center;        
      justify-content: center;    
      z-index: 9999;
      background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent backdrop */
    }

    /* Modal content container */
    .wallet-modal-content {
      background-color: #0C0C0D;
      padding: 20px;
      width: 400px;
      border-radius: 8px;
      margin: 0; 
      max-height: 90vh;
      overflow-y: auto;
      position: relative; /* Establishes positioning context for close button */
    }

    /* Close (X) button positioned at the top right */
    .wallet-modal-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      color: #aaa;
      font-size: 1.5rem;
      font-weight: bold;
      cursor: pointer;
    }
    .wallet-modal-close:hover {
      color: #fff;
    }

    /* Wallet title */
    .wallet-title {
      margin-bottom: 1rem;
      font-size: 1.25rem;
      font-weight: 600;
    }

    /* Balance info */
    .wallet-balance-info p {
      margin-bottom: 0.5rem;
    }

    /* Section title (Withdraw, etc.) */
    .section-title {
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
      font-size: 1.1rem;
      font-weight: 600;
    }

    /* Withdraw instructions */
    .withdraw-instructions {
      margin-bottom: 1rem;
      font-size: 0.95rem;
      color: #ccc;
    }

    .wallet-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent backdrop */
    }

    .wallet-modal-content {
      background-color: #0C0C0D;
      padding: 20px;
      width: 480px;
      border-radius: 8px;
      max-height: 90vh;
      overflow-y: auto;
      position: relative;
      color: #fff;
      font-family: sans-serif;
    }

    .wallet-modal-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      color: #aaa;
      font-size: 1.5rem;
      font-weight: bold;
      cursor: pointer;
    }
    .wallet-modal-close:hover {
      color: #fff;
    }

    .wallet-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 1rem;
    }

    /* Tab Navigation */
    .wallet-tabs {
      display: flex;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .wallet-tab {
      cursor: pointer;
      padding: 0.5rem 1rem;
      border: none;
      background: none;
      color: #999;
      font-weight: 600;
    }
    .wallet-tab.active {
      color: #fff;
      border-bottom: 2px solid #fff;
    }

    /* Balance Info */
    .wallet-balance-info {
      margin-bottom: 1rem;
    }
    .wallet-balance-info p {
      margin: 0.2rem 0;
    }

    /* Section containers */
    .wallet-section {
      display: none;
    }
    .wallet-section.active {
      display: block;
    }

    /* Deposit method buttons */
    .deposit-methods {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1rem;
    }
    .deposit-method {
      flex: 1 1 40%;
      background-color: #1a1a1b;
      border: none;
      border-radius: 6px;
      padding: 0.75rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      cursor: pointer;
      color: #fff;
    }
    .deposit-method:hover {
      background-color: #2f2f30;
    }

    /* Crypto details (QR + address) */
    .deposit-qr-container {
      text-align: center;
      margin-top: 1rem;
    }
    .deposit-qr-container img {
      margin-bottom: 1rem;
      width: 200px;
      height: 200px;
      object-fit: contain;
    }
    .crypto-address {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      margin: 0.5rem 0;
      background-color: #1a1a1b;
      padding: 0.5rem 1rem;
      border-radius: 4px;
    }
    .crypto-address span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .copy-button {
      background-color: #333;
      padding: 0.25rem 0.5rem;
      cursor: pointer;
      border-radius: 4px;
      border: none;
      color: #fff;
    }

    .warning-text {
      margin-top: 0.5rem;
      font-size: 0.9rem;
      color: #ccc;
    }
    .back-button {
      margin-top: 1rem;
      background-color: #444;
      border: none;
      border-radius: 4px;
      padding: 0.5rem 1rem;
      color: #fff;
      cursor: pointer;
    }

    /* Example for your existing withdrawal form placeholders */
    .withdrawal-container {
      padding: 1rem;
      background-color: #1a1a1b;
      border-radius: 6px;
    }
    /* Buttons */
    .button {
      display: inline-block;
      padding: 0.6rem 1rem;
      font-size: 0.95rem;
      font-weight: 600;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      color: #fff;
      background-color: #5c5cff;
    }
    .button:hover {
      background-color: #4a4adb;
    }
    .button-secondary {
      background-color: #555;
      margin-left: 0.5rem;
    }
    .button-secondary:hover {
      background-color: #444;
    }

    /* Input styles */
    label {
      margin-top: 1rem;
      margin-bottom: 0.25rem;
      display: block;
      font-size: 0.9rem;
      color: #ccc;
    }
    input[type="text"],
    input[type="number"],
    input[type="password"] {
      width: 100%;
      padding: 0.5rem;
      margin-bottom: 0.75rem;
      border: 1px solid #444;
      border-radius: 4px;
      background-color: #333;
      color: #f1f1f1;
      font-size: 0.95rem;
    }
    input:focus {
      outline: none;
      border-color: #5c5cff;
    }

    /* Flex row for amount + max button */
    .amount-row {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }

    .button-group {
      margin-top: 1rem;
      display: flex;
      justify-content: flex-end;
    }

    /* Buttons */
    .button {
      display: inline-block;
      padding: 0.6rem 1rem;
      font-size: 0.95rem;
      font-weight: 600;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      color: #fff;
      background-color: #5c5cff; /* Example accent color */
    }
    .button:hover {
      background-color: #4a4adb;
    }
    .button-secondary {
      background-color: #555;
      margin-left: 0.5rem;
    }
    .button-secondary:hover {
      background-color: #444;
    }
.header_navLink__72wkE {
  text-decoration: none; /* This line removes the underline */
  color: #fff;
  font-weight: 500;
}
    /* Input styles */
    label {
      margin-top: 1rem;
      margin-bottom: 0.25rem;
      display: block;
      font-size: 0.9rem;
      color: #ccc;
    }
    input[type="text"],
    input[type="number"],
    input[type="password"] {
      width: 100%;
      padding: 0.5rem;
      margin-bottom: 0.75rem;
      border: 1px solid #444;
      border-radius: 4px;
      background-color: #333;
      color: #f1f1f1;
      font-size: 0.95rem;
    }
    input:focus {
      outline: none;
      border-color: #5c5cff;
    }

    /* Flex row for amount + max button */
    .amount-row {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }

    .button-group {
      margin-top: 1rem;
      display: flex;
      justify-content: flex-end;
    }
.withdraw-method.active {
  background-color: #2f2f30; /* Slightly lighter background */
  border: 2px solid #fff;
  /* The following adjusts padding to keep the button the same size */
  padding: calc(0.75rem - 2px); 
}
/* If you have a Discord icon as an <svg>, you can style it or place it in an <a> tag, etc. */
.wallet-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;              
  align-items: center;        
  justify-content: center;    
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent backdrop */
}

/* Modal content container */
.wallet-modal-content {
  background-color: #0C0C0D;
  padding: 20px;
  width: 400px;
  border-radius: 8px;
  margin: 0; 
  max-height: 90vh;
  overflow-y: auto;
  position: relative; /* Establishes positioning context for close button */
}

/* Close (X) button positioned at the top right */
.wallet-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #aaa;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
}
.wallet-modal-close:hover {
  color: #fff;
}

/* Wallet title */
.wallet-title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

/* Balance info */
.wallet-balance-info p {
  margin-bottom: 0.5rem;
}

/* Section title (Withdraw, etc.) */
.section-title {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
}

/* Withdraw instructions */
.withdraw-instructions {
  margin-bottom: 1rem;
  font-size: 0.95rem;
  color: #ccc;
}

/* Buttons */
.button {
  display: inline-block;
  padding: 0.6rem 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  background-color: #5c5cff;
}
.button:hover {
  background-color: #4a4adb;
}
.button-secondary {
  background-color: #555;
  margin-left: 0.5rem;
}
.button-secondary:hover {
  background-color: #444;
}

/* Input styles */
label {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.9rem;
  color: #ccc;
}
input[type="text"],
input[type="number"],
input[type="password"] {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #333;
  color: #f1f1f1;
  font-size: 0.95rem;
}
input:focus {
  outline: none;
  border-color: #5c5cff;
}

/* Flex row for amount + max button */
.amount-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.button-group {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}

/* Buttons */
.button {
  display: inline-block;
  padding: 0.6rem 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  background-color: #5c5cff; /* Example accent color */
}
.button:hover {
  background-color: #4a4adb;
}
.button-secondary {
  background-color: #555;
  margin-left: 0.5rem;
}
.button-secondary:hover {
  background-color: #444;
}

/* Input styles */
label {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.9rem;
  color: #ccc;
}
input[type="text"],
input[type="number"],
input[type="password"] {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #333;
  color: #f1f1f1;
  font-size: 0.95rem;
}
input:focus {
  outline: none;
  border-color: #5c5cff;
}

/* Flex row for amount + max button */
.amount-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.button-group {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}