.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 {
    text-wrap: balance;
    text-wrap: pretty;
    display: block
}

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

.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):disabled .wc-block-components-button__text {
    opacity: .5
}

.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
}

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

.wc-block-components-checkbox.wc-block-components-validated-checkbox-control label {
    display: grid;
    grid-template-columns:auto 1fr
}

.wc-block-components-checkbox.wc-block-components-validated-checkbox-control label .wc-block-components-validation-error {
    grid-column: 1/-1
}

.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] {
    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: 1.5px solid hsla(0, 0%, 7%, .8);
    outline-offset: 1.5px
}

.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%, .4);
    color: #fff
}

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

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
    outline: 1.5px solid currentColor;
    outline-offset: 1.5px
}

.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
}

.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-components-validation-error {
    color: #cc1818;
    font-size: .75em;
    max-width: 100%;
    min-height: 1em;
    padding: 8px 0 0;
    white-space: normal
}

.wc-block-components-validation-error > p {
    align-items: center;
    display: flex;
    gap: 2px;
    line-height: 1;
    margin: 0;
    padding: 0
}

.wc-block-components-validation-error svg {
    fill: currentColor;
    height: 1.5em;
    margin: -.4735em 0;
    width: 1.5em
}

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

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

.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%)
}

@keyframes loading__animation {
    to {
        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-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 {
    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
}

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

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

.is-mobile .wc-block-components-form .wc-block-components-checkout-step, .is-small .wc-block-components-form .wc-block-components-checkout-step {
    margin-bottom: 36px;
    padding-left: 0
}

@media (max-width: 600px) {
    .is-mobile .wc-block-components-form .wc-block-components-checkout-step, .is-small .wc-block-components-form .wc-block-components-checkout-step {
        padding-top: 36px
    }
    
    .is-mobile .wc-block-components-form .wc-block-components-checkout-step:first-of-type, .is-small .wc-block-components-form .wc-block-components-checkout-step:first-of-type {
        padding-top: 0
    }
    
    .is-mobile .wc-block-components-form .wc-block-components-checkout-step:after, .is-small .wc-block-components-form .wc-block-components-checkout-step:after {
        background: currentColor;
        bottom: -35px;
        box-shadow: -50vw 0 0 0 currentColor, 50vw 0 0 0 currentColor;
        content: "";
        height: 1px;
        opacity: .11;
        position: absolute;
        width: 100%
    }
}

.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__content > :last-child {
    margin-bottom: 0
}

.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: 0 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, .wc-block-checkout__shipping-option .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-checkout__form--with-step-numbers .wc-block-components-checkout-step--with-step-number {
    padding: 0 0 0 36px
}

.wc-block-checkout__form--with-step-numbers .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-checkout__form--with-step-numbers .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-checkout__form--with-step-numbers .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before, .is-small .wc-block-checkout__form--with-step-numbers .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-checkout__form--with-step-numbers .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after, .is-small .wc-block-checkout__form--with-step-numbers .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
}

.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
}

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

.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 {
    box-sizing: border-box;
    height: auto;
    padding-left: 0 !important;
    padding-right: 32px;
    padding-top: .375em;
    position: relative;
    text-align: left;
    width: 100%;
    word-break: break-word
}

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

.wc-block-components-panel__button, .wc-block-components-panel__button:active, .wc-block-components-panel__button:focus, .wc-block-components-panel__button:hover {
    cursor: pointer;
    padding-left: 0 !important
}

.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
}

.wc-block-components-radio-control--highlight-checked, .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option {
    position: relative
}

.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after {
    background: hsla(0, 0%, 7%, .11);
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 0
}

.has-dark-controls .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after {
    background: hsla(0, 0%, 100%, .4)
}

.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:first-child:after {
    display: none
}

.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted + div.wc-block-components-radio-control-accordion-option:after {
    display: none
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 4px;
    box-shadow: inset 0 0 0 1.5px currentColor
}

.wc-block-components-radio-control--highlight-checked:after {
    border: 1px solid hsla(0, 0%, 7%, .11);
    border-radius: 4px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.has-dark-controls .wc-block-components-radio-control--highlight-checked:after {
    border-color: hsla(0, 0%, 100%, .4)
}

.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--first-selected:after {
    border-top: 0;
    margin-top: 2px
}

.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--last-selected:after {
    border-bottom: 0;
    margin-bottom: 2px
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted + .wc-block-components-radio-control__option:after {
    display: none
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option:after {
    background: hsla(0, 0%, 7%, .11);
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 0
}

.has-dark-controls .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option:after {
    background: hsla(0, 0%, 100%, .4)
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option:first-child:after {
    display: none
}

.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 calc(16px + 1.5em) 0 3.5em;
    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: flex;
    flex-direction: column;
    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: flex;
    justify-content: space-between
}

.wc-block-components-radio-control__description-group .wc-block-components-radio-control__description, .wc-block-components-radio-control__description-group .wc-block-components-radio-control__label, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__description, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__label {
    flex-grow: 1
}

.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 {
    flex: 0 0 50%;
    text-align: right
}

.wc-block-components-radio-control__description-group--column {
    text-wrap: balance;
    flex-direction: column
}

.wc-block-components-radio-control__description-group--column .wc-block-components-radio-control__description {
    margin: 8px 0
}

.wc-block-components-radio-control__description-group--column .wc-block-components-radio-control__secondary-description {
    padding-right: 12px;
    text-align: left
}

.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: 1.55
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
    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%, .4)
}

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

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

.has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
    outline: 1px solid #fff;
    outline-offset: 1px
}

.wc-block-components-radio-control .wc-block-components-radio-control__input[aria-disabled=true], .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
}

.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: max-content
}

.wc-block-components-spinner {
    box-sizing: content-box;
    color: inherit;
    font-size: 1.25em;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    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)
    }
}

.wc-block-components-notice-banner {
    align-content: flex-start;
    align-items: stretch;
    background-color: #fff;
    border: 1px solid #2f2f2f;
    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 {
    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 {
    appearance: none;
    background: transparent !important;
    border: 0;
    color: #2f2f2f !important;
    float: right;
    margin: 0;
    opacity: .7;
    padding: 0 !important;
    text-decoration-line: underline;
    text-underline-position: under;
    transition: all .2s ease-in-out
}

.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;
    text-decoration: none
}

.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 > .wc-block-components-button:focus {
    outline: 2px solid currentColor !important;
    outline-offset: 0
}

.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
}

.wc-block-components-notice-banner:focus {
    outline-width: 0
}

.wc-block-components-notice-banner:focus-visible {
    outline-style: solid;
    outline-width: 2px
}

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

.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
    }
}

.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
}

.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::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
}

.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%, .7);
    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.5;
    margin: 0;
    max-width: calc(100% - 32px);
    overflow: hidden;
    position: absolute;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    top: 1.562em;
    transform: translateY(-50%);
    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=password], .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=password], .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;
    height: 3.125em;
    line-height: 1em;
    margin: 0;
    min-height: 0;
    padding: 1em .5em;
    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=password]: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=password]: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;
    border: 1.5px solid;
    color: #2b2d2f
}

.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=password], .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=password], .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=password]: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=password]: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);
    border: 1.5px solid;
    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=password], .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=password], .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 {
    top: 0;
    transform: translateY(4px) scale(.75)
}

.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 .5px #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 .5px #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
}

.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__description {
    font-size: .875em;
    width: 100%
}

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

.has-dark-controls .wc-block-components-totals-wrapper {
    border-color: hsla(0, 0%, 100%, .4)
}

.wc-block-components-totals-wrapper:empty, .wc-block-components-totals-wrapper:has(>:only-child:empty) {
    border-width: 0;
    padding: 0
}

.wc-block-components-totals-wrapper:empty:after, .wc-block-components-totals-wrapper:has(>:only-child:empty):after {
    content: none
}

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

.wc-block-components-totals-wrapper.slot-wrapper > * > * {
    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)
}

.has-dark-controls .wc-block-components-discounts-meta .wc-block-components-totals-wrapper:first-child {
    border-color: hsla(0, 0%, 100%, .4)
}