@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-totals-wrapper {
    border-top: 1px solid hsla(0, 0%, 7%, .11);
    padding: 16px 0
}

.wc-block-components-totals-wrapper.has-bottom-border:after {
    border-bottom-width: 1px
}

.wc-block-components-totals-wrapper:empty {
    border-width: 0;
    padding: 0
}

.wc-block-components-totals-wrapper:empty:after {
    content: none
}

.wc-block-components-totals-wrapper.slot-wrapper {
    padding: 0
}

.wc-block-components-totals-wrapper.slot-wrapper>*>* {
    border-bottom: 1px solid hsla(0, 0%, 7%, .11);
    padding: 16px 0
}

.wc-block-components-totals-wrapper.slot-wrapper>*>:after {
    border-width: 0
}

.wc-block-components-discounts-meta .wc-block-components-totals-wrapper:first-child {
    border-top: 1px solid hsla(0, 0%, 7%, .11)
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-totals-item {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.wc-block-components-totals-item__label {
    flex-grow: 1
}

.wc-block-components-totals-item__value {
    font-weight: 700
}

.wc-block-components-totals-item__description {
    font-size: .875em;
    width: 100%
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-formatted-money-amount {
    white-space: nowrap
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-panel.has-border {
    position: relative
}

.wc-block-components-panel.has-border:after {
    border-style: solid;
    border-width: 1px 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.wc-block-components-panel.has-border+.wc-block-components-panel.has-border:after {
    border-top-width: 0
}

.wc-block-components-panel.has-border.no-top-border {
    position: relative
}

.wc-block-components-panel.has-border.no-top-border:after {
    border-style: solid;
    border-width: 1px 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.wc-block-components-panel.has-border.no-top-border:after {
    border-top-width: 0
}

.wc-block-components-panel__button {
    border: 0;
    border-radius: 0;
    height: auto;
    line-height: 1;
    margin: .375em 0 0;
    padding: .375em 32px 0 0;
    position: relative;
    text-align: left;
    vertical-align: baseline;
    width: 100%;
    word-break: break-word
}

.wc-block-components-panel__button[aria-expanded=true] {
    margin-bottom: 8px;
    padding-bottom: 8px
}

.wc-block-components-panel__button,
.wc-block-components-panel__button:active,
.wc-block-components-panel__button:focus,
.wc-block-components-panel__button:hover {
    background: transparent;
    box-shadow: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit
}

.wc-block-components-panel__button>.wc-block-components-panel__button-icon {
    fill: currentColor;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

.wc-block-components-panel__content[hidden] {
    display: none
}

.theme-twentytwentyone.theme-twentytwentyone.theme-twentytwentyone .wc-block-components-panel__button {
    background-color: inherit;
    color: inherit
}

.theme-twentyseventeen .wc-block-components-panel__button,
.theme-twentytwenty .wc-block-components-panel__button {
    background: none transparent;
    color: inherit
}

.theme-twentyseventeen .wc-block-components-panel__button.wc-block-components-panel__button:focus,
.theme-twentyseventeen .wc-block-components-panel__button.wc-block-components-panel__button:hover,
.theme-twentytwenty .wc-block-components-panel__button.wc-block-components-panel__button:focus,
.theme-twentytwenty .wc-block-components-panel__button.wc-block-components-panel__button:hover {
    background: none transparent
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-button:not(.is-link) {
    align-items: center;
    display: inline-flex;
    height: auto;
    justify-content: center;
    position: relative;
    text-align: center;
    transition: box-shadow .1s linear
}

.wc-block-components-button:not(.is-link):focus {
    box-shadow: 0 0 0 2px #0675c4;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
    outline: 3px solid transparent
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
    display: block
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text>svg {
    fill: currentColor
}

.wc-block-components-button:not(.is-link) .wc-block-components-spinner+.wc-block-components-button__text {
    visibility: hidden
}

.wc-block-components-button:not(.is-link).text {
    color: #1e1e1e
}

.wc-block-components-button:not(.is-link).text:hover {
    opacity: .9
}

.wc-block-components-button:not(.is-link).outlined {
    background: transparent;
    color: currentColor
}

.wc-block-components-button:not(.is-link).outlined:not(:focus) {
    box-shadow: inset 0 0 0 1px currentColor
}

.wc-block-components-button:not(.is-link).outlined:active,
.wc-block-components-button:not(.is-link).outlined:disabled,
.wc-block-components-button:not(.is-link).outlined:focus,
.wc-block-components-button:not(.is-link).outlined:hover {
    background-color: #1e1e1e;
    color: #fff
}

.wc-block-components-button:not(.is-link).outlined:hover {
    background-color: #1e1e1e;
    color: #fff;
    opacity: 1
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    min-height: 3em
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
    box-shadow: 0 0 0 2px #0675c4;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
    outline: 3px solid transparent
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text {
    color: #1e1e1e
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text:hover {
    opacity: .9
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-spinner {
    box-sizing: content-box;
    color: inherit;
    font-size: 1.25em;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%
}

.wc-block-components-spinner:after {
    animation: spinner__animation 1s linear infinite;
    backface-visibility: hidden;
    border: .2em solid;
    border-left: .2em solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    content: " ";
    height: 1em;
    left: 50%;
    margin: -.5em 0 0 -.5em;
    position: absolute;
    top: 50%;
    transform: translateZ(0) scale(.5);
    transform-origin: 50% 50%;
    width: 1em
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-notices {
    display: block;
    margin: 1.5em 0
}

.wc-block-components-notices:first-child {
    margin-top: 0
}

.wc-block-components-notices:empty {
    margin: 0
}

.wc-block-components-notices .wc-block-components-notices__notice {
    display: flex;
    flex-wrap: nowrap;
    margin: 0
}

.wc-block-components-notices .wc-block-components-notices__notice a {
    text-decoration: underline
}

.wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss {
    background: transparent none;
    border: 0;
    color: currentColor;
    margin: 0 0 0 auto;
    outline: 0;
    padding: 0
}

.wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss svg {
    fill: currentColor;
    vertical-align: text-top
}

.wc-block-components-notices .wc-block-components-notices__notice .components-notice__content>div:not(.components-notice__actions) :first-child {
    margin-top: 0
}

.wc-block-components-notices .wc-block-components-notices__notice .components-notice__content>div:not(.components-notice__actions) :last-child {
    margin-bottom: 0
}

.wc-block-components-notices .wc-block-components-notices__notice .components-notice__content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.wc-block-components-notices .wc-block-components-notices__notice .components-notice__content li+li {
    margin: .25em 0 0
}

.wc-block-components-notices .wc-block-components-notices__notice+.wc-block-components-notices__notice {
    margin-top: 1em
}

.theme-twentytwenty .wc-block-components-notices__notice,
.theme-twentytwentyone .wc-block-components-notices__notice {
    padding: 1.5rem 3rem
}

.wc-block-components-notices__snackbar {
    bottom: 20px;
    left: 16px;
    position: fixed;
    width: auto
}

@media(max-width:782px) {
    .wc-block-components-notices__snackbar {
        bottom: auto;
        left: 0;
        position: fixed;
        top: 10px
    }

    .wc-block-components-notices__snackbar .components-snackbar-list__notice-container {
        margin-left: 10px;
        margin-right: 10px
    }
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-notice-banner {
    align-content: flex-start;
    align-items: stretch;
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box;
    color: #2f2f2f;
    display: flex;
    font-size: .875em;
    font-weight: 400;
    gap: 12px;
    line-height: 1.5;
    margin: 16px 0;
    padding: 16px !important
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
    -ms-grid-row-align: center;
    align-self: center;
    flex-basis: 100%;
    padding-right: 16px;
    white-space: normal
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child {
    padding-right: 0
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary {
    font-weight: 600;
    margin: 0 0 8px
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul {
    margin: 0 0 0 24px;
    padding: 0
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after {
    clear: both;
    content: "";
    display: block
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
    -moz-appearance: none;
    appearance: none;
    background: transparent !important;
    border: 0;
    color: #2f2f2f !important;
    float: right;
    margin: 0;
    opacity: .6;
    padding: 0 !important;
    text-decoration-line: underline;
    text-underline-position: under
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    opacity: 1
}

.wc-block-components-notice-banner>svg {
    fill: #fff;
    background-color: #2f2f2f;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    padding: 2px
}

.wc-block-components-notice-banner>.wc-block-components-button {
    background: transparent none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #2f2f2f !important;
    flex: 0 0 16px;
    height: 16px !important;
    margin: 6px 0 0 auto !important;
    min-height: auto !important;
    min-width: 0 !important;
    opacity: .6;
    outline: none !important;
    padding: 0 !important;
    width: 16px !important
}

.wc-block-components-notice-banner>.wc-block-components-button>svg {
    margin: 0 !important
}

.wc-block-components-notice-banner>.wc-block-components-button:active,
.wc-block-components-notice-banner>.wc-block-components-button:focus,
.wc-block-components-notice-banner>.wc-block-components-button:hover {
    opacity: 1
}

.wc-block-components-notice-banner.is-error {
    background-color: #fff0f0;
    border-color: #cc1818
}

.wc-block-components-notice-banner.is-error>svg {
    background-color: #cc1818;
    transform: rotate(180deg)
}

.wc-block-components-notice-banner.is-warning {
    background-color: #fffbf4;
    border-color: #f0b849
}

.wc-block-components-notice-banner.is-warning>svg {
    background-color: #f0b849;
    transform: rotate(180deg)
}

.wc-block-components-notice-banner.is-success {
    background-color: #f4fff7;
    border-color: #4ab866
}

.wc-block-components-notice-banner.is-success>svg {
    background-color: #4ab866
}

.wc-block-components-notice-banner.is-info {
    background-color: #f4f8ff;
    border-color: #007cba
}

.wc-block-components-notice-banner.is-info>svg {
    background-color: #007cba
}

.woocommerce.wc-block-store-notices.alignwide {
    max-width: var(--wp--style--global--wide-size)
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-notice-snackbar-list {
    bottom: 24px;
    box-sizing: border-box;
    left: 24px;
    pointer-events: none;
    position: fixed;
    right: 24px;
    z-index: 100000
}

.wc-block-components-notice-banner.wc-block-components-notice-snackbar,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner {
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    display: inline-flex;
    margin: 24px 16px 0 0;
    max-width: 600px;
    pointer-events: all;
    position: relative;
    width: auto
}

.wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-error,
.wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-info,
.wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-success,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-error,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-info,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-success {
    border-color: transparent
}

.wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-default,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-default {
    border-color: #2f2f2f
}

@media(max-width:782px) {

    .wc-block-components-notice-banner.wc-block-components-notice-snackbar,
    .wc-block-components-notice-snackbar-list .wc-block-components-notice-banner {
        max-width: none;
        width: 100%
    }
}

.notice-transition-enter {
    max-height: 0
}

.notice-transition-enter.notice-transition-enter-active {
    max-height: 99em;
    transition: max-height .5s ease-in
}

.notice-transition-enter-done {
    max-height: auto
}

.notice-transition-exit {
    opacity: 1
}

.notice-transition-exit.notice-transition-exit-active {
    opacity: 0;
    transition: opacity .5s ease-in
}

.notice-transition-exit-done {
    opacity: 0
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-form .wc-block-components-text-input,
.wc-block-components-text-input {
    margin-top: 16px;
    position: relative;
    white-space: nowrap
}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
    color: inherit;
    color: hsla(0, 0%, 7%, .5);
    cursor: text;
    font-family: inherit;
    font-size: inherit;
    font-size: 1em;
    font-style: inherit;
    font-weight: inherit;
    left: .5625em;
    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
}

.has-dark-controls .wc-block-components-form .wc-block-components-text-input label,
.has-dark-controls .wc-block-components-text-input label {
    color: hsla(0, 0%, 100%, .6)
}

@media screen and (prefers-reduced-motion:reduce) {

    .wc-block-components-form .wc-block-components-text-input label,
    .wc-block-components-text-input label {
        transition: none
    }
}

.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=number] {
    -moz-appearance: textfield
}

.wc-block-components-form .wc-block-components-text-input input[type=number]::-webkit-inner-spin-button,
.wc-block-components-form .wc-block-components-text-input input[type=number]::-webkit-outer-spin-button,
.wc-block-components-text-input input[type=number]::-webkit-inner-spin-button,
.wc-block-components-text-input input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0
}

.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 7%, .8);
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    min-height: 0;
    padding: 1em;
    width: 100%
}

.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus {
    background-color: #fff;
    box-shadow: 0 0 0 1px #50575e;
    color: #2b2d2f;
    outline: 0
}

.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=email],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=number],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=tel],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=text],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=url],
.has-dark-controls .wc-block-components-text-input input[type=email],
.has-dark-controls .wc-block-components-text-input input[type=number],
.has-dark-controls .wc-block-components-text-input input[type=tel],
.has-dark-controls .wc-block-components-text-input input[type=text],
.has-dark-controls .wc-block-components-text-input input[type=url] {
    background-color: rgba(0, 0, 0, .1);
    border-color: hsla(0, 0%, 100%, .4);
    color: #fff
}

.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.has-dark-controls .wc-block-components-text-input input[type=email]:focus,
.has-dark-controls .wc-block-components-text-input input[type=number]:focus,
.has-dark-controls .wc-block-components-text-input input[type=tel]:focus,
.has-dark-controls .wc-block-components-text-input input[type=text]:focus,
.has-dark-controls .wc-block-components-text-input input[type=url]:focus {
    background-color: rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .4);
    color: #fff
}

.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input.is-active input[type=email],
.wc-block-components-text-input.is-active input[type=number],
.wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-text-input.is-active input[type=text],
.wc-block-components-text-input.is-active input[type=url] {
    padding: 1.5em .5em .5em
}

.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label,
.wc-block-components-form .wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:-webkit-autofill+label,
.wc-block-components-text-input.is-active label {
    transform: translateY(.5em) scale(.875)
}

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

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

.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:active,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:hover,
.has-dark-controls .wc-block-components-text-input.has-error input,
.has-dark-controls .wc-block-components-text-input.has-error input:active,
.has-dark-controls .wc-block-components-text-input.has-error input:focus,
.has-dark-controls .wc-block-components-text-input.has-error input:hover {
    border-color: #f18c8c
}

.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:focus,
.has-dark-controls .wc-block-components-text-input.has-error input:focus {
    box-shadow: 0 0 0 1px #f18c8c
}

.wc-block-components-form .wc-block-components-text-input.has-error label,
.wc-block-components-text-input.has-error label {
    color: #cc1818
}

.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error label,
.has-dark-controls .wc-block-components-text-input.has-error label {
    color: #f18c8c
}

.wc-block-components-form .wc-block-components-text-input:only-child,
.wc-block-components-text-input:only-child {
    margin-top: 1.5em
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-validation-error {
    color: #cc1818;
    font-size: .75em;
    max-width: 100%;
    white-space: normal
}

.wc-block-components-validation-error>p {
    margin: 0;
    padding: 4px 0 0
}

.has-dark-controls .wc-block-components-validation-error {
    color: #f18c8c
}

.wc-block-components-select+.wc-block-components-validation-error {
    margin-bottom: 24px
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-chip {
    align-items: center;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    line-height: 1;
    margin: 0 .365em .365em 0;
    max-width: 100%;
    padding: .25em .5em;
    text-decoration: inherit;
    text-transform: inherit
}

.wc-block-components-chip,
.wc-block-components-chip:active,
.wc-block-components-chip:focus,
.wc-block-components-chip:hover {
    background: transparent;
    border: 1px solid;
    color: inherit
}

.wc-block-components-chip.wc-block-components-chip--radius-small {
    border-radius: 3px
}

.wc-block-components-chip.wc-block-components-chip--radius-medium {
    border-radius: .433em
}

.wc-block-components-chip.wc-block-components-chip--radius-large {
    border-radius: 2em;
    padding-left: .75em;
    padding-right: .25em
}

.wc-block-components-chip .wc-block-components-chip__text {
    flex-grow: 1;
    font-size: .875em
}

.wc-block-components-chip.is-removable .wc-block-components-chip__text {
    padding-right: .5em
}

.wc-block-components-chip .wc-block-components-chip__remove {
    -moz-appearance: none;
    appearance: none;
    background: #e0e0e0;
    border: 0;
    border-radius: 25px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    width: 16px
}

.wc-block-components-chip .wc-block-components-chip__remove-icon {
    fill: #1e1e1e
}

.theme-twentytwentyone .wc-block-components-chip,
.theme-twentytwentyone .wc-block-components-chip:active,
.theme-twentytwentyone .wc-block-components-chip:focus,
.theme-twentytwentyone .wc-block-components-chip:hover {
    background: #fff
}

.theme-twentytwentyone .wc-block-components-chip button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background),
.theme-twentytwentyone .wc-block-components-chip:active button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background),
.theme-twentytwentyone .wc-block-components-chip:focus button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background),
.theme-twentytwentyone .wc-block-components-chip:hover button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background) {
    background: transparent
}

.wc-block-components-chip__remove:focus,
.wc-block-components-chip__remove:hover,
button.wc-block-components-chip:focus>.wc-block-components-chip__remove,
button.wc-block-components-chip:hover>.wc-block-components-chip__remove {
    background: #949494
}

.wc-block-components-chip__remove:focus .wc-block-components-chip__remove-icon,
.wc-block-components-chip__remove:hover .wc-block-components-chip__remove-icon,
button.wc-block-components-chip:focus>.wc-block-components-chip__remove .wc-block-components-chip__remove-icon,
button.wc-block-components-chip:hover>.wc-block-components-chip__remove .wc-block-components-chip__remove-icon {
    fill: #fff
}

.wc-block-components-chip__remove:disabled,
button.wc-block-components-chip:disabled>.wc-block-components-chip__remove {
    fill: #fff;
    cursor: not-allowed
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-form {
    counter-reset: checkout-step
}

.wc-block-components-form .wc-block-components-checkout-step {
    background: none;
    border: none;
    margin: 0;
    padding: 0 0 0 36px;
    position: relative
}

.is-mobile .wc-block-components-form .wc-block-components-checkout-step,
.is-small .wc-block-components-form .wc-block-components-checkout-step {
    padding-left: 0
}

.wc-block-components-checkout-step--disabled {
    opacity: .6
}

.wc-block-components-checkout-step__container {
    position: relative
}

.wc-block-components-checkout-step__container textarea {
    font-style: inherit;
    font-weight: inherit
}

.wc-block-components-checkout-step__content>* {
    margin-bottom: 16px
}

.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__content>:last-child {
    margin-bottom: 0
}

.wc-block-checkout__contact-fields .wc-block-components-checkout-step__heading {
    margin-top: .5em
}

.wc-block-components-checkout-step__heading {
    margin: 36px 0 8px;
    position: relative
}

.wc-block-components-express-payment-continue-rule+.wc-block-components-checkout-step .wc-block-components-checkout-step__heading {
    margin-top: 0
}

.wc-block-components-checkout-step:first-child .wc-block-components-checkout-step__heading {
    margin-top: 0
}

.wc-block-components-checkout-step__title {
    margin: 0 12px 0 0
}

.wc-block-components-checkout-step__heading-content {
    font-size: .75em
}

.wc-block-components-checkout-step__heading-content a {
    color: inherit;
    font-weight: 700
}

.wc-block-checkout__payment-method .wc-block-components-checkout-step__content {
    padding-top: 8px
}

.wc-block-components-checkout-step__description {
    font-size: .875em;
    line-height: 1.2;
    margin: 0 0 16px
}

.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before {
    background: transparent;
    border: 0;
    border-radius: 0;
    content: " "counter(checkout-step) ".";
    content: " "counter(checkout-step) "."/"";
    counter-increment: checkout-step;
    left: -24px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(-50%);
    vertical-align: baseline;
    white-space: nowrap
}

.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
    border-left: 1px solid hsla(0, 0%, 7%, .11);
    content: "";
    height: 100%;
    left: -24px;
    position: absolute;
    top: 0
}

.is-mobile .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before,
.is-small .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before {
    content: counter(checkout-step) ". ";
    content: counter(checkout-step) ". "/"";
    left: auto;
    position: static;
    top: auto;
    transform: none
}

.is-mobile .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after,
.is-small .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
    content: unset
}

.editor-styles-wrapper .wp-block h4.wc-block-components-checkout-step__title {
    font-size: 1em;
    line-height: 24px;
    margin: 0 12px 0 0
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-title.wc-block-components-title {
    border: 0;
    border-radius: 0;
    font-size: 1.25em;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-break: break-word
}

.wc-block-components-title.wc-block-components-title textarea {
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit
}

.theme-twentytwenty .wc-block-components-title.wc-block-components-title {
    border: 0;
    border-radius: 0;
    font-size: 1.25em;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-break: break-word
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-checkbox {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin-top: 1em;
    text-decoration: inherit;
    text-transform: inherit
}

.wc-block-components-checkbox label {
    align-items: flex-start;
    cursor: pointer;
    display: inline-flex;
    font-size: .875em;
    margin-bottom: 0 !important;
    position: relative
}

.wc-block-components-checkbox label input[type=checkbox] {
    cursor: inherit
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid rgba(25, 23, 17, .48);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    height: 1.5em;
    margin: 0 1em 0 0;
    min-height: 1.5em;
    min-width: 1.5em;
    overflow: hidden;
    position: static;
    vertical-align: middle;
    width: 1.5em
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background: #fff
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
    outline: 1px solid hsla(0, 0%, 7%, .8);
    outline-offset: 2px
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:after,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:before {
    content: ""
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:not(:checked)+.wc-block-components-checkbox__mark {
    display: none
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    background-color: rgba(0, 0, 0, .1);
    border-color: hsla(0, 0%, 100%, .6)
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background: rgba(0, 0, 0, .1);
    border-color: hsla(0, 0%, 100%, .6)
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
    outline: 2px solid hsla(0, 0%, 100%, .6);
    outline-offset: 2px
}

.wc-block-components-checkbox.has-error,
.wc-block-components-checkbox.has-error a {
    color: #cc1818
}

.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:active,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:hover {
    border-color: #cc1818
}

.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus {
    outline: 2px solid #cc1818;
    outline-offset: 2px
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: #000;
    height: 1.125em;
    margin-left: .1875em;
    margin-top: .0625em;
    pointer-events: none;
    position: absolute;
    width: 1.125em
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: #fff
}

.wc-block-components-checkbox .wc-block-components-checkbox__label,
.wc-block-components-checkbox>span {
    line-height: 1.5em;
    vertical-align: middle
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .wc-block-components-checkbox__mark {
        display: none
    }
}

.theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type=checkbox],
.theme-twentytwentyone .wc-block-components-checkbox__input[type=checkbox] {
    background-color: #fff;
    border-color: var(--form--border-color);
    position: relative
}

.theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type=checkbox]:checked,
.theme-twentytwentyone .wc-block-components-checkbox__input[type=checkbox]:checked {
    background-color: #fff;
    border-color: var(--form--border-color)
}

.theme-twentytwentyone .wc-block-components-checkbox__mark {
    display: none
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.editor-styles-wrapper .wc-block-components-checkbox-list,
.wc-block-components-checkbox-list {
    list-style: none outside;
    margin: 0;
    padding: 0
}

.editor-styles-wrapper .wc-block-components-checkbox-list li,
.wc-block-components-checkbox-list li {
    list-style: none outside;
    margin: 0 0 4px;
    padding: 0
}

.editor-styles-wrapper .wc-block-components-checkbox-list li.show-less button,
.editor-styles-wrapper .wc-block-components-checkbox-list li.show-more button,
.wc-block-components-checkbox-list li.show-less button,
.wc-block-components-checkbox-list li.show-more button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: underline
}

.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li,
.wc-block-components-checkbox-list.is-loading li {
    background-color: currentColor !important;
    border: 0 !important;
    border-radius: .25rem;
    box-shadow: none;
    color: currentColor !important;
    display: block;
    line-height: 1;
    max-width: 100% !important;
    opacity: .15;
    outline: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
    position: relative !important;
    width: 100%;
    z-index: 1
}

.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li>*,
.wc-block-components-checkbox-list.is-loading li>* {
    visibility: hidden
}

.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li:after,
.wc-block-components-checkbox-list.is-loading li:after {
    animation: loading__animation 1.5s ease-in-out infinite;
    background-image: linear-gradient(90deg, currentColor, hsla(0, 0%, 96%, .302), currentColor);
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media screen and (prefers-reduced-motion:reduce) {

    .editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li,
    .wc-block-components-checkbox-list.is-loading li {
        animation: none
    }
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-radio-control__option {
    color: inherit;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0 0 1em;
    padding: 0 0 0 2.25em;
    position: relative;
    text-decoration: inherit;
    text-transform: inherit
}

.wc-block-components-radio-control__option:last-child {
    margin-bottom: 0
}

.wc-block-components-radio-control__option-layout {
    display: table;
    width: 100%
}

.wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout:after {
    display: none
}

.wc-block-components-radio-control__description-group,
.wc-block-components-radio-control__label-group {
    display: table-row
}

.wc-block-components-radio-control__description-group>span,
.wc-block-components-radio-control__label-group>span {
    display: table-cell
}

.wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-description,
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-label,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-description,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label {
    min-width: 50%;
    text-align: right
}

.wc-block-components-radio-control__label,
.wc-block-components-radio-control__secondary-label {
    line-height: max(1.5rem, 24px)
}

.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-description {
    font-size: .875em;
    line-height: 20px
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid rgba(25, 23, 17, .48);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 1.5em;
    left: 16px;
    margin: inherit;
    min-height: 24px;
    min-width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    width: 1.5em
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
    border: 1px solid hsla(0, 0%, 7%, .8)
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
    outline: 1px solid hsla(0, 0%, 7%, .8);
    outline-offset: 2px
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background: #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: .75em;
    left: 50%;
    margin: 0;
    min-height: 12px;
    min-width: 12px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .75em
}

.has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input {
    background-color: rgba(0, 0, 0, .1);
    border-color: hsla(0, 0%, 100%, .6)
}

.has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background: #fff
}

.wc-block-components-radio-control .wc-block-components-radio-control__input[disabled] {
    cursor: not-allowed;
    opacity: .5;
    transition: opacity .2s ease
}

.theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
    border-width: 2px
}

.theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background-color: var(--form--color-text)
}

.theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:after {
    display: none
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-sort-select {
    margin-bottom: 12px
}

.wc-block-components-sort-select__label {
    display: inline-block;
    font-weight: 400;
    margin-right: 12px
}

.wc-block-components-sort-select__select {
    font-size: inherit;
    width: -moz-max-content;
    width: max-content
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-components-textarea {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 7%, .8);
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.375;
    margin: 0;
    padding: .75em 16px;
    width: 100%
}

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

.has-dark-controls .wc-block-components-textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.has-dark-controls .wc-block-components-textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.has-dark-controls .wc-block-components-textarea::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.theme-twentytwentyone .has-dark-controls .wc-block-components-textarea {
    background-color: rgba(0, 0, 0, .1);
    color: #fff
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.editor-styles-wrapper .wc-block-components-checkbox-list,
.wc-block-components-checkbox-list {
    list-style: none outside;
    margin: 0;
    padding: 0
}

.editor-styles-wrapper .wc-block-components-checkbox-list li,
.wc-block-components-checkbox-list li {
    list-style: none outside;
    margin: 0 0 4px;
    padding: 0
}

.editor-styles-wrapper .wc-block-components-checkbox-list li.show-less button,
.editor-styles-wrapper .wc-block-components-checkbox-list li.show-more button,
.wc-block-components-checkbox-list li.show-less button,
.wc-block-components-checkbox-list li.show-more button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: underline
}

.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li,
.wc-block-components-checkbox-list.is-loading li {
    background-color: currentColor !important;
    border: 0 !important;
    border-radius: .25rem;
    box-shadow: none;
    color: currentColor !important;
    display: block;
    line-height: 1;
    max-width: 100% !important;
    opacity: .15;
    outline: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
    position: relative !important;
    width: 100%;
    z-index: 1
}

.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li>*,
.wc-block-components-checkbox-list.is-loading li>* {
    visibility: hidden
}

.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li:after,
.wc-block-components-checkbox-list.is-loading li:after {
    animation: loading__animation 1.5s ease-in-out infinite;
    background-image: linear-gradient(90deg, currentColor, hsla(0, 0%, 96%, .302), currentColor);
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media screen and (prefers-reduced-motion:reduce) {

    .editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li,
    .wc-block-components-checkbox-list.is-loading li {
        animation: none
    }
}

.wc-block-components-checkbox {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin-top: 1em;
    text-decoration: inherit;
    text-transform: inherit
}

.wc-block-components-checkbox label {
    align-items: flex-start;
    cursor: pointer;
    display: inline-flex;
    font-size: .875em;
    margin-bottom: 0 !important;
    position: relative
}

.wc-block-components-checkbox label input[type=checkbox] {
    cursor: inherit
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid rgba(25, 23, 17, .48);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    height: 1.5em;
    margin: 0 1em 0 0;
    min-height: 1.5em;
    min-width: 1.5em;
    overflow: hidden;
    position: static;
    vertical-align: middle;
    width: 1.5em
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background: #fff
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
    outline: 1px solid hsla(0, 0%, 7%, .8);
    outline-offset: 2px
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:after,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:before {
    content: ""
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:not(:checked)+.wc-block-components-checkbox__mark {
    display: none
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    background-color: rgba(0, 0, 0, .1);
    border-color: hsla(0, 0%, 100%, .6)
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background: rgba(0, 0, 0, .1);
    border-color: hsla(0, 0%, 100%, .6)
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
    outline: 2px solid hsla(0, 0%, 100%, .6);
    outline-offset: 2px
}

.wc-block-components-checkbox.has-error,
.wc-block-components-checkbox.has-error a {
    color: #cc1818
}

.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:active,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:hover {
    border-color: #cc1818
}

.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus {
    outline: 2px solid #cc1818;
    outline-offset: 2px
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: #000;
    height: 1.125em;
    margin-left: .1875em;
    margin-top: .0625em;
    pointer-events: none;
    position: absolute;
    width: 1.125em
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: #fff
}

.wc-block-components-checkbox .wc-block-components-checkbox__label,
.wc-block-components-checkbox>span {
    line-height: 1.5em;
    vertical-align: middle
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .wc-block-components-checkbox__mark {
        display: none
    }
}

.theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type=checkbox],
.theme-twentytwentyone .wc-block-components-checkbox__input[type=checkbox] {
    background-color: #fff;
    border-color: var(--form--border-color);
    position: relative
}

.theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type=checkbox]:checked,
.theme-twentytwentyone .wc-block-components-checkbox__input[type=checkbox]:checked {
    background-color: #fff;
    border-color: var(--form--border-color)
}

.theme-twentytwentyone .wc-block-components-checkbox__mark {
    display: none
}

.wc-block-stock-filter-list {
    margin: 0
}

.wc-block-stock-filter-list li label {
    cursor: pointer
}

.wc-block-stock-filter-list li input {
    cursor: pointer;
    display: inline-block
}

.wc-block-stock-filter-list .wc-block-components-checkbox-list {
    margin: 0
}

.wc-block-stock-filter-list .wc-block-components-checkbox-list li label {
    cursor: pointer
}

.wc-block-stock-filter-list .wc-block-components-checkbox-list li input {
    cursor: pointer;
    display: inline-block
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-interactivity-dropdown {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    gap: 16px;
    letter-spacing: inherit;
    line-height: inherit;
    position: relative;
    text-decoration: inherit;
    text-transform: inherit;
    width: 100%
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__selected-badge {
    align-items: center;
    border: 1px solid #000;
    border-radius: 1.25em;
    display: inline-flex;
    font-size: .75em;
    gap: .25em;
    margin: 2px 0;
    padding: .25em .25em .25em .75em
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__selected-badge .wc-interactivity-dropdown__badge-text {
    margin-right: .25em
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__selected-badge .wc-interactivity-dropdown__badge-remove {
    background-color: #e0e0e0;
    border-radius: 1.25em;
    cursor: pointer
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__dropdown-selection {
    align-items: center;
    border: 1px solid #757575;
    border-radius: .25em;
    cursor: pointer;
    display: flex;
    padding: 4px 30px 4px 8px
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__dropdown-selection .wc-interactivity-dropdown__placeholder {
    display: flex;
    flex-direction: column;
    font-size: .75em;
    height: 30px;
    justify-content: center;
    margin: .25em 0
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__svg-container>svg {
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__dropdown-list {
    background: #fff;
    border: 1px solid #757575;
    border-radius: .25em;
    box-sizing: border-box;
    margin-top: 8px;
    position: absolute;
    width: 100%;
    z-index: 1000
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__dropdown-list .wc-interactivity-dropdown__dropdown-option {
    border: 1px solid #ccc;
    border-radius: .25em;
    cursor: pointer;
    font-size: .875em;
    margin: 12px;
    padding: 12px
}

.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__dropdown-list .wc-interactivity-dropdown__dropdown-option.is-selected,
.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__dropdown-list .wc-interactivity-dropdown__dropdown-option:focus,
.wc-interactivity-dropdown .wc-interactivity-dropdown__dropdown .wc-interactivity-dropdown__dropdown-list .wc-interactivity-dropdown__dropdown-option:hover {
    background-color: #f0f0f0
}