.om-flash-stack {

  position: fixed;

  right: 20px;

  bottom: 24px;

  left: auto;

  top: auto;

  z-index: 10050;

  width: min(440px, calc(100vw - 40px));

  pointer-events: none;

  transition: bottom 0.25s ease;

}



.om-flash-stack.is-above-cookie {

  bottom: 120px;

}



.om-flash-toast {

  pointer-events: auto;

  overflow: hidden;

  border-radius: 12px;

  background: #fff;

  border: 1px solid var(--om-border);

  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);

  opacity: 1;

  animation: om-flash-toast-in 0.32s ease;

}



.om-flash-toast.is-hiding {

  animation: om-flash-toast-out 0.32s ease forwards;

}



.om-flash-toast__body {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  padding: 14px 16px 12px;

}



.om-flash-toast__message {

  flex: 1;

  margin: 0;

  font-size: 14px;

  line-height: 1.5;

  color: var(--om-text);

}



.om-flash-toast__close {

  flex-shrink: 0;

  width: 28px;

  height: 28px;

  border: none;

  border-radius: 8px;

  background: transparent;

  color: var(--om-muted);

  font-size: 22px;

  line-height: 1;

  cursor: pointer;

  transition: background 0.2s, color 0.2s;

}



.om-flash-toast__close:hover {

  background: rgba(15, 23, 42, 0.06);

  color: var(--om-text);

}



.om-flash-toast__progress {

  height: 4px;

  background: rgba(15, 23, 42, 0.08);

}



.om-flash-toast__progress span {

  display: block;

  height: 100%;

  width: 100%;

  transform: scaleX(1);

  transform-origin: left center;

  transition: transform 0.1s linear;

}



.om-flash-toast--success {

  border-color: #bbf7d0;

  background: #f0fdf4;

}



.om-flash-toast--success .om-flash-toast__message {

  color: #166534;

}



.om-flash-toast--success .om-flash-toast__progress span {

  background: #16a34a;

}



.om-flash-toast--info {

  border-color: #bfdbfe;

  background: #eff6ff;

}



.om-flash-toast--info .om-flash-toast__message {

  color: #1e40af;

}



.om-flash-toast--info .om-flash-toast__progress span {

  background: #2563eb;

}



.om-flash-toast--error {

  border-color: #fecaca;

  background: #fef2f2;

}



.om-flash-toast--error .om-flash-toast__message {

  color: #b91c1c;

}



.om-flash-toast--error .om-flash-toast__progress span {

  background: #dc2626;

}



@keyframes om-flash-toast-in {

  from {

    opacity: 0;

    transform: translateY(16px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



@keyframes om-flash-toast-out {

  from {

    opacity: 1;

    transform: translateY(0);

  }

  to {

    opacity: 0;

    transform: translateY(12px);

  }

}



@media (max-width: 768px) {

  .om-flash-stack {

    right: 12px;

    left: 12px;

    width: auto;

    bottom: 16px;

  }



  .om-flash-stack.is-above-cookie {

    bottom: 108px;

  }

}