.WSaIqq_button {
    cursor: pointer;
    padding: var(--ghost-button-size-mobile-padding-v) var(--ghost-button-size-mobile-padding-h);
    line-height: var(--ghost-button-size-mobile-font-lineheight);
    font-weight: var(--ghost-button-size-mobile-font-weight);
    font-size: var(--ghost-button-size-mobile-font-size);
    outline: none;
    justify-content: center;
    align-items: center;
    transition: background-color .2s;
    display: inline-flex
}

.WSaIqq_button.WSaIqq_default,
.WSaIqq_button.WSaIqq_image {
    border-radius: var(--ghost-button-size-desktop-radius);
    border-top: var(--ghost-button-border-width-top) solid var(--ghost-button-color-border-default);
    border-right: var(--ghost-button-border-width-right) solid var(--ghost-button-color-border-default);
    border-bottom: var(--ghost-button-border-width-bottom) solid var(--ghost-button-color-border-default);
    border-left: var(--ghost-button-border-width-left) solid var(--ghost-button-color-border-default);
    background: var(--ghost-button-color-bg-default);
    color: var(--ghost-button-color-label-default)
}

@media (hover:hover) {

    .WSaIqq_button.WSaIqq_default:hover,
    .WSaIqq_button.WSaIqq_image:hover {
        color: var(--ghost-button-color-label-hover);
        border-radius: var(--ghost-button-size-desktop-radius);
        border-top-color: var(--ghost-button-color-border-hover);
        border-right-color: var(--ghost-button-color-border-hover);
        border-bottom-color: var(--ghost-button-color-border-hover);
        border-left-color: var(--ghost-button-color-border-hover);
        background: var(--ghost-button-color-bg-hover)
    }
}

.WSaIqq_button.WSaIqq_default:focus,
.WSaIqq_button.WSaIqq_default[data-state=on],
.WSaIqq_button.WSaIqq_image:focus,
.WSaIqq_button.WSaIqq_image[data-state=on] {
    color: var(--ghost-button-color-label-active);
    border-top-color: var(--ghost-button-color-border-pressed);
    border-right-color: var(--ghost-button-color-border-pressed);
    border-bottom-color: var(--ghost-button-color-border-pressed);
    border-left-color: var(--ghost-button-color-border-pressed);
    background: var(--ghost-button-color-bg-pressed)
}

@media (active:active) {

    .WSaIqq_button.WSaIqq_default:active,
    .WSaIqq_button.WSaIqq_image:active {
        color: var(--button-ghost-label-hover);
        border-top-color: var(--ghost-button-color-border-pressed);
        border-right-color: var(--ghost-button-color-border-pressed);
        border-bottom-color: var(--ghost-button-color-border-pressed);
        border-left-color: var(--ghost-button-color-border-pressed);
        background: var(--button-ghost-bg-pressed)
    }
}

.WSaIqq_button.WSaIqq_default .WSaIqq_radioCircle,
.WSaIqq_button.WSaIqq_image .WSaIqq_radioCircle {
    width: 16px;
    height: 16px;
    color: var(--text-color-primary)
}

.WSaIqq_button.WSaIqq_default .WSaIqq_radioCircle.WSaIqq_error,
.WSaIqq_button.WSaIqq_image .WSaIqq_radioCircle.WSaIqq_error {
    color: var(--input-border-error)
}

.WSaIqq_button.WSaIqq_image {
    flex-direction: column
}

.WSaIqq_button.WSaIqq_image img {
    object-fit: scale-down;
    max-width: 100%;
    max-height: calc(100% - 24px);
    margin-bottom: 8px
}

.WSaIqq_button[data-disabled]:disabled {
    background: var(--button-ghost-color-bg-disabled);
    border-top-color: var(--ghost-button-color-border-disabled);
    border-right-color: var(--ghost-button-color-border-disabled);
    border-bottom-color: var(--ghost-button-color-border-disabled);
    border-left-color: var(--ghost-button-color-border-disabled);
    color: var(--button-ghost-color-label-disabled)
}

.WSaIqq_button.WSaIqq_radio {
    padding: var(--radio-button-size-mobile-padding-v) var(--radio-button-size-mobile-padding-h);
    border-radius: var(--radio-button-size-desktop-radius);
    border: 1px solid var(--radio-button-color-border-default);
    background: var(--radio-button-color-bg-default);
    color: var(--radio-button-color-label-default);
    justify-content: left
}

.WSaIqq_button.WSaIqq_radio .WSaIqq_radioCircle {
    color: var(--radio-button-color-icon-default)
}

@media (hover:hover) {
    .WSaIqq_button.WSaIqq_radio:hover {
        color: var(--radio-button-color-label-hover);
        border: 1px solid var(--radio-button-color-border-hover);
        background: var(--radio-button-color-bg-hover)
    }

    .WSaIqq_button.WSaIqq_radio:hover .WSaIqq_radioCircle {
        color: var(--radio-button-color-icon-hover)
    }
}

@media (active:active) {
    .WSaIqq_button.WSaIqq_radio:active {
        color: var(--radio-button-color-label-active);
        border: 1px solid var(--radio-button-color-border-active);
        background: var(--radio-button-color-bg-active)
    }

    .WSaIqq_button.WSaIqq_radio:active .WSaIqq_radioCircle {
        color: var(--radio-button-color-icon-active)
    }
}

.WSaIqq_button.WSaIqq_radio:focus,
.WSaIqq_button.WSaIqq_radio[data-state=on] {
    color: var(--radio-button-color-label-hover);
    border-color: var(--radio-button-color-border-active);
    background: var(--radio-button-color-bg-active)
}

.WSaIqq_button.WSaIqq_radio:focus .WSaIqq_radioCircle,
.WSaIqq_button.WSaIqq_radio[data-state=on] .WSaIqq_radioCircle {
    color: var(--radio-button-color-icon-active)
}

.WSaIqq_button.WSaIqq_radio .WSaIqq_radioCircle {
    margin-right: 8px
}

.WSaIqq_button.WSaIqq_error {
    border-color: var(--radio-button-color-border-error);
    background: var(--radio-button-color-bg-error);
    border-bottom-width: var(--ghost-button-border-width-bottom)
}

.WSaIqq_button.WSaIqq_error:active,
.WSaIqq_button.WSaIqq_error:focus {
    border-color: var(--radio-button-color-border-active);
    background: var(--radio-button-color-bg-error);
    color: var(--radio-button-color-label-error)
}

.WSaIqq_button.WSaIqq_error:active .WSaIqq_radioCircle,
.WSaIqq_button.WSaIqq_error:focus .WSaIqq_radioCircle {
    color: var(--radio-button-color-label-active)
}

@media screen and (width>=768px) {
    .WSaIqq_button {
        padding: var(--ghost-button-size-desktop-padding-v) var(--ghost-button-size-desktop-padding-h);
        font-size: var(--ghost-button-size-desktop-font-size);
        line-height: var(--ghost-button-size-desktop-font-lineheight)
    }

    .WSaIqq_button.WSaIqq_radio {
        padding: var(--radio-button-size-desktop-padding-v) var(--radio-button-size-desktop-padding-h)
    }
}

.pgrZVG_wrapper {
    display: block;
    position: relative
}

.pgrZVG_select {
    cursor: pointer;
    width: 100%;
    padding: 0 var(--input-size-mobile-padding-h);
    padding-right: calc(var(--input-size-mobile-padding-h) + 22px);
    border-radius: var(--input-size-desktop-radius);
    border: 1px solid var(--input-color-border-default);
    background: var(--input-color-bg-default);
    color: var(--text-color-primary);
    font-size: var(--input-size-mobile-value-font-size);
    font-weight: var(--input-size-mobile-value-font-weight);
    white-space: nowrap;
    text-overflow: ellipsis;
    appearance: none;
    height: calc(var(--input-size-mobile-padding-v) * 2 + var(--input-size-mobile-value-font-lineheight) + 2px);
    background-image: none;
    outline: none;
    font-family: inherit;
    line-height: normal;
    transition: background-color .2s;
    display: block
}

@media (hover:hover) {
    .pgrZVG_select:hover {
        background: var(--input-color-bg-hover)
    }
}

.pgrZVG_select[data-placeholder] {
    color: var(--text-color-disabled)
}

.pgrZVG_select:focus {
    border: 1px solid var(--input-color-border-active);
    background: var(--input-color-bg-active)
}

.pgrZVG_select.error {
    border: 1px solid var(--input-color-border-error);
    background: var(--input-color-bg-error)
}

:is(.pgrZVG_select.error:focus, .pgrZVG_select.error:active) {
    background: var(--input-color-bg-active)
}

.pgrZVG_select::-ms-expand {
    display: none
}

.pgrZVG_chevron {
    right: var(--input-size-mobile-padding-h);
    pointer-events: none;
    color: var(--text-color-primary);
    min-width: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (width>=768px) {
    .pgrZVG_select {
        padding-left: var(--input-size-desktop-padding-h);
        padding-right: calc(var(--input-size-desktop-padding-h) + 22px);
        font-size: var(--input-size-desktop-value-font-size);
        height: calc(var(--input-size-desktop-padding-v) * 2 + var(--input-size-desktop-value-font-lineheight) + 2px)
    }

    .pgrZVG_chevron {
        right: var(--input-size-desktop-padding-h)
    }
}