@use '../abstracts/variables' as *;

.banner {
    margin-top: $space-6;
    border-radius: $radius-xl;
    padding: $space-4;
    font-size: $font-sm;
}

.banner--warning {
    border: 1px solid var(--color-warning-border);
    background: var(--color-warning-bg);
}

.banner__title {
    font-weight: 500;
    color: var(--color-warning-title);
}

.banner__line {
    margin-top: $space-1;
    color: var(--color-warning-text);
}

.banner__code {
    background: var(--color-warning-code-bg);
    border-radius: $radius-sm;
    padding: 0 $space-1;
}

.banner__close {
    margin-top: $space-2;
    color: var(--color-warning-title);
    text-decoration: underline;
    font-size: $font-sm;
}