._container_10vee_1 {
  position: fixed;
  right: 0;
  bottom: var(--s-df);
  left: 0;
  z-index: var(--z-index-top);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}

@media (min-width: 768px) {
  ._topLeft_10vee_14 {
    top: var(--s-inset);
    right: initial;
    bottom: initial;
    left: var(--s-inset);
  }
  ._topRight_10vee_20 {
    top: var(--s-inset);
    right: var(--s-inset);
    bottom: initial;
    left: initial;
  }
  ._bottomLeft_10vee_26 {
    right: initial;
    bottom: var(--s-inset);
    left: var(--s-inset);
  }
  ._bottomRight_10vee_31 {
    right: var(--s-inset);
    bottom: var(--s-inset);
    left: initial;
  }
}
._wrapper_10vee_37 {
  --lc-bg: var(--c-info-l);
  --lc-bg-icon: var(--c-info);
  --lc-icon: var(--c-white);
  display: grid;
  grid-template-columns: 2rem 1fr;
  column-gap: 0.75rem;
  width: calc(100% - var(--s-inset) * 2);
  min-height: 3rem;
  padding: 1rem 1rem 1rem 0.75rem;
  border-radius: var(--s-xxs);
  background-color: var(--lc-bg);
  box-shadow: var(--sw-dp8);
}
@media (min-width: 768px) {
  ._wrapper_10vee_37 {
    width: 100%;
    max-width: 25rem;
  }
}

._wrapIcon_10vee_58 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--s-uxs);
  background-color: var(--lc-bg-icon);
  cursor: pointer;
}

._icon_10vee_69 {
  --lw-icon: 1rem;
  width: var(--lw-icon);
  height: var(--lw-icon);
  fill: var(--lc-icon);
}

._wrapText_10vee_76 {
  display: flex;
  flex-direction: column;
  gap: var(--s-uxs);
  cursor: pointer;
}

._close_10vee_83 {
  --lw-icon: 1rem;
  width: var(--lw-icon);
  height: var(--lw-icon);
  fill: var(--c-text);
  cursor: pointer;
}

._hasClose_10vee_91 {
  grid-template-columns: 2rem 1fr 1rem;
  padding: 1rem 0.75rem;
}

._ok_10vee_96 {
  --lc-bg: var(--c-ok-l);
  --lc-bg-icon: var(--c-ok);
}

._warning_10vee_101 {
  --lc-bg: var(--c-warning-l);
  --lc-bg-icon: var(--c-warning-amber);
}

._error_10vee_106 {
  --lc-bg: var(--c-error-l);
  --lc-bg-icon: var(--c-error);
}

._marketing_10vee_111 {
  --lc-bg: var(--c-white);
  --lc-bg-icon: var(--c-primary-l2);
  --lc-icon: var(--c-primary);
}
._marketing_10vee_111 ._wrapIcon_10vee_58 {
  border-radius: 50%;
}