.notice 
    {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        border-radius: 8px;
        padding: 8px 12px;
        border: 0.5px solid;
    } 


.notice-info {
    background: var(--color-info-50);
    border-color: var(--color-info-500);
    color: var(--color-info-500);
    font-size: 12px;
}


.notice-danger {
    background: var(--color-danger-50);
    border-color: var(--color-danger-500);
    color: var(--color-danger-500);
    font-size: 12px;
}



.notice-warning {
    background: var(--color-warning-50);
    border-color: var(--color-warning-500);
    color: var(--color-warning-500);
    font-size: 12px;
}


/*.spr-notice-icon {
    font-size: 14px;
    flex-shrink: 0;
    line-height: 1.65;
}

.spr-notice p {
    font-size: 12px;
    line-height: 1.65;
    margin: 0;
}

.spr-notice strong {
    font-weight: 500;
}
*/