/* Select Tab 选择标签组件样式 */
.initial-filter-row {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}

.initial-checked-style {
    width: auto;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    border-style: solid;
    border-width: var(--sl-input-border-width);
    font-family: var(--sl-input-font-family);
    font-weight: var(--sl-font-weight-semibold);
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 var(--sl-spacing-large);
    transition: var(--sl-transition-x-fast) background-color, var(--sl-transition-x-fast) color, var(--sl-transition-x-fast) border, var(--sl-transition-x-fast) box-shadow;
    cursor: pointer;
    box-sizing: border-box;
}

.initial-checked-style.button--small {
    height: auto;
    min-height: var(--sl-input-height-small);
    font-size: var(--sl-button-font-size-small);
    line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
    border-radius: 30px;
}

.initial-checked-style.button--default {
    background-color: var(--sl-color-neutral-0);
    border-color: var(--sl-color-neutral-300);
    color: var(--sl-color-neutral-700);
}

.initial-checked-style.button--default:hover:not(.button--disabled) {
    border-color: var(--apps-primary-color-border);
    color: var(--apps-primary-color);
}

.initial-checked-style.button--default.active:not(.button--disabled) {
    background-color: var(--apps-primary-color);
    color: #fff;
    border-color: var(--apps-primary-color);
}

.initial-checked-style.button--pill {
    border-radius: var(--sl-input-height-medium);
}