/** Checkout ComboboxControl styles backward compatibility for WC ^9.* **/

.wc-block-components-combobox .wc-block-components-combobox-control,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control {
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: inherit;
    text-transform: inherit;
    vertical-align: baseline
}

.wc-block-components-combobox .wc-block-components-combobox-control .components-base-control__field,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-base-control__field {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: baseline
}

.wc-block-components-combobox .wc-block-components-combobox-control .components-combobox-control__suggestions-container,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-combobox-control__suggestions-container {
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: inherit;
    text-transform: inherit;
    vertical-align: baseline
}

.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
    background: #fff;
    border: 1px solid #50575e;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: inherit;
    font-size: 1em;
    font-style: inherit;
    font-weight: inherit;
    font-weight: 400;
    letter-spacing: inherit;
    line-height: inherit;
    line-height: 1em;
    opacity: 1;
    outline: inherit;
    padding: 1.5em .5em .5em;
    text-align: left;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    text-transform: none;
    white-space: nowrap;
    width: 100%
}

.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] {
    background-color: #fff;
    box-shadow: 0 0 0 1px #50575e;
    color: #2b2d2f;
    outline: 0
}

.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,.has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
    background-color: rgba(0,0,0,.1);
    border-color: hsla(0,0%,100%,.4);
    color: #fff
}

.has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,.has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus {
    background-color: rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.4);
    color: #fff
}

.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list {
    background-color: #fff;
    border: 1px solid #50575e;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0;
    color: #2b2d2f;
    margin: 3em 0 0 -1px;
    max-height: 300px;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    position: absolute;
    z-index: 10
}

.has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list,.has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list {
    background-color: #1e1e1e;
    color: #fff
}

.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion {
    color: #757575;
    cursor: default;
    font-size: 1em;
    list-style: none;
    margin: 0;
    padding: .25em 16px
}

.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected {
    background-color: #ddd
}

.has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected,.has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected {
    background-color: rgba(0,0,0,.4)
}

.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted,.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active,.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus,.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover {
    background-color: #00669e;
    color: #fff
}

.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
    color: hsla(0,0%,7%,.5);
    font-family: inherit;
    font-size: inherit;
    font-size: 1em;
    font-style: inherit;
    font-weight: inherit;
    left: .5em;
    letter-spacing: inherit;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    max-width: calc(100% - 32px);
    overflow: hidden;
    position: absolute;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    top: 0;
    transform: translateY(1em);
    transform-origin: top left;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1
}

.has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,.has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
    color: hsla(0,0%,100%,.6)
}

@media screen and (prefers-reduced-motion:reduce) {
    .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
        transition: none
    }
}

.wc-block-components-combobox .wc-block-components-combobox-control:has(input:-webkit-autofill) label,.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control:has(input:-webkit-autofill) label {
    transform: translateY(.5em) scale(.875)
}

.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,.wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label,.wc-block-components-form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,.wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label {
    transform: translateY(.5em) scale(.875)
}

.wc-block-components-combobox.has-error .wc-block-components-combobox-control label.components-base-control__label,.wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control label.components-base-control__label {
    color: #cc1818
}

.wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input,.wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:active,.wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus,.wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:hover,.wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input,.wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:active,.wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus,.wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:hover {
    border-color: #cc1818
}

.wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus,.wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus {
    box-shadow: 0 0 0 1px #cc1818
}

.components-combobox-control {
    width: 100%
}

input.components-combobox-control__input[type=text] {
    border: none;
    box-shadow: none;
    font-size: 16px;
    line-height: inherit;
    margin: 0;
    min-height: auto;
    padding: 2px;
    width: 100%
}

@media(min-width: 600px) {
    input.components-combobox-control__input[type=text] {
        font-size:13px
    }
}

input.components-combobox-control__input[type=text]:focus {
    box-shadow: none;
    outline: none
}

.components-combobox-control__suggestions-container {
    align-items: flex-start;
    border: 1px solid #949494;
    border-radius: 2px;
    box-shadow: 0 0 0 transparent;
    display: flex;
    flex-wrap: wrap;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    line-height: normal;
    margin: 0 0 8px;
    padding: 4px;
    transition: box-shadow .1s linear;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .components-combobox-control__suggestions-container {
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@media(min-width: 600px) {
    .components-combobox-control__suggestions-container {
        font-size:13px;
        line-height: normal
    }
}

.components-combobox-control__suggestions-container:focus {
    border-color: var(--wp-admin-theme-color);
    box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
    outline: 2px solid transparent
}

.components-combobox-control__suggestions-container::-webkit-input-placeholder {
    color: rgba(30,30,30,.62)
}

.components-combobox-control__suggestions-container::-moz-placeholder {
    color: rgba(30,30,30,.62);
    opacity: 1
}

.components-combobox-control__suggestions-container:-ms-input-placeholder {
    color: rgba(30,30,30,.62)
}

.components-combobox-control__suggestions-container:focus-within {
    border-color: var(--wp-admin-theme-color);
    box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
    outline: 2px solid transparent
}

.components-combobox-control__reset.components-button {
    display: flex;
    height: 24px;
    min-width: 24px;
    padding: 0
}
