@keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-loading-mask { min-height: 34px; pointer-events: none; position: relative; } .wc-block-components-loading-mask .components-spinner { left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); } .wc-block-components-loading-mask .wc-block-components-loading-mask__children { opacity: 0.25; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-error { align-items: center; color: #757575; display: flex; flex-direction: column; justify-content: center; margin: 48px 0; padding: 48px 0; text-align: center; } .wc-block-components-error__header { color: #646970; font-size: 2em; margin: 0; } .wc-block-components-error__image { margin: 0 0 24px; width: 25%; } .wc-block-components-error__text { color: #8c8f94; font-size: 1.25em; margin: 1em 0 0; max-width: 60ch; } .wc-block-components-error__message { color: #8c8f94; font-style: italic; margin: 1em auto 0; max-width: 60ch; } .wc-block-error__button { margin: 48px 0 0; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-cart { padding-top: 16px; } .wc-block-cart .wc-block-components-shipping-calculator { white-space: nowrap; } .wc-block-cart .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .wc-block-cart .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .wc-block-cart .wc-block-components-address-form .wc-block-components-text-input:first-of-type { margin-top: 0; } .wc-block-cart .wc-block-components-totals-footer-item, .wc-block-cart .wc-block-components-totals-taxes { margin: 0; } .wc-block-cart table.wc-block-cart-items, .wc-block-cart table.wc-block-cart-items td, .wc-block-cart table.wc-block-cart-items th { margin: 0 0 40px; } .wc-block-cart--is-loading h2 span, .wc-block-cart--is-loading th span, .wc-block-mini-cart__drawer.is-loading h2 span, .wc-block-mini-cart__drawer.is-loading th span { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; display: inline-block; line-height: 1; max-width: 100% !important; min-width: 84px; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wc-block-cart--is-loading h2 span > *, .wc-block-cart--is-loading th span > *, .wc-block-mini-cart__drawer.is-loading h2 span > *, .wc-block-mini-cart__drawer.is-loading th span > * { visibility: hidden; } .wc-block-cart--is-loading h2 span:after, .wc-block-cart--is-loading th span:after, .wc-block-mini-cart__drawer.is-loading h2 span:after, .wc-block-mini-cart__drawer.is-loading th span:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading h2 span, .wc-block-cart--is-loading th span, .wc-block-mini-cart__drawer.is-loading h2 span, .wc-block-mini-cart__drawer.is-loading th span { animation: none; } } .wc-block-cart--is-loading h2 span:before, .wc-block-cart--is-loading th span:before, .wc-block-mini-cart__drawer.is-loading h2 span:before, .wc-block-mini-cart__drawer.is-loading th span:before { content: " "; } .wc-block-cart--is-loading h2 span, .wc-block-mini-cart__drawer.is-loading h2 span { min-width: 33%; } .wc-block-cart--is-loading .wc-block-components-product-metadata, .wc-block-cart--is-loading .wc-block-components-product-price, .wc-block-cart--is-loading .wc-block-components-quantity-selector, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-metadata, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-price, .wc-block-mini-cart__drawer.is-loading .wc-block-components-quantity-selector { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wc-block-cart--is-loading .wc-block-components-product-metadata > *, .wc-block-cart--is-loading .wc-block-components-product-price > *, .wc-block-cart--is-loading .wc-block-components-quantity-selector > *, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-metadata > *, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-price > *, .wc-block-mini-cart__drawer.is-loading .wc-block-components-quantity-selector > * { visibility: hidden; } .wc-block-cart--is-loading .wc-block-components-product-metadata:after, .wc-block-cart--is-loading .wc-block-components-product-price:after, .wc-block-cart--is-loading .wc-block-components-quantity-selector:after, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-metadata:after, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-price:after, .wc-block-mini-cart__drawer.is-loading .wc-block-components-quantity-selector:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading .wc-block-components-product-metadata, .wc-block-cart--is-loading .wc-block-components-product-price, .wc-block-cart--is-loading .wc-block-components-quantity-selector, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-metadata, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-price, .wc-block-mini-cart__drawer.is-loading .wc-block-components-quantity-selector { animation: none; } } .wc-block-cart--is-loading .wc-block-components-product-name, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-name { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; display: inline-block; line-height: 1; max-width: 100% !important; min-width: 84px; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wc-block-cart--is-loading .wc-block-components-product-name > *, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-name > * { visibility: hidden; } .wc-block-cart--is-loading .wc-block-components-product-name:after, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-name:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading .wc-block-components-product-name, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-name { animation: none; } } .wc-block-cart--is-loading .wc-block-components-product-name:before, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-name:before { content: " "; } .wc-block-cart--is-loading .wc-block-components-product-metadata, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-metadata { margin-top: 0.25em; min-width: 8em; } .wc-block-cart--is-loading .wc-block-cart-item__remove-link, .wc-block-mini-cart__drawer.is-loading .wc-block-cart-item__remove-link { visibility: hidden; } .wc-block-cart--is-loading .wc-block-cart-item__image > a, .wc-block-mini-cart__drawer.is-loading .wc-block-cart-item__image > a { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wc-block-cart--is-loading .wc-block-cart-item__image > a > *, .wc-block-mini-cart__drawer.is-loading .wc-block-cart-item__image > a > * { visibility: hidden; } .wc-block-cart--is-loading .wc-block-cart-item__image > a:after, .wc-block-mini-cart__drawer.is-loading .wc-block-cart-item__image > a:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading .wc-block-cart-item__image > a, .wc-block-mini-cart__drawer.is-loading .wc-block-cart-item__image > a { animation: none; } } .wc-block-cart--is-loading .wc-block-components-product-price, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-price { display: block; margin-top: 0.25em; max-width: 3em; } .wc-block-cart--is-loading .wc-block-components-product-price:before, .wc-block-mini-cart__drawer.is-loading .wc-block-components-product-price:before { content: " "; } .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card, .wc-block-mini-cart__drawer.is-loading .wc-block-cart__sidebar .components-card { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; min-height: 460px; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card > *, .wc-block-mini-cart__drawer.is-loading .wc-block-cart__sidebar .components-card > * { visibility: hidden; } .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card:after, .wc-block-mini-cart__drawer.is-loading .wc-block-cart__sidebar .components-card:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card, .wc-block-mini-cart__drawer.is-loading .wc-block-cart__sidebar .components-card { animation: none; } } .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card:before, .wc-block-mini-cart__drawer.is-loading .wc-block-cart__sidebar .components-card:before { content: " "; } .wc-block-components-sidebar-layout.wc-block-cart--skeleton { display: none; } .is-loading + .wc-block-components-sidebar-layout.wc-block-cart--skeleton { display: flex; } .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: flex-end; display: flex; flex-direction: column; } .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge { margin-top: 4px; } .wc-block-components-sidebar-layout.wc-block-cart { padding-top: 0; } .is-mobile .wc-block-cart-item__total .wc-block-components-sale-badge, .is-small .wc-block-cart-item__total .wc-block-components-sale-badge { display: none; } .is-mobile table.wc-block-cart-items, .is-small table.wc-block-cart-items { margin: 0; } .is-mobile .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option, .is-small .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option { padding: 0 0 0 3.5em; } .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title { display: none; } .is-large.wc-block-cart { margin-bottom: 3em; } .is-large.wc-block-cart .wc-block-components-radio-control__input { left: 0; margin: 0; } .is-large.wc-block-cart .wc-block-cart__totals-title { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: inherit; display: inline; display: block; font-family: inherit; font-size: inherit; font-size: 0.75em; font-style: inherit; font-weight: inherit; font-weight: 700; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 8px 16px 8px 0; text-align: right; text-decoration: inherit; text-transform: inherit; text-transform: uppercase; vertical-align: baseline; } .is-large.wc-block-cart .wc-block-cart__totals-title textarea { font-weight: 700; } .is-large.wc-block-cart .wc-block-components-sidebar { margin-top: 0; } .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not( .wc-block-components-panel ) { padding-left: 16px; padding-right: 16px; } .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via, .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link { padding-top: 4px; } .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options { margin-top: 16px; } .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-radio-control > * { margin-bottom: 16px; } .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-radio-control > :last-child { margin-bottom: 0; } .is-large.wc-block-cart .wc-block-cart__payment-options { padding: 16px 0 0; } .is-large.wc-block-cart .wc-block-cart__payment-options:empty { padding: 0; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-empty-cart-block { display: none; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-filled-cart-block { display: flex; flex-wrap: wrap; margin: 0 auto 16px; position: relative; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-items-block { box-sizing: border-box; margin: 0; min-height: 10em; padding-right: 4.5283018868%; width: 65%; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; min-height: 15em; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block > * { visibility: hidden; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block { animation: none; } } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-totals-block { box-sizing: border-box; margin: 0; min-height: 12em; padding-left: 2.2641509434%; width: 35%; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-accepted-payment-methods-block, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-express-payment-block, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; margin: 0 0 1em; max-width: 100% !important; min-height: 3em; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-accepted-payment-methods-block > *, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-express-payment-block > *, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block > *, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block > * { visibility: hidden; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-accepted-payment-methods-block:after, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-express-payment-block:after, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block:after, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-accepted-payment-methods-block, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-express-payment-block, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block { animation: none; } } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block { height: 20em; } @media only screen and (max-width: 700px) { .wp-block-woocommerce-cart.is-loading { padding-top: 16px; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-filled-cart-block { flex-direction: column; margin: 0 auto 16px; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-items-block, .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-totals-block { padding: 0; width: 100%; } } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .with-scroll-to-top__scroll-point { position: relative; top: -36px; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-sidebar-layout { display: flex; flex-wrap: wrap; margin: 0 auto 16px; position: relative; } .wc-block-components-sidebar-layout .wc-block-must-login-prompt { display: block; } .wc-block-components-sidebar-layout .wc-block-components-main { box-sizing: border-box; margin: 0; padding-right: 4.5283018868%; width: 65%; } .wc-block-components-sidebar { box-sizing: border-box; margin-top: 8px; padding-left: 2.2641509434%; width: 35%; } .wc-block-components-sidebar .wc-block-components-panel > h2 { border: 0; border-radius: 0; font-size: 1em; margin: 0; padding: 0; vertical-align: baseline; } .is-medium.wc-block-components-sidebar-layout, .is-mobile.wc-block-components-sidebar-layout, .is-small.wc-block-components-sidebar-layout { flex-direction: column; margin: 0 auto 16px; } .is-medium.wc-block-components-sidebar-layout .wc-block-components-main, .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar, .is-mobile.wc-block-components-sidebar-layout .wc-block-components-main, .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar, .is-small.wc-block-components-sidebar-layout .wc-block-components-main, .is-small.wc-block-components-sidebar-layout .wc-block-components-sidebar { padding: 0; width: 100%; } .is-large .wc-block-components-sidebar .wc-block-components-panel, .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, .is-large .wc-block-components-sidebar .wc-block-components-totals-item { padding-left: 16px; padding-right: 16px; } .is-large .wc-block-components-sidebar .wc-block-components-panel .wc-block-components-totals-item { padding: 0; } .wc-block-components-sidebar .wc-block-components-panel > h2 { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; text-transform: inherit; } .wc-block-components-sidebar .wc-block-components-panel > h2 .wc-block-components-panel__button { font-weight: 400; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-quantity-selector { border-radius: 4px; box-sizing: content-box; display: flex; margin: 0 0 0.25em; position: relative; width: 107px; } .wc-block-components-quantity-selector:after { border: 1px solid hsla(0, 0%, 7%, 0.11); border-radius: 4px; bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { -moz-appearance: textfield; appearance: textfield; background: transparent; border: 0; box-shadow: none; color: currentColor; flex: 1 1 auto; font-size: 1em; font-weight: 600; line-height: 1; margin: 0; min-width: 40px; order: 2; padding: 0.4em 0; text-align: center; vertical-align: middle; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus { box-shadow: inset 0 0 1px 1px currentColor; outline: none; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:disabled { opacity: 0.6; } .wc-block-components-quantity-selector input::-webkit-inner-spin-button, .wc-block-components-quantity-selector input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { background: none transparent; border: 0; box-shadow: none; color: currentColor; cursor: pointer; font-size: 0.9em; font-style: normal; font-weight: 400; margin: 0; min-width: 30px; opacity: 0.6; padding: 0; text-align: center; text-decoration: none; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus { box-shadow: inset 0 0 1px 1px currentColor; outline: none; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { opacity: 1; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { box-shadow: none; cursor: default; opacity: 0.6; } .wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button--minus { border-radius: 4px 0 0 4px; order: 1; } .wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button--plus { border-radius: 0 4px 4px 0; order: 3; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-product-price--align-left { display: block; text-align: left; } .wc-block-components-product-price--align-center { display: block; text-align: center; } .wc-block-components-product-price--align-right { display: block; text-align: right; } .wc-block-components-product-price { display: block; } .wc-block-components-product-price .wc-block-all-products .wc-block-components-product-price { margin-bottom: 12px; } .wc-block-components-product-price ins { text-decoration: none; } .wc-block-components-product-price__value.is-discounted { margin-left: 0.5em; } .is-loading .wc-block-components-product-price:before { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; content: "."; display: block; display: inline-block; line-height: 1; max-width: 100% !important; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; width: 5em; z-index: 1; } .is-loading .wc-block-components-product-price:before > * { visibility: hidden; } .is-loading .wc-block-components-product-price:before:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-price:before { animation: none; } } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-product-name { font-size: 1em; overflow-wrap: anywhere; word-break: break-word; -ms-word-break: break-all; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-product-badge { border: 1px solid; border-radius: 4px; display: inline-block; font-size: 0.75em; font-weight: 600; padding: 0 0.66em; text-transform: uppercase; white-space: nowrap; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-product-details.wc-block-components-product-details { list-style: none; margin: 0.5em 0; padding: 0; } .wc-block-components-product-details.wc-block-components-product-details:last-of-type { margin-bottom: 0; } .wc-block-components-product-details.wc-block-components-product-details li { margin-left: 0; } .wc-block-components-product-details__name, .wc-block-components-product-details__value { display: inline-block; } .is-large:not(.wc-block-checkout) .wc-block-components-product-details__name { font-weight: 700; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-product-metadata { font-size: 0.75em; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p, .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data { margin: 0.25em 0; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } table.wc-block-cart-items, table.wc-block-cart-items td, table.wc-block-cart-items th { background: none !important; border: 0; margin: 0; } .editor-styles-wrapper table.wc-block-cart-items, table.wc-block-cart-items { width: 100%; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, table.wc-block-cart-items .wc-block-cart-items__header { font-size: 0.75em; text-transform: uppercase; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image { width: 100px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product { visibility: hidden; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total { text-align: right; width: 100px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th, table.wc-block-cart-items .wc-block-cart-items__header th { font-weight: 700; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > *, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > *, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { margin-bottom: 12px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > :last-child, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > :last-child { margin-bottom: 0; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { margin: 0; width: 100%; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices { line-height: 1.2; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: inherit; display: inline; font-family: inherit; font-size: inherit; font-size: 0.75em; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; text-decoration: inherit; text-decoration: underline; text-shadow: none; text-transform: inherit; text-transform: none; vertical-align: baseline; white-space: nowrap; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:active, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:active, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { background: transparent; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { color: inherit; cursor: pointer; text-decoration: none; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { display: block; line-height: 1.4; max-width: -moz-max-content; max-width: max-content; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { font-size: 1em; line-height: 1.8; text-align: right; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row.is-disabled, table.wc-block-cart-items .wc-block-cart-items__row.is-disabled { opacity: 0.5; pointer-events: none; transition: opacity 0.2s ease; } .is-medium table.wc-block-cart-items td, .is-mobile table.wc-block-cart-items td, .is-small table.wc-block-cart-items td { margin: 0; padding: 0; } .is-medium table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-medium table.wc-block-cart-items .wc-block-cart-items__header, .is-mobile table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-mobile table.wc-block-cart-items .wc-block-cart-items__header, .is-small table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-small table.wc-block-cart-items .wc-block-cart-items__header { display: none; } .is-medium table.wc-block-cart-items:not(.wc-block-mini-cart-items):not(:last-child) .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items:not(.wc-block-mini-cart-items):not(:last-child) .wc-block-cart-items__row, .is-small table.wc-block-cart-items:not(.wc-block-mini-cart-items):not(:last-child) .wc-block-cart-items__row { border-bottom: 1px solid hsla(0, 0%, 7%, 0.11); } .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row { -ms-grid-columns: 80px 132px; display: -ms-grid; display: grid; grid-template-columns: 80px 132px; padding: 16px 0; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row: 1; grid-row-start: 1; padding-right: 16px; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product { -ms-grid-column-span: 2; -ms-grid-column-align: stretch; -ms-grid-column: 2; grid-column-end: 4; grid-column-start: 2; -ms-grid-row: 1; grid-row-start: 1; justify-self: stretch; padding: 0; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { -ms-grid-row-align: end; align-self: end; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row: 2; grid-row-start: 2; padding-right: 16px; padding-top: 0; vertical-align: bottom; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { -ms-grid-row: 1; grid-row-start: 1; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount { display: inline-block; } .is-large.wc-block-cart { margin-bottom: 3em; } .is-large.wc-block-cart .wc-block-cart-items { border-bottom: 1px solid hsla(0, 0%, 7%, 0.11); border-spacing: 0; } .is-large.wc-block-cart .wc-block-cart-items th { padding: 8px 16px 8px 0; white-space: nowrap; } .is-large.wc-block-cart .wc-block-cart-items td { border-top: 1px solid hsla(0, 0%, 7%, 0.11); padding: 24px 0 24px 16px; vertical-align: top; } .is-large.wc-block-cart .wc-block-cart-items th:last-child { padding-right: 16px; } .is-large.wc-block-cart .wc-block-cart-items td:last-child { padding-right: 16px; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-cross-sells-block { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; margin-top: 2em; max-width: 100% !important; min-height: 15em; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-cross-sells-block > * { visibility: hidden; } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-cross-sells-block:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-cross-sells-block { animation: none; } } .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-cross-sells-block h3 { display: none; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading { margin-bottom: 24px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product { box-sizing: content-box; display: inline-block; margin-bottom: 16px; padding-right: 5%; text-align: center; vertical-align: top; width: 30%; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product:nth-child(3n + 3) { padding-right: 0; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-image { margin-bottom: 16px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-name { font-weight: 400; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wp-block-cart-cross-sells-product__product-title { margin-bottom: 16px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-price { display: block; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-button__button { margin-top: 1em; } @media (max-width: 480px) { .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product { display: block; width: 100%; } } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wp-block-woocommerce-product-sale-badge { display: flex; flex-direction: column; } .wc-block-components-product-sale-badge { background: #fff; border: 1px solid #43454b; border-radius: 4px; box-sizing: border-box; color: #43454b; display: inline-block; font-size: 0.875em; font-weight: 600; padding: 0.25em 0.75em; position: static; text-align: center; text-transform: uppercase; width: -moz-fit-content; width: fit-content; z-index: 9; } .wc-block-components-product-sale-badge--align-left { -ms-grid-row-align: auto; align-self: auto; } .wc-block-components-product-sale-badge--align-center { -ms-grid-row-align: center; align-self: center; } .wc-block-components-product-sale-badge--align-right { align-self: flex-end; } .wc-block-components-product-sale-badge span { background-color: inherit; color: inherit; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image, .wc-block-components-product-image { display: block; position: relative; text-decoration: none; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a, .wc-block-components-product-image a { border: 0; border-radius: inherit; box-shadow: none; outline: 0; text-decoration: none; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img, .wc-block-components-product-image img { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[hidden], .wc-block-components-product-image img[hidden] { display: none; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left { left: 4px; margin: 0; position: absolute; right: auto; top: 4px; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-center, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-center { left: 50%; margin: 0; position: absolute; right: auto; top: 4px; transform: translateX(-50%); } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right { left: auto; margin: 0; position: absolute; right: 4px; top: 4px; } .is-loading .wc-block-components-product-image { background-color: currentColor !important; border: 0 !important; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; width: auto; z-index: 1; } .is-loading .wc-block-components-product-image > * { visibility: hidden; } .is-loading .wc-block-components-product-image:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-image { animation: none; } } .wc-block-components-product-image { margin: 0 0 12px; } .wc-block-product-image__tools-panel .components-input-control { margin-bottom: 8px; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-product-title { display: block; font-size: inherit; font-weight: 700; line-height: 1.5; margin-bottom: 12px; margin-top: 0; padding: 0; } .wc-block-components-product-title a { color: inherit; font-size: inherit; } .is-loading .wc-block-components-product-title:before { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; content: "."; display: block; display: inline-block; line-height: 1; max-width: 100% !important; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; width: 7em; z-index: 1; } .is-loading .wc-block-components-product-title:before > * { visibility: hidden; } .is-loading .wc-block-components-product-title:before:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-title:before { animation: none; } } .is-loading .wc-block-grid .wc-block-components-product-title:before { width: 10em; } .wc-block-components-product-title--align-left { text-align: left; } .wc-block-components-product-title--align-center { text-align: center; } .wc-block-components-product-title--align-right { text-align: right; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-product-rating-stars { display: block; line-height: 1; } .wc-block-components-product-rating-stars__stars { display: inline-block; font-family: WooCommerce; font-size: 1em; font-weight: 400; height: 1.618em; line-height: 1.618; overflow: hidden; position: relative; text-align: left; width: 5.3em; } .wc-block-components-product-rating-stars__stars:before { color: inherit; content: "SSSSS"; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; white-space: nowrap; } .wc-block-components-product-rating-stars__stars span { color: inherit; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; right: 0; top: 0; } .wc-block-components-product-rating-stars__stars span:before { color: inherit; content: "SSSSS"; left: 0; position: absolute; right: 0; top: 0; white-space: nowrap; } .wc-block-components-product-rating-stars__link { display: inline-block; font-size: 0.875em; height: 1.618em; text-align: inherit; width: 100%; } .wc-block-all-products .wc-block-components-product-rating-stars { margin-bottom: 12px; margin-top: 0; } .wc-block-components-product-rating-stars__norating-container { align-items: center; display: inline-flex; flex-direction: row; gap: 8px; } .wc-block-components-product-rating-stars__norating { -webkit-text-stroke: 2px var(--wp--preset--color--black, #000); display: inline-block; font-family: WooCommerce; font-size: 1em; font-weight: 400; height: 1.618em; line-height: 1.618; overflow: hidden; position: relative; width: 1.5em; } .wc-block-components-product-rating-stars__norating:before { color: transparent; content: "S"; left: 0; position: absolute; right: 0; text-align: center; top: 0; white-space: nowrap; } .wp-block-woocommerce-single-product .wc-block-components-product-rating__stars { margin: 0; } .wc-block-all-products .is-loading .wc-block-components-product-rating, .wp-block-query .is-loading .wc-block-components-product-rating { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; width: 7em; z-index: 1; } .wc-block-all-products .is-loading .wc-block-components-product-rating > *, .wp-block-query .is-loading .wc-block-components-product-rating > * { visibility: hidden; } .wc-block-all-products .is-loading .wc-block-components-product-rating:after, .wp-block-query .is-loading .wc-block-components-product-rating:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-all-products .is-loading .wc-block-components-product-rating, .wp-block-query .is-loading .wc-block-components-product-rating { animation: none; } } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wp-block-button.wc-block-components-product-button { align-items: center; display: flex; flex-direction: column; gap: 12px; justify-content: center; white-space: normal; word-break: break-word; } .wp-block-button.wc-block-components-product-button .wp-block-button__link { display: inline-flex; font-size: 1em; justify-content: center; text-align: center; white-space: normal; word-break: break-word; } .wp-block-button.wc-block-components-product-button .wp-block-button__link.loading { opacity: 0.25; } .wp-block-button.wc-block-components-product-button .wp-block-button__link.loading:after { animation: spin 2s linear infinite; content: ""; display: inline-block; font-family: WooCommerce; height: auto; margin-left: 0.5em; margin-right: 0; width: auto; } .wp-block-button.wc-block-components-product-button a[hidden] { display: none; } @keyframes slideOut { 0% { transform: translateY(0); } to { transform: translateY(-100%); } } @keyframes slideIn { 0% { opacity: 0; transform: translateY(90%); } to { opacity: 1; transform: translate(0); } } .wp-block-button.wc-block-components-product-button.align-left { align-items: flex-start; } .wp-block-button.wc-block-components-product-button.align-right { align-items: flex-end; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button { align-items: center; display: inline-flex; justify-content: center; line-height: inherit; overflow: hidden; white-space: normal; word-break: break-word; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-out { animation: slideOut 0.1s linear 1 normal forwards; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-in { animation: slideIn 0.1s linear 1 normal; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; min-height: 3em; min-width: 8em; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder > * { visibility: hidden; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder { animation: none; } } .wc-block-all-products .wp-block-button.wc-block-components-product-button { margin-bottom: 12px; } .is-loading .wc-block-components-product-button > .wc-block-components-product-button__button { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; display: block; line-height: 1; max-width: 100% !important; min-height: 3em; min-width: 8em; opacity: 0.15; outline: 0 !important; overflow: hidden !important; pointer-events: none; position: relative !important; width: 100%; z-index: 1; } .is-loading .wc-block-components-product-button > .wc-block-components-product-button__button > * { visibility: hidden; } .is-loading .wc-block-components-product-button > .wc-block-components-product-button__button:after { animation: loading__animation 1.5s ease-in-out infinite; background-image: linear-gradient( 90deg, currentColor, hsla(0, 0%, 96%, 0.302), currentColor ); background-repeat: no-repeat; content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-button > .wc-block-components-product-button__button { animation: none; } } /* .wp-block-button.is-style-outline .wp-block-button__link { border: 2px solid; } */ .wp-block-button.has-custom-width .wp-block-button__link { box-sizing: border-box; } .wp-block-button.wp-block-button__width-25 .wp-block-button__link { width: 25%; } .wp-block-button.wp-block-button__width-50 .wp-block-button__link { width: 50%; } .wp-block-button.wp-block-button__width-75 .wp-block-button__link { width: 75%; } .wp-block-button.wp-block-button__width-100 .wp-block-button__link { width: 100%; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .is-medium .wc-block-cart__sidebar, .is-mobile .wc-block-cart__sidebar, .is-small .wc-block-cart__sidebar { margin-bottom: 24px; order: 0; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-express-payment { margin: auto; position: relative; } .wc-block-components-express-payment .wc-block-components-express-payment__event-buttons { margin: 0; overflow: hidden; padding: 0; text-align: center; width: 100%; } .wc-block-components-express-payment .wc-block-components-express-payment__event-buttons > li { margin: 0; width: 100%; } .wc-block-components-express-payment .wc-block-components-express-payment__event-buttons > li > img { height: 48px; width: 100%; } .wc-block-components-express-payment--checkout { margin-top: 12px; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons { grid-gap: 10px; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(33% - 10px), 1fr)); list-style: none; } @media (max-width: 782px) { .wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container { display: flex; flex-direction: row; left: 0; position: absolute; right: 0; top: -4px; vertical-align: middle; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:before { border-left: 1px solid hsla(0, 0%, 7%, 0.11); border-color: hsla(0, 0%, 7%, 0.11) hsla(0, 0%, 7%, 0.11) currentcolor; border-radius: 4px 0 0 0; border-top: 1px solid hsla(0, 0%, 7%, 0.11); content: ""; display: block; height: 3px; margin-right: 12px; pointer-events: none; width: 10px; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:after { border-color: currentcolor currentcolor hsla(0, 0%, 7%, 0.11) hsla(0, 0%, 7%, 0.11); border-radius: 0 4px 0 0; border-right: 1px solid hsla(0, 0%, 7%, 0.11); border-top: 1px solid hsla(0, 0%, 7%, 0.11); content: ""; display: block; flex-grow: 1; height: 3px; margin-left: 12px; pointer-events: none; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title { flex-grow: 0; transform: translateY(-50%); } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content { border: 1px solid hsla(0, 0%, 7%, 0.11); border-radius: 0 0 4px 4px; border-top: 0; padding: 20px 24px 24px; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content > p { margin-bottom: 1em; } .wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons > li { padding-bottom: 16px; text-align: center; width: 100%; } .wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons > li:last-child { padding-bottom: 0; } .wc-block-components-express-payment-continue-rule { align-items: center; display: flex; margin: 36px 0 28px; padding: 0 24px; text-align: center; } .wc-block-components-express-payment-continue-rule:before { margin-right: 10px; } .wc-block-components-express-payment-continue-rule:after { margin-left: 10px; } .wc-block-components-express-payment-continue-rule:after, .wc-block-components-express-payment-continue-rule:before { border-bottom: 1px solid hsla(0, 0%, 7%, 0.11); content: " "; flex: 1; } .wc-block-components-express-payment-continue-rule--cart { margin: 16px 0; text-transform: uppercase; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-payment-method-label--with-icon { display: inline-block; vertical-align: middle; } .wc-block-components-payment-method-label--with-icon > img, .wc-block-components-payment-method-label--with-icon > svg { margin: -2px 4px 0 0; vertical-align: middle; } .is-mobile .wc-block-components-payment-method-label--with-icon > img, .is-mobile .wc-block-components-payment-method-label--with-icon > svg, .is-small .wc-block-components-payment-method-label--with-icon > img, .is-small .wc-block-components-payment-method-label--with-icon > svg { display: none; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-payment-method-icons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0 0 14px; } .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon { display: inline-block; height: 24px; margin: 0 4px 2px; max-height: 24px; max-width: 38px; padding: 0; width: auto; } .wc-block-components-payment-method-icons--align-left { justify-content: flex-start; } .wc-block-components-payment-method-icons--align-left .wc-block-components-payment-method-icon { margin-left: 0; margin-right: 8px; } .wc-block-components-payment-method-icons--align-right { justify-content: flex-end; } .wc-block-components-payment-method-icons--align-right .wc-block-components-payment-method-icon { margin-left: 8px; margin-right: 0; } .wc-block-components-payment-method-icons:last-child { margin-bottom: 0; } .is-mobile .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon, .is-small .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon { height: 16px; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-cart__submit { margin: 0 0 16px; position: relative; } .wc-block-cart__submit-button { box-sizing: border-box; margin: 0; width: 100%; } .wc-block-cart .wc-block-cart__submit-container { padding: 0; } @media (min-width: 783px) { .wc-block-cart .wc-block-cart__submit-container--sticky { display: none; } } @media (max-width: 782px) { .wc-block-cart .wc-block-cart__submit-container--sticky { background: #fff; bottom: 0; box-sizing: border-box; left: 0; padding: 16px; position: fixed; width: 100%; z-index: 9999; } .wc-block-cart .wc-block-cart__submit-container--sticky:before { box-shadow: 0 -10px 20px 10px currentColor; color: hsla(0, 0%, 80%, 0.3); content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; } } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-button:not(.is-link) { align-items: center; display: inline-flex; height: auto; justify-content: center; position: relative; text-align: center; transition: box-shadow 0.1s linear; } .wc-block-components-button:not(.is-link):focus { box-shadow: 0 0 0 2px #0675c4; box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4; outline: 3px solid transparent; } .wc-block-components-button:not(.is-link) .wc-block-components-button__text { display: block; } .wc-block-components-button:not(.is-link) .wc-block-components-button__text > svg { fill: currentColor; } .wc-block-components-button:not(.is-link) .wc-block-components-spinner + .wc-block-components-button__text { visibility: hidden; } .wc-block-components-button:not(.is-link).text { color: #1e1e1e; } .wc-block-components-button:not(.is-link).text:hover { opacity: 0.9; } .wc-block-components-button:not(.is-link).outlined { background: transparent; color: currentColor; } .wc-block-components-button:not(.is-link).outlined:not(:focus) { box-shadow: inset 0 0 0 1px currentColor; } .wc-block-components-button:not(.is-link).outlined:active, .wc-block-components-button:not(.is-link).outlined:disabled, .wc-block-components-button:not(.is-link).outlined:focus, .wc-block-components-button:not(.is-link).outlined:hover { background-color: #1e1e1e; color: #fff; } .wc-block-components-button:not(.is-link).outlined:hover { background-color: #1e1e1e; color: #fff; opacity: 1; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-spinner { box-sizing: content-box; color: inherit; font-size: 1.25em; height: 100%; position: absolute; text-align: center; width: 100%; } .wc-block-components-spinner:after { animation: spinner__animation 1s linear infinite; backface-visibility: hidden; border: 0.2em solid; border-left: 0.2em solid transparent; border-radius: 50%; box-sizing: border-box; content: " "; height: 1em; left: 50%; margin: -0.5em 0 0 -0.5em; position: absolute; top: 50%; transform: translateZ(0) scale(0.5); transform-origin: 50% 50%; width: 1em; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .editor-styles-wrapper .wc-block-cart__empty-cart__title, .wc-block-cart__empty-cart__title { font-size: inherit; } .wc-block-cart__empty-cart__title.with-empty-cart-icon:before { background-color: currentColor; content: ""; display: block; height: 5em; margin: 0 auto 2em; mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=); mask-position: center; mask-repeat: no-repeat; mask-size: 5em; width: 5em; } .wp-block-woocommerce-empty-cart-block > .aligncenter { margin-left: auto !important; margin-right: auto !important; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-totals-coupon .wc-block-components-panel__button { margin-top: 0; padding-top: 0; } .wc-block-components-totals-coupon .wc-block-components-panel__content { padding-bottom: 0; } .wc-block-components-totals-coupon__form { display: flex; margin-bottom: 0; width: 100%; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { flex-grow: 1; margin-bottom: 0; margin-top: 0; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { flex-shrink: 0; height: 3em; margin-left: 8px; padding-left: 24px; padding-right: 24px; white-space: nowrap; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button.no-margin { margin: 0; } .wc-block-components-totals-coupon__content { flex-direction: column; position: relative; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-totals-discount__coupon-list { list-style: none; margin: 0; padding: 0; } .wc-block-components-totals-discount .wc-block-components-totals-item__value { color: #4ab866; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 1.25em; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-weight: 700; } .wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax { margin-bottom: 0; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-shipping-calculator-address { margin-bottom: 0; } .wc-block-components-shipping-calculator-address__button { margin-top: 1.5em; width: 100%; } .wc-block-components-shipping-calculator { padding: 0.5em 0 0.75em; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-select-input { margin-top: 16px; position: relative; } .wc-block-components-combobox .wc-block-components-combobox-control, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control { border: 0; border-radius: 0; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; text-decoration: inherit; text-transform: inherit; vertical-align: baseline; } .wc-block-components-combobox .wc-block-components-combobox-control .components-flex, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-flex { width: 100%; } .wc-block-components-combobox .wc-block-components-combobox-control .components-base-control__field, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-base-control__field { border: 0; border-radius: 0; margin: 0; padding: 0; position: relative; vertical-align: baseline; } .wc-block-components-combobox .wc-block-components-combobox-control .components-combobox-control__suggestions-container, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-combobox-control__suggestions-container { border: 0; border-radius: 0; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; position: relative; text-decoration: inherit; text-transform: inherit; vertical-align: baseline; } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { background: #fff; border: 1px solid #50575e; border-radius: 4px; box-shadow: none; box-sizing: border-box; color: #2b2d2f; font-family: inherit; font-size: inherit; font-size: 1em; font-style: inherit; font-weight: inherit; font-weight: 400; letter-spacing: inherit; line-height: inherit; line-height: 1em; opacity: 1; outline: inherit; padding: 1.5em 0.5em 0.5em; text-align: left; text-decoration: inherit; text-overflow: ellipsis; text-transform: inherit; text-transform: none; white-space: nowrap; width: 100%; } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"], .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"] { background-color: #fff; box-shadow: 0 0 0 1px #50575e; color: #2b2d2f; outline: 0; } .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"], .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { background-color: rgba(0, 0, 0, 0.1); border-color: hsla(0, 0%, 100%, 0.4); color: #fff; } .has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus { background-color: rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.4); color: #fff; } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { background-color: #fff; border: 1px solid #50575e; border-bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 0; box-shadow: 0 1px 0 1px #50575e; box-sizing: border-box; color: #2b2d2f; margin: 3em 0 0; max-height: 300px; min-width: 100%; overflow: auto; padding: 0; position: absolute; z-index: 10; } .has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { background-color: #1e1e1e; color: #fff; } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion { color: #757575; cursor: default; font-size: 1em; list-style: none; margin: 0; padding: 0.25em 16px; } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected { background-color: #ddd; } .has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected, .has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-selected { background-color: rgba(0, 0, 0, 0.4); } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:after, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:after { content: " "; display: inline-block; } .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover { background-color: #00669e; color: #fff; } .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { color: hsla(0, 0%, 7%, 0.5); font-family: inherit; font-size: inherit; font-size: 1em; font-style: inherit; font-weight: inherit; left: 0.5em; letter-spacing: inherit; line-height: inherit; line-height: 1.25; margin: 0; max-width: calc(100% - 32px); overflow: hidden; position: absolute; text-decoration: inherit; text-overflow: ellipsis; text-transform: inherit; top: 0; transform: translateY(1em); transform-origin: top left; transition: all 0.2s ease; white-space: nowrap; z-index: 1; } .has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { color: hsla(0, 0%, 100%, 0.6); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { transition: none; } } .wc-block-components-combobox .wc-block-components-combobox-control:has(input:-webkit-autofill) label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control:has(input:-webkit-autofill) label { transform: translateY(0.5em) scale(0.75); } .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label { transform: translateY(0.5em) scale(0.75); } .wc-block-components-combobox.has-error .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control label.components-base-control__label { color: #cc1818; } .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:active, .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:hover, .wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:active, .wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:hover { border-color: #cc1818; } .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form .wc-block-components-combobox.has-error .wc-block-components-combobox-control input.components-combobox-control__input:focus { box-shadow: 0 0 0 1px #cc1818; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .components-combobox-control { width: 100%; } input.components-combobox-control__input[type="text"] { border: none; box-shadow: none; font-size: 16px; line-height: inherit; margin: 0; min-height: auto; padding: 2px; width: 100%; } @media (min-width: 600px) { input.components-combobox-control__input[type="text"] { font-size: 13px; } } input.components-combobox-control__input[type="text"]:focus { box-shadow: none; outline: none; } .components-combobox-control__suggestions-container { align-items: flex-start; border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 transparent; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; margin: 0 0 8px; padding: 4px; transition: box-shadow 0.1s linear; width: 100%; } @media (prefers-reduced-motion: reduce) { .components-combobox-control__suggestions-container { transition-delay: 0s; transition-duration: 0s; } } @media (min-width: 600px) { .components-combobox-control__suggestions-container { font-size: 13px; line-height: normal; } } .components-combobox-control__suggestions-container:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-combobox-control__suggestions-container::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container::-moz-placeholder { color: rgba(30, 30, 30, 0.62); opacity: 1; } .components-combobox-control__suggestions-container:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container:focus-within { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-combobox-control__reset.components-button { display: flex; height: 24px; min-width: 24px; padding: 0; } .wc-block-components-country-input { margin-top: 16px; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-state-input { margin-top: 16px; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-notice-banner { align-content: flex-start; align-items: stretch; background-color: #fff; border: 1px solid; border-radius: 4px; box-sizing: border-box; color: #2f2f2f; display: flex; font-size: 0.875em; font-weight: 400; gap: 12px; line-height: 1.5; margin: 16px 0; padding: 16px !important; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content { -ms-grid-row-align: center; align-self: center; flex-basis: 100%; padding-right: 16px; white-space: normal; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content:last-child { padding-right: 0; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary { font-weight: 600; margin: 0 0 8px; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ol, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ul { margin: 0 0 0 24px; padding: 0; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ol li:after, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ul li:after { clear: both; content: ""; display: block; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward { -moz-appearance: none; appearance: none; background: transparent !important; border: 0; color: #2f2f2f !important; float: right; margin: 0; opacity: 0.6; padding: 0 !important; text-decoration-line: underline; text-underline-position: under; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:active, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:focus, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover { opacity: 1; } .wc-block-components-notice-banner > svg { fill: #fff; background-color: #2f2f2f; border-radius: 50%; flex-grow: 0; flex-shrink: 0; height: 100%; padding: 2px; } .wc-block-components-notice-banner > .wc-block-components-button { background: transparent none !important; border: 0 !important; box-shadow: none !important; color: #2f2f2f !important; flex: 0 0 16px; height: 16px !important; margin: 6px 0 0 auto !important; min-height: auto !important; min-width: 0 !important; opacity: 0.6; outline: none !important; padding: 0 !important; width: 16px !important; } .wc-block-components-notice-banner > .wc-block-components-button > svg { margin: 0 !important; } .wc-block-components-notice-banner > .wc-block-components-button:active, .wc-block-components-notice-banner > .wc-block-components-button:focus, .wc-block-components-notice-banner > .wc-block-components-button:hover { opacity: 1; } .wc-block-components-notice-banner.is-error { background-color: #fff0f0; border-color: #cc1818; } .wc-block-components-notice-banner.is-error > svg { background-color: #cc1818; transform: rotate(180deg); } .wc-block-components-notice-banner.is-warning { background-color: #fffbf4; border-color: #f0b849; } .wc-block-components-notice-banner.is-warning > svg { background-color: #f0b849; transform: rotate(180deg); } .wc-block-components-notice-banner.is-success { background-color: #f4fff7; border-color: #4ab866; } .wc-block-components-notice-banner.is-success > svg { background-color: #4ab866; } .wc-block-components-notice-banner.is-info { background-color: #f4f8ff; border-color: #007cba; } .wc-block-components-notice-banner.is-info > svg { background-color: #007cba; } .woocommerce.wc-block-store-notices.alignwide { max-width: var(--wp--style--global--wide-size); } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-shipping-rates-control__package { margin: 0; } .wc-block-components-shipping-rates-control__package .wc-block-components-shipping-rates-control__package__description--free { text-transform: uppercase; } .wc-block-components-shipping-rates-control__package.wc-block-components-panel { margin-bottom: 0; } .wc-block-components-shipping-rates-control__package .wc-block-components-panel__button { margin-bottom: 0; margin-top: 0; padding-bottom: 0.75em; padding-top: 0.75em; } .wc-block-components-shipping-rates-control__package:last-child .wc-block-components-panel__button { padding-bottom: 0; } .wc-block-components-shipping-rates-control__package .wc-block-components-panel__content { padding-bottom: 0.75em; } .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control, .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control .wc-block-components-radio-control__option-layout, .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option-layout { padding-bottom: 0; } .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__description-group { font-size: 0.75em; } .wc-block-components-shipping-rates-control__package--disabled { opacity: 0.5; transition: opacity 0.2s ease; } .wc-block-components-shipping-rates-control__package-items { display: block; font-size: 0.875em; list-style: none; margin: 0 0 12px; padding: 0; } .wc-block-components-shipping-rates-control__package-item { display: inline-block; margin: 0; overflow-wrap: anywhere; padding: 0; word-break: break-word; -ms-word-break: break-all; } .wc-block-components-shipping-rates-control__package-item:not( :last-child ):after { content: ", "; white-space: pre; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } .wc-block-components-totals-shipping fieldset.wc-block-components-totals-shipping__fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; } .wc-block-components-totals-shipping .wc-block-components-shipping-address { display: block; margin-top: 16px; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options { margin-top: 12px; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__description, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__label, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__secondary-description, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__secondary-label { flex-basis: 100%; text-align: left; } .wc-block-components-totals-shipping .wc-block-components-shipping-rates-control__no-results-notice { margin: 0 0 0.75em; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { font-weight: 400; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: inherit; display: inline; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; text-decoration: inherit; text-decoration: underline; text-shadow: none; text-transform: inherit; vertical-align: baseline; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:active, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:focus, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:hover { background: transparent; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:active, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:focus, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:hover { opacity: 0.8; }