@import "../../styles/slotui-vars.scss";
@import "../../styles/presets.scss";

.alert {
    position: relative;
    min-width: 350px;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid var(--slotui-border-color);
    background-color: var(--theme-color-background);
    overflow: hidden;

    .dot {
        display: inline-block;
        padding: 0.25rem;
        border: 1px solid var(--theme-border_color);
        border-radius: 6px;
        margin-right: 1rem;
        transform: translate(-50%,0)
    }
    .close {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 6px;
        margin: 0.25rem;
        padding: 0.25rem;
    }
}