@use '../list/list-tokens';

.kbq-dropdown__panel {
    --kbq-dropdown-size-container-width-min: 200px;
    --kbq-dropdown-size-container-width-max: 640px;
    --kbq-dropdown-size-container-padding-vertical: var(--kbq-size-xxs);
    --kbq-dropdown-size-container-border-radius: var(--kbq-size-s);
    /* THEME TOKENS */
    --kbq-dropdown-container-background: var(--kbq-background-card);
    --kbq-dropdown-container-shadow: var(--kbq-shadow-popup);
    --kbq-dropdown-item-border-radius: var(--kbq-size-xs);
    --kbq-dropdown-item-caption-color: var(--kbq-foreground-contrast-secondary);
    /* LIST THEME TOKENS */
    @include list-tokens.list-theme-tokens;
}