:where(*) {
--wc-separator-color: var(--wp--custom--color--stroke-weak); } :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input) input:is([type="date"], [type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="url"]) {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--input);
color: var(--wp--custom--color--text-strong);
height: var(--wp--custom--control--lg);
padding-inline: var(--wp--custom--form-control--inset);
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input).is-active input:is([type="date"], [type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="url"]) {
padding-inline: var(--wp--custom--form-control--inset);
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input).is-active input:is([type="date"], [type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="url"]):focus-within {
padding-inline: var(--wp--custom--form-control--inset);
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input) input:-webkit-autofill:focus-within {
padding-inline: var(--wp--custom--form-control--inset);
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input) input:is([type="date"], [type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="url"]):focus-within {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-focus);
color: var(--wp--custom--color--text-strong);
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input).has-error :is(input, input:active, input:focus-within, input:hover) {
border-color: var(--wp--custom--color--stroke-error);
box-shadow: none;
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input) input:is([type="date"], [type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="url"]):disabled {
background-color: var(--wp--custom--color--fill-weak);
color: var(--wp--custom--color--text-disabled);
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input) label {
color: var(--wp--custom--color--text-weak);
inset-inline-start: calc(var(--wp--custom--form-control--inset) + var(--wp--custom--border-width--1));
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input).is-active label {
font-size: var(--wp--preset--font-size--x-small);
transform: none;
} :is(.wc-block-components-form .wc-block-components-text-input, .wc-block-components-text-input).has-error label {
color: var(--wp--custom--color--text-error);
} .wc-block-components-textarea {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-strong);
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--5));
color: var(--wp--custom--color--text-strong);
} .wc-block-components-textarea:not(:placeholder-shown) {
color: var(--wp--custom--color--text-strong);
} .wc-block-components-textarea:focus {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-focus);
box-shadow: none;
} .wc-block-components-textarea:disabled {
background-color: var(--wp--custom--color--fill-weak);
color: var(--wp--custom--color--text-disabled);
} .wc-block-components-validation-error {
color: var(--wp--custom--color--text-error);
font-size: var(--wp--custom--text--text-small--font-size);
} .wc-block-components-textarea::placeholder {
color: var(--wp--custom--color--text-weaker);
} .wc-blocks-components-select .wc-blocks-components-select__container {
background-color: var(--wp--custom--color--background-base);
border-radius: var(--wp--custom--radius--input);
} .wc-blocks-components-select .wc-blocks-components-select__select {
border-color: var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--input);
color: var(--wp--custom--color--text-strong);
height: var(--wp--custom--control--lg);
padding-inline: var(--wp--custom--form-control--inset);
} .wc-blocks-components-select .wc-blocks-components-select__select:focus {
border-color: var(--wp--custom--color--stroke-focus);
padding-inline: var(--wp--custom--form-control--inset);
} .wc-blocks-components-select .wc-blocks-components-select__select:disabled {
background-color: var(--wp--custom--color--fill-weak);
color: var(--wp--custom--color--text-disabled);
} .wc-blocks-components-select .wc-blocks-components-select__label {
color: var(--wp--custom--color--text-weak);
font-size: var(--wp--preset--font-size--x-small);
inset-inline-start: calc(var(--wp--custom--form-control--inset) + var(--wp--custom--border-width--1));
} .wc-blocks-components-select .wc-blocks-components-select__expand {
fill: var(--wp--custom--color--icon-default);
} .has-error .wc-blocks-components-select .wc-blocks-components-select__select {
border-color: var(--wp--custom--color--stroke-error);
color: var(--wp--custom--color--text-strong);
} .has-error .wc-blocks-components-select .wc-blocks-components-select__label {
color: var(--wp--custom--color--text-error);
} .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-strong);
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--1));
} .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
background-color: var(--wp--custom--color--stroke-focus);
border-color: var(--wp--custom--color--stroke-focus);
} .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus {
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} .wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: var(--wp--custom--color--background-base);
} .wc-block-components-checkbox.has-error {
color: var(--wp--custom--color--text-error);
} .wc-block-components-checkbox.has-error a {
color: var(--wp--custom--color--text-error);
} .wc-block-components-checkbox.has-error :is(.wc-block-components-checkbox__input, .wc-block-components-checkbox__input:active, .wc-block-components-checkbox__input:focus, .wc-block-components-checkbox__input:hover) {
border-color: var(--wp--custom--color--stroke-error);
} .wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus {
outline-color: var(--wp--custom--color--stroke-error);
} .wc-block-components-radio-control .wc-block-components-radio-control__input {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-strong);
} .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
border-color: var(--wp--custom--color--stroke-focus);
} .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before {
background-color: var(--wp--custom--color--stroke-focus);
} .wc-block-components-radio-control__label {
font-weight: var(--wp--custom--text--label--font-weight);
} .wc-block-components-radio-control--highlight-checked::after {
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--5));
} .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--5));
box-shadow: inset 0 0 0 var(--wp--custom--border-width--2) var(--wp--custom--color--stroke-focus);
} .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--5));
box-shadow: inset 0 0 0 var(--wp--custom--border-width--2) var(--wp--custom--color--stroke-focus);
} .wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} :where(.wc-block-components-quantity-selector:has(input:not([type="hidden"]))) {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--input);
} div.wc-block-add-to-cart-form.wc-block-add-to-cart-form--stepper form.cart div.wc-block-components-quantity-selector.quantity:where(:has(input:not([type="hidden"]))) {
background-color: var(--wp--custom--color--background-base);
margin-inline-end: var(--wp--preset--spacing--20);
} .woocommerce div.product form.cart div.quantity {
margin-inline-end: var(--wp--preset--spacing--20);
} .woocommerce div.product form.cart div.quantity .qty {
margin-inline-end: 0;
} .wp-block-group:where(:has(> .wc-block-add-to-cart-with-options__quantity-selector)) {
gap: var(--wp--preset--spacing--20);
} .wp-block-woocommerce-add-to-cart-form .quantity .qty {
box-sizing: border-box;
} div.wc-block-add-to-cart-form.wc-block-add-to-cart-form--stepper .wc-block-components-quantity-selector input[type="number"].input-text.qty.text {
padding-block: 0;
} .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
box-sizing: border-box;
height: calc(var(--wp--custom--control--md) - 2 * var(--wp--custom--border-width--1));
} .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
box-shadow: none;
} .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus-visible {
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus {
box-shadow: none;
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} :where(.wc-block-add-to-cart-with-options__quantity-selector) {
border-color: var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--input);
} .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
border-style: solid;
line-height: var(--wp--custom--typography--line-height--small);
} :where(.wc-block-add-to-cart-with-options.is-invalid) .wp-block-woocommerce-product-button .wc-block-components-product-button__button {
background-color: var(--wp--custom--color--fill-disabled);
color: var(--wp--custom--color--text-disabled);
opacity: 1;
} .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute .wc-block-product-filter-chips__item {
border-radius: var(--wp--custom--radius--input);
} .woocommerce button.single_add_to_cart_button.disabled {
background-color: var(--wp--custom--color--fill-disabled);
color: var(--wp--custom--color--text-disabled);
opacity: 1;
} .woocommerce button.single_add_to_cart_button.disabled:hover {
background-color: var(--wp--custom--color--fill-disabled);
color: var(--wp--custom--color--text-disabled);
opacity: 1;
} .woocommerce div.product form.cart .variations label {
font-weight: var(--wp--custom--text--label--font-weight);
} .woocommerce table.variations tr td select {
font-size: var(--wp--custom--form-control--input-value);
height: var(--wp--custom--control--md);
padding-block: 0;
padding-inline-start: var(--wp--custom--form-control--inset);
} .woocommerce div.product form.cart .variations select {
background-color: var(--wp--custom--color--background-base);
} .woocommerce div.product form.cart .variations {
margin-bottom: var(--wp--preset--spacing--30);
} :where(.woocommerce table.variations tbody) {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
} :where(.woocommerce table.variations tr) {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--10);
} .woocommerce table.variations tr td,
.woocommerce table.variations tr th {
display: block;
padding: 0;
} .woocommerce div.product form.cart table.variations td select {
margin-inline-end: 0;
min-width: 0;
width: 100%;
} :where(.woocommerce div.product .single_variation_wrap span.price) {
font-size: var(--wp--custom--text--text-large--font-size);
font-weight: var(--wp--custom--text--text-large--font-weight);
} .wp-block-woocommerce-add-to-cart-form form.cart {
grid-template-columns: min-content 1fr;
} .wp-block-woocommerce-add-to-cart-form .variations_button {
grid-template-columns: min-content 1fr;
} .wp-block-woocommerce-add-to-cart-form form.cart > .single_add_to_cart_button {
justify-self: stretch;
} .wp-block-woocommerce-add-to-cart-form .variations_button > .single_add_to_cart_button {
justify-self: stretch;
} :where(.wp-block-woocommerce-product-meta ~ :not([class*="wp-block-"])) {
color: var(--wp--custom--color--text-weak);
font-size: var(--wp--custom--text--text-small--font-size);
} .wp-block-woocommerce-product-meta ~ :where(:not([class*="wp-block-"])) :where(a) {
color: var(--wp--custom--color--text-weak);
text-decoration: none;
} .wc-block-product-gallery {
gap: var(--wp--preset--spacing--20);
} :where(.wc-block-product-gallery-thumbnails__scrollable) {
gap: var(--wp--preset--spacing--20);
} .woocommerce div.product p.stock {
font-size: var(--wp--custom--text--text-small--font-size);
} .wp-block-woocommerce-product-specifications tr > :is(td, th) {
border-block-end-width: 0;
padding-block: var(--wp--preset--spacing--10);
padding-inline: 0 var(--wp--preset--spacing--20);
} .wp-block-woocommerce-product-specifications > :where(table) {
font-size: inherit;
} :where(.wp-block-woocommerce-product-specifications td) p {
margin: 0;
} :where(.wp-block-product-specifications-item__label) {
font-weight: var(--wp--custom--text--label--font-weight);
} .woocommerce div.product form.cart .reset_variations {
font-size: var(--wp--custom--text--text-small--font-size);
} :where(.woocommerce table.variations tr) {
position: relative;
} :where(.woocommerce table.variations a.reset_variations) {
position: absolute;
inset-block-start: 0;
inset-inline-end: 0;
} .wp-block-woocommerce-checkout {
padding-block-start: 0;
} :where(.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)) {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--64);
} .woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
content: none;
} .woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 1 18rem;
float: none;
width: auto;
} .woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 20rem;
float: none;
min-width: 0;
width: auto;
} .woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--10);
margin: 0;
} .woocommerce-account .woocommerce-MyAccount-navigation li {
padding: 0;
} .woocommerce-account .woocommerce-MyAccount-navigation li a {
border-radius: var(--wp--custom--radius--control);
color: var(--wp--custom--color--text-strong);
display: block;
padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
} :where(.woocommerce-MyAccount-navigation) li a:hover {
background-color: var(--wp--custom--color--fill-neutral-hover);
color: var(--wp--custom--color--text-strong);
} .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
background-color: var(--wp--custom--color--fill-weak);
font-weight: var(--wp--custom--text--label--font-weight);
text-decoration: none;
} .woocommerce-account main .woocommerce {
max-width: none;
} .woocommerce-account main .woocommerce:has(> .login, > .lost_reset_password) {
margin-inline: auto;
max-width: 28rem;
} .woocommerce-checkout main .woocommerce:has(> .woocommerce-verify-email) {
margin-inline: auto;
max-width: 28rem;
} .wc-block-order-confirmation-status-description:has(> .woocommerce-verify-email) {
margin-inline: auto;
max-width: 28rem;
} .wc-block-order-confirmation-status:has(+ .wc-block-order-confirmation-status-description > .woocommerce-verify-email) {
font-weight: var(--wp--custom--typography--font-weight--semi-bold);
margin-inline: auto;
max-width: 28rem;
} .wc-block-order-confirmation-status-description:has(> .woocommerce-verify-email) {
margin-block-start: var(--wp--preset--spacing--20);
} :where(.wc-block-order-confirmation-status-description > p:first-child) {
margin-block-start: 0;
} .wc-block-order-confirmation-status-description .woocommerce-verify-email #verify-email {
width: 100%;
} .woocommerce form.lost_reset_password .form-row-first {
float: none;
width: 100%;
} :where(.woocommerce-account .woocommerce) > h2 {
font-size: var(--wp--custom--text--heading-5--font-size);
font-weight: var(--wp--custom--text--heading-5--font-weight);
line-height: var(--wp--custom--text--heading-5--line-height);
margin-block: 0 var(--wp--preset--spacing--20);
} .woocommerce form.login,
.woocommerce form.register {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
margin: 0;
max-width: 28rem;
padding: var(--wp--preset--spacing--25);
} :where(.woocommerce-form-login .form-row:has(> .woocommerce-form-login__submit)) {
align-items: stretch;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: none;
margin-inline-end: 0;
} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
align-items: center;
display: inline-flex;
gap: var(--wp--preset--spacing--10);
} .woocommerce form .form-row .required {
color: var(--wp--custom--color--text-error);
} :where(.woocommerce form.lost_reset_password, form.woocommerce-verify-email) {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
margin: 0;
max-width: 28rem;
padding: var(--wp--preset--spacing--25);
} :where(.woocommerce-MyAccount-content) :is(h2, h3, h4, h5, h6) {
font-size: var(--wp--custom--text--heading-5--font-size);
font-weight: var(--wp--custom--text--heading-5--font-weight);
line-height: var(--wp--custom--text--heading-5--line-height);
margin-block-end: var(--wp--preset--spacing--20);
} .woocommerce-customer-details h2.woocommerce-column__title {
font-size: var(--wp--custom--text--heading-5--font-size);
font-weight: var(--wp--custom--text--heading-5--font-weight);
line-height: var(--wp--custom--text--heading-5--line-height);
} .woocommerce-order-details > h2:first-child,
.woocommerce-order-downloads > h2:first-child {
margin-block-start: 0;
} :where(.woocommerce-customer-details h2.woocommerce-column__title, .woocommerce-MyAccount-content form > h2:first-child) {
margin-block-start: 0;
} :where(.woocommerce-Addresses :is(.col-1, .col-2)) {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
padding: var(--wp--preset--spacing--25);
} :where(.woocommerce-Addresses .title) {
display: contents;
} .woocommerce-Addresses address {
border: 0;
font-style: normal;
padding: 0;
width: auto;
} .woocommerce-Addresses .title h2 {
margin-block: 0;
} :where(.woocommerce-Addresses .edit) {
font-size: var(--wp--custom--text--text-small--font-size);
order: 1;
} .woocommerce-account .woocommerce-Addresses .title .edit {
margin: 0;
} .woocommerce-account .woocommerce-Addresses .title::before,
.woocommerce-account .woocommerce-Addresses .title::after {
display: none;
} :where(.woocommerce-order-details, .woocommerce-order-downloads, .woocommerce-customer-details) {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
padding: var(--wp--preset--spacing--25);
} .woocommerce .woocommerce-customer-details address {
border: 0;
border-radius: 0;
padding: 0;
} .woocommerce-order-details table,
.woocommerce-order-downloads table {
border: 0;
width: 100%;
} .woocommerce-order-details table :is(th, td),
.woocommerce-order-downloads table :is(th, td) {
border: 0;
border-block-end: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-weak);
padding: var(--wp--preset--spacing--20) 0;
text-align: start;
} :where(.woocommerce-order-details table thead th, .woocommerce-order-downloads table thead th) {
color: var(--wp--custom--color--text-weak);
letter-spacing: var(--wp--custom--tracking--wider);
} .woocommerce-orders-table__cell-order-actions .button,
.order-actions-button.button {
align-items: center;
background-color: var(--wp--custom--color--background-base);
border: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--control);
box-sizing: border-box;
color: var(--wp--custom--color--text-strong);
display: inline-flex;
font-size: var(--wp--custom--control-label--sm);
font-weight: var(--wp--custom--text--label--font-weight);
height: var(--wp--custom--control--sm);
padding: 0 1em;
text-decoration: none;
} .woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.button {
display: inline-flex;
justify-content: center;
margin: 0 var(--wp--preset--spacing--10) 0 0;
} :where(.woocommerce-MyAccount-downloads-file) {
align-items: center;
background-color: var(--wp--custom--color--background-base);
border: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--control);
box-sizing: border-box;
color: var(--wp--custom--color--text-strong);
display: inline-flex;
font-size: var(--wp--custom--control-label--sm);
font-weight: var(--wp--custom--text--label--font-weight);
height: var(--wp--custom--control--sm);
padding: 0 1em;
text-decoration: none;
} :where(.woocommerce-MyAccount-downloads-file:hover) {
background-color: var(--wp--custom--color--fill-weak-hover);
text-decoration: none;
} :where(.woocommerce-orders-table__cell a:not(.button)) {
text-decoration: none;
} :where(.woocommerce-orders-table__cell a:not(.button):hover) {
text-decoration: underline;
} :where(.wc-block-store-notices:not(:has(.wc-block-components-notice-banner, .woocommerce-error, .woocommerce-info, .woocommerce-message))) {
display: none;
} .wc-block-store-notices .wc-block-components-notice-banner {
margin-block: 0;
} .wc-block-components-notice-banner {
background-color: var(--wp--custom--color--fill-weak);
border-color: var(--wp--custom--color--stroke-weak);
border-radius: var(--wp--custom--radius--panel);
color: var(--wp--custom--color--text-strong);
font-size: var(--wp--custom--text--text-small--font-size);
gap: var(--wp--preset--spacing--10);
} .wc-block-components-notice-banner > svg {
background-color: var(--wp--custom--color--fill-neutral-strong);
fill: var(--wp--custom--color--text-on-neutral);
} .wc-block-components-notice-banner.is-error {
background-color: var(--wp--custom--color--fill-error-weak);
border-color: var(--wp--custom--color--stroke-error-weak);
color: var(--wp--custom--color--text-error);
} .wc-block-components-notice-banner.is-error > svg {
background-color: var(--wp--custom--color--fill-error-strong);
fill: var(--wp--custom--color--text-on-status);
} .wc-block-components-notice-banner.is-warning {
background-color: var(--wp--custom--color--fill-warning-weak);
border-color: var(--wp--custom--color--stroke-warning-weak);
color: var(--wp--custom--color--text-warning);
} .wc-block-components-notice-banner.is-warning > svg {
background-color: var(--wp--custom--color--fill-warning-strong);
fill: var(--wp--custom--color--text-on-status);
} .wc-block-components-notice-banner.is-success {
background-color: var(--wp--custom--color--fill-success-weak);
border-color: var(--wp--custom--color--stroke-success-weak);
color: var(--wp--custom--color--text-success);
} .wc-block-components-notice-banner.is-success > svg {
background-color: var(--wp--custom--color--fill-success-strong);
fill: var(--wp--custom--color--text-on-status);
} .wc-block-components-notice-banner.is-info {
background-color: var(--wp--custom--color--fill-info-weak);
border-color: var(--wp--custom--color--stroke-info-weak);
color: var(--wp--custom--color--text-info);
} .wc-block-components-notice-banner.is-info > svg {
background-color: var(--wp--custom--color--fill-info-strong);
fill: var(--wp--custom--color--text-on-status);
} .wc-block-components-notice-banner > .wc-block-components-button {
color: currentColor !important;
} .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
color: currentColor !important;
} .wc-block-components-notice-banner.wc-block-components-notice-snackbar,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner {
box-shadow: var(--wp--custom--shadow--overlay);
} .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: var(--wp--custom--color--stroke-weak);
} .woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border: var(--wp--custom--border-width--1) solid;
border-radius: var(--wp--custom--radius--panel);
box-sizing: border-box;
font-size: var(--wp--custom--text--text-small--font-size);
margin-block-end: var(--wp--preset--spacing--20);
padding: var(--wp--preset--spacing--20);
padding-inline-start: calc(var(--wp--preset--spacing--20) + 1em + var(--wp--preset--spacing--10));
} .woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
inset-inline-start: var(--wp--preset--spacing--20);
top: var(--wp--preset--spacing--20);
} .woocommerce-message {
background-color: var(--wp--custom--color--fill-success-weak);
border-color: var(--wp--custom--color--stroke-success-weak);
color: var(--wp--custom--color--text-success);
} .woocommerce-message::before {
color: var(--wp--custom--color--text-success);
} .woocommerce-info {
background-color: var(--wp--custom--color--fill-info-weak);
border-color: var(--wp--custom--color--stroke-info-weak);
color: var(--wp--custom--color--text-info);
} .woocommerce-info::before {
color: var(--wp--custom--color--text-info);
} .woocommerce-error {
background-color: var(--wp--custom--color--fill-error-weak);
border-color: var(--wp--custom--color--stroke-error-weak);
color: var(--wp--custom--color--text-error);
} .woocommerce-error::before {
color: var(--wp--custom--color--text-error);
} .woocommerce-store-notice {
background-color: var(--wp--custom--color--fill-info-weak);
border-block-start: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-info-weak);
color: var(--wp--custom--color--text-info);
} p.demo_store {
background-color: var(--wp--custom--color--fill-info-weak);
border-block-start: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-info-weak);
color: var(--wp--custom--color--text-info);
} .woocommerce-store-notice a {
color: inherit;
} p.demo_store a {
color: inherit;
} .wc-block-components-button:not(.is-link):focus {
box-shadow: none;
} .wc-block-components-button:not(.is-link):focus-visible {
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} .wc-block-components-button:not(.is-link):disabled,
.wc-block-components-button:not(.is-link)[aria-disabled="true"] {
opacity: 1;
} :root :where(.wc-block-components-product-button__button.loading, .woocommerce a.button.loading, .woocommerce button.button.loading) {
cursor: progress;
} :where(.wc-block-components-product-button__button.added, .woocommerce a.button.added, .woocommerce button.button.added)::after {
content: "\2713";
margin-inline-start: var(--wp--preset--spacing--10);
} .woocommerce .star-rating::before {
color: inherit;
opacity: 0.5;
} .wc-block-components-product-price del {
color: var(--wp--custom--color--text-weak);
} .woocommerce span.onsale {
background-color: var(--wp--custom--color--fill-brand-strong);
border-radius: var(--wp--custom--radius--chip);
color: var(--wp--custom--color--text-on-brand);
font-size: var(--wp--custom--text--text-small--font-size);
font-weight: var(--wp--custom--typography--font-weight--semi-bold);
letter-spacing: var(--wp--custom--text--text-small--letter-spacing);
line-height: var(--wp--custom--text--text-small--line-height);
min-height: 0;
min-width: 0;
padding: 0.125em 0.5em;
} :where(.wc-block-cart-item__total-price-and-sale-badge-wrapper) .wc-block-components-product-badge {
background-color: var(--wp--custom--color--fill-weak);
border-radius: var(--wp--custom--radius--chip);
border-width: 0;
color: var(--wp--custom--color--text-strong);
font-size: var(--wp--custom--text--text-small--font-size);
padding: 0.125em 0.5em;
} .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span {
color: var(--wp--custom--color--background-base);
} table.wc-block-cart-items .wc-block-cart-items__header {
color: var(--wp--custom--color--text-weak);
letter-spacing: var(--wp--custom--tracking--wider);
} .wc-block-cart .wc-block-cart__totals-title {
color: var(--wp--custom--color--text-weak);
letter-spacing: var(--wp--custom--tracking--wider);
padding-block-start: 0;
} .wp-block-woocommerce-checkout-order-summary-block {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
padding: var(--wp--preset--spacing--25);
} :where(.wp-block-woocommerce-cart-totals-block) {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
padding: var(--wp--preset--spacing--25);
} .wc-block-cart__submit {
margin-block-end: 0;
} .wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill {
border-radius: var(--wp--custom--radius--card);
border-width: 0;
} .wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-totals-coupon,
.wc-block-components-sidebar .wc-block-components-totals-item {
padding-inline: 0;
} .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary {
padding-inline: 0;
} .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
margin-inline-start: 0;
} .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
margin-block-start: 0;
} :where(.wc-block-cart, .wp-block-woocommerce-checkout) {
--wp--preset--font-size--small: var(--wp--custom--text--text-small--font-size);
} :where(.wc-block-checkout__guest-checkout-notice, .wc-block-checkout__terms, .wc-block-components-product-metadata, .wc-block-components-order-summary-item__individual-prices, .wc-block-cart-item__prices) {
color: var(--wp--custom--color--text-weak);
} :where(.wc-block-components-order-summary-item__individual-prices, .wc-block-cart-item__prices) {
font-size: var(--wp--custom--text--text-small--font-size);
} a.wc-block-components-product-name {
text-decoration: none;
} a.wc-block-components-product-name:hover {
text-decoration: underline;
} .wc-block-components-totals-shipping .wc-block-components-totals-shipping__via {
font-size: inherit;
} table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
border-radius: var(--wp--custom--radius--media);
} .wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
border-radius: var(--wp--custom--radius--media);
} .wc-block-components-chip {
border-color: var(--wp--custom--color--stroke-strong);
box-sizing: border-box;
min-height: var(--wp--custom--control--sm);
padding-inline: var(--wp--custom--form-control--inset);
} .wc-block-components-chip:active,
.wc-block-components-chip:focus,
.wc-block-components-chip:hover {
border-color: var(--wp--custom--color--stroke-strong);
} .wc-block-components-chip.wc-block-components-chip--radius-small,
.wc-block-components-chip.wc-block-components-chip--radius-medium,
.wc-block-components-chip.wc-block-components-chip--radius-large {
border-radius: var(--wp--custom--radius--chip);
} .wc-block-components-chip.wc-block-components-chip--radius-large {
padding-inline: var(--wp--custom--form-control--inset);
} .wc-block-components-chip .wc-block-components-chip__text {
font-size: inherit;
} .wc-block-components-chip .wc-block-components-chip__remove {
background-color: transparent;
} .wc-block-components-chip .wc-block-components-chip__remove-icon {
fill: currentColor;
} .wc-block-components-chip__remove:focus,
.wc-block-components-chip__remove:hover {
background-color: var(--wp--custom--color--fill-weak-hover);
} .wc-block-components-chip__remove:focus .wc-block-components-chip__remove-icon,
.wc-block-components-chip__remove:hover .wc-block-components-chip__remove-icon {
fill: currentColor;
} .wc-block-components-address-form__address_2-toggle {
text-decoration: underline;
} .wc-block-components-address-form__address_2-toggle:hover {
text-decoration: underline dashed;
} .wc-block-product-template__responsive {
column-gap: var(--wp--preset--spacing--25);
row-gap: var(--wp--preset--spacing--40);
} .wc-block-product-template__responsive.columns-2 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 1 * var(--wp--preset--spacing--25)) / 2)), 1fr));
} .wc-block-product-template__responsive.columns-3 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 2 * var(--wp--preset--spacing--25)) / 3)), 1fr));
} .wc-block-product-template__responsive.columns-4 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 3 * var(--wp--preset--spacing--25)) / 4)), 1fr));
} .wc-block-product-template__responsive.columns-5 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 4 * var(--wp--preset--spacing--25)) / 5)), 1fr));
} .wc-block-product-template__responsive.columns-6 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 5 * var(--wp--preset--spacing--25)) / 6)), 1fr));
} :where(.wc-block-product) :is(h1, h2, h3, h4, h5, h6):where(.wp-block-post-title) {
font-size: var(--wp--preset--font-size--base);
font-weight: var(--wp--custom--typography--font-weight--medium);
} :where(.wc-block-product-template .wc-block-product) > :not(:last-child) {
margin-bottom: var(--wp--preset--spacing--10);
} :where(.wc-block-product-template .wc-block-product) > :not(:last-child):where(.wp-block-woocommerce-product-image) {
margin-bottom: var(--wp--preset--spacing--25);
} .woocommerce a.added_to_cart {
align-items: center;
border: var(--wp--custom--border-width--1) solid transparent;
border-radius: var(--wp--custom--radius--control);
box-sizing: border-box;
color: var(--wp--custom--color--text-strong);
display: inline-flex;
font-size: var(--wp--custom--control-label--sm);
font-weight: var(--wp--custom--text--label--font-weight);
height: var(--wp--custom--control--sm);
padding: 0 1em;
text-decoration: none;
} :where(.woocommerce) a.added_to_cart:hover {
background-color: var(--wp--custom--color--fill-neutral-hover);
color: var(--wp--custom--color--text-strong);
text-decoration: none;
} :where(.wc-block-product-template .wc-block-product) > :not(:last-child):where(:has(+ .wp-block-woocommerce-product-button)) {
margin-bottom: var(--wp--preset--spacing--30);
} .wp-block-woocommerce-product-collection .wc-block-components-product-stock-indicator {
text-align: start;
} :where(.wc-block-catalog-sorting) select {
height: var(--wp--custom--control--sm);
} :where(.wc-block-product-filters) {
--wc-product-filters-background-color: var(--wp--custom--color--background-overlay); --wc-product-filters-overlay-background-color: var(--wp--custom--color--background-overlay); --wc-product-filters-text-color: var(--wp--custom--color--text-strong); } :where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__overlay {
background-color: var(--wp--custom--color--overlay-scrim);
} :where(.wc-block-product-filters) .wc-block-product-filters__overlay-footer {
box-shadow: var(--wp--custom--shadow--overlay);
} :where(.wc-block-product-filters) .wc-block-product-filters__close-overlay,
:where(.wc-block-product-filters) .wc-block-product-filters__open-overlay {
font: inherit;
min-height: var(--wp--custom--control--sm);
} :where(.wc-block-product-filters) h2 {
margin-block: 0;
color: var(--wp--custom--color--text-weak);
font-size: var(--wp--custom--text--text-small--font-size);
font-weight: var(--wp--custom--typography--font-weight--medium);
letter-spacing: var(--wp--custom--text--text-small--letter-spacing);
line-height: var(--wp--custom--text--text-small--line-height);
} :where(.wc-block-product-filters) :is(h3, h4, h5, h6) {
font-size: var(--wp--preset--font-size--base);
font-weight: var(--wp--custom--typography--font-weight--medium);
letter-spacing: var(--wp--custom--text--heading-6--letter-spacing);
line-height: var(--wp--custom--text--heading-6--line-height);
} :where(.wp-block-woocommerce-product-filter-active:not(:has(.wc-block-product-filter-removable-chips__item))) {
display: none;
} :where(.wc-block-product-filters) {
--wc-product-filter-block-spacing: var(--wp--preset--spacing--20);
} :where(.wc-block-product-filters [class*="wp-block-woocommerce-product-filter-"] + [class*="wp-block-woocommerce-product-filter-"]) {
margin-block-start: var(--wp--preset--spacing--20);
} :where(.wc-block-product-filters h2 + .wp-block-woocommerce-product-filter-active:not(:has(.wc-block-product-filter-removable-chips__item)) + *) {
margin-block-start: 0;
} :where(.wc-block-product-filter-chips) {
--wc-product-filter-chips-selected-background: var(--wp--custom--color--stroke-focus); --wc-product-filter-chips-selected-border: var(--wp--custom--color--stroke-focus); --wc-product-filter-chips-selected-text: var(--wp--custom--color--background-base); } :where(.wc-block-product-filter-chips__items) {
gap: var(--wp--preset--spacing--20);
} .wc-block-product-filter-chips__item {
border-color: var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--chip);
font-size: var(--wp--custom--control-label--sm);
min-height: var(--wp--custom--control--sm);
padding-inline: var(--wp--custom--form-control--inset);
} .wc-block-product-filter-chips__item:focus {
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} :where(.wc-block-product-filter-removable-chips) {
--wc-product-filter-removable-chips-border: var(--wp--custom--color--stroke-strong); } .wc-block-product-filter-removable-chips__items {
gap: var(--wp--preset--spacing--20);
} .wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item .wc-block-product-filter-removable-chips__remove .wc-block-product-filter-removable-chips__remove-icon {
height: var(--wp--custom--control-icon--sm);
width: var(--wp--custom--control-icon--sm);
} .wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
border-radius: var(--wp--custom--radius--chip);
box-sizing: border-box;
font-size: var(--wp--custom--control-label--sm);
min-height: var(--wp--custom--control--sm);
padding-inline: var(--wp--custom--form-control--inset);
} :where(.wc-block-product-filter-checkbox-list) {
--wc-product-filter-checkbox-list-option-element: var(--wp--custom--color--background-base); --wc-product-filter-checkbox-list-option-element-border: var(--wp--custom--color--stroke-strong); --wc-product-filter-checkbox-list-option-element-selected: var(--wp--custom--color--stroke-focus); } :where(.wc-block-product-filter-checkbox-list fieldset > div) {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--10);
} :where(.wc-block-product-filter-checkbox-list__item) {
display: flex;
} .wc-block-product-filter-checkbox-list__label {
font-weight: var(--wp--custom--text--text-small--font-weight);
line-height: var(--wp--custom--text--text-small--line-height);
} .wc-block-product-filter-checkbox-list__input-wrapper::before {
display: none;
} input[type="checkbox"].wc-block-product-filter-checkbox-list__input {
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--1));
height: var(--wp--custom--form-control--choice);
width: var(--wp--custom--form-control--choice);
} svg.wc-block-product-filter-checkbox-list__mark {
height: var(--wp--custom--form-control--choice);
width: var(--wp--custom--form-control--choice);
} input[type="checkbox"].wc-block-product-filter-checkbox-list__input:focus {
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} :where(.wc-block-product-filter-price-slider) {
--wc-product-filter-price-slider: var(--wp--custom--color--fill-neutral-strong); --wc-product-filter-price-slider-handle: var(--wp--custom--color--background-base); --wc-product-filter-price-slider-handle-border: var(--wp--custom--color--fill-neutral-strong); } :where(.wc-block-product-filter-checkbox-list__stars) {
--wc-product-filter-checkbox-list-label-element: var(--wp--custom--color--text-weak);
} .wc-block-product-filter-checkbox-list__stars,
.wc-block-product-filter-checkbox-list__stars-svg {
height: var(--wp--custom--control-icon--sm);
} .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb:hover,
.wc-block-product-filter-price-slider__range input[type="range"]:focus::-webkit-slider-thumb {
background-color: var(--wp--custom--color--stroke-focus);
border-color: var(--wp--custom--color--background-base);
} .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb:hover,
.wc-block-product-filter-price-slider__range input[type="range"]:focus::-moz-range-thumb {
background-color: var(--wp--custom--color--stroke-focus);
border-color: var(--wp--custom--color--background-base);
} .wc-block-product-filter-price-slider .text input[type="text"] {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--input);
color: var(--wp--custom--color--text-strong);
font-size: var(--wp--custom--form-control--input-value);
padding-inline: var(--wp--custom--form-control--inset);
} :where(.wc-block-next-previous-buttons__button) {
background-color: var(--wp--custom--color--fill-media-strong);
border-radius: var(--wp--custom--radius--control);
color: var(--wp--custom--color--text-on-media);
} :where(.wc-block-next-previous-buttons__button:hover) {
background-color: var(--wp--custom--color--fill-media-strong-hover);
} :where(.wc-block-product-gallery-dialog) {
background-color: var(--wp--custom--color--background-base);
color: var(--wp--custom--color--text-strong);
} :where(.wc-block-product-gallery-dialog__close-button) {
fill: var(--wp--custom--color--icon-default);
} :where(.wc-block-product-gallery-thumbnails__thumbnail--video)::after {
color: var(--wp--custom--color--text-media-strong);
} :where(.wc-block-product-gallery-thumbnails__thumbnail__image) {
border-radius: var(--wp--custom--radius--media);
} .woocommerce div.product div.images img {
border-radius: var(--wp--custom--radius--media);
} .woocommerce div.product div.images .flex-control-thumbs li img {
border-radius: var(--wp--custom--radius--media);
} .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
background-color: var(--wp--custom--color--fill-media-strong);
} .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
border-color: var(--wp--custom--color--text-on-media);
} .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
background-color: var(--wp--custom--color--text-on-media);
} .woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
border-color: var(--wp--custom--color--stroke-weak);
} .accordion-item__toggle:focus-visible {
outline: var(--wp--custom--focus-ring--width) solid var(--wp--custom--color--stroke-focus);
outline-offset: var(--wp--custom--focus-ring--offset);
} :where(.accordion-item__toggle-icon) {
color: var(--wp--custom--color--text-weak);
} .wp-block-woocommerce-product-review-form .comment-reply-title {
display: block;
font-size: var(--wp--custom--text--text-regular--font-size);
font-weight: var(--wp--custom--text--label--font-weight);
margin-bottom: var(--wp--preset--spacing--20);
} :where(.wp-block-woocommerce-product-review-form form) {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
} :where(.wp-block-woocommerce-product-review-form) input:not([type="submit"]) {
border-color: var(--wp--custom--color--stroke-strong);
} :where(.wp-block-woocommerce-product-review-form) textarea {
border-color: var(--wp--custom--color--stroke-strong);
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--5));
} :where(#review_form) textarea {
border-radius: min(var(--wp--custom--radius--input), var(--wp--preset--border-radius--5));
box-sizing: border-box;
max-width: 100%;
} .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span::before {
color: inherit;
} .wc-block-components-review-list-item__published-date {
color: var(--wp--custom--color--text-weak);
font-size: var(--wp--custom--text--text-small--font-size);
} .wc-block-components-review-list-item__author {
font-size: var(--wp--custom--text--label--font-size);
font-weight: var(--wp--custom--text--label--font-weight);
letter-spacing: var(--wp--custom--text--label--letter-spacing);
line-height: var(--wp--custom--text--label--line-height);
} .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author {
font-weight: var(--wp--custom--text--label--font-weight);
} .wc-block-components-review-list-item__image > img {
border-radius: var(--wp--custom--radius--avatar);
} .woocommerce #reviews #comments ol.commentlist li img.avatar {
background-color: transparent;
border-color: var(--wp--custom--color--stroke-weak);
border-radius: var(--wp--custom--radius--avatar);
} .woocommerce #reviews #comments ol.commentlist li .comment-text {
border-color: var(--wp--custom--color--stroke-weak);
border-radius: var(--wp--custom--radius--panel);
} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: var(--wp--custom--text--text-small--font-size);
} :where(#reviews .comment-text p.meta) strong {
font-weight: var(--wp--custom--text--label--font-weight);
} :where(#reviews .comment-text p.meta time) {
color: var(--wp--custom--color--text-weak);
} .woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: var(--wp--custom--color--fill-weak);
color: var(--wp--custom--color--text-strong);
} .woocommerce nav.woocommerce-pagination ul {
border-color: var(--wp--custom--color--stroke-weak);
} .woocommerce nav.woocommerce-pagination ul li {
border-color: var(--wp--custom--color--stroke-weak);
} :where(.woocommerce-tabs .panel) h2 {
font-size: var(--wp--preset--font-size--medium);
} .woocommerce table.shop_attributes {
border-top-color: var(--wp--custom--color--stroke-weak);
} .woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
border-bottom-color: var(--wp--custom--color--stroke-weak);
} .woocommerce table.shop_attributes td {
font-style: normal;
} .woocommerce table.shop_attributes th {
font-weight: var(--wp--custom--text--label--font-weight);
} :where(.up-sells) > h2 {
font-size: var(--wp--preset--font-size--medium);
} .woocommerce ul.products li.product .price {
font-size: inherit;
} .woocommerce ul.products li.product a img {
border-radius: var(--wp--custom--radius--media);
} :where(.wp-block-woocommerce-add-to-cart-with-options-grouped-product-item) > .wp-block-group {
gap: var(--wp--preset--spacing--20);
} .ext-product-layout--grid .wp-block-woocommerce-product-button, .ext-product-layout--mosaic .wp-block-woocommerce-product-button {
flex-grow: 1;
} .ext-product-layout--grid .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button, .ext-product-layout--mosaic .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
width: 100%;
} .ext-product-layout--stacked > .wp-block-columns, .ext-product-layout--mosaic > .wp-block-columns {
flex-direction: row-reverse;
} .ext-product-layout--stacked .wc-block-product-gallery-large-image {
overflow: visible;
} .ext-product-layout--stacked .wc-block-product-gallery-large-image__container {
flex-direction: column;
gap: var(--wp--preset--spacing--20);
overflow: visible;
} :where(.wp-block-woocommerce-empty-cart-block hr) + h2 {
font-size: var(--wp--preset--font-size--medium-plus);
margin-block-end: var(--wp--preset--spacing--40);
} :where(.wp-block-woocommerce-empty-cart-block > p) {
margin-block: var(--wp--preset--spacing--20) 0;
} :where(.wp-block-woocommerce-empty-cart-block > hr) {
margin-block: var(--wp--preset--spacing--40);
} :where(.wc-block-order-confirmation-status) h1 {
font-size: var(--wp--preset--font-size--medium-plus);
} :where(.wc-block-order-confirmation-status p) {
font-size: var(--wp--custom--text--text-regular--font-size);
} .wc-block-order-confirmation-summary {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
padding: var(--wp--preset--spacing--25);
} :where(.wc-block-order-confirmation-summary-list-item__key) {
color: var(--wp--custom--color--text-weak);
} .wc-block-order-confirmation-totals table,
.wc-block-order-confirmation-downloads table {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
} :where(.wc-block-order-confirmation-totals table thead th, .wc-block-order-confirmation-downloads table thead th) {
color: var(--wp--custom--color--text-weak);
letter-spacing: var(--wp--custom--tracking--wider);
} .wc-block-order-confirmation-billing-address,
.wc-block-order-confirmation-shipping-address {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
padding: var(--wp--preset--spacing--25);
} .wp-block-woocommerce-order-confirmation-totals-wrapper h2,
.wp-block-woocommerce-order-confirmation-downloads-wrapper h2,
.wp-block-woocommerce-order-confirmation-billing-wrapper h2,
.wp-block-woocommerce-order-confirmation-shipping-wrapper h2 {
font-size: var(--wp--custom--text--heading-5--font-size) !important;
} :where(.wp-block-woocommerce-order-confirmation-totals-wrapper h2, .wp-block-woocommerce-order-confirmation-downloads-wrapper h2, .wp-block-woocommerce-order-confirmation-billing-wrapper h2, .wp-block-woocommerce-order-confirmation-shipping-wrapper h2) {
font-weight: var(--wp--custom--text--heading-5--font-weight);
line-height: var(--wp--custom--text--heading-5--line-height);
margin-block-end: var(--wp--preset--spacing--20);
} .wc-block-mini-cart__badge {
background-color: var(--wp--custom--color--fill-brand-strong) !important;
color: var(--wp--custom--color--text-on-brand) !important;
} h2.wc-block-mini-cart__title {
font-size: var(--wp--custom--text--heading-6--font-size);
font-weight: var(--wp--custom--text--heading-6--font-weight);
line-height: var(--wp--custom--text--heading-6--line-height);
} .wc-block-components-drawer {
background-color: var(--wp--custom--color--background-base);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
bottom: clamp(var(--wp--preset--spacing--10), 2vw, var(--wp--preset--spacing--20));
height: auto;
max-width: calc(100% - 2 * clamp(var(--wp--preset--spacing--10), 2vw, var(--wp--preset--spacing--20)));
overflow: hidden;
top: clamp(var(--wp--preset--spacing--10), 2vw, var(--wp--preset--spacing--20));
transform: translateX(calc(max(-100%, var(--neg-drawer-width)) - clamp(var(--wp--preset--spacing--10), 2vw, var(--wp--preset--spacing--20))));
} .wc-block-components-drawer__content {
height: 100%;
} .wc-block-components-button.wc-block-components-drawer__close {
align-items: center;
background-color: var(--wp--custom--color--fill-weak) !important;
border-radius: var(--wp--custom--radius--avatar);
box-sizing: border-box;
color: var(--wp--custom--color--text-strong) !important;
display: flex;
height: var(--wp--custom--control--sm);
inset-inline-end: var(--wp--preset--spacing--30);
justify-content: center;
margin: 0;
padding: 0 !important;
width: var(--wp--custom--control--sm);
} .wc-block-components-button.wc-block-components-drawer__close:hover {
background-color: var(--wp--custom--color--fill-weak-hover) !important;
} h2.wc-block-mini-cart__title {
margin-inline: var(--wp--preset--spacing--30);
} .wc-block-mini-cart__items {
padding-inline: var(--wp--preset--spacing--30);
} .wc-block-mini-cart__footer {
padding-inline: var(--wp--preset--spacing--30);
} .is-small table.wc-block-mini-cart-items .wc-block-cart-items__row,
.is-medium table.wc-block-mini-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-mini-cart-items .wc-block-cart-items__row {
padding-block: var(--wp--preset--spacing--20);
} table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
border-radius: min(var(--wp--custom--radius--media), var(--wp--preset--border-radius--2));
} :where(table.wc-block-mini-cart-items .wc-block-cart-items__row:not(:last-child)) {
border-bottom: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-weak);
} .is-small table.wc-block-mini-cart-items .wc-block-cart-items__row,
.is-medium table.wc-block-mini-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-mini-cart-items .wc-block-cart-items__row {
grid-template-columns: var(--wp--preset--spacing--64) minmax(0, 1fr);
} .is-small table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
.is-medium table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
.is-mobile table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
padding-right: 0;
} .is-small table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
.is-medium table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
.is-mobile table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
grid-column: 2;
grid-row: 1;
} .is-small table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
.is-medium table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
.is-mobile table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
align-self: start;
grid-column: 2;
grid-row: 1;
justify-self: end;
} .wc-block-mini-cart-items .wc-block-cart-item__total-price-and-sale-badge-wrapper {
align-items: center;
display: flex;
flex-direction: row-reverse;
gap: var(--wp--preset--spacing--10);
} table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap {
column-gap: var(--wp--preset--spacing--10);
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
row-gap: var(--wp--preset--spacing--10);
} :where(table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-components-product-name) {
grid-column: 1;
grid-row: 1;
} :where(table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata) {
grid-column: 1 / -1;
grid-row: 2;
} :where(table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices) {
grid-column: 1;
grid-row: 3;
justify-self: start;
} .is-small table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
.is-medium table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
.is-mobile table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
grid-column: 2;
grid-row: 3;
justify-self: end;
} :where(table.wc-block-mini-cart-items) :where(.wc-block-components-quantity-selector:has(input:not([type="hidden"]))) {
border-radius: var(--wp--custom--radius--control);
} .wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
font-size: var(--wp--custom--text--text-large--font-size);
font-weight: var(--wp--custom--text--label--font-weight);
} .wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
color: var(--wp--custom--color--text-weak);
} :where(.wc-block-mini-cart__footer-actions) {
flex-direction: column;
} :where(.wp-block-woocommerce-mini-cart-checkout-button-block) {
order: -1;
} .wc-block-grid__products {
column-gap: var(--wp--preset--spacing--25);
display: grid;
margin: 0;
row-gap: var(--wp--preset--spacing--40);
} .wc-block-grid.has-2-columns .wc-block-grid__products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 1 * var(--wp--preset--spacing--25)) / 2)), 1fr));
} .wc-block-grid.has-3-columns .wc-block-grid__products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 2 * var(--wp--preset--spacing--25)) / 3)), 1fr));
} .wc-block-grid.has-4-columns .wc-block-grid__products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 3 * var(--wp--preset--spacing--25)) / 4)), 1fr));
} .wc-block-grid.has-5-columns .wc-block-grid__products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 4 * var(--wp--preset--spacing--25)) / 5)), 1fr));
} .wc-block-grid.has-6-columns .wc-block-grid__products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 5 * var(--wp--preset--spacing--25)) / 6)), 1fr));
} .wc-block-grid .wc-block-grid__products > .wc-block-grid__product {
background-color: var(--wp--custom--store-card--background);
border: var(--wp--custom--store-card--border-width) var(--wp--custom--store-card--border-style) var(--wp--custom--store-card--border-color);
border-radius: var(--wp--custom--radius--card);
box-shadow: var(--wp--custom--shadow--card);
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--10);
max-width: none;
padding-block-end: var(--wp--preset--spacing--25);
text-align: start;
} .wc-block-grid__product .wc-block-grid__product-link {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--25);
} .wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image) {
margin: 0;
} :where(.wc-block-grid__product > .wc-block-components-product-image) {
margin-block-end: var(--wp--preset--spacing--20);
} .wc-block-grid__product-image img {
border-radius: var(--wp--custom--radius--card) var(--wp--custom--radius--card) 0 0;
} .wc-block-grid__product .wc-block-grid__product-title {
font-size: var(--wp--preset--font-size--base);
font-weight: var(--wp--custom--typography--font-weight--medium);
margin: 0 var(--wp--preset--spacing--25);
} a.wc-block-grid__product-link {
text-decoration: none;
} a.wc-block-grid__product-link:hover {
text-decoration: underline;
} .wc-block-grid .wc-block-grid__product-onsale {
background-color: var(--wp--custom--color--fill-brand-strong);
border: 0;
border-radius: var(--wp--custom--radius--chip);
color: var(--wp--custom--color--text-on-brand);
font-size: var(--wp--custom--text--text-small--font-size);
font-weight: var(--wp--custom--typography--font-weight--semi-bold);
inset-block-start: var(--wp--preset--spacing--20);
inset-inline: var(--wp--preset--spacing--20) auto;
letter-spacing: var(--wp--custom--text--text-small--letter-spacing);
line-height: var(--wp--custom--text--text-small--line-height);
margin: 0;
padding: 0.125em 0.5em;
text-transform: none;
} .wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating {
margin: 0 var(--wp--preset--spacing--25);
} :where(.wc-block-grid__product-price) {
font-size: var(--wp--preset--font-size--small);
} :where(.wc-block-grid__product-price del) {
color: var(--wp--custom--color--text-weak);
} :where(.wc-block-grid__product-price ins) {
text-decoration: none;
} .wc-block-grid__product-rating .star-rating,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
margin: 0;
} .wc-block-grid__product .wc-block-grid__product-add-to-cart {
margin: auto var(--wp--preset--spacing--25) 0;
padding-block-start: var(--wp--preset--spacing--20);
} .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
align-items: center;
box-sizing: border-box;
font-size: var(--wp--custom--control-label--sm);
font-weight: var(--wp--custom--text--label--font-weight);
min-height: var(--wp--custom--control--sm);
padding: 0 1em;
} :where(.wc-block-grid__product-add-to-cart) .wp-block-button__link {
background-color: var(--wp--custom--color--fill-weak);
border: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-strong);
color: var(--wp--custom--color--text-strong);
} :where(.wc-block-grid__product-add-to-cart) .wp-block-button__link:hover {
background-color: var(--wp--custom--color--fill-weak-hover);
color: var(--wp--custom--color--text-strong);
} :where(.wp-block-woocommerce-featured-product, .wp-block-woocommerce-featured-category) {
--wp--custom--color--text-strong: var(--wp--custom--color--text-media-strong);
--wp--custom--color--text-weak: var(--wp--custom--color--text-media-weak);
--wp--custom--color--text-brand: var(--wp--custom--color--text-media-strong);
--wp--custom--color--stroke-strong: var(--wp--custom--color--stroke-media-strong);
--wp--custom--color--stroke-weak: var(--wp--custom--color--stroke-media-weak);
--wp--custom--color--stroke-focus: var(--wp--custom--color--text-media-strong);
--wp--custom--color--fill-weak: var(--wp--custom--color--fill-media-weak);
--wp--custom--color--fill-weak-hover: var(--wp--custom--color--fill-media-weak-hover);
--wp--custom--color--fill-weak-active: var(--wp--custom--color--fill-media-weak-active);
--wp--custom--color--fill-neutral-hover: var(--wp--custom--color--fill-media-weak);
--wp--custom--color--fill-neutral-active: var(--wp--custom--color--fill-media-weak-hover);
--wp--custom--elements--button--color--background: var(--wp--custom--color--fill-media-strong);
--wp--custom--elements--button--color--text: var(--wp--custom--color--text-on-media);
--wp--custom--elements--button--hover--color--background: var(--wp--custom--color--fill-media-strong-hover);
--wp--custom--elements--button--hover--color--text: var(--wp--custom--color--text-on-media);
--wp--custom--elements--button--active--color--background: var(--wp--custom--color--fill-media-strong-active);
--wp--custom--elements--button--active--color--text: var(--wp--custom--color--text-on-media);
--wp--custom--elements--button--focus--color--background: var(--wp--custom--color--fill-media-strong);
--wp--custom--elements--button--focus--color--text: var(--wp--custom--color--text-on-media);
} .wp-block-woocommerce-featured-product,
.wp-block-woocommerce-featured-category {
color: var(--wp--custom--color--text-media-strong);
} :where(.wc-block-product-categories-list-item) a {
text-decoration: none;
} :where(.wc-block-product-categories-list-item) a:hover {
text-decoration: underline;
} :where(.wc-block-product-categories-list-item-count) {
color: var(--wp--custom--color--text-weak);
} .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
margin-block: var(--wp--preset--spacing--10);
} .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
border-color: var(--wp--custom--color--stroke-weak);
border-radius: var(--wp--custom--radius--media);
} :where(.wc-block-product-categories-list-item__image img) {
border-radius: var(--wp--custom--radius--media);
} .wc-block-product-categories select {
margin-right: var(--wp--preset--spacing--10);
} .wc-block-product-categories__button {
background-color: var(--wp--custom--color--fill-weak);
border: var(--wp--custom--border-width--1) solid var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--control);
box-sizing: border-box;
color: var(--wp--custom--color--text-strong);
height: var(--wp--custom--control--md);
} .wc-block-product-categories__button:hover {
background-color: var(--wp--custom--color--fill-weak-hover);
} .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
background-color: var(--wp--custom--color--background-base);
border-color: var(--wp--custom--color--stroke-strong);
border-radius: var(--wp--custom--radius--input) !important;
color: var(--wp--custom--color--text-strong);
font-size: var(--wp--custom--form-control--input-value);
} .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
background-color: var(--wp--custom--color--background-base);
color: var(--wp--custom--color--text-strong);
} .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input {
background-color: var(--wp--custom--color--background-base);
color: var(--wp--custom--color--text-strong);
} .wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list {
background-color: var(--wp--custom--color--background-overlay);
color: var(--wp--custom--color--text-strong);
} .wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder,
.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder,
.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder {
color: var(--wp--custom--color--text-weaker);
} .wp-block-woocommerce-product-review-template ol {
padding-inline-start: var(--wp--preset--spacing--30);
} :where(.wp-block-woocommerce-product-review-template li[id^="comment-"] + li[id^="comment-"]) {
margin-block-start: var(--wp--preset--spacing--30);
} :where(.wp-block-woocommerce-product-review-template li[id^="comment-"] > ol) {
margin-block-start: var(--wp--preset--spacing--30);
} :where(.wp-block-woocommerce-product-review-author-name) {
font-weight: var(--wp--custom--text--label--font-weight);
letter-spacing: var(--wp--custom--text--label--letter-spacing);
line-height: var(--wp--custom--text--label--line-height);
} :where(.wp-block-woocommerce-product-review-author-name) a {
color: var(--wp--custom--link--ui--color);
text-decoration: var(--wp--custom--link--ui--decoration);
} :where(.wp-block-woocommerce-product-review-date) {
color: var(--wp--custom--color--text-weak);
} :where(.wp-block-woocommerce-product-review-date) a {
color: var(--wp--custom--color--text-weak);
text-decoration: none;
} :where(.wp-block-woocommerce-single-product) :is(h1, h2, h3, h4, h5, h6):where(.wp-block-post-title) {
font-size: var(--wp--preset--font-size--large);
}