@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-pagination { margin: 0 auto 16px; } .wc-block-components-pagination__ellipsis, .wc-block-components-pagination__page { color: #333; display: inline-block; font-size: 1em; font-weight: 400; } .wc-block-components-pagination__page { border-color: transparent; min-width: 2.2em; padding: 0.3em 0.6em; } .wc-block-components-pagination__page:not([disabled]) { cursor: pointer; } @media (max-width: 782px) { .wc-block-components-pagination__page { min-width: 1.6em; padding: 0.1em 0.2em; } } .wc-block-components-pagination__page:not(.toggle) { background-color: transparent; } .wc-block-components-pagination__ellipsis { padding: 0.3em; } @media (max-width: 782px) { .wc-block-components-pagination__ellipsis { padding: 0.1em; } } .wc-block-components-pagination__page--active[disabled] { color: #333; font-weight: 700; opacity: 1 !important; } .wc-block-components-pagination__page--active[disabled]:focus, .wc-block-components-pagination__page--active[disabled]:hover { background-color: inherit; color: #333; opacity: 1 !important; } html[dir="rtl"] .wc-block-components-pagination-page--arrow span { display: inline-block; transform: scaleX(-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-product-sort-select { margin-bottom: 24px; text-align: left; } @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%); } } @keyframes spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .wc-block-grid { text-align: center; } .wc-block-grid__no-products { padding: 48px; text-align: center; width: 100%; } .wc-block-grid__no-products .wc-block-grid__no-products-image { color: inherit; display: block; margin: 0 auto 1em; max-width: 150px; } .wc-block-grid__no-products .wc-block-grid__no-products-title { display: block; font-weight: 700; margin: 0; } .wc-block-grid__no-products .wc-block-grid__no-products-description { display: block; margin: 0.25em 0 1em; } .wc-block-grid__products { background-clip: padding-box; display: flex; flex-wrap: wrap; margin: 0 -8px 16px; padding: 0; } .wc-block-grid__product { border-bottom: 16px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; box-sizing: border-box; float: none; list-style: none; margin: 0; padding: 0; position: relative; text-align: center; width: auto; } .wc-block-grid__product.wc-block-grid__product { box-sizing: border-box; } .wc-block-grid.has-aligned-buttons .wc-block-grid__product { display: flex; flex-direction: column; } .wc-block-grid.has-aligned-buttons .wc-block-grid__product > :last-child { margin-bottom: 0; margin-top: auto; padding-bottom: 12px; } .wc-block-grid.has-1-columns .wc-block-grid__product { flex: 1 0 100%; max-width: 100%; } .wc-block-grid.has-2-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; } .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 33.3333333333%; max-width: 33.3333333333%; } .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 25%; max-width: 25%; } .wc-block-grid.has-5-columns .wc-block-grid__product { flex: 1 0 20%; max-width: 20%; } .wc-block-grid.has-6-columns .wc-block-grid__product { flex: 1 0 16.6666666667%; max-width: 16.6666666667%; } .wc-block-grid.has-7-columns .wc-block-grid__product { flex: 1 0 14.2857142857%; max-width: 14.2857142857%; } .wc-block-grid.has-8-columns .wc-block-grid__product { flex: 1 0 12.5%; max-width: 12.5%; } .wc-block-grid.has-6-columns .wc-block-grid__product { font-size: 0.5em; } .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product { font-size: 0.58em; } .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product { font-size: 0.75em; } .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) { font-size: 0.92em; } @media (max-width: 480px) { .wc-block-grid.has-2-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-2-columns .wc-block-grid__product { flex: 1 0 100%; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; } .wc-block-grid.has-3-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 100%; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; } .wc-block-grid.has-4-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 100%; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; } .wc-block-grid.has-5-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-5-columns .wc-block-grid__product { flex: 1 0 100%; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; } .wc-block-grid.has-6-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-6-columns .wc-block-grid__product { flex: 1 0 100%; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; } .wc-block-grid.has-7-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-7-columns .wc-block-grid__product { flex: 1 0 100%; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; } .wc-block-grid.has-8-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-8-columns .wc-block-grid__product { flex: 1 0 100%; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; } } @media (min-width: 481px) and (max-width: 600px) { .wc-block-grid.has-2-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd) { padding-right: 8px; } .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd) { padding-right: 8px; } .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd) { padding-right: 8px; } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-5-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd) { padding-right: 8px; } .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-6-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd) { padding-right: 8px; } .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-7-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } .wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(odd) { padding-right: 8px; } .wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-8-columns .wc-block-grid__product { flex: 1 0 50%; margin: 0 0 24px; max-width: 50%; padding: 0; } .wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(odd) { padding-right: 8px; } .wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n) { padding-left: 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%); } } .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-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-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-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-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%); } } .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-rating .wc-block-components-product-rating__container > * { vertical-align: middle; } .wc-block-components-product-rating .wc-block-components-product-rating__stars { display: inline-block; margin: 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-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%); } } .wc-block-components-product-summary { margin-bottom: 12px; margin-top: 0; } .is-loading .wc-block-components-product-summary:before { background-color: currentColor !important; border: 0 !important; border-radius: 0.25rem; box-shadow: none; color: currentColor !important; content: "."; display: block; height: 6em; 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; } .is-loading .wc-block-components-product-summary:before > * { visibility: hidden; } .is-loading .wc-block-components-product-summary: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-summary: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-sku { display: block; font-size: 0.875em; overflow-wrap: break-word; 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-product-stock-indicator { display: block; font-size: 0.875em; margin-bottom: 0.75em; margin-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-skeleton { display: flex; flex-direction: column; gap: 1rem; width: 100%; } .wc-block-components-skeleton-text-line { background: hsla(0, 0%, 7%, 0.11); border-radius: 4px; height: 0.85em; position: relative; width: 100%; } .wc-block-components-skeleton-text-line:last-child { width: 80%; } @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-add-to-cart-form { width: unset; } .wc-block-add-to-cart-form .input-text { font-size: var(--wp--preset--font-size--small); padding: 0.9rem 1.1rem; } .wc-block-add-to-cart-form .quantity { display: inline-block; float: none; margin-right: 4px; vertical-align: middle; } .wc-block-add-to-cart-form .quantity .qty { margin-right: 0.5rem; text-align: center; width: 3.631em; } .woocommerce div.product .wc-block-add-to-cart-form form.cart .quantity, .woocommerce div.product .wc-block-add-to-cart-form form.cart button.single_add_to_cart_button { margin-bottom: 10px; } @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%); } } .woocommerce .wp-block-woocommerce-product-image-gallery { clear: both; max-width: 512px; position: relative; } .woocommerce .wp-block-woocommerce-product-image-gallery span.onsale { left: -1rem; right: unset; z-index: 1; } .woocommerce .wp-block-woocommerce-product-image-gallery:after { clear: both; content: ""; display: table; } .woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images { 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%); } } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs { border-bottom-color: inherit; border-bottom-width: 0; padding: 0; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs:after, html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs:before { display: none; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li { background: transparent; border: solid transparent; border-radius: 0; border-width: 0 0 2px; color: inherit; display: inline-block; float: none; font-weight: 700; margin: 0; opacity: 0.65; padding: 0 1em; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li a { border: none; color: inherit; display: inline-block; padding: 0.5em 0; text-decoration: none; text-shadow: none; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:hover { opacity: 1; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:hover a { border: none; color: inherit; text-decoration: none; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active { background: inherit; border-color: inherit; color: inherit; opacity: 1; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active a { border: none; color: inherit; text-decoration: none; } @media only screen and (max-width: 768px) { html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li { border-bottom-width: 0; border-left-width: 2px; display: block; } } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:first-child { margin-left: 0; } html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:after, html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:before { 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%); } } .wp-block-woocommerce-product-reviews img { max-width: 600px; } .wp-block-woocommerce-product-reviews .submit { margin-top: 2rem; } .wp-block-woocommerce-product-reviews__editor__row { align-items: center; display: flex; gap: 2rem; } .wp-block-woocommerce-product-reviews__editor__row > span { flex-basis: 20%; } .wp-block-woocommerce-product-reviews__editor__row .wp-block-woocommerce-product-reviews__editor__stars, .wp-block-woocommerce-product-reviews__editor__row textarea { flex-grow: 1; margin-right: 1rem; } .wp-block-woocommerce-product-reviews__editor__row textarea { flex-grow: 1; height: 8rem; } .wp-block-woocommerce-product-reviews__editor__stars { display: inline-block; font-family: WooCommerce; font-size: 1em; font-weight: 400; height: 1.618em; line-height: 1.618; overflow: hidden; position: relative; width: 5.3em; } .wp-block-woocommerce-product-reviews__editor__stars:before { color: inherit; content: "SSSSS"; left: 0; position: absolute; right: 0; top: 0; white-space: nowrap; }