#toast-container {
    font-family: "Figtree", "Noto Sans", sans-serif;
}

#toast-container > .toast {
    width: min(360px, calc(100vw - 1.5rem));
    border-radius: 14px;
    border: 1px solid transparent;
    box-shadow: 0 14px 34px rgba(2, 8, 23, 0.18), 0 3px 10px rgba(2, 8, 23, 0.08);
    backdrop-filter: blur(3px);
    opacity: 1;
    padding: 0.8rem 0.95rem 0.95rem 3rem;
    background-image: none !important;
    position: relative;
}

#toast-container > .toast::before {
    content: "info";
    font-family: "Material Symbols Outlined Variable";
    font-size: 22px;
    font-variation-settings: "FILL" 1, "wght" 550, "opsz" 24;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    direction: ltr;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    position: absolute;
    left: 0.9rem;
    top: 0.88rem;
}

#toast-container .toast-title {
    font-weight: 700;
    font-size: 0.94rem;
    line-height: 1.2;
    margin-bottom: 0.2rem;
}

#toast-container .toast-message {
    font-size: 0.9rem;
    line-height: 1.35;
    font-weight: 500;
}

#toast-container .toast-close-button {
    color: inherit;
    text-shadow: none;
    opacity: 0.55;
    font-size: 1rem;
    right: 0.55rem;
    top: 0.35rem;
}

#toast-container .toast-close-button:hover,
#toast-container .toast-close-button:focus {
    color: inherit;
    opacity: 0.95;
}

#toast-container .toast-progress {
    height: 3px;
    border-radius: 0 0 14px 14px;
    opacity: 0.35;
}

#toast-container > .toast-success {
    background-color: #d5f1e2;
    border-color: #b8e3cb;
    color: #0f5132;
}

#toast-container > .toast-success::before {
    content: "check_circle";
}

#toast-container > .toast-success .toast-progress {
    background: #198754;
}

#toast-container > .toast-error {
    background-color: #f8d7da;
    border-color: #f1bcc4;
    color: #7a1c2b;
}

#toast-container > .toast-error::before {
    content: "error";
}

#toast-container > .toast-error .toast-progress {
    background: #dc3545;
}

#toast-container > .toast-warning {
    background-color: #fff3cd;
    border-color: #ffe2a4;
    color: #664d03;
}

#toast-container > .toast-warning::before {
    content: "warning";
}

#toast-container > .toast-warning .toast-progress {
    background: #ffc107;
}

#toast-container > .toast-info {
    background-color: #d4efff;
    border-color: #b6e6fb;
    color: #055160;
}

#toast-container > .toast-info::before {
    content: "info";
}

#toast-container > .toast-info .toast-progress {
    background: #0dcaf0;
}

body[data-theme="dark"] #toast-container > .toast {
    box-shadow: 0 14px 32px rgba(2, 6, 23, 0.58), 0 3px 14px rgba(2, 6, 23, 0.44);
}

body[data-theme="dark"] #toast-container > .toast-success {
    background-color: rgba(70, 207, 149, 0.2);
    border-color: rgba(70, 207, 149, 0.5);
    color: #d8ffe9;
}

body[data-theme="dark"] #toast-container > .toast-success .toast-progress {
    background: #46cf95;
}

body[data-theme="dark"] #toast-container > .toast-error {
    background-color: rgba(255, 117, 139, 0.2);
    border-color: rgba(255, 117, 139, 0.48);
    color: #ffd9e0;
}

body[data-theme="dark"] #toast-container > .toast-error .toast-progress {
    background: #ff7591;
}

body[data-theme="dark"] #toast-container > .toast-warning {
    background-color: rgba(255, 201, 102, 0.2);
    border-color: rgba(255, 201, 102, 0.46);
    color: #ffefca;
}

body[data-theme="dark"] #toast-container > .toast-warning .toast-progress {
    background: #ffc966;
}

body[data-theme="dark"] #toast-container > .toast-info {
    background-color: rgba(126, 212, 255, 0.18);
    border-color: rgba(126, 212, 255, 0.45);
    color: #def5ff;
}

body[data-theme="dark"] #toast-container > .toast-info .toast-progress {
    background: #7ed4ff;
}