:root {
  --toast-container-padding: 1rem; /* Toast Notification: Padding for message content */
  --color-gallery: #eee; /* Toast Notification: empty */
  --color-cornflower-lilac: #FFA6A6; /* Toast Notification: error */
  --color--navajo-white: #FFE0A6; /* Toast Notification: not used */
  --color-hawkes-blue: #CCE0FD; /* Toast Notification: verified */
  --color--mint-green: #B0FFA6; /* Toast Notification: success */
  --color-chartreuse: #9FFF02; /* Toast Notification: success */
  --color-shark: #2d2e31; /* Toast Notification: dark */
  --color-silver: #ccc; /* Toast Notification: dark */
  --color-athens-gray: #edeff3;
  --color-black-1: #0000001A;
  --toast-font-weight: 600; /* Toast Notification: Font weight for message content */
  --toast-font-color: #000; /* Toast Notification: Font color for message content */
  --toast-font-size: 0.875rem;; /* Toast Notification: Font size for message content */

  --color-light-warm-red: #ff4848;
  --color-white: #fff;
}

[data-toast-notification]{
  position: fixed;
  z-index: 999999;
}

[data-toast-notification]:not([data-notification-card]) {
  min-width: 15rem; /* Toast Notification: Minimum width for toast */
  text-decoration: none;
  background-color: var(--color-gallery); /* Toast Notification: Default background color */
  border-radius: 0.25rem; /* Toast Notification: Border radius for toast */
  display: flex;
  padding: var(--toast-container-padding); /* Toast Notification: Padding for toast */
  transform: translate(0, -150%); /* Toast Notification: Initial transform position */
  align-items: start;

  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  width: 25rem;
  padding: 1rem;
  align-items: flex-start;
  gap: 1rem;
}

/* Toast Notification: success background */
[data-toast-notification][data-toast-style="success"] {
  background-color: var(--color-chartreuse);
}

/* Toast Notification: error background */
[data-toast-notification][data-toast-style="error"] {
  background-color: var(--color-cornflower-lilac);
}

/* Toast Notification: verified background */
[data-toast-notification][data-toast-style="verified"] {
  background-color: var(--color-hawkes-blue);
}

/* Toast Notification: dark background */
[data-toast-notification][data-toast-style="dark"] {
  background-color: var(--color-shark);
}

/* Toast Notification: empty background with shadow */
[data-toast-notification][data-toast-style="empty"] {
  background-color: var(--color-gallery);
  box-shadow: 0 0 0.9375rem 0 var(--color-silver); /* Toast Notification: Box shadow for empty style */
}

/* Toast Notification: blue background */
[data-toast-notification][data-toast-style="blue"] {
  background-color: var(--color-blue);
}

/* Toast Notification: green background */
[data-toast-notification][data-toast-style="green"] {
  background-color: var(--color-green);
}

/* Toast Notification: lemon background */
[data-toast-notification][data-toast-style="lemon"] {
  background-color: var(--color-lemon);
}

/* Toast Notification: light-warm-red background */
[data-toast-notification][data-toast-style="light-warm-red"] {
  background-color: var(--color-light-warm-red);
}

/* Toast Notification: position top-center */
[data-toast-notification][data-toast-position="top-center"] {
  transform: translate(calc(50vw - 50%), -150%);
}

/* Toast Notification: position bottom-center */
[data-toast-notification][data-toast-position="bottom-center"] {
  transform: translate(calc(50vw - 50%), 150%);
}

/* Toast Notification: position bottom-right and bottom-left */
[data-toast-notification][data-toast-position="bottom-right"],
[data-toast-notification][data-toast-position="bottom-left"] {
  transform: translate(0, 150%);
}

/* Toast Notification: wrapper for content */
[data-toast-notification] [data-toast-notification-wrapper] {
  /* flex: 1; */
  /* padding-right: var(--toast-container-padding);  */ /* Toast Notification: Right padding for content wrapper */
  overflow: hidden;
}

/* Toast Notification: content styling */
[data-toast-notification] [data-toast-notification-wrapper] [data-toast-notification-content] {
  /* max-width: 17.5rem; */ /* Toast Notification: Maximum width for content */
  font-size: var(--toast-font-size); /* Toast Notification: Font size for content */
  font-weight: var(--toast-font-weight); /* Toast Notification: Font weight for content */
  margin: 0;
  padding: 0;
  word-break: break-word;
  color: var(--toast-font-color); /* Toast Notification: Font color for content */
  gap: 0.75rem
}

[data-toast-notification] [data-toast-notification-wrapper] [data-toast-notification-content] a{
    color: var(--color-black, #000);
    font-family: Poppins;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem; /* 142.857% */
    text-decoration-line: underline;
}

/* Toast Notification: dark content color */
[data-toast-notification][data-toast-style="dark"] [data-toast-notification-wrapper] [data-toast-notification-content] p {
  color: var(--color-athens-gray);
}

/* Toast Notification: dark content color */
[data-toast-notification][data-toast-style="dark"] [data-toast-notification-wrapper] [data-toast-notification-content] a {
  color: var(--color-athens-gray); 
}

/* Toast Notification: dark close icon color */
[data-toast-notification][data-toast-style="dark"] [data-toast-notification-close] svg path {
  stroke: var(--color-athens-gray);
}

/* Toast Notification: content color */
[data-toast-notification][data-toast-style="green"] [data-toast-notification-wrapper] [data-toast-notification-content] p ,
[data-toast-notification][data-toast-style="light-warm-red"] [data-toast-notification-wrapper] [data-toast-notification-content] p ,
[data-toast-notification][data-toast-style="blue"] [data-toast-notification-wrapper] [data-toast-notification-content] p {
  color: var(--color-white);
}

/* Toast Notification: content color */
[data-toast-notification][data-toast-style="light-warm-red"] [data-toast-notification-wrapper] [data-toast-notification-content] a ,
[data-toast-notification][data-toast-style="green"] [data-toast-notification-wrapper] [data-toast-notification-content] a ,
[data-toast-notification][data-toast-style="blue"] [data-toast-notification-wrapper] [data-toast-notification-content] a {
  color: var(--color-white); 
}

/* Toast Notification: icon color */
[data-toast-notification][data-toast-style="light-warm-red"] [data-toast-notification-wrapper] svg path ,
[data-toast-notification][data-toast-style="green"] [data-toast-notification-wrapper] svg path ,
[data-toast-notification][data-toast-style="blue"] [data-toast-notification-wrapper] svg path {
  fill: var(--color-white);
}

/* Toast Notification: close icon color */
[data-toast-notification][data-toast-style="light-warm-red"] [data-toast-notification-close] svg path ,
[data-toast-notification][data-toast-style="green"] [data-toast-notification-close] svg path ,
[data-toast-notification][data-toast-style="blue"] [data-toast-notification-close] svg path {
  stroke: var(--color-white);
}

/* Toast Notification: dimmed state */
[data-toast-notification][data-toast-notification-dimmed] {
  opacity: .3; /* Toast Notification: Opacity for dimmed state */
}

/* Toast Notification: hover and active state for dimmed notification */
[data-toast-notification][data-toast-notification-dimmed]:hover,
[data-toast-notification][data-toast-notification-dimmed]:active {
  opacity: 1; /* Toast Notification: Full opacity on hover and active for dimmed state */
}

/* Toast Notification: close button styling */
[data-toast-notification]:not([data-notification-card]) [data-toast-notification-close] {
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  width: 1rem; /* Toast Notification: Width of close button */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  padding-bottom: 0.063rem; /* Toast Notification: Bottom padding for close button */
  padding-top: 0.75rem;
}

/* Toast Notification: close icon container */
[data-toast-notification] [data-toast-notification-close] [data-toast-close-icon-container] {
  position: absolute;
  width: 2.25rem; /* Toast Notification: Width of close icon container */
  height: 2.25rem; /* Toast Notification: Height of close icon container */
  border-radius: 1.125rem; /* Toast Notification: Border radius for close icon container */
}

/* Toast Notification: close icon sizing */
[data-toast-notification] [data-toast-notification-close] [data-toast-close-icon-container] svg {
  width: 2.25rem; /* Toast Notification: Width of SVG icon */
}

/* Toast Notification: hover effect for close icon container */
[data-toast-notification] [data-toast-notification-close] [data-toast-close-icon-container]:hover {
  /* background-color: var(--color-black-1);  */
  /* Toast Notification: Background color on hover for close icon container */
}