@use '../styles/common/list';
@use '../styles/common/vendor-prefixes';
@use './option-theme' as *;

.kbq-option {
    @include list.kbq-list-item-base();
    @include vendor-prefixes.user-select(none);

    & > .kbq-pseudo-checkbox {
        margin-top: var(--kbq-size-3xs);
        align-self: baseline;
    }

    border-radius: var(--kbq-option-border-radius);

    &:not(.kbq-disabled) {
        cursor: pointer;
    }
}

.kbq-option-text {
    @include list.kbq-list-text();
}

@include kbq-option-theme();
@include kbq-option-typography();