.toast-region{top:var(--toast-top,118px);max-height:calc(100vh - var(--toast-top,118px) - 1rem);overflow:auto;overscroll-behavior:contain}
.toast{
  --toast-accent:var(--gold);
  min-width:0;
  border-color:var(--line);
  border-inline-start-color:var(--toast-accent);
  background:var(--surface);
  color:var(--text);
}
.toast.success{--toast-accent:var(--green);border-inline-start-color:var(--toast-accent)}
.toast.error{--toast-accent:var(--red);border-inline-start-color:var(--toast-accent)}
.toast.warning{--toast-accent:var(--gold);border-inline-start-color:var(--toast-accent)}
.toast.info{--toast-accent:var(--gold);border-inline-start-color:var(--toast-accent)}
.toast>span{min-width:0;color:inherit;overflow-wrap:anywhere}
.toast strong{color:inherit}
.toast-action{color:var(--toast-accent);font-weight:800}
.toast-close{
  width:2.6rem;
  min-width:2.6rem;
  height:2.6rem;
  min-height:2.6rem;
  padding:0;
  border:1px solid var(--line);
  border-radius:.3rem;
  background:var(--surface2);
  color:var(--text);
  line-height:1;
}
.toast-close:hover{border-color:var(--toast-accent);background:var(--surface);color:var(--toast-accent)}
html[data-theme="dark"] .toast{border-color:#3a514a;border-inline-start-color:var(--toast-accent);background:#12201e;color:#edf5f1;box-shadow:0 .6rem 2rem #000a}
html[data-theme="dark"] .toast-close{border-color:#3a514a;background:#192b28;color:#edf5f1}
html[data-theme="dark"] .toast-close:hover{border-color:var(--toast-accent);background:#223833;color:var(--toast-accent)}
html[data-theme="light"] .toast{border-color:#cbd6c8;border-inline-start-color:var(--toast-accent);background:#fffefa;color:#17352d;box-shadow:0 .5rem 1.7rem rgba(39,68,56,.18)}
html[data-theme="light"] .toast-close{border-color:#cbd6c8;background:#eef2e8;color:#17352d}
html[data-theme="light"] .toast-close:hover{border-color:var(--toast-accent);background:#fffefa;color:var(--toast-accent)}
@media(max-width:760px){.toast-region{top:var(--toast-top,71px)}}