/**
 * MAUP manifest.
 * @maup-path: assets/css/components/toast.css
 * @maup-version: 1.1.0
 * @maup-mode: replace
 * @maup-role: Stylesheet asset
 */
.toast-region{position:fixed;z-index:var(--z-toast);right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
  .toast-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(18,18,20,.94);color:#f4f4f1;box-shadow:0 18px 56px rgba(0,0,0,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .24s ease,transform .34s var(--ease)}
  .toast-item.is-visible{opacity:1;transform:none}
  .toast-item.is-leaving{opacity:0;transform:translateY(8px) scale(.985)}
  .toast-dot{width:8px;height:8px;border-radius:50%;background:#65d5ff;box-shadow:0 0 18px rgba(101,213,255,.48)}
  .toast-item[data-type="error"] .toast-dot{background:#ff7867;box-shadow:0 0 18px rgba(255,120,103,.42)}
  .toast-copy{font-size:.8rem;line-height:1.42;color:#dedee1}
  .toast-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#8f8f96;font-size:1rem;cursor:pointer;transition:background .2s ease,color .2s ease}
  .toast-close:hover,.toast-close:focus-visible{background:rgba(255,255,255,.07);color:#fff}
  @media(max-width:620px){.toast-region{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100vw - 24px)}}
