:root {
  /* Base Colors */
  --mx-accent: #ffffff;
  --mx-white: #ffffff;
  --mx-black: #000000;
  --mx-neutral-900: #171717;
  --mx-neutral-50: #fafafa;
  --mx-neutral-400: #a3a3a3;

  /* Text Colors */
  --mx-text: var(--mx-white);
  --mx-primary-text: #262626;
  --mx-secondary-text: #868686;
  --mx-warning-text: #facc15;
  --mx-body-label-color: #a09a93;
  --mx-warning-text: #facc15;
  --mx-tx-bg: rgba(53, 53, 53);
  --mx-tx-bg-transparent: rgba(53, 53, 53, 0.3);
  --mx-tx-text-primary: #e8e8e8;
  --mx-tx-text-secondary: #737373;

  /* Toast Colors */
  --mx-toast-backdrop-blur: 38px;
  --mx-toast-success-bg: #1d6030;
  --mx-toast-success-color: #4ade80;
  --mx-toast-pending-bg: #453412;
  --mx-toast-pending-color: #facc15;
  --mx-toast-error-bg: rgba(255, 71, 71, 0.2);
  --mx-toast-error-color: #ff4747;

  /* Font Settings */
  --font-family-roobert: 'Roobert PRO', system-ui, -apple-system, sans-serif;

  /* Explorer Link Colors */
  --mx-explorer-link-color: var(--mx-primary-text);

  /* Transition */
  --mx-transition: 0.3s ease-in-out;
}


.toast-list {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
  pointer-events: none;
}

.toast-list-bottom {
  bottom: 64px;
}

.toast-list > * {
  pointer-events: auto;
}

.view-all-button-container {
  position: absolute;
  bottom: -48px;
  right: 0;
  z-index: 1;
}

.view-all-button {
  border-radius: 100px;
  border: 0.5px solid var(--mx-tx-bg);
  background: var(--mx-tx-bg);
  backdrop-filter: blur(38px);
  padding: 8px 16px;
  color: var(--mx-tx-text-primary);
  font-family: var(--font-family-roobert);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.view-all-button:hover {
  opacity: 0.9;
}
