@use '../core/styles/common/tokens' as *;

@use './risk-level-theme' as *;

.kbq-risk-level {
    box-sizing: border-box;

    display: inline-flex;
    text-align: center;

    border-style: solid;

    padding: var(--kbq-risk-level-size-padding-vertical) var(--kbq-risk-level-size-padding-horizontal);

    border: {
        width: var(--kbq-risk-level-size-border-width);
        radius: var(--kbq-risk-level-size-border-radius);
    }
}

@include kbq-risk-level-theme();
@include kbq-risk-level-typography();