.mh-toasts{--mh-top:1rem;--mh-bottom:1rem;--mh-side:1rem;z-index:1200;scrollbar-width:none;pointer-events:none;text-align:start;flex-direction:column;gap:.625rem;width:min(26rem,100vw - 2rem);max-height:calc(100dvh - 2rem);font-size:.875rem;line-height:1.45;display:flex;position:fixed;overflow-y:auto}.mh-toasts[data-position^=top]{max-height:calc(100dvh - var(--mh-top) - 1rem)}.mh-toasts[data-position=top-center]{top:var(--mh-top);left:50%;transform:translate(-50%)}.mh-toasts[data-position=top-start]{top:var(--mh-top);inset-inline-start:var(--mh-side)}.mh-toasts[data-position=top-end]{top:var(--mh-top);inset-inline-end:1rem}.mh-toasts[data-position=center]{top:50%;left:50%;transform:translate(-50%,-50%)}.mh-toasts[data-position=bottom]{bottom:var(--mh-bottom);flex-direction:column-reverse;left:50%;transform:translate(-50%)}.mh-toasts__live{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mh-toast{--mh-accent:var(--color-primary,#05868c);--mh-bg:#fff;--mh-fg:#111827;--mh-muted:#6b7280;--mh-shadow:0 10px 30px -8px #11182738, 0 2px 6px #11182714;color:var(--mh-fg);background:var(--mh-bg);border:1px solid color-mix(in srgb, var(--mh-accent) 28%, transparent);box-shadow:var(--mh-shadow);pointer-events:auto;border-radius:.75rem;flex:none;align-items:flex-start;gap:.75rem;padding:.75rem .75rem .8125rem;animation:.22s cubic-bezier(.2,.8,.2,1) both mh-toast-in;display:flex;position:relative;overflow:hidden}.mh-toast--success{--mh-accent:var(--color-success,#16a34a)}.mh-toast--error{--mh-accent:var(--color-danger,#dc2626)}.mh-toast--warning{--mh-accent:var(--color-warning,#d97706)}.mh-toast--info{--mh-accent:var(--color-primary,#05868c)}[data-theme=dark] .mh-toast{--mh-bg:#1b2430;--mh-fg:#f3f4f6;--mh-muted:#9ca3af;--mh-shadow:0 10px 30px -8px #0009}.mh-toast__icon{background:color-mix(in srgb, var(--mh-accent) 14%, transparent);border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.mh-toast__icon:before{content:"";background:var(--mh-accent);width:1.125rem;height:1.125rem;-webkit-mask:var(--mh-icon) center / contain no-repeat;-webkit-mask:var(--mh-icon) center / contain no-repeat;mask:var(--mh-icon) center / contain no-repeat}.mh-toast--success{--mh-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.mh-toast--error{--mh-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E")}.mh-toast--warning{--mh-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L2.8 19.5h18.4L12 4z'/%3E%3Cpath d='M12 10v4.5M12 17.2v.01'/%3E%3C/svg%3E")}.mh-toast--info{--mh-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.5v.01'/%3E%3C/svg%3E")}.mh-toast__body{overflow-wrap:anywhere;flex:1;min-width:0;padding-block-start:.3125rem}.mh-toast__title,.mh-toast__text{color:var(--mh-fg);margin:0;font-weight:600}.mh-toast__lines{color:var(--mh-muted);margin:.25rem 0 0;padding-inline-start:1.1rem;list-style:outside}.mh-toast__close{width:2rem;height:2rem;color:var(--mh-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:none;place-items:center;margin:0;padding:0;display:grid}.mh-toast__close:hover{color:var(--mh-fg);background:color-mix(in srgb, var(--mh-fg) 8%, transparent)}.mh-toast__close:focus-visible{outline:2px solid var(--mh-accent);outline-offset:1px}.mh-toast__close span{background:currentColor;width:1rem;height:1rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") 50%/contain no-repeat}.mh-toast__bar{inset-inline:0;background:var(--mh-accent);opacity:.55;transform-origin:0;height:3px;animation:mh-toast-bar var(--mh-life,5s) linear forwards;position:absolute;bottom:0}:root[dir=rtl] .mh-toast__bar{transform-origin:100%}.mh-toast:hover .mh-toast__bar,.mh-toast:focus-within .mh-toast__bar{animation-play-state:paused}.mh-toast.is-leaving{animation:.16s ease-in both mh-toast-out}@keyframes mh-toast-in{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}}.mh-toasts[data-position=bottom] .mh-toast{animation-name:mh-toast-in-up}.mh-toasts[data-position=bottom] .mh-toast.is-leaving{animation-name:mh-toast-out}@keyframes mh-toast-in-up{0%{opacity:0;transform:translateY(.5rem)scale(.98)}}@keyframes mh-toast-out{to{opacity:0;transform:scale(.98)}}@keyframes mh-toast-bar{to{transform:scaleX(0)}}@media (width<=640px){.mh-toasts{width:calc(100vw - 1.5rem)}.mh-toasts[data-position=top-start],.mh-toasts[data-position=top-end]{inset-inline:.75rem}}@media (prefers-reduced-motion:reduce){.mh-toast,.mh-toast.is-leaving{animation:none}.mh-toast__bar{display:none}}@media print{.mh-toasts{display:none}}
