@use "../variable" as *;

.rbfb-top-level-wrapper {
    .rbfb-note {
        padding: 0.625rem 0.9375rem;
        font-size: 0.75rem;
        line-height: 1.5;
        list-style: none;

        &--info {
            border: 1px solid $secondary;
            background-color: rgba(11, 153, 110, 0.1);
            a {
                color: $primary;
            }
        }

        &--warning {
            border: 1px solid $warning-100;
            background-color: rgba(255, 89, 0, 0.12);
            a {
                color: $warning;
            }
        }

        &--error {
            border: 1px solid $error-100;
            background-color: rgba(255, 0, 0, 0.16);
            a {
                color: $error;
            }
        }

        li.rbfb-note__bullet {
            list-style-type: disc;
            margin: 0.375rem 0;
            color: $black;
            margin-left: 1rem;
        }

        li.rbfb-note__normal {
            list-style-type: none;
            margin: 0.375rem 0;
            color: $black;
        }

        li.rbfb-note__link {
            text-decoration: underline;
        }
    }
}
