[data-id="toast"] {
    display: none;
    z-index: 9999;
    position: absolute;
    bottom: 24px; right: 24px;
    width: 350px; height: auto; min-height: 85px;

    border-radius: 8px; border: 1px solid #d2d2d2;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
[data-id="toast"] .toast-header {
    display: block;
    width: 100%; height: 32px;
    padding: 8px 16px;
    border-bottom: 1px solid #d2d2d2;
    font: 500 14px/16px "Inter", serif;
}
[data-id="toast"] .toast-header:before {
    content: ""; display: block; float: left;
    width: 16px; height: 16px; margin: 0 8px 0 0;
    border-radius: 4px;
    background: #000;
}
[data-id="toast"].toast-alert .toast-header:before { background: #f44336; }

[data-id="toast"] .toast-content {
    display: block; width: 100%; height: auto;
    padding: 8px 16px;
    font: 400 12px/14px "Inter", serif;
}