/* MyWoolbridge unified toast skin for iziToast, MiniShop3, SendIt and ms3Favorites. */
:root {
  --wb-toast-radius: 18px;
  --wb-toast-shadow: 0 22px 60px rgba(243, 151, 193, .24), 0 8px 18px rgba(31, 27, 34, .08);
  --wb-toast-text: #1e1e1e;
  --wb-toast-muted: #a0a0a6;
  --wb-toast-pink: #f397c1;
  --wb-toast-pink-strong: #e66fac;
  --wb-toast-pink-soft: #ffe8f4;
  --wb-toast-success: #008c63;
  --wb-toast-success-soft: #d8ffe9;
  --wb-toast-danger: #ff3b3b;
  --wb-toast-danger-soft: #ffe8e8;
  --wb-toast-warning: #ff8a3d;
  --wb-toast-warning-soft: #fff0e5;
}

.iziToast-wrapper {
  z-index: 25000 !important;
  padding: 16px !important;
  pointer-events: none !important;
}

.iziToast-wrapper.iziToast-wrapper-topRight,
.iziToast-wrapper.iziToast-wrapper-topLeft,
.iziToast-wrapper.iziToast-wrapper-topCenter {
  top: 88px !important;
}

.iziToast-wrapper.iziToast-wrapper-topRight {
  right: 22px !important;
}

.iziToast-wrapper.iziToast-wrapper-topLeft {
  left: 22px !important;
}

.iziToast-wrapper.iziToast-wrapper-topCenter {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.iziToast-wrapper .iziToast-capsule {
  margin: 0 0 12px !important;
  width: auto !important;
  min-width: 0 !important;
  pointer-events: none !important;
}

.iziToast-wrapper .iziToast-capsule:last-child {
  margin-bottom: 0 !important;
}

.iziToast,
.iziToast.wb-toast {
  --wb-toast-bg: var(--wb-toast-pink-soft);
  --wb-toast-border: rgba(243, 151, 193, .55);
  --wb-toast-icon: var(--wb-toast-pink);
  --wb-toast-progress: var(--wb-toast-pink);
  --wb-toast-text-current: var(--wb-toast-text);
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: min(520px, calc(100vw - 32px)) !important;
  min-width: min(320px, calc(100vw - 32px)) !important;
  min-height: 54px !important;
  padding: 13px 48px 13px 16px !important;
  border: 1px solid var(--wb-toast-border) !important;
  border-radius: var(--wb-toast-radius) !important;
  background: var(--wb-toast-bg) !important;
  box-shadow: var(--wb-toast-shadow) !important;
  color: var(--wb-toast-text-current) !important;
  font-family: var(--wb-font-base), Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

.iziToast::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.iziToast-color-green,
.iziToast.wb-toast--success {
  --wb-toast-bg: var(--wb-toast-success-soft);
  --wb-toast-border: rgba(0, 140, 99, .22);
  --wb-toast-icon: var(--wb-toast-success);
  --wb-toast-progress: var(--wb-toast-success);
  --wb-toast-text-current: #064c38;
}

.iziToast-color-red,
.iziToast.wb-toast--error,
.iziToast.wb-toast--fail,
.iziToast.wb-toast--danger {
  --wb-toast-bg: var(--wb-toast-danger-soft);
  --wb-toast-border: rgba(255, 59, 59, .24);
  --wb-toast-icon: var(--wb-toast-danger);
  --wb-toast-progress: var(--wb-toast-danger);
  --wb-toast-text-current: #8a1b1b;
}

.iziToast-color-yellow,
.iziToast.wb-toast--warning {
  --wb-toast-bg: var(--wb-toast-warning-soft);
  --wb-toast-border: rgba(255, 138, 61, .28);
  --wb-toast-icon: var(--wb-toast-warning);
  --wb-toast-progress: var(--wb-toast-warning);
  --wb-toast-text-current: #7a3c10;
}

.iziToast-color-blue,
.iziToast.wb-toast--info {
  --wb-toast-bg: var(--wb-toast-pink-soft);
  --wb-toast-border: rgba(243, 151, 193, .36);
  --wb-toast-icon: var(--wb-toast-pink);
  --wb-toast-progress: var(--wb-toast-pink);
  --wb-toast-text-current: #6f3351;
}

.iziToast > .iziToast-body {
  display: flex !important;
  align-items: center !important;
  min-height: 26px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 35px !important;
  text-align: left !important;
}

.iziToast > .iziToast-body::after {
  display: none !important;
}

.iziToast > .iziToast-body .iziToast-texts {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.iziToast > .iziToast-body .iziToast-title,
.iziToast > .iziToast-body .iziToast-message {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--wb-toast-text-current) !important;
  font-family: var(--wb-font-base), Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.iziToast > .iziToast-body .iziToast-title {
  font-weight: 700 !important;
}

.iziToast > .iziToast-body .iziToast-message {
  font-weight: 600 !important;
}

.iziToast > .iziToast-body .iziToast-title + .iziToast-message {
  margin-top: 3px !important;
  color: rgba(30, 30, 30, .68) !important;
  font-size: 13px !important;
}

.iziToast > .iziToast-body .iziToast-icon {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  margin: -12px 0 0 !important;
  border-radius: 999px !important;
  background: none !important;
  color: var(--wb-toast-icon) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.iziToast > .iziToast-body .iziToast-icon::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-color: var(--wb-toast-icon);
  -webkit-mask: url('/assets/template/images/icons/wob/icon-wob-info-outlined.svg') center / contain no-repeat;
  mask: url('/assets/template/images/icons/wob/icon-wob-info-outlined.svg') center / contain no-repeat;
}

.iziToast-color-green > .iziToast-body .iziToast-icon::before,
.iziToast.wb-toast--success > .iziToast-body .iziToast-icon::before,
.iziToast > .iziToast-body .iziToast-icon.ico-success::before {
  -webkit-mask-image: url('/assets/template/images/icons/wob/icon-wob-check-success.svg');
  mask-image: url('/assets/template/images/icons/wob/icon-wob-check-success.svg');
}

.iziToast-color-red > .iziToast-body .iziToast-icon::before,
.iziToast.wb-toast--error > .iziToast-body .iziToast-icon::before,
.iziToast.wb-toast--fail > .iziToast-body .iziToast-icon::before,
.iziToast.wb-toast--danger > .iziToast-body .iziToast-icon::before,
.iziToast > .iziToast-body .iziToast-icon.ico-error::before {
  -webkit-mask-image: url('/assets/template/images/icons/wob/icon-wob-warning-danger.svg');
  mask-image: url('/assets/template/images/icons/wob/icon-wob-warning-danger.svg');
}

.iziToast-color-yellow > .iziToast-body .iziToast-icon::before,
.iziToast.wb-toast--warning > .iziToast-body .iziToast-icon::before,
.iziToast > .iziToast-body .iziToast-icon.ico-warning::before {
  -webkit-mask-image: url('/assets/template/images/icons/wob/icon-wob-warning.svg');
  mask-image: url('/assets/template/images/icons/wob/icon-wob-warning.svg');
}

.iziToast-color-blue > .iziToast-body .iziToast-icon::before,
.iziToast.wb-toast--info > .iziToast-body .iziToast-icon::before,
.iziToast > .iziToast-body .iziToast-icon.ico-info::before {
  -webkit-mask-image: url('/assets/template/images/icons/wob/icon-wob-info-outlined.svg');
  mask-image: url('/assets/template/images/icons/wob/icon-wob-info-outlined.svg');
}

.iziToast > .iziToast-close {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: -14px 0 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  opacity: .85 !important;
  background: transparent !important;
  cursor: pointer !important;
}

.iziToast > .iziToast-close::before {
  content: '';
  position: absolute;
  inset: 6px;
  background-color: var(--wb-toast-icon);
  -webkit-mask: url('/assets/template/images/icons/wob/icon-wob-close.svg') center / contain no-repeat;
  mask: url('/assets/template/images/icons/wob/icon-wob-close.svg') center / contain no-repeat;
}

.iziToast > .iziToast-close:hover,
.iziToast > .iziToast-close:focus-visible {
  opacity: 1 !important;
  background: rgba(255, 255, 255, .5) !important;
  outline: none !important;
}

.iziToast > .iziToast-progressbar {
  left: 16px !important;
  right: 16px !important;
  bottom: 7px !important;
  width: auto !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .52) !important;
  overflow: hidden !important;
}

.iziToast > .iziToast-progressbar > div {
  height: 3px !important;
  border-radius: inherit !important;
  background: var(--wb-toast-progress) !important;
  opacity: .75 !important;
}

.iziToast .iziToast-buttons,
.iziToast .iziToast-inputs {
  float: none !important;
}

.toastify,
.notyf__toast,
#toast-container > .toast {
  border-radius: var(--wb-toast-radius) !important;
  font-family: var(--wb-font-base), Arial, Helvetica, sans-serif !important;
  box-shadow: var(--wb-toast-shadow) !important;
}

@media (max-width: 575.98px) {
  .iziToast-wrapper {
    left: 0 !important;
    right: 0 !important;
    top: 10px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    transform: none !important;
  }

  .iziToast-wrapper.iziToast-wrapper-topRight,
  .iziToast-wrapper.iziToast-wrapper-topLeft,
  .iziToast-wrapper.iziToast-wrapper-topCenter {
    top: 10px !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
  }

  .iziToast,
  .iziToast.wb-toast {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 12px 44px 12px 14px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
  }

  .iziToast > .iziToast-body .iziToast-title,
  .iziToast > .iziToast-body .iziToast-message {
    font-size: 13px !important;
  }
}