/* Shared iziToast appearance, including notifications appended outside neo-shell. */
.iziToast.iziToast {
    --toast-surface: var(--neo-surface, #fff);
    --toast-line: var(--neo-line, #e4ebf5);
    --toast-ink: var(--neo-ink, #172b4d);
    --toast-muted: var(--neo-muted, #61718a);
    --toast-accent: var(--neo-brand-blue, #023aef);
    --toast-soft: var(--neo-blue-soft, #edf3ff);
    --toast-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6m0-10v.01'/%3E%3C/svg%3E");
    width: 420px !important;
    max-width: calc(100vw - 32px) !important;
    min-height: 72px;
    margin: 0 0 10px;
    padding: 16px 44px 16px 16px;
    border: 1px solid var(--toast-line);
    border-left: 3px solid var(--toast-accent);
    border-radius: 16px;
    background: var(--toast-surface) !important;
    color: var(--toast-ink);
    font-family: inherit;
    box-shadow: 0 10px 32px rgb(20 40 80 / 14%);
    overflow: hidden;
}
.iziToast.iziToast::after { display: none; }
.iziToast.iziToast.iziToast-color-green {
    --toast-accent: #0d8058;
    --toast-soft: #e9f8f1;
    --toast-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E");
}
.iziToast.iziToast.iziToast-color-orange {
    --toast-accent: #a8660c;
    --toast-soft: #fff5e3;
    --toast-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.3 4-8 14a2 2 0 0 0 1.7 3h16a2 2 0 0 0 1.7-3l-8-14a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9v4m0 4v.01'/%3E%3C/svg%3E");
}
.iziToast.iziToast.iziToast-color-red {
    --toast-accent: #c43c52;
    --toast-soft: #fff0f2;
    --toast-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 9 6 6m0-6-6 6'/%3E%3C/svg%3E");
}
.iziToast.iziToast > .iziToast-body { min-height: 38px; margin: 0; padding: 0 0 0 52px !important; }
.iziToast.iziToast > .iziToast-body .iziToast-texts { display: block; float: none; width: 100%; margin: 0; padding: 0; }
.iziToast.iziToast > .iziToast-body :is(.iziToast-title, .iziToast-message) { display: block !important; float: none !important; width: auto; padding: 0; margin: 0 !important; white-space: normal; overflow-wrap: anywhere; text-align: left; }
.iziToast.iziToast > .iziToast-body .iziToast-title { color: var(--toast-ink); font-size: 13px; font-weight: 600; line-height: 1.6; }
.iziToast.iziToast > .iziToast-body .iziToast-message { color: var(--toast-muted); font-size: 12px; line-height: 1.75; }
.iziToast.iziToast > .iziToast-body .iziToast-title + .iziToast-message { margin-top: 3px !important; }
.iziToast.iziToast > .iziToast-body .iziToast-icon,
.iziToast.iziToast > .iziToast-body:not(:has(.iziToast-icon))::before { position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 38px; height: 38px; margin: 0; border-radius: 12px; background: var(--toast-soft) !important; color: var(--toast-accent); font-size: 21px; }
.iziToast.iziToast > .iziToast-body .iziToast-icon[class*="ico-"]::before,
.iziToast.iziToast > .iziToast-body:not(:has(.iziToast-icon))::before { content: ''; background-color: var(--toast-accent); mask: var(--toast-symbol) center / 23px 23px no-repeat; }
/* An iconless show() call still receives an information symbol. */
.iziToast.iziToast > .iziToast-body:not(:has(.iziToast-icon))::before { background: var(--toast-accent) !important; }
.iziToast.iziToast > .iziToast-body .iziToast-icon[class*="ico-"]::before { width: 23px; height: 23px; }
.iziToast.iziToast > .iziToast-close { top: 12px; right: 10px; width: 28px; height: 28px; border-radius: 8px; background-color: var(--toast-soft); background-size: 9px; opacity: .7; }
.iziToast.iziToast > .iziToast-close:hover { opacity: 1; }
.iziToast.iziToast > .iziToast-close:focus-visible { outline: 2px solid var(--toast-accent); outline-offset: 2px; opacity: 1; }
.iziToast.iziToast > .iziToast-progressbar { background: var(--toast-soft); }
.iziToast.iziToast > .iziToast-progressbar > div { height: 3px; border-radius: 0; background: var(--toast-accent) !important; }
.iziToast-wrapper.iziToast-wrapper { padding: 12px 16px; }
body:has(#main-wrapper.neo-shell) :is(.iziToast-wrapper-topRight, .iziToast-wrapper-topLeft, .iziToast-wrapper-topCenter) { top: var(--neo-header-height, 64px); }
[data-theme-version="dark"] .iziToast.iziToast {
    --toast-surface: var(--neo-surface, #1b263b);
    --toast-line: var(--neo-line, #34435d);
    --toast-ink: var(--neo-ink, #edf3ff);
    --toast-muted: var(--neo-muted, #b4c1d7);
    --toast-accent: #8babff;
    --toast-soft: #293b60;
    box-shadow: 0 12px 36px rgb(0 0 0 / 28%);
}
[data-theme-version="dark"] .iziToast.iziToast.iziToast-color-green { --toast-accent: #75dfb4; --toast-soft: #203e36; }
[data-theme-version="dark"] .iziToast.iziToast.iziToast-color-orange { --toast-accent: #f4c67a; --toast-soft: #403522; }
[data-theme-version="dark"] .iziToast.iziToast.iziToast-color-red { --toast-accent: #ff9eae; --toast-soft: #432c3a; }
[data-theme-version="dark"] .iziToast.iziToast > .iziToast-close { filter: invert(1); background-color: transparent; }
@media (max-width: 575.98px) {
    .iziToast.iziToast { padding: 14px 40px 14px 12px; border-radius: 14px; }
    .iziToast.iziToast > .iziToast-body { padding-left: 48px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .iziToast-capsule, .iziToast.iziToast, .iziToast.iziToast > .iziToast-close { animation: none !important; transition: none !important; }
}