.wc-block-link-button {
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-link-button,
.wc-block-link-button:active,
.wc-block-link-button:focus,
.wc-block-link-button:hover {
background: transparent
}
.wc-block-suspense-placeholder {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-suspense-placeholder>* {
visibility: hidden
}
.wc-block-suspense-placeholder:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-suspense-placeholder {
-webkit-animation: none;
animation: none
}
}
.wc-block-suspense-placeholder:before {
content: " "
}
.wc-block-grid__products .wc-block-grid__product-image {
display: block;
position: relative;
text-decoration: none
}
.wc-block-grid__products .wc-block-grid__product-image a {
border: 0;
box-shadow: none;
outline: 0;
text-decoration: none
}
.wc-block-grid__products .wc-block-grid__product-image img {
height: auto;
max-width: 100%;
width: auto
}
.wc-block-grid__products .wc-block-grid__product-image img[hidden] {
display: none
}
.wc-block-grid__products .wc-block-grid__product-image img[alt=""] {
border: 1px solid #f2f2f2
}
.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
color: inherit;
display: block;
font-family: inherit;
font-size: inherit;
font-weight: 700;
line-height: 1.2;
padding: 0
}
.wc-block-grid__product-price {
display: block
}
.wc-block-grid__product-price .wc-block-grid__product-price__regular {
margin-right: .5em
}
.wc-block-grid__product-add-to-cart.wp-block-button {
white-space: normal;
word-break: break-word
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
display: inline-flex;
font-size: 1em;
justify-content: center;
margin: 0 auto!important;
padding: .5em 1em;
text-align: center;
white-space: normal;
word-break: break-word
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading {
opacity: .25
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after {
content: "";
display: inline-block;
font-family: WooCommerce;
height: auto;
margin-left: .5em;
width: auto
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after {
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
content: "";
display: inline-block;
font-family: WooCommerce;
height: auto;
margin-left: .5em;
width: auto
}
.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,
.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,
.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,
.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,
.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after {
content: "";
margin: 0
}
.wc-block-grid__product-rating {
color: #000;
display: block
}
.wc-block-grid__product-rating .star-rating,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
font-family: star;
font-size: 1em;
font-weight: 400;
height: 1.618em;
line-height: 1.618;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
width: 5.3em
}
.wc-block-grid__product-rating .star-rating:before,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before {
color: #aaa;
content: "SSSSS";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
white-space: nowrap
}
.wc-block-grid__product-rating .star-rating span,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span {
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
right: 0;
top: 0
}
.wc-block-grid__product-rating .star-rating span:before,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
color: inherit;
content: "SSSSS";
left: 0;
position: absolute;
right: 0;
top: 0;
white-space: nowrap
}
.wc-block-grid__product-onsale {
background: #fff;
border: 1px solid #43454b;
border-radius: 3px;
color: #43454b;
display: inline-block;
font-size: .875em;
font-weight: 600;
padding: .25em .75em;
position: relative;
text-align: center;
text-transform: uppercase;
width: auto;
z-index: 9
}
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),
.wc-block-grid__product .wc-block-grid__product-title {
margin: 0 0 12px
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating {
margin: 0 auto 12px
}
.theme-twentysixteen .wc-block-grid .price ins {
color: #77a464
}
.theme-twentynineteen .wc-block-grid__product {
font-size: .88889em
}
.theme-twentynineteen .wc-block-components-product-sale-badge,
.theme-twentynineteen .wc-block-components-product-title,
.theme-twentynineteen .wc-block-grid__product-onsale,
.theme-twentynineteen .wc-block-grid__product-title {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}
.theme-twentynineteen .wc-block-grid__product-title:before {
display: none
}
.theme-twentynineteen .wc-block-components-product-sale-badge,
.theme-twentynineteen .wc-block-grid__product-onsale {
line-height: 1
}
.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color) {
color: #fff
}
.theme-twentytwenty .wc-block-grid__product-link {
color: #000
}
.theme-twentytwenty .wc-block-components-product-title,
.theme-twentytwenty .wc-block-grid__product-title {
color: #cd2653;
font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif;
font-size: 1em
}
.theme-twentytwenty .wp-block-columns .wc-block-components-product-title {
margin-top: 0
}
.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,
.theme-twentytwenty .wc-block-components-product-price__value,
.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,
.theme-twentytwenty .wc-block-grid__product-price__value {
font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif;
font-size: .9em
}
.theme-twentytwenty .wc-block-components-product-price del,
.theme-twentytwenty .wc-block-grid__product-price del {
opacity: .5
}
.theme-twentytwenty .wc-block-components-product-price ins,
.theme-twentytwenty .wc-block-grid__product-price ins {
text-decoration: none
}
.theme-twentytwenty .star-rating,
.theme-twentytwenty .wc-block-grid__product-rating {
font-size: .7em
}
.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,
.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,
.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,
.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
line-height: 1
}
.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,
.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link {
font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif
}
.theme-twentytwenty .wc-block-components-product-sale-badge,
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
background: #cd2653;
color: #fff;
font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.2;
text-transform: uppercase
}
.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge {
position: static
}
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge {
position: absolute
}
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge) {
position: absolute;
right: 4px;
top: 4px;
z-index: 1
}
.theme-twentytwenty .wc-block-active-filters__title,
.theme-twentytwenty .wc-block-attribute-filter__title,
.theme-twentytwenty .wc-block-price-filter__title,
.theme-twentytwenty .wc-block-stock-filter__title {
font-size: 1em
}
.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all {
font-size: .75em
}
.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
font-size: .75em;
padding: .5em
}
@media only screen and (min-width:768px) {
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
font-size: .875em;
padding: .5em
}
}
@media only screen and (min-width:1168px) {
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
font-size: .875em;
padding: .5em
}
}
.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart {
display: block;
margin-top: 12px
}
.theme-twentytwentytwo .wc-block-components-product-price ins,
.theme-twentytwentytwo .wc-block-grid__product-price ins {
text-decoration: none
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal!important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal!important;
padding: 0;
position: absolute!important;
width: 1px
}
.screen-reader-text:focus {
clip: auto!important;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
-webkit-clip-path: none;
clip-path: none;
color: #2b2d2f;
display: block;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
.wc-block-components-product-add-to-cart-attribute-picker {
flex-basis: 100%;
margin: 0
}
.wc-block-components-product-add-to-cart-attribute-picker label {
display: block;
font-size: 1em
}
.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__container {
position: relative
}
.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select {
margin: 0 0 .75em
}
.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select select {
min-height: 1.75em;
min-width: 60%
}
.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error {
margin-bottom: 24px
}
.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select {
border-color: #cc1818
}
.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select:focus {
outline-color: #cc1818
}
.wc-block-components-product-add-to-cart {
display: flex;
flex-wrap: wrap;
margin: 0
}
.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button {
margin: 0 0 .75em
}
.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text {
display: block
}
.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text>svg {
fill: currentColor;
height: 1.5em;
margin: -.25em 0 -.25em .5em;
vertical-align: top;
width: 1.5em
}
.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
color: #43454b;
flex-basis: 5em;
margin: 0 1em .75em 0;
padding: .618em;
text-align: center
}
.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button,
.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button>*,
.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity>*,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button>*,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity>* {
visibility: hidden
}
.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:after,
.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity:after,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button:after,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-add-to-cart .wc-block-components-product-add-to-cart-button,
.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button,
.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity {
-webkit-animation: none;
animation: none
}
}
.wc-block-grid .wc-block-components-product-add-to-cart {
justify-content: center
}
.wc-block-components-product-add-to-cart-notice {
margin: 0
}
.wp-block-button.wc-block-components-product-button {
margin-bottom: 12px;
margin-top: 0;
white-space: normal;
word-break: break-word
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
border-style: none;
display: inline-flex;
font-family: inherit;
font-weight: inherit;
justify-content: center;
margin: 0 auto;
white-space: normal;
word-break: break-word
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
min-height: 3em;
min-width: 8em;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
min-height: 3em;
min-width: 8em;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
animation: none
}
}
.theme-twentytwentyone .editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link {
background-color: var(--button--color-background);
border-color: var(--button--color-background);
color: var(--button--color-text)
}
.wp-block-button.wc-block-components-product-button[data-is-descendent-of-query-loop=true] {
text-align: center
}
.wc-block-components-product-category-list {
margin-bottom: .75em;
margin-top: 0
}
.wc-block-components-product-category-list ul {
display: inline;
margin: 0;
padding: 0
}
.wc-block-components-product-category-list ul li {
display: inline;
list-style: none
}
.wc-block-components-product-category-list ul li:after {
content: ", "
}
.wc-block-components-product-category-list ul li:last-child:after {
content: ""
}
.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;
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 img[alt=""],
.wc-block-components-product-image img[alt=""] {
border: 1px solid #f2f2f2
}
.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: #ebebeb!important;
border: 0!important;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-product-image {
margin: 0 0 12px
}
.wc-block-components-product-rating {
display: block;
margin-bottom: 12px;
margin-top: 0
}
.wc-block-components-product-rating__stars {
font-family: star;
font-size: 1em;
font-weight: 400;
height: 1.618em;
line-height: 1.618;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
width: 5.3em
}
.wc-block-components-product-rating__stars:before {
color: inherit;
content: "SSSSS";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
white-space: nowrap
}
.wc-block-components-product-rating__stars span {
color: inherit;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-product-rating__stars span:before {
color: inherit;
content: "SSSSS";
left: 0;
position: absolute;
right: 0;
top: 0;
white-space: nowrap
}
.wc-block-single-product .wc-block-components-product-rating__stars {
margin: 0
}
.wc-block-components-product-sale-badge {
background: #fff;
border: 1px solid #43454b;
border-radius: 3px;
box-sizing: border-box;
color: #43454b;
display: inline-block;
font-size: .875em;
font-weight: 600;
margin: 0 auto 12px;
padding: .25em .75em;
position: static;
text-align: center;
text-transform: uppercase;
width: auto;
z-index: 9
}
.wc-block-components-product-sale-badge span {
background-color: inherit;
color: inherit
}
.wc-block-components-product-sku {
display: block;
font-size: .875em;
margin-bottom: 12px;
margin-top: 0;
text-transform: uppercase
}
.wc-block-components-product-stock-indicator {
display: block;
font-size: .875em;
margin-bottom: .75em;
margin-top: 0
}
.wc-block-components-product-summary {
margin-bottom: 12px;
margin-top: 0
}
.is-loading .wc-block-components-product-summary:before {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
content: ".";
display: block;
height: 6em;
line-height: 1;
max-width: 100%!important;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-product-tag-list {
margin-bottom: .75em;
margin-top: 0
}
.wc-block-components-product-tag-list ul {
display: inline;
margin: 0;
padding: 0
}
.wc-block-components-product-tag-list ul li {
display: inline;
list-style: none
}
.wc-block-components-product-tag-list ul li:after {
content: ", "
}
.wc-block-components-product-tag-list ul li:last-child:after {
content: ""
}
.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: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
content: ".";
display: block;
display: inline-block;
line-height: 1;
max-width: 100%!important;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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
}
.wc-block-components-error {
align-items: center;
color: #757575;
display: flex;
flex-direction: column;
justify-content: center;
margin: 40px 0;
padding: 40px 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: 40px 0 0
}
.wc-block-components-button:not(.is-link) {
align-items: center;
color: inherit;
display: inline-flex;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
font-weight: 700;
justify-content: center;
letter-spacing: inherit;
line-height: inherit;
line-height: 1;
min-height: 3em;
padding: 0 1em;
position: relative;
text-align: center;
text-decoration: inherit;
text-decoration: none;
text-transform: inherit;
text-transform: none;
transition: box-shadow .1s linear
}
.wc-block-components-button:not(.is-link):focus {
box-shadow: 0 0 0 2px #0675c4;
box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
outline: 3px solid transparent
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
display: block
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text>svg {
fill: currentColor
}
.wc-block-components-button:not(.is-link) .wc-block-components-spinner+.wc-block-components-button__text {
visibility: hidden
}
.wc-block-components-button:not(.is-link).text {
color: #1e1e1e
}
.wc-block-components-button:not(.is-link).text:hover {
opacity: .9
}
.wc-block-components-button:not(.is-link).contained,
.wc-block-components-button:not(.is-link).contained:active,
.wc-block-components-button:not(.is-link).contained:disabled,
.wc-block-components-button:not(.is-link).contained:focus,
.wc-block-components-button:not(.is-link).contained:hover {
background-color: #1e1e1e;
color: #fff
}
.wc-block-components-button:not(.is-link).contained:hover {
opacity: .9
}
.wc-block-components-button:not(.is-link).outlined {
background-color: transparent;
color: #1e1e1e
}
.wc-block-components-button:not(.is-link).outlined:not(:focus) {
box-shadow: inset 0 0 0 1px #1e1e1e
}
.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
}
.wc-block-components-form {
counter-reset: checkout-step
}
.wc-block-components-form .wc-block-components-checkout-step {
background: none;
border: none;
margin: 0;
padding: 0 0 0 24px;
position: relative
}
.is-mobile .wc-block-components-form .wc-block-components-checkout-step,
.is-small .wc-block-components-form .wc-block-components-checkout-step {
padding-left: 0
}
.wc-block-components-checkout-step--disabled {
opacity: .6
}
.wc-block-components-checkout-step__container {
position: relative
}
.wc-block-components-checkout-step__content>* {
margin-bottom: 1em
}
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__content>:last-child {
margin-bottom: 0;
padding-bottom: 1.5em
}
.wc-block-components-checkout-step__heading {
align-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 1em;
justify-content: space-between;
margin: .75em 0 1em;
position: relative
}
.wc-block-components-checkout-step:first-child .wc-block-components-checkout-step__heading,
.wc-block-components-express-payment-continue-rule+.wc-block-components-checkout-step .wc-block-components-checkout-step__heading {
margin-top: 0
}
.wc-block-components-checkout-step__title {
margin: 0 12px 0 0
}
.wc-block-components-checkout-step__heading-content {
font-size: .75em
}
.wc-block-components-checkout-step__heading-content a {
color: inherit;
font-weight: 700
}
.wc-block-components-checkout-step__description {
font-size: .875em;
line-height: 1.25;
margin-bottom: 16px
}
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before {
background: transparent;
border: 0;
border-radius: 0;
content: " " counter(checkout-step) ".";
content: " " counter(checkout-step) "."/"";
counter-increment: checkout-step;
left: -24px;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
top: 0;
transform: translateX(-50%);
vertical-align: baseline;
width: 24px
}
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
border-left: 1px solid;
content: "";
height: 100%;
left: -24px;
opacity: .3;
position: absolute;
top: 0
}
.is-mobile .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before,
.is-small .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before {
content: counter(checkout-step) ". ";
content: counter(checkout-step) ". "/"";
left: auto;
position: static;
top: auto;
transform: none
}
.is-mobile .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after,
.is-small .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
content: unset
}
.editor-styles-wrapper .wp-block h4.wc-block-components-checkout-step__title {
font-size: 1em;
line-height: 24px;
margin: 0 12px 0 0
}
.wc-block-components-order-summary .wc-block-components-panel__button {
margin-top: 0;
padding-top: 0
}
.wc-block-components-order-summary .wc-block-components-panel__content {
margin-bottom: 0
}
.wc-block-components-order-summary__content {
display: table;
width: 100%
}
.wc-block-components-order-summary-item {
display: flex;
font-size: .875em;
padding-bottom: 1px;
padding-top: 16px;
position: relative;
width: 100%
}
.wc-block-components-order-summary-item:after {
border-style: solid;
border-width: 0 0 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-order-summary-item:first-child {
padding-top: 0
}
.wc-block-components-order-summary-item:last-child>div {
padding-bottom: 0
}
.wc-block-components-order-summary-item:last-child:after {
display: none
}
.wc-block-components-order-summary-item .wc-block-components-product-metadata {
font-size: 1em
}
.wc-block-components-order-summary-item__description,
.wc-block-components-order-summary-item__image {
display: table-cell;
vertical-align: top
}
.wc-block-components-order-summary-item__image {
padding-bottom: 16px;
position: relative;
width: 48px
}
.wc-block-components-order-summary-item__image>img {
max-width: 48px;
width: 48px
}
.wc-block-components-order-summary-item__quantity {
align-items: center;
background: #fff;
border: 2px solid;
border-radius: 1em;
box-shadow: 0 0 0 2px #fff;
color: #000;
display: flex;
justify-content: center;
line-height: 1;
min-height: 20px;
min-width: 20px;
padding: 0 .4em;
position: absolute;
right: 0;
top: 0;
transform: translate(50%, -50%);
white-space: nowrap;
z-index: 1
}
.wc-block-components-order-summary-item__description {
padding-bottom: 16px;
padding-left: 24px;
padding-right: 12px
}
.wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
.wc-block-components-order-summary-item__description p {
line-height: 1.375;
margin-top: 4px
}
.wc-block-components-order-summary-item__total-price {
font-weight: 700;
margin-left: auto;
text-align: right
}
.wc-block-components-order-summary-item__individual-prices {
display: block
}
.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
}
.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
}
.editor-styles-wrapper .wc-block-components-checkout-policies,
.wc-block-components-checkout-policies {
font-size: .75em;
line-height: 1;
list-style: none outside;
margin: 24px 0;
text-align: center
}
.wc-block-components-checkout-policies__item {
display: inline-block;
list-style: none outside;
margin: 0;
padding: 0 .25em
}
.wc-block-components-checkout-policies__item:not(:first-child) {
border-left: 1px solid #ccc
}
.wc-block-components-checkout-policies__item>a {
color: inherit;
padding: 0 .25em
}
.wc-block-components-product-badge {
border: 1px solid;
border-radius: 2px;
display: inline-block;
font-size: .75em;
font-weight: 600;
padding: 0 .66em;
text-transform: uppercase;
white-space: nowrap
}
.wc-block-components-product-details.wc-block-components-product-details {
list-style: none;
margin: .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
}
img.wc-block-components-product-image[alt=""] {
border: 1px solid #f2f2f2
}
.wc-block-components-product-metadata {
font-size: .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: .25em 0
}
.wc-block-components-checkout-return-to-cart-button {
box-shadow: none;
color: inherit;
padding-left: calc(24px + .25em);
position: relative;
text-decoration: none
}
.wc-block-components-checkout-return-to-cart-button svg {
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.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: .5em 0 .75em
}
.wc-block-components-shipping-rates-control__package {
margin-bottom: 36px
}
.wc-block-components-shipping-rates-control__package:last-child {
margin-bottom: 0
}
.wc-block-components-shipping-rates-control__package .wc-block-components-panel__button {
margin-bottom: 0;
margin-top: 0;
padding-bottom: .75em;
padding-top: .75em
}
.wc-block-components-shipping-rates-control__package .wc-block-components-panel__content,
.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-items {
display: block;
font-size: .875em;
list-style: none;
margin: 0;
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
}
.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
}
.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
}
.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
}
.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-totals-shipping__via {
margin-bottom: 16px
}
.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 .75em
}
.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;
opacity: .8
}
.theme-twentytwentyone.theme-twentytwentyone.theme-twentytwentyone .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
}
.theme-twentytwentyone.theme-twentytwentyone.theme-twentytwentyone .wc-block-components-totals-shipping__change-address-button:active,
.theme-twentytwentyone.theme-twentytwentyone.theme-twentytwentyone .wc-block-components-totals-shipping__change-address-button:focus,
.theme-twentytwentyone.theme-twentytwentyone.theme-twentytwentyone .wc-block-components-totals-shipping__change-address-button:hover {
background: transparent
}
.editor-styles-wrapper .wc-block-components-checkbox-list,
.wc-block-components-checkbox-list {
list-style: none outside;
margin: 0;
padding: 0
}
.editor-styles-wrapper .wc-block-components-checkbox-list li,
.wc-block-components-checkbox-list li {
list-style: none outside;
margin: 0 0 4px;
padding: 0
}
.editor-styles-wrapper .wc-block-components-checkbox-list li.show-less button,
.editor-styles-wrapper .wc-block-components-checkbox-list li.show-more button,
.wc-block-components-checkbox-list li.show-less button,
.wc-block-components-checkbox-list li.show-more button {
background: none;
border: none;
cursor: pointer;
padding: 0;
text-decoration: underline
}
.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li,
.wc-block-components-checkbox-list.is-loading li {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li>*,
.wc-block-components-checkbox-list.is-loading li>* {
visibility: hidden
}
.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li:after,
.wc-block-components-checkbox-list.is-loading li:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
background-repeat: no-repeat;
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: translateX(-100%)
}
@media screen and (prefers-reduced-motion:reduce) {
.editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li,
.wc-block-components-checkbox-list.is-loading li {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-chip {
align-items: center;
border: 0;
border-radius: 0;
color: inherit;
display: inline-flex;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
line-height: 1;
margin: 0 .365em .365em 0;
max-width: 100%;
padding: .25em .5em;
text-decoration: inherit;
text-transform: inherit
}
.wc-block-components-chip,
.wc-block-components-chip:active,
.wc-block-components-chip:focus,
.wc-block-components-chip:hover {
background: transparent;
border: 1px solid;
color: inherit
}
.wc-block-components-chip.wc-block-components-chip--radius-small {
border-radius: 3px
}
.wc-block-components-chip.wc-block-components-chip--radius-medium {
border-radius: .433em
}
.wc-block-components-chip.wc-block-components-chip--radius-large {
border-radius: 2em;
padding-left: .75em;
padding-right: .25em
}
.wc-block-components-chip .wc-block-components-chip__text {
flex-grow: 1
}
.wc-block-components-chip.is-removable .wc-block-components-chip__text {
padding-right: .5em
}
.wc-block-components-chip .wc-block-components-chip__remove {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #e0e0e0;
border: 0;
border-radius: 25px;
height: 16px;
line-height: 16px;
margin: 0;
padding: 0;
width: 16px
}
.wc-block-components-chip .wc-block-components-chip__remove-icon {
fill: #1e1e1e
}
.theme-twentytwentyone .wc-block-components-chip,
.theme-twentytwentyone .wc-block-components-chip:active,
.theme-twentytwentyone .wc-block-components-chip:focus,
.theme-twentytwentyone .wc-block-components-chip:hover {
background: #fff
}
.theme-twentytwentyone .wc-block-components-chip:active button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background),
.theme-twentytwentyone .wc-block-components-chip:focus button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background),
.theme-twentytwentyone .wc-block-components-chip:hover button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background),
.theme-twentytwentyone .wc-block-components-chip button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background) {
background: transparent
}
.wc-block-components-chip__remove:focus,
.wc-block-components-chip__remove:hover,
button.wc-block-components-chip:focus>.wc-block-components-chip__remove,
button.wc-block-components-chip:hover>.wc-block-components-chip__remove {
background: #949494
}
.wc-block-components-chip__remove:focus .wc-block-components-chip__remove-icon,
.wc-block-components-chip__remove:hover .wc-block-components-chip__remove-icon,
button.wc-block-components-chip:focus>.wc-block-components-chip__remove .wc-block-components-chip__remove-icon,
button.wc-block-components-chip:hover>.wc-block-components-chip__remove .wc-block-components-chip__remove-icon {
fill: #fff
}
.wc-block-components-chip__remove:disabled,
button.wc-block-components-chip:disabled>.wc-block-components-chip__remove {
fill: #fff;
cursor: not-allowed
}
.wc-block-components-combobox .wc-block-components-combobox-control,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control {
border: 0;
border-radius: 0;
color: inherit;
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-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;
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;
color: inherit;
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: inherit;
color: #2b2d2f;
font-family: inherit;
font-size: inherit;
font-size: 1em;
font-style: inherit;
font-weight: inherit;
font-weight: 400;
height: 3em;
letter-spacing: inherit;
line-height: inherit;
line-height: 1;
opacity: 1;
outline: inherit;
padding: 1.5em 16px .25em;
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, .1);
border-color: hsla(0, 0%, 100%, .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, .1);
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .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-top: 0;
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: .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, .4)
}
.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: inherit;
color: #757575;
font-family: inherit;
font-size: inherit;
font-size: 1em;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
line-height: 1.375;
margin: 0 0 0 17px;
max-width: calc(100% - 32px);
overflow: hidden;
position: absolute;
text-decoration: inherit;
text-overflow: ellipsis;
text-transform: inherit;
transform: translateY(.75em);
transform-origin: top left;
transition: all .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%, .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.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(4px) scale(.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
}
.wc-block-components-country-input {
margin-top: 1.5em
}
@-webkit-keyframes fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes slidein {
0% {
transform: translateX(0)
}
to {
transform: translateX(-480px)
}
}
@keyframes slidein {
0% {
transform: translateX(0)
}
to {
transform: translateX(-480px)
}
}
@media only screen and (max-width:480px) {
@-webkit-keyframes slidein {
0% {
transform: translateX(0)
}
to {
transform: translateX(-100vw)
}
}
@keyframes slidein {
0% {
transform: translateX(0)
}
to {
transform: translateX(-100vw)
}
}
}
.wc-block-components-drawer__screen-overlay {
background-color: rgba(95, 95, 95, .35);
bottom: 0;
left: 0;
opacity: 1;
position: fixed;
right: 0;
top: 0;
transition: opacity .3s;
z-index: 9999
}
.wc-block-components-drawer__screen-overlay--with-slide-out {
transition: opacity .3s
}
.wc-block-components-drawer__screen-overlay--with-slide-in {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-name: fadein;
animation-name: fadein
}
.wc-block-components-drawer__screen-overlay--is-hidden {
opacity: 0;
pointer-events: none
}
.wc-block-components-drawer {
background: #fff;
display: block;
height: 100%;
left: 100%;
position: relative;
position: fixed;
right: 0;
top: 0;
transform: translateX(-480px);
width: 480px
}
.wc-block-components-drawer:after {
border-style: solid;
border-width: 0 0 0 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
@media only screen and (max-width:480px) {
.wc-block-components-drawer {
transform: translateX(-100vw);
width: 100vw
}
}
.wc-block-components-drawer__screen-overlay--with-slide-out .wc-block-components-drawer {
transition: transform .3s
}
.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-name: slidein;
animation-name: slidein
}
.wc-block-components-drawer__screen-overlay--is-hidden .wc-block-components-drawer {
transform: translateX(0)
}
@media screen and (prefers-reduced-motion:reduce) {
.wc-block-components-drawer,
.wc-block-components-drawer__screen-overlay {
-webkit-animation-name: none!important;
animation-name: none!important;
transition: none!important
}
}
.wc-block-components-drawer .components-modal__content {
padding: 40px 16px
}
.wc-block-components-drawer .components-modal__header {
position: relative
}
.wc-block-components-drawer .components-modal__header .components-button {
background: transparent;
border: 0;
border-radius: 0;
margin: -1em;
padding: 1em;
position: absolute;
right: 0;
top: 0;
vertical-align: baseline
}
.wc-block-components-drawer .components-modal__header .components-button>span {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal!important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal!important;
padding: 0;
position: absolute!important;
width: 1px
}
.wc-block-components-drawer .components-modal__header-heading {
border: 0;
border-radius: 0;
font-size: 1.25rem;
margin: 0;
padding: 0;
vertical-align: baseline;
word-break: break-word
}
.wc-filter-element-label-list-count:before {
content: " ("
}
.wc-filter-element-label-list-count:after {
content: ")"
}
.wc-block-filter-title-placeholder {
background-color: #ebebeb!important;
background-color: #ccc!important;
border: 0!important;
border-radius: .25rem;
border-radius: 1.625em;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
margin-bottom: 12px;
margin-top: 12px;
max-width: 100%!important;
max-width: -webkit-max-content!important;
max-width: -moz-max-content!important;
max-width: max-content!important;
min-width: 80px;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-filter-title-placeholder>* {
visibility: hidden
}
.wc-block-filter-title-placeholder:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-filter-title-placeholder {
-webkit-animation: none;
animation: none
}
}
.wc-block-filter-title-placeholder:after {
background-image: linear-gradient(90deg, #ccc, #e0e0e0, #ccc)
}
.wc-block-filter-title-placeholder .wc-block-active-filters__title,
.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,
.wc-block-filter-title-placeholder .wc-block-price-filter__title,
.wc-block-filter-title-placeholder .wc-block-rating-filter__title,
.wc-block-filter-title-placeholder .wc-block-stock-filter__title {
height: 1em;
margin: 0
}
.wc-block-components-filter-reset-button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline;
font-family: inherit;
font-size: inherit;
font-size: .875em;
font-style: inherit;
font-weight: inherit;
font-weight: 400;
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-filter-reset-button:active,
.wc-block-components-filter-reset-button:focus,
.wc-block-components-filter-reset-button:hover {
background: transparent
}
.wc-block-components-filter-reset-button:hover {
color: inherit;
text-decoration: none
}
.wc-block-components-filter-reset-button[disabled] {
cursor: not-allowed
}
.wc-block-components-filter-submit-button {
border: none;
display: block;
margin-left: auto;
white-space: nowrap
}
.wc-block-components-filter-submit-button.is-loading {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
line-height: normal;
margin-top: 16px;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1
}
.wc-block-components-filter-submit-button.is-loading>* {
visibility: hidden
}
.wc-block-components-filter-submit-button.is-loading:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-components-filter-submit-button.is-loading {
-webkit-animation: none;
animation: none
}
}
.wc-blocks-components-form-token-field-wrapper .components-popover {
left: 0;
opacity: 0;
position: fixed;
top: 0;
z-index: z-index(".components-popover")
}
.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded,
.wc-blocks-components-form-token-field-wrapper .components-popover[data-x-axis][data-y-axis] {
opacity: 1
}
.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded {
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: z-index(".components-popover")!important
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow) {
margin-left: 2px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before {
border: 8px solid #ccc
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow).is-alternate:before {
border-color: #1e1e1e
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after {
border: 8px solid #fff
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after,
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before {
content: "";
height: 0;
line-height: 0;
position: absolute;
width: 0
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top] {
margin-top: -8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before {
bottom: -8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after {
bottom: -6px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after,
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before {
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
margin-left: -10px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom] {
margin-top: 8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before {
top: -8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after {
top: -6px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: none;
margin-left: -10px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left] {
margin-left: -8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before {
right: -8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after {
right: -6px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before {
border-bottom-color: transparent;
border-left-style: solid;
border-right: none;
border-top-color: transparent
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right] {
margin-left: 8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before {
left: -8px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after {
left: -6px
}
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,
.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before {
border-bottom-color: transparent;
border-left: none;
border-right-style: solid;
border-top-color: transparent
}
.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=top] {
bottom: 100%
}
.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=bottom] {
top: 100%
}
.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=middle] {
align-items: center;
display: flex
}
.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-top {
margin-top: 12px
}
.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-bottom {
margin-top: -12px
}
.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) {
margin-left: 12px
}
.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) {
margin-right: 12px
}
.wc-blocks-components-form-token-field-wrapper .components-popover__content {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
height: 100%
}
.is-alternate .wc-blocks-components-form-token-field-wrapper .components-popover__content {
border: 1px solid #1e1e1e;
box-shadow: none
}
.components-popover .wc-blocks-components-form-token-field-wrapper .components-popover__content {
height: auto;
overflow-y: auto;
position: absolute
}
.components-popover.is-expanded .wc-blocks-components-form-token-field-wrapper .components-popover__content {
border: none;
border-top: 1px solid #1e1e1e;
height: calc(100% - 48px);
min-width: auto;
overflow-y: visible;
position: static
}
.components-popover[data-y-axis=top] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
bottom: 100%
}
.components-popover[data-x-axis=center] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
left: 50%;
transform: translateX(-50%)
}
.components-popover[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
left: 100%;
position: absolute
}
.components-popover:not([data-y-axis=middle])[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
margin-left: -25px
}
.components-popover[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
position: absolute;
right: 100%
}
.components-popover:not([data-y-axis=middle])[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
margin-right: -25px
}
.wc-blocks-components-form-token-field-wrapper .components-popover__header {
align-items: center;
background: #fff;
display: flex;
height: 48px;
justify-content: space-between;
padding: 0 8px 0 16px
}
.wc-blocks-components-form-token-field-wrapper .components-popover__header-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.wc-blocks-components-form-token-field-wrapper .components-popover__close.components-button {
z-index: z-index(".components-popover__close")
}
.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover {
z-index: z-index(".components-tooltip")
}
.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover .components-popover__content {
min-width: 0
}
.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content {
background: #1e1e1e;
border-radius: 2px;
border-width: 0;
box-shadow: none;
color: #fff;
font-size: 12px;
line-height: 1.4;
text-align: center;
white-space: nowrap
}
.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content>div {
padding: 4px 8px
}
.wc-blocks-components-form-token-field-wrapper .components-tooltip__shortcut {
display: inline-block;
margin-left: 8px
}
.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper {
position: relative
}
.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper .event-catcher {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: z-index(".components-tooltip .event-catcher")
}
.wc-blocks-components-form-token-field-wrapper {
border-color: #949494
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label,
.wc-blocks-components-form-token-field-wrapper .components-visually-hidden {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal!important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal!important;
padding: 0;
position: absolute!important;
width: 1px
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field,
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
border-color: inherit;
box-sizing: border-box;
margin-bottom: 0
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
background-color: #fff;
border-radius: 0;
box-shadow: none;
color: #000;
position: relative
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input {
min-height: 30px
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text {
background: #e0e0e0
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token {
border: none
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list {
background-color: #fff;
border: 1px solid #949494;
border-top: 0 solid #949494;
left: -1px;
margin: 1px 0 0;
position: absolute;
right: -1px;
top: 100%;
z-index: 50
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list:empty {
display: none
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion {
padding: 8px
}
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected {
background: #f0f0f0;
color: #2f2f2f
}
.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token {
margin-right: 0;
position: relative;
width: 100%;
z-index: 1
}
.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__remove-token.components-button,
.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text {
background: transparent
}
.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text {
padding-left: 4px;
width: 100%
}
.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input {
position: absolute
}
.wc-blocks-components-form-token-field-wrapper.single-selection .is-active .components-form-token-field__token+input[type=text].components-form-token-field__input {
border: 1px solid #949494;
margin: 0 2px 4px;
padding: 0 5px;
position: static
}
.wc-block-components-formatted-money-amount {
white-space: nowrap
}
.wc-block-components-load-more {
text-align: center;
width: 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: .25
}
.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: .3em .6em
}
@media(max-width:782px) {
.wc-block-components-pagination__page {
min-width: 1.6em;
padding: .1em .2em
}
}
.wc-block-components-pagination__page:not(.toggle) {
background-color: transparent
}
.wc-block-components-pagination__ellipsis {
padding: .3em
}
@media(max-width:782px) {
.wc-block-components-pagination__ellipsis {
padding: .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)
}
.wc-block-components-price-slider {
margin-bottom: 24px
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-filter-reset-button,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-filter-submit-button,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-filter-reset-button>*,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-filter-submit-button>*,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper>* {
visibility: hidden
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-filter-reset-button:after,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-filter-submit-button:after,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-components-price-slider.is-loading.is-disabled .wc-block-components-filter-reset-button,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-filter-submit-button,
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__amount {
display: none
}
.wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__amount,
.wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__button,
.wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__range-input-wrapper {
-webkit-animation: none;
animation: none
}
.wc-block-components-price-slider__range-input-wrapper {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0!important;
border-radius: 4px;
clear: both;
flex-grow: 1;
height: 4px;
margin: 15px 0;
outline: none;
padding: 0!important;
position: relative
}
.wc-block-components-price-slider__range-input-wrapper:before {
background: currentColor;
bottom: 0;
content: "";
left: 0;
opacity: .2;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-price-slider__range-input-wrapper.is-loading {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
height: .5625em;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-components-price-slider__range-input-wrapper.is-loading>* {
visibility: hidden
}
.wc-block-components-price-slider__range-input-wrapper.is-loading:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-components-price-slider__range-input-wrapper.is-loading {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-price-slider__range-input-progress {
--track-background: linear-gradient(90deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;
--range-color: currentColor;
background: var(--track-background);
height: 4px;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.wc-block-components-price-slider__controls {
align-items: center;
display: flex;
gap: 8px;
justify-content: space-between;
margin: 16px 0
}
.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
border-radius: 4px;
border-width: 1px;
margin: 0;
max-width: 80px;
min-width: 0;
padding: 8px;
width: auto
}
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
max-width: 60px
}
.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.is-loading {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0!important;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1
}
.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.is-loading>* {
visibility: hidden
}
.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.is-loading:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-components-price-slider__controls .wc-block-components-price-slider__amount.is-loading {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-price-slider__range-text {
align-items: center;
display: flex;
justify-content: space-between;
margin: 24px 0
}
.wc-block-components-price-slider__actions {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end
}
.wc-block-components-price-slider__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button {
margin-left: 0;
margin-top: 0
}
.wc-block-components-price-slider__range-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0!important;
display: block;
height: 0;
left: 0;
margin: 0;
outline: none;
outline: none!important;
padding: 0!important;
pointer-events: none;
position: relative;
position: absolute;
top: 0;
width: 100%
}
.wc-block-components-price-slider__range-input::-webkit-slider-runnable-track {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: default;
height: 1px;
outline: 0
}
.wc-block-components-price-slider__range-input::-webkit-slider-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
background-position: 0 0;
border: 2px solid #1e1e1e;
border-radius: 100%;
box-sizing: content-box;
cursor: pointer;
height: 12px;
margin: -5px 0 0;
padding: 0;
pointer-events: auto;
-webkit-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
vertical-align: top;
width: 12px;
z-index: 20
}
.wc-block-components-price-slider__range-input::-webkit-slider-thumb:hover {
background: #1e1e1e;
border-color: #fff
}
.wc-block-components-price-slider__range-input::-webkit-slider-progress {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0!important;
margin: 0;
outline: none;
padding: 0!important
}
.wc-block-components-price-slider__range-input::-moz-focus-outer {
border: 0
}
.wc-block-components-price-slider__range-input::-moz-range-track {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: default;
height: 1px;
outline: 0
}
.wc-block-components-price-slider__range-input::-moz-range-progress {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0!important;
margin: 0;
outline: none;
padding: 0!important
}
.wc-block-components-price-slider__range-input::-moz-range-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
background-position: 0 0;
border: 2px solid #1e1e1e;
border-radius: 100%;
box-sizing: content-box;
cursor: pointer;
height: 12px;
margin: 0;
padding: 0;
pointer-events: auto;
-moz-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
vertical-align: top;
width: 12px;
z-index: 20
}
.wc-block-components-price-slider__range-input::-moz-range-thumb:hover {
background: #1e1e1e;
border-color: #fff
}
.wc-block-components-price-slider__range-input::-ms-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
background-position: 0 0;
border: 2px solid #1e1e1e;
border-radius: 100%;
box-sizing: content-box;
cursor: pointer;
height: 12px;
margin: 0;
padding: 0;
pointer-events: auto;
-ms-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
vertical-align: top;
width: 12px;
z-index: 20
}
.wc-block-components-price-slider__range-input::-ms-thumb:hover {
background: #1e1e1e;
border-color: #fff
}
.wc-block-components-price-slider__range-input:focus::-webkit-slider-thumb {
background: #1e1e1e;
border-color: #fff
}
.wc-block-components-price-slider__range-input:focus::-moz-range-thumb {
background: #1e1e1e;
border-color: #fff
}
.wc-block-components-price-slider__range-input:focus::-ms-thumb {
background: #1e1e1e;
border-color: #fff
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min {
z-index: 21
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min::-webkit-slider-thumb {
background-position-x: left;
margin-left: -2px
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min::-moz-range-thumb {
background-position-x: left;
transform: translate(-2px, 2px)
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min::-ms-thumb {
background-position-x: left
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max {
z-index: 20
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max::-webkit-slider-thumb {
background-position-x: right;
margin-left: 2px
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max::-moz-range-thumb {
background-position-x: right;
transform: translate(2px, 2px)
}
.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max::-ms-thumb {
background-position-x: right
}
.rtl .wc-block-components-price-slider__range-input-progress {
--track-background: linear-gradient(270deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;
--range-color: #af7dd1;
background: var(--track-background)
}
@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.wc-block-components-price-slider__range-input-wrapper {
background: transparent;
box-shadow: none;
height: 24px
}
.wc-block-components-price-slider__range-input-progress {
background: #af7dd1;
top: 7px;
width: 100%
}
.wc-block-components-price-slider__range-input {
height: 24px;
pointer-events: auto
}
.wc-block-components-price-slider__range-input::-ms-track {
background: transparent;
border-color: transparent;
border-width: 7px 0;
color: transparent
}
.wc-block-components-price-slider__range-input::-ms-fill-lower {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-components-price-slider__range-input::-ms-fill-upper {
background: transparent
}
.wc-block-components-price-slider__range-input::-ms-tooltip {
display: none
}
.wc-block-components-price-slider__range-input::-ms-thumb {
pointer-events: auto;
transform: translate(1px)
}
.wc-block-components-price-slider__range-input--max::-ms-fill-upper {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-components-price-slider__range-input--max::-ms-fill-lower {
background: transparent
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper>* {
visibility: hidden
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
background-repeat: no-repeat;
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: translateX(-100%)
}
}
@media screen and (-ms-high-contrast:active)and (prefers-reduced-motion:reduce),
screen and (-ms-high-contrast:none)and (prefers-reduced-motion:reduce) {
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
@supports(-ms-ime-align:auto) {
.wc-block-components-price-slider__range-input-wrapper {
background: transparent;
box-shadow: none;
height: 24px
}
.wc-block-components-price-slider__range-input-progress {
background: #af7dd1;
top: 7px;
width: 100%
}
.wc-block-components-price-slider__range-input {
height: 24px;
pointer-events: auto
}
.wc-block-components-price-slider__range-input::-ms-track {
background: transparent;
border-color: transparent;
border-width: 7px 0;
color: transparent
}
.wc-block-components-price-slider__range-input::-ms-fill-lower {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-components-price-slider__range-input::-ms-fill-upper {
background: transparent
}
.wc-block-components-price-slider__range-input::-ms-tooltip {
display: none
}
.wc-block-components-price-slider__range-input::-ms-thumb {
pointer-events: auto;
transform: translate(1px)
}
.wc-block-components-price-slider__range-input--max::-ms-fill-upper {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-components-price-slider__range-input--max::-ms-fill-lower {
background: transparent
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper>* {
visibility: hidden
}
.wc-block-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-components-price-slider.is-loading.is-disabled .wc-block-components-price-slider__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
.theme-twentytwentyone .wc-block-components-price-slider__range-input-wrapper {
background: transparent;
border: 3px solid;
box-sizing: border-box
}
.theme-twentytwentyone .wc-block-components-price-slider__range-input-progress {
--range-color: currentColor;
margin: -3px
}
.theme-twentytwentyone .wc-block-price-filter__range-input {
background: transparent;
margin: -3px;
width: calc(100% + 6px)
}
.theme-twentytwentyone .wc-block-price-filter__range-input:focus::-webkit-slider-thumb,
.theme-twentytwentyone .wc-block-price-filter__range-input:hover::-webkit-slider-thumb {
filter: none
}
.theme-twentytwentyone .wc-block-price-filter__range-input:focus::-moz-range-thumb,
.theme-twentytwentyone .wc-block-price-filter__range-input:hover::-moz-range-thumb {
filter: none
}
.theme-twentytwentyone .wc-block-price-filter__range-input:focus::-ms-thumb,
.theme-twentytwentyone .wc-block-price-filter__range-input:hover::-ms-thumb {
filter: none
}
.theme-twentytwentyone .wc-block-price-filter__range-input::-webkit-slider-thumb {
margin-top: -9px
}
.theme-twentytwentyone .wc-block-price-filter__range-input.wc-block-components-price-slider__range-input--max::-moz-range-thumb {
transform: translate(2px, 1px)
}
.theme-twentytwentyone .wc-block-price-filter__range-input.wc-block-components-price-slider__range-input--min::-moz-range-thumb {
transform: translate(-2px, 1px)
}
.theme-twentytwentyone .wc-block-price-filter__range-input::-ms-track {
border-color: transparent!important
}
@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.theme-twentytwentyone .wc-block-components-price-slider__range-input-wrapper {
border: 0;
height: auto;
height: 50px;
position: relative
}
.theme-twentytwentyone .wc-block-components-price-slider__range-input-progress {
display: none
}
.theme-twentytwentyone .wc-block-price-filter__range-input {
height: 100%;
margin: 0;
width: 100%
}
}
.wc-block-components-product-sort-select {
margin-bottom: 24px;
text-align: left
}
@-webkit-keyframes spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.wc-block-grid {
text-align: center
}
.wc-block-grid__no-products {
padding: 40px;
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: .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
}
.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product,
.wc-block-grid.has-aligned-buttons .wc-block-grid__product {
display: flex;
flex-direction: column
}
.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product>:last-child,
.wc-block-grid.has-aligned-buttons .wc-block-grid__product>:last-child {
margin-bottom: 0;
margin-top: auto;
padding-bottom: 12px
}
.theme-twentytwenty .wc-block-grid.has-1-columns .wc-block-grid__product,
.wc-block-grid.has-1-columns .wc-block-grid__product {
flex: 1 0 100%;
max-width: 100%
}
.theme-twentytwenty .wc-block-grid.has-2-columns .wc-block-grid__product,
.wc-block-grid.has-2-columns .wc-block-grid__product {
flex: 1 0 50%;
max-width: 50%
}
.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product {
flex: 1 0 33.3333333333%;
max-width: 33.3333333333%
}
.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-4-columns .wc-block-grid__product {
flex: 1 0 25%;
max-width: 25%
}
.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,
.wc-block-grid.has-5-columns .wc-block-grid__product {
flex: 1 0 20%;
max-width: 20%
}
.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,
.wc-block-grid.has-6-columns .wc-block-grid__product {
flex: 1 0 16.6666666667%;
max-width: 16.6666666667%
}
.theme-twentytwenty .wc-block-grid.has-7-columns .wc-block-grid__product,
.wc-block-grid.has-7-columns .wc-block-grid__product {
flex: 1 0 14.2857142857%;
max-width: 14.2857142857%
}
.theme-twentytwenty .wc-block-grid.has-8-columns .wc-block-grid__product,
.wc-block-grid.has-8-columns .wc-block-grid__product {
flex: 1 0 12.5%;
max-width: 12.5%
}
.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,
.wc-block-grid.has-6-columns .wc-block-grid__product {
font-size: .5em
}
.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,
.theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product,
.wc-block-grid.has-5-columns .wc-block-grid__product,
.wc-block-grid.has-6-columns.alignfull .wc-block-grid__product {
font-size: .58em
}
.theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
.theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product,
.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: .75em
}
.theme-twentytwenty .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull),
.wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) {
font-size: .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
}
}
.wc-block-components-product-name {
font-size: 1em;
overflow-wrap: anywhere;
word-break: break-word;
-ms-word-break: break-all
}
.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__value.is-discounted {
margin-left: .5em
}
.is-loading .wc-block-components-product-price:before {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
content: ".";
display: block;
display: inline-block;
line-height: 1;
max-width: 100%!important;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
animation: none
}
}
.wc-block-components-product-rating__stars {
display: inline-block;
height: 1em;
line-height: 1
}
.wc-block-components-quantity-selector {
border-radius: 4px;
box-sizing: content-box;
display: flex;
margin: 0 0 .25em;
position: relative;
width: 107px
}
.wc-block-components-quantity-selector:after {
border: 1px solid;
border-radius: 4px;
bottom: 0;
content: "";
left: 0;
opacity: .45;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
-webkit-appearance: textfield;
-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: .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: .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: .9em;
font-style: normal;
font-weight: 400;
margin: 0;
min-width: 30px;
opacity: .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: .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
}
.theme-twentyseventeen .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus,
.theme-twentyseventeen .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
background: none transparent
}
.wc-block-components-radio-control__option {
color: inherit;
display: block;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin: 1em 0;
padding: 0 0 0 2.5em;
position: relative;
text-decoration: inherit;
text-transform: inherit
}
.wc-block-components-radio-control__option:first-child {
margin-top: 0
}
.wc-block-components-radio-control__option:last-child {
margin-bottom: 0
}
.wc-block-components-radio-control__option-layout {
display: table;
width: 100%
}
.wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout:after {
display: none
}
.wc-block-components-radio-control__description-group,
.wc-block-components-radio-control__label-group {
display: table-row
}
.wc-block-components-radio-control__description-group>span,
.wc-block-components-radio-control__label-group>span {
display: table-cell
}
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-description,
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-label,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-description,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label {
min-width: 50%;
text-align: right
}
.wc-block-components-radio-control__label,
.wc-block-components-radio-control__secondary-label {
line-height: max(1.5rem, 24px)
}
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-description {
font-size: .875em;
line-height: 20px
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 2px solid #50575e;
border-radius: 50%;
display: inline-block;
height: 1.5em;
left: 0;
min-height: 24px;
min-width: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.5em
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: #000;
border-radius: 50%;
content: "";
display: block;
height: .75em;
left: 50%;
margin: 0;
min-height: 12px;
min-width: 12px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: .75em
}
.has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input {
background-color: rgba(0, 0, 0, .1);
border-color: hsla(0, 0%, 100%, .6)
}
.has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: #fff
}
.theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
border-width: 2px
}
.theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background-color: var(--form--color-text)
}
.theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:after {
display: none
}
.is-loading .wc-block-components-review-list-item__text {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
width: 60%;
z-index: 1
}
.is-loading .wc-block-components-review-list-item__text>* {
visibility: hidden
}
.is-loading .wc-block-components-review-list-item__text:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-review-list-item__text {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-components-review-list-item__text:before {
content: " "
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image>* {
visibility: hidden
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-review-list-item__info .wc-block-components-review-list-item__image {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image:before {
content: " "
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
font-size: 1em;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
width: 80px;
z-index: 1
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author>* {
visibility: hidden
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author:before {
content: " "
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__product,
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__rating .wc-block-components-review-list-item__rating__stars>span {
display: none
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
height: 1em;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
width: 120px;
z-index: 1
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date>* {
visibility: hidden
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-review-list-item__info .wc-block-components-review-list-item__published-date {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date:before {
content: " "
}
.editor-styles-wrapper .wc-block-components-review-list-item__item,
.wc-block-components-review-list-item__item {
list-style: none;
margin: 0 0 48px
}
.wc-block-components-review-list-item__info {
-ms-grid-columns: 1fr;
display: -ms-grid;
display: grid;
grid-template-columns: 1fr;
margin-bottom: 24px
}
.wc-block-components-review-list-item__meta {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__info {
-ms-grid-columns: calc(3em + 16px) 1fr;
grid-template-columns: calc(3em + 16px) 1fr
}
.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__meta {
-ms-grid-column: 2;
grid-column: 2
}
.wc-block-components-review-list-item__image {
-ms-grid-row-span: 2;
align-items: center;
display: flex;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1/3;
height: 3em;
justify-content: center;
position: relative;
width: 3em
}
.wc-block-components-review-list-item__image>img {
display: block;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.wc-block-components-review-list-item__verified {
bottom: -7px;
height: 21px;
line-height: 21px;
margin: 0;
overflow: hidden;
position: absolute;
right: -7px;
text-indent: 21px;
width: 21px
}
.wc-block-components-review-list-item__verified:before {
background: transparent url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="none"%3E%3Ccircle cx="10.5" cy="10.5" r="10.5" fill="%23fff"/%3E%3Cpath fill="%23008A21" fill-rule="evenodd" d="M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z" clip-rule="evenodd"/%3E%3Cmask id="a" width="17" height="17" x="2" y="2" maskUnits="userSpaceOnUse"%3E%3Cpath fill="%23fff" fill-rule="evenodd" d="M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z" clip-rule="evenodd"/%3E%3C/mask%3E%3Cg mask="url(%23a)"%3E%3Cpath fill="%23008A21" d="M.5.5h20v20H.5z"/%3E%3C/g%3E%3C/svg%3E') 50% no-repeat;
content: "";
display: block;
height: 21px;
width: 21px
}
.wc-block-components-review-list-item__meta {
align-items: center;
display: flex;
flex-flow: row wrap
}
.wc-block-components-review-list-item__meta:after {
content: "";
flex-basis: 100%;
order: 3
}
.wc-block-components-review-list-item__author,
.wc-block-components-review-list-item__product {
display: block;
font-weight: 700;
margin-right: 8px;
order: 1
}
.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author {
font-weight: 400;
order: 4
}
.wc-block-components-review-list-item__published-date {
order: 5
}
.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date {
padding-left: 8px;
position: relative
}
.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date:before {
border-right: 1px solid;
content: "";
display: inline-block;
height: 1em;
margin-left: -8px;
opacity: .5;
position: absolute;
top: calc(50% + .1em);
transform: translateY(-50%);
vertical-align: middle
}
.wc-block-components-review-list-item__author:first-child+.wc-block-components-review-list-item__published-date:before,
.wc-block-components-review-list-item__rating+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date:before {
display: none
}
.wc-block-components-review-list-item__rating {
order: 2
}
.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars {
display: block;
font-family: star;
font-size: 1em;
font-weight: 400;
height: 1em;
line-height: 1;
overflow: hidden;
position: relative;
top: 0;
width: 5.3em
}
.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars:before {
content: "SSSSS";
float: left;
left: 0;
opacity: .25;
position: absolute;
top: 0
}
.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span {
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0
}
.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span:before {
color: #e6a237;
content: "SSSSS";
left: 0;
position: absolute;
top: 0
}
.wc-block-components-review-list-item__text p {
font-size: inherit
}
.wc-block-components-review-list.wc-block-components-review-list {
margin: 0
}
.wc-block-components-review-sort-select {
text-align: right
}
.wc-block-components-sidebar-layout {
display: flex;
flex-wrap: wrap;
margin: 0 auto 16px;
position: relative
}
.wc-block-components-sidebar-layout .wc-block-components-main {
box-sizing: border-box;
margin: 0;
padding-right: 3.7735849057%;
width: 65%
}
.wc-block-components-sidebar {
box-sizing: border-box;
margin: 0;
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-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 {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-decoration: inherit;
text-transform: inherit
}
.wc-block-components-sidebar .wc-block-components-panel>h2 .wc-block-components-panel__button {
font-weight: 400
}
.theme-twentytwenty .wc-block-components-sidebar .wc-block-components-panel>h2 {
border: 0;
border-radius: 0;
font-size: 1.25em;
margin: 0;
padding: 0;
vertical-align: baseline
}
.wc-block-components-sort-select {
margin-bottom: 12px
}
.wc-block-components-sort-select__label {
display: inline-block;
font-weight: 400;
margin-right: 12px
}
.wc-block-components-sort-select__select {
font-size: inherit;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.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 {
-webkit-animation: spinner__animation 1s linear infinite;
animation: spinner__animation 1s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: .2em solid;
border-left: .2em solid transparent;
border-radius: 50%;
box-sizing: border-box;
content: " ";
height: 1em;
left: 50%;
margin: -.5em 0 0 -.5em;
position: absolute;
top: 50%;
transform: translateZ(0) scale(.5);
transform-origin: 50% 50%;
width: 1em
}
.wc-block-components-state-input {
margin-top: 1.5em
}
.wc-block-components-tabs .wc-block-components-tabs__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item {
background: transparent;
border: none;
border-radius: 0;
box-shadow: inset 0 -1px currentColor;
color: inherit;
flex: auto;
outline-offset: -1px;
padding: 12px 16px;
text-align: center;
transition: box-shadow .1s linear
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item.is-active {
box-shadow: inset 0 -3px currentColor;
font-weight: 600;
position: relative
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item:focus {
outline: 1px dotted currentColor;
outline-offset: -1px
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item:active,
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item:hover {
background: transparent
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item .wc-block-components-tabs__item-content {
display: inline-block;
font-size: 1em;
font-weight: 700;
line-height: 1;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item .wc-block-components-tabs__item-content>img,
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item .wc-block-components-tabs__item-content>svg {
height: 1.2em;
margin: .2em 0 -.2em;
vertical-align: middle
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item .wc-block-components-tabs__item-content .wc-block-components-payment-method-icons {
margin: .2em 0 -.2em
}
.wc-block-components-tabs .wc-block-components-tabs__list>.wc-block-components-tabs__item .wc-block-components-tabs__item-content .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon {
height: 1.2em;
vertical-align: middle
}
.wc-block-components-tabs .wc-block-components-tabs__content {
padding: 16px 0;
text-transform: none
}
.wc-block-components-form .wc-block-components-text-input,
.wc-block-components-text-input {
margin-top: 1.5em;
position: relative;
white-space: nowrap
}
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
color: inherit;
color: #757575;
cursor: text;
font-family: inherit;
font-size: inherit;
font-size: 1em;
font-style: inherit;
font-weight: inherit;
left: 0;
letter-spacing: inherit;
line-height: inherit;
line-height: 1.375;
margin: 0 0 0 17px;
max-width: calc(100% - 32px);
overflow: hidden;
position: absolute;
text-decoration: inherit;
text-overflow: ellipsis;
text-transform: inherit;
top: 0;
transform: translateY(.75em);
transform-origin: top left;
transition: transform .2s ease
}
.has-dark-controls .wc-block-components-form .wc-block-components-text-input label,
.has-dark-controls .wc-block-components-text-input label {
color: hsla(0, 0%, 100%, .6)
}
@media screen and (prefers-reduced-motion:reduce) {
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
transition: none
}
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label,
.wc-block-components-text-input input:-webkit-autofill+label {
transform: translateY(4px) scale(.75)
}
.wc-block-components-form .wc-block-components-text-input.is-active label,
.wc-block-components-text-input.is-active label {
transform: translateY(4px) scale(.75)
}
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] {
background-color: #fff;
border: 1px solid #50575e;
border-radius: 4px;
box-sizing: border-box;
color: #2b2d2f;
font-family: inherit;
font-size: 1em;
height: 3em;
line-height: 1.375;
margin: 0;
min-height: 0;
padding: .75em 0;
text-indent: 16px;
width: 100%
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus {
background-color: #fff;
box-shadow: 0 0 0 1px #50575e;
color: #2b2d2f;
outline: 0
}
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=email],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=number],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=tel],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=text],
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=url],
.has-dark-controls .wc-block-components-text-input input[type=email],
.has-dark-controls .wc-block-components-text-input input[type=number],
.has-dark-controls .wc-block-components-text-input input[type=tel],
.has-dark-controls .wc-block-components-text-input input[type=text],
.has-dark-controls .wc-block-components-text-input input[type=url] {
background-color: rgba(0, 0, 0, .1);
border-color: hsla(0, 0%, 100%, .4);
color: #fff
}
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.has-dark-controls .wc-block-components-text-input input[type=email]:focus,
.has-dark-controls .wc-block-components-text-input input[type=number]:focus,
.has-dark-controls .wc-block-components-text-input input[type=tel]:focus,
.has-dark-controls .wc-block-components-text-input input[type=text]:focus,
.has-dark-controls .wc-block-components-text-input input[type=url]:focus {
background-color: rgba(0, 0, 0, .1);
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .4);
color: #fff
}
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=number] {
-moz-appearance: textfield
}
.wc-block-components-form .wc-block-components-text-input input[type=number]::-webkit-inner-spin-button,
.wc-block-components-form .wc-block-components-text-input input[type=number]::-webkit-outer-spin-button,
.wc-block-components-text-input input[type=number]::-webkit-inner-spin-button,
.wc-block-components-text-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0
}
.wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
.wc-block-components-text-input.is-active input[type=email],
.wc-block-components-text-input.is-active input[type=number],
.wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-text-input.is-active input[type=text],
.wc-block-components-text-input.is-active input[type=url] {
padding: 1.5em 0 .25em
}
.wc-block-components-form .wc-block-components-text-input.has-error input,
.wc-block-components-form .wc-block-components-text-input.has-error input:active,
.wc-block-components-form .wc-block-components-text-input.has-error input:focus,
.wc-block-components-form .wc-block-components-text-input.has-error input:hover,
.wc-block-components-text-input.has-error input,
.wc-block-components-text-input.has-error input:active,
.wc-block-components-text-input.has-error input:focus,
.wc-block-components-text-input.has-error input:hover {
border-color: #cc1818
}
.wc-block-components-form .wc-block-components-text-input.has-error input:focus,
.wc-block-components-text-input.has-error input:focus {
box-shadow: 0 0 0 1px #cc1818
}
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:active,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:focus,
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:hover,
.has-dark-controls .wc-block-components-text-input.has-error input,
.has-dark-controls .wc-block-components-text-input.has-error input:active,
.has-dark-controls .wc-block-components-text-input.has-error input:focus,
.has-dark-controls .wc-block-components-text-input.has-error input:hover {
border-color: #f18c8c
}
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error input:focus,
.has-dark-controls .wc-block-components-text-input.has-error input:focus {
box-shadow: 0 0 0 1px #f18c8c
}
.wc-block-components-form .wc-block-components-text-input.has-error label,
.wc-block-components-text-input.has-error label {
color: #cc1818
}
.has-dark-controls .wc-block-components-form .wc-block-components-text-input.has-error label,
.has-dark-controls .wc-block-components-text-input.has-error label {
color: #f18c8c
}
.wc-block-components-form .wc-block-components-text-input:only-child,
.wc-block-components-text-input:only-child {
margin-top: 1.5em
}
.wc-block-components-textarea {
background-color: #fff;
border: 1px solid #50575e;
border-radius: 4px;
color: #2b2d2f;
font-family: inherit;
font-size: 1em;
line-height: 1.375;
margin: 0;
padding: .75em 16px;
width: 100%
}
.has-dark-controls .wc-block-components-textarea {
background-color: rgba(0, 0, 0, .1);
border-color: hsla(0, 0%, 100%, .4);
color: #fff
}
.has-dark-controls .wc-block-components-textarea::-moz-placeholder {
color: hsla(0, 0%, 100%, .6)
}
.has-dark-controls .wc-block-components-textarea:-ms-input-placeholder {
color: hsla(0, 0%, 100%, .6)
}
.has-dark-controls .wc-block-components-textarea::placeholder {
color: hsla(0, 0%, 100%, .6)
}
.theme-twentytwentyone .has-dark-controls .wc-block-components-textarea {
background-color: rgba(0, 0, 0, .1);
color: #fff
}
.theme-twentytwenty .wc-block-components-title.wc-block-components-title,
.wc-block-components-title.wc-block-components-title {
border: 0;
border-radius: 0;
font-size: 1.25em;
margin: 0;
padding: 0;
vertical-align: baseline;
word-break: break-word
}
.wc-block-components-validation-error {
color: #cc1818;
font-size: .75em;
max-width: 100%;
white-space: normal
}
.wc-block-components-validation-error>p {
margin: 0;
padding: 4px 0 0
}
.has-dark-mode-palette .wc-block-components-validation-error {
color: #f18c8c
}
.wc-block-components-select+.wc-block-components-validation-error {
margin-bottom: 24px
}
.wc-block-components-notices {
display: block;
margin-bottom: 2em
}
.wc-block-components-notices .wc-block-components-notices__notice {
display: flex;
flex-wrap: nowrap;
margin: 0
}
.wc-block-components-notices .wc-block-components-notices__notice a {
text-decoration: underline
}
.wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss {
background: transparent none;
border: 0;
color: currentColor;
margin: 0 0 0 auto;
outline: 0;
padding: 0
}
.wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss svg {
fill: currentColor;
vertical-align: text-top
}
.wc-block-components-notices .wc-block-components-notices__notice .components-notice__content>div:not(.components-notice__actions) :first-child {
margin-top: 0
}
.wc-block-components-notices .wc-block-components-notices__notice .components-notice__content>div:not(.components-notice__actions) :last-child {
margin-bottom: 0
}
.wc-block-components-notices .wc-block-components-notices__notice+.wc-block-components-notices__notice {
margin-top: 1em
}
.theme-twentytwenty .wc-block-components-notices__notice,
.theme-twentytwentyone .wc-block-components-notices__notice {
padding: 1.5rem 3rem
}
.wc-block-components-notices__snackbar {
bottom: 20px;
left: 16px;
position: fixed;
width: auto
}
@media(max-width:782px) {
.wc-block-components-notices__snackbar {
bottom: auto;
left: 0;
position: fixed;
top: 10px
}
.wc-block-components-notices__snackbar .components-snackbar-list__notice-container {
margin-left: 10px;
margin-right: 10px
}
}
.with-scroll-to-top__scroll-point {
position: relative;
top: -36px
}
.wc-block-components-express-payment {
margin: auto;
position: relative
}
.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style: none;
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
}
.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: 15px
}
.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: -5px;
vertical-align: middle
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:before {
border-left: 1px solid;
border-radius: 5px 0 0 0;
border-top: 1px solid;
content: "";
display: block;
height: 4px;
margin-right: 12px;
opacity: .3;
pointer-events: none;
width: 10px
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:after {
border-radius: 0 5px 0 0;
border-right: 1px solid;
border-top: 1px solid;
content: "";
display: block;
flex-grow: 1;
height: 4px;
margin-left: 12px;
opacity: .3;
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 {
padding: 1.5em 23px;
position: relative
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__content:after {
border-radius: 0 0 5px 5px;
border-style: solid;
border-width: 0 1px 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__content>p {
margin-bottom: 1em
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons>li {
display: inline-block;
width: 50%
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons>li:only-child {
display: block;
width: 100%
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons>li:nth-child(2n) {
padding-left: 8px
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons>li:nth-child(odd) {
padding-right: 8px
}
.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: 24px 0;
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;
content: " ";
flex: 1;
opacity: .3
}
.wc-block-components-express-payment-continue-rule--cart {
margin: 16px 0;
text-transform: uppercase
}
.theme-twentynineteen .wc-block-components-express-payment__title:before {
display: none
}
.theme-twentytwenty .wc-block-components-express-payment .wc-block-components-express-payment__title {
padding-left: 12px;
padding-right: 12px
}
.components-placeholder.wc-block-checkout__no-payment-methods-placeholder {
margin-bottom: 16px
}
.components-placeholder.wc-block-checkout__no-payment-methods-placeholder * {
pointer-events: all
}
.components-placeholder.wc-block-checkout__no-payment-methods-placeholder .components-placeholder__fieldset {
display: block
}
.components-placeholder.wc-block-checkout__no-payment-methods-placeholder .components-placeholder__fieldset .components-button {
background-color: #1e1e1e;
color: #fff
}
.components-placeholder.wc-block-checkout__no-payment-methods-placeholder .components-placeholder__fieldset .wc-block-checkout__no-payment-methods-placeholder-description {
display: block;
margin: .25em 0 1em
}
.components-notice.wc-block-checkout__no-payment-methods-notice {
margin-bottom: 16px
}
.wc-block-card-elements {
display: flex;
width: 100%
}
.wc-block-card-elements .wc-block-components-validation-error {
position: static
}
.wc-block-gateway-container {
margin-bottom: 1.5em;
position: relative;
white-space: nowrap
}
.wc-block-gateway-container.wc-card-number-element {
flex-basis: 15em;
flex-grow: 1;
min-width: min(15em, 60%)
}
.wc-block-gateway-container.wc-card-expiry-element {
flex-basis: 7em;
margin-left: 12px;
min-width: min(7em, calc(24% - 12px))
}
.wc-block-gateway-container.wc-card-cvc-element {
flex-basis: 7em;
margin-left: 12px;
min-width: min(5em, calc(16% - 12px))
}
.wc-block-gateway-container .wc-block-gateway-input {
background-color: #fff;
border: 1px solid #50575e;
border-radius: 4px;
box-sizing: border-box;
color: #2b2d2f;
cursor: text;
font-family: inherit;
font-size: 1em;
height: 3em;
line-height: 1.375;
margin: 0;
padding: .75em 0 .75em 16px;
width: 100%
}
.wc-block-gateway-container .wc-block-gateway-input:focus,
.wc-block-gateway-container:focus {
background-color: #fff
}
.wc-block-gateway-container label {
color: inherit;
color: #757575;
cursor: text;
font-family: inherit;
font-size: inherit;
font-size: 1em;
font-style: inherit;
font-weight: inherit;
left: 0;
letter-spacing: inherit;
line-height: inherit;
line-height: 1.375;
margin: 0 0 0 17px;
max-width: calc(100% - 24px);
overflow: hidden;
position: absolute;
text-decoration: inherit;
text-overflow: ellipsis;
text-transform: inherit;
top: 0;
transform: translateY(.75em);
transform-origin: top left;
transition: transform .2s ease
}
@media screen and (prefers-reduced-motion:reduce) {
.wc-block-gateway-container label {
transition: none
}
}
.wc-block-gateway-container.wc-inline-card-element label {
margin-left: calc(24px + 1.5em)
}
.wc-block-gateway-container.wc-inline-card-element .wc-block-gateway-input.focused.empty+label,
.wc-block-gateway-container.wc-inline-card-element .wc-block-gateway-input:not(.empty)+label {
margin-left: 16px;
transform: translateY(4px) scale(.75)
}
.wc-block-gateway-container.wc-inline-card-element+.wc-block-components-validation-error {
margin-top: -24px;
position: static
}
.wc-block-gateway-container .wc-block-gateway-input.focused.empty,
.wc-block-gateway-container .wc-block-gateway-input:not(.empty) {
padding: 1.5em 0 .25em 16px
}
.wc-block-gateway-container .wc-block-gateway-input.focused.empty+label,
.wc-block-gateway-container .wc-block-gateway-input:not(.empty)+label {
transform: translateY(4px) scale(.75)
}
.wc-block-gateway-container .wc-block-gateway-input.has-error {
border-color: #cc1818
}
.wc-block-gateway-container .wc-block-gateway-input.has-error:focus {
outline-color: #cc1818
}
.wc-block-gateway-container .wc-block-gateway-input.has-error+label {
color: #cc1818
}
.is-large .wc-card-cvc-element .wc-block-components-validation-error>p,
.is-large .wc-card-expiry-element .wc-block-components-validation-error>p,
.is-medium .wc-card-cvc-element .wc-block-components-validation-error>p,
.is-medium .wc-card-expiry-element .wc-block-components-validation-error>p {
line-height: 16px;
padding-top: 4px
}
.is-mobile .wc-card-cvc-element .wc-block-components-validation-error>p,
.is-mobile .wc-card-expiry-element .wc-block-components-validation-error>p,
.is-small .wc-card-cvc-element .wc-block-components-validation-error>p,
.is-small .wc-card-expiry-element .wc-block-components-validation-error>p {
min-height: 28px
}
.wc-block-components-checkout-payment-methods * {
pointer-events: all
}
.is-mobile .wc-block-card-elements,
.is-small .wc-block-card-elements {
flex-wrap: wrap
}
.is-mobile .wc-block-gateway-container.wc-card-number-element,
.is-small .wc-block-gateway-container.wc-card-number-element {
flex-basis: 100%
}
.is-mobile .wc-block-gateway-container.wc-card-expiry-element,
.is-small .wc-block-gateway-container.wc-card-expiry-element {
flex-basis: calc(50% - 8px);
margin-left: 0;
margin-right: 8px
}
.is-mobile .wc-block-gateway-container.wc-card-cvc-element,
.is-small .wc-block-gateway-container.wc-card-cvc-element {
flex-basis: calc(50% - 8px);
margin-left: 8px
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option {
padding-left: 56px
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:after {
content: none
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__input {
left: 16px
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:first-child,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:last-child {
margin: 0;
padding-bottom: 1em;
padding-top: 1em
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option-checked {
font-weight: 700
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option {
position: relative
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:after,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:after {
border-style: solid;
border-width: 1px 1px 0;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:last-child:after,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:last-child:after {
border-width: 1px
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option:after {
border-width: 0
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label {
align-items: center;
display: flex;
justify-content: flex-start
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label img {
height: 24px;
max-height: 24px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left;
object-position: left
}
.wc-block-checkout__payment-method .wc-block-components-radio-control.disable-radio-control .wc-block-components-radio-control__option {
padding-left: 16px
}
.wc-block-checkout__payment-method .wc-block-components-radio-control.disable-radio-control .wc-block-components-radio-control__input {
display: none
}
.wc-block-checkout__payment-method .wc-block-components-checkout-step__description-payments-aligned {
height: 28px;
padding-top: 14px
}
.wc-block-components-radio-control-accordion-content {
padding: 0 16px 1em
}
.wc-block-components-radio-control-accordion-content:empty {
display: none
}
.wc-block-checkout__order-notes .wc-block-components-checkout-step__content {
padding-bottom: 0
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-cross-sells-block {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
margin-top: 2em;
max-width: 100%!important;
min-height: 15em;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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 .cross-sells-product {
box-sizing: content-box;
display: inline-block;
margin-bottom: 2em;
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-name {
font-weight: 400
}
.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
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-add-to-cart {
justify-content: center
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:not(.is-link) {
background-color: #eee;
color: #333;
font-weight: 600;
margin-top: 1em
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:not(.is-link):focus,
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:not(.is-link):hover {
background-color: #d5d5d5;
border-color: #d5d5d5;
color: #333
}
@media(max-width:480px) {
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product {
display: block;
width: 100%
}
}
.is-medium .wc-block-cart__sidebar,
.is-mobile .wc-block-cart__sidebar,
.is-small .wc-block-cart__sidebar {
margin-bottom: 24px;
order: 0
}
.editor-styles-wrapper .wc-block-cart__empty-cart__title,
.wc-block-cart__empty-cart__title {
font-size: inherit
}
.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;
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%, .5);
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0
}
}
.wc-block-checkout-error {
padding: 40px;
text-align: center;
width: 100%
}
.wc-block-checkout-error .wc-block-checkout-error__image {
color: inherit;
display: block;
margin: 0 auto 1em;
max-width: 150px
}
.wc-block-checkout-error .wc-block-checkout-error__title {
display: block;
font-weight: 700;
margin: 0
}
.wc-block-checkout-error .wc-block-checkout-error__description {
display: block;
margin: .25em 0 1em
}
.wc-block-checkout-empty {
padding: 40px;
text-align: center;
width: 100%
}
.wc-block-checkout-empty .wc-block-checkout-empty__image {
color: inherit;
display: block;
margin: 0 auto 1em;
max-width: 150px
}
.wc-block-checkout-empty .wc-block-checkout-empty__title {
display: block;
font-weight: 700;
margin: 0
}
.wc-block-checkout-empty .wc-block-checkout-empty__description {
display: block;
margin: .25em 0 1em
}
.wc-block-checkout__actions {
align-items: center;
display: flex;
justify-content: space-between
}
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
height: auto;
padding: 1em;
width: 50%
}
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button .wc-block-components-button__text {
line-height: 24px
}
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button .wc-block-components-button__text>svg {
fill: #fff;
vertical-align: top
}
.is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button {
display: none
}
.is-mobile .wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
width: 100%
}
.is-large .wc-block-checkout__actions {
padding: 1.5em 0;
position: relative
}
.is-large .wc-block-checkout__actions:after {
border-style: solid;
border-width: 1px 0 0;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-checkout__form {
margin: 0;
max-width: 100%
}
.is-medium .wc-block-checkout__main,
.is-mobile .wc-block-checkout__main,
.is-small .wc-block-checkout__main {
order: 1
}
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form {
margin-left: -6px;
margin-right: -6px
}
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form:after,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form:after,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form:after,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form:after,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form:after,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form:after {
clear: both;
content: "";
display: block
}
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input {
float: left;
margin-left: 6px;
margin-right: 6px;
position: relative;
width: calc(50% - 12px)
}
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2),
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2),
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2),
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2),
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2),
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2),
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2),
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2),
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2),
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2),
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2),
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2),
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2),
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2),
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2),
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2),
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2),
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2) {
margin-top: 0
}
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_1,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_2,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__company,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_1,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_2,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__company,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_1,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_2,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__company,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_1,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_2,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__company,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_1,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_2,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__company,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_1,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_2,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__company {
width: calc(100% - 12px)
}
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-checkbox,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-checkbox,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-checkbox,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-checkbox,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-checkbox,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-checkbox {
clear: both
}
.components-placeholder.wc-block-checkout__no-shipping-placeholder {
margin-bottom: 16px
}
.components-placeholder.wc-block-checkout__no-shipping-placeholder * {
pointer-events: all
}
.components-placeholder.wc-block-checkout__no-shipping-placeholder .components-placeholder__fieldset {
display: block
}
.components-placeholder.wc-block-checkout__no-shipping-placeholder .components-placeholder__fieldset .components-button {
background-color: #1e1e1e;
color: #fff
}
.components-placeholder.wc-block-checkout__no-shipping-placeholder .components-placeholder__fieldset .wc-block-checkout__no-shipping-placeholder-description {
display: block;
margin: .25em 0 1em
}
.wc-block-checkout__shipping-option .wc-block-components-radio-control__option {
margin: 0;
padding: .75em 0 .75em 2.5em;
position: relative
}
.wc-block-checkout__shipping-option .wc-block-components-radio-control__option:after {
border-style: solid;
border-width: 0 0 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__no-results-notice {
margin: .75em 0
}
.wc-block-checkout__terms {
margin: 1.5em 0
}
.wc-block-checkout__terms textarea {
position: relative;
top: -5px
}
.wc-block-checkout__terms.wc-block-checkout__terms--disabled {
opacity: .6
}
.wc-block-checkout__sidebar .wc-block-components-product-name {
color: inherit;
display: block;
flex-basis: 0;
flex-grow: 1
}
.wc-block-checkout__sidebar .wc-block-components-totals-footer-item {
margin: 0;
padding: 0
}
.is-medium .wc-block-checkout__sidebar,
.is-mobile .wc-block-checkout__sidebar,
.is-small .wc-block-checkout__sidebar {
margin-bottom: 24px;
order: 0
}
.wc-block-checkout__add-note {
margin: 1.5em 0
}
.is-medium .wc-block-checkout__add-note,
.is-mobile .wc-block-checkout__add-note,
.is-small .wc-block-checkout__add-note {
margin-bottom: 1em;
margin-top: 1em;
padding: 1em 0;
position: relative
}
.is-medium .wc-block-checkout__add-note:after,
.is-mobile .wc-block-checkout__add-note:after,
.is-small .wc-block-checkout__add-note:after {
border-style: solid;
border-width: 1px 0;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-checkout__add-note .wc-block-components-textarea {
margin-top: 16px
}
.wc-block-checkout__order-notes.wc-block-components-checkout-step {
padding-left: 0
}
.wp-block-woocommerce-checkout {
margin: 0
}
.wp-block-woocommerce-checkout .with-scroll-to-top__scroll-point {
top: -96px
}
.wp-block-woocommerce-checkout.is-loading {
display: flex;
flex-wrap: wrap;
margin: 0 auto 16px;
position: relative
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block {
padding-left: 2.2641509434%;
width: 35%
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block {
padding-right: 3.7735849057%;
width: 65%
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block {
box-sizing: border-box;
margin: 0
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block>div,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block>div {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
display: none;
line-height: 1;
margin: 0 0 1.5em;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block>div>*,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block>div>* {
visibility: hidden
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block>div:after,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block>div:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-checkout.is-loading .wp-block-woocommerce-checkout-fields-block>div,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block>div {
-webkit-animation: none;
animation: none
}
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wp-block-woocommerce-checkout-contact-information-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wp-block-woocommerce-checkout-payment-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-contact-information-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-payment-block {
display: block;
min-height: 10em
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-shipping-address-block {
display: block;
min-height: 24em
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wp-block-woocommerce-checkout-actions-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-actions-block {
display: block;
margin-left: 50%;
min-height: 4em;
width: 50%
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block {
display: block;
min-height: 47em
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wc-block-components-panel>h2,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wc-block-components-panel>h2 {
border: 0;
border-radius: 0;
color: inherit;
font-family: inherit;
font-size: 1em;
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
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wc-block-components-panel>h2 .wc-block-components-panel__button,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wc-block-components-panel>h2 .wc-block-components-panel__button {
font-weight: 400
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wc-block-components-panel,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block .wc-block-components-totals-item,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wc-block-components-panel,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item {
padding-left: 16px;
padding-right: 16px
}
@media only screen and (max-width:700px) {
.wp-block-woocommerce-checkout.is-loading {
flex-direction: column;
margin: 0 auto 16px
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block {
padding: 0;
width: 100%
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wc-block-components-panel,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item {
padding-left: 0;
padding-right: 0
}
}
.theme-twentytwenty .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block .wc-block-components-panel>h2 {
border: 0;
border-radius: 0;
font-size: 1.25em;
margin: 0;
padding: 0;
vertical-align: baseline
}
.wp-block-woocommerce-featured-category {
background-color: transparent;
border-color: transparent;
box-sizing: border-box;
color: #fff
}
.wc-block-featured-category {
align-content: center;
align-items: center;
background-color: inherit;
background-position: 50%;
background-size: cover;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
overflow: hidden;
position: relative;
width: 100%
}
.wc-block-featured-category.has-background-dim .background-dim__overlay:before {
background: inherit;
border-radius: inherit;
bottom: 0;
content: "";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.wc-block-featured-category.has-background-dim-10 .background-dim__overlay:before {
opacity: .1
}
.wc-block-featured-category.has-background-dim-20 .background-dim__overlay:before {
opacity: .2
}
.wc-block-featured-category.has-background-dim-30 .background-dim__overlay:before {
opacity: .3
}
.wc-block-featured-category.has-background-dim-40 .background-dim__overlay:before {
opacity: .4
}
.wc-block-featured-category.has-background-dim-50 .background-dim__overlay:before {
opacity: .5
}
.wc-block-featured-category.has-background-dim-60 .background-dim__overlay:before {
opacity: .6
}
.wc-block-featured-category.has-background-dim-70 .background-dim__overlay:before {
opacity: .7
}
.wc-block-featured-category.has-background-dim-80 .background-dim__overlay:before {
opacity: .8
}
.wc-block-featured-category.has-background-dim-90 .background-dim__overlay:before {
opacity: .9
}
.wc-block-featured-category.has-background-dim-100 .background-dim__overlay:before {
opacity: 1
}
.wc-block-featured-category__selection {
width: 100%
}
.wc-block-featured-category.has-left-content {
justify-content: flex-start
}
.wc-block-featured-category.has-left-content .wc-block-featured-category__description,
.wc-block-featured-category.has-left-content .wc-block-featured-category__price,
.wc-block-featured-category.has-left-content .wc-block-featured-category__title,
.wc-block-featured-category.has-left-content .wc-block-featured-category__variation {
margin-left: 0;
text-align: left
}
.wc-block-featured-category.has-right-content {
justify-content: flex-end
}
.wc-block-featured-category.has-right-content .wc-block-featured-category__description,
.wc-block-featured-category.has-right-content .wc-block-featured-category__price,
.wc-block-featured-category.has-right-content .wc-block-featured-category__title,
.wc-block-featured-category.has-right-content .wc-block-featured-category__variation {
margin-right: 0;
text-align: right
}
.wc-block-featured-category.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wc-block-featured-category__description,
.wc-block-featured-category__price,
.wc-block-featured-category__title,
.wc-block-featured-category__variation {
line-height: 1.25;
margin-bottom: 0;
text-align: center
}
.wc-block-featured-category__description a,
.wc-block-featured-category__description a:active,
.wc-block-featured-category__description a:focus,
.wc-block-featured-category__description a:hover,
.wc-block-featured-category__price a,
.wc-block-featured-category__price a:active,
.wc-block-featured-category__price a:focus,
.wc-block-featured-category__price a:hover,
.wc-block-featured-category__title a,
.wc-block-featured-category__title a:active,
.wc-block-featured-category__title a:focus,
.wc-block-featured-category__title a:hover,
.wc-block-featured-category__variation a,
.wc-block-featured-category__variation a:active,
.wc-block-featured-category__variation a:focus,
.wc-block-featured-category__variation a:hover {
color: #fff
}
.wc-block-featured-category__description,
.wc-block-featured-category__link,
.wc-block-featured-category__price,
.wc-block-featured-category__title,
.wc-block-featured-category__variation {
color: inherit;
padding: 0 48px 16px;
width: 100%;
z-index: 1
}
.wc-block-featured-category .wc-block-featured-category__background-image {
bottom: 0;
height: 100%;
left: 0;
margin: 0;
-o-object-fit: none;
object-fit: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.wc-block-featured-category .wc-block-featured-category__background-image.has-parallax {
background-attachment: fixed
}
@supports(-webkit-overflow-scrolling:touch) {
.wc-block-featured-category .wc-block-featured-category__background-image.has-parallax {
background-attachment: scroll
}
}
@media(prefers-reduced-motion:reduce) {
.wc-block-featured-category .wc-block-featured-category__background-image.has-parallax {
background-attachment: scroll
}
}
.wc-block-featured-category__description {
color: inherit
}
.wc-block-featured-category__description p {
margin: 0
}
.wc-block-featured-category .wc-block-featured-category__title {
color: inherit;
margin-top: 0
}
.wc-block-featured-category .wc-block-featured-category__title div {
color: inherit
}
.wc-block-featured-category .wc-block-featured-category__title:before {
display: none
}
.wc-block-featured-category__wrapper {
align-content: center;
align-items: center;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
overflow: hidden;
width: 100%
}
.wc-block-featured-category .wp-block-button.aligncenter {
text-align: center
}
.wp-block-woocommerce-featured-product {
background-color: transparent;
border-color: transparent;
box-sizing: border-box;
color: #fff
}
.wc-block-featured-product {
align-content: center;
align-items: center;
background-color: inherit;
background-position: 50%;
background-size: cover;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
overflow: hidden;
position: relative;
width: 100%
}
.wc-block-featured-product.has-background-dim .background-dim__overlay:before {
background: inherit;
border-radius: inherit;
bottom: 0;
content: "";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.wc-block-featured-product.has-background-dim-10 .background-dim__overlay:before {
opacity: .1
}
.wc-block-featured-product.has-background-dim-20 .background-dim__overlay:before {
opacity: .2
}
.wc-block-featured-product.has-background-dim-30 .background-dim__overlay:before {
opacity: .3
}
.wc-block-featured-product.has-background-dim-40 .background-dim__overlay:before {
opacity: .4
}
.wc-block-featured-product.has-background-dim-50 .background-dim__overlay:before {
opacity: .5
}
.wc-block-featured-product.has-background-dim-60 .background-dim__overlay:before {
opacity: .6
}
.wc-block-featured-product.has-background-dim-70 .background-dim__overlay:before {
opacity: .7
}
.wc-block-featured-product.has-background-dim-80 .background-dim__overlay:before {
opacity: .8
}
.wc-block-featured-product.has-background-dim-90 .background-dim__overlay:before {
opacity: .9
}
.wc-block-featured-product.has-background-dim-100 .background-dim__overlay:before {
opacity: 1
}
.wc-block-featured-product__selection {
width: 100%
}
.wc-block-featured-product.has-left-content {
justify-content: flex-start
}
.wc-block-featured-product.has-left-content .wc-block-featured-product__description,
.wc-block-featured-product.has-left-content .wc-block-featured-product__price,
.wc-block-featured-product.has-left-content .wc-block-featured-product__title,
.wc-block-featured-product.has-left-content .wc-block-featured-product__variation {
margin-left: 0;
text-align: left
}
.wc-block-featured-product.has-right-content {
justify-content: flex-end
}
.wc-block-featured-product.has-right-content .wc-block-featured-product__description,
.wc-block-featured-product.has-right-content .wc-block-featured-product__price,
.wc-block-featured-product.has-right-content .wc-block-featured-product__title,
.wc-block-featured-product.has-right-content .wc-block-featured-product__variation {
margin-right: 0;
text-align: right
}
.wc-block-featured-product.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wc-block-featured-product__description,
.wc-block-featured-product__price,
.wc-block-featured-product__title,
.wc-block-featured-product__variation {
line-height: 1.25;
margin-bottom: 0;
text-align: center
}
.wc-block-featured-product__description a,
.wc-block-featured-product__description a:active,
.wc-block-featured-product__description a:focus,
.wc-block-featured-product__description a:hover,
.wc-block-featured-product__price a,
.wc-block-featured-product__price a:active,
.wc-block-featured-product__price a:focus,
.wc-block-featured-product__price a:hover,
.wc-block-featured-product__title a,
.wc-block-featured-product__title a:active,
.wc-block-featured-product__title a:focus,
.wc-block-featured-product__title a:hover,
.wc-block-featured-product__variation a,
.wc-block-featured-product__variation a:active,
.wc-block-featured-product__variation a:focus,
.wc-block-featured-product__variation a:hover {
color: #fff
}
.wc-block-featured-product__description,
.wc-block-featured-product__link,
.wc-block-featured-product__price,
.wc-block-featured-product__title,
.wc-block-featured-product__variation {
color: inherit;
padding: 0 48px 16px;
width: 100%;
z-index: 1
}
.wc-block-featured-product .wc-block-featured-product__background-image {
bottom: 0;
height: 100%;
left: 0;
margin: 0;
-o-object-fit: none;
object-fit: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.wc-block-featured-product .wc-block-featured-product__background-image.has-parallax {
background-attachment: fixed
}
@supports(-webkit-overflow-scrolling:touch) {
.wc-block-featured-product .wc-block-featured-product__background-image.has-parallax {
background-attachment: scroll
}
}
@media(prefers-reduced-motion:reduce) {
.wc-block-featured-product .wc-block-featured-product__background-image.has-parallax {
background-attachment: scroll
}
}
.wc-block-featured-product__description {
color: inherit
}
.wc-block-featured-product__description p {
margin: 0
}
.wc-block-featured-product .wc-block-featured-product__title {
color: inherit;
margin-top: 0
}
.wc-block-featured-product .wc-block-featured-product__title div {
color: inherit
}
.wc-block-featured-product .wc-block-featured-product__title:before {
display: none
}
.wc-block-featured-product__wrapper {
align-content: center;
align-items: center;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
overflow: hidden;
width: 100%
}
.wc-block-featured-product .wp-block-button.aligncenter {
text-align: center
}
.wc-block-featured-product .wc-block-featured-product__title,
.wc-block-featured-product .wc-block-featured-product__variation {
border: 0;
margin-top: 0
}
.wc-block-featured-product .wc-block-featured-product__title:before,
.wc-block-featured-product .wc-block-featured-product__variation:before {
display: none
}
.wc-block-featured-product .wc-block-featured-product__variation {
font-style: italic;
padding-top: 0
}
.wc-block-featured-product .wc-block-featured-product__description p {
line-height: 1.5;
margin: 0
}
.wc-block-mini-cart__badge,
.wc-block-mini-cart__quantity-badge {
align-items: center;
display: flex
}
.wc-block-mini-cart__badge {
background: transparent;
border: .15em solid;
border-radius: 1em;
box-sizing: border-box;
color: inherit;
font-size: .875em;
font-weight: 600;
height: 1.4285714286em;
justify-content: center;
margin-left: -.7142857143em;
min-width: 1.4285714286em;
padding: 0 .25em;
transform: translateY(-50%);
white-space: nowrap;
z-index: 1
}
.wc-block-mini-cart__icon {
display: block;
height: 1.5em;
width: 1.5em
}
html[dir=rtl] .wc-block-mini-cart__icon {
transform: scaleX(-1)
}
.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
}
table.wc-block-cart-items,
table.wc-block-cart-items td,
table.wc-block-cart-items th {
background: none!important;
border: 0;
margin: 0 0 2em
}
.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: .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__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__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: .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-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
display: block;
max-width: -webkit-max-content;
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: inherit;
text-align: right
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata {
margin-bottom: .75em
}
.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: .5;
pointer-events: none;
transition: opacity .2s ease
}
.wc-block-cart .wc-block-components-totals-footer-item,
.wc-block-cart .wc-block-components-totals-taxes {
margin: 0
}
.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: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
display: inline-block;
line-height: 1;
max-width: 100%!important;
min-width: 84px;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
display: inline-block;
line-height: 1;
max-width: 100%!important;
min-width: 84px;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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: .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: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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: .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: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
min-height: 460px;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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
}
.is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title,
.is-mobile .wc-block-cart-item__total .wc-block-components-sale-badge,
.is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title,
.is-small .wc-block-cart-item__total .wc-block-components-sale-badge,
.is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title {
display: none
}
.is-medium table.wc-block-cart-items td,
.is-mobile table.wc-block-cart-items td,
.is-small table.wc-block-cart-items td {
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) .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items:not(.wc-block-mini-cart-items) .wc-block-cart-items__row,
.is-small table.wc-block-cart-items:not(.wc-block-mini-cart-items) .wc-block-cart-items__row {
position: relative
}
.is-medium table.wc-block-cart-items:not(.wc-block-mini-cart-items) .wc-block-cart-items__row:after,
.is-mobile table.wc-block-cart-items:not(.wc-block-mini-cart-items) .wc-block-cart-items__row:after,
.is-small table.wc-block-cart-items:not(.wc-block-mini-cart-items) .wc-block-cart-items__row:after {
border-style: solid;
border-width: 0 0 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.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 16px 16px 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: 16px;
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 {
position: relative
}
.is-large.wc-block-cart .wc-block-cart-items:after {
border-style: solid;
border-width: 0 0 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.is-large.wc-block-cart .wc-block-cart-items th {
padding: .25rem 16px .25rem 0;
white-space: nowrap
}
.is-large.wc-block-cart .wc-block-cart-items td {
padding: 16px 0 16px 16px;
position: relative;
vertical-align: top
}
.is-large.wc-block-cart .wc-block-cart-items td:after {
border-style: solid;
border-width: 1px 0 0;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.is-large.wc-block-cart .wc-block-cart-items th:last-child {
padding-right: 0
}
.is-large.wc-block-cart .wc-block-cart-items td:last-child {
padding-right: 16px
}
.is-large.wc-block-cart .wc-block-components-radio-control__input {
left: 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: .75em;
font-style: inherit;
font-weight: inherit;
font-weight: 600;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
padding: .25rem 0;
text-align: right;
text-decoration: inherit;
text-transform: inherit;
text-transform: uppercase;
vertical-align: baseline
}
.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-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: 3.7735849057%;
width: 65%
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
max-width: 100%!important;
min-height: 15em;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
margin: 0 0 1em;
max-width: 100%!important;
min-height: 3em;
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 {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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 {
-webkit-animation: none;
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%
}
}
.wc-block-mini-cart {
display: inline-block
}
.wc-block-mini-cart__button {
align-items: center;
background-color: transparent;
border: none;
color: inherit;
display: flex;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
padding: .75em .5em
}
.wc-block-mini-cart__button:hover:not([disabled]) {
opacity: .6
}
.wc-block-mini-cart__amount {
display: none
}
.wc-block-mini-cart__tax-label {
margin-right: .5em
}
@media screen and (min-width:768px) {
.wc-block-mini-cart__amount {
display: initial;
font-size: inherit;
font-weight: inherit;
margin-right: 8px
}
}
.modal-open .wc-block-mini-cart__button {
pointer-events: none
}
.wc-block-mini-cart__drawer {
font-size: 1rem
}
.wc-block-mini-cart__drawer .components-modal__content {
padding: 0;
position: relative
}
.wc-block-mini-cart__drawer .components-modal__header {
position: absolute;
right: 16px;
top: 40px
}
.wc-block-mini-cart__drawer .components-modal__header button {
color: inherit;
z-index: 9999
}
.wc-block-mini-cart__drawer .components-modal__header svg {
fill: currentColor
}
.wp-block-woocommerce-mini-cart-contents {
box-sizing: border-box;
height: 100vh;
justify-content: center;
padding: 0
}
:where(.wp-block-woocommerce-mini-cart-contents) {
background: #fff
}
.wp-block-woocommerce-empty-mini-cart-contents-block,
.wp-block-woocommerce-filled-mini-cart-contents-block {
display: flex;
flex-direction: column;
height: 100%
}
.wp-block-woocommerce-empty-mini-cart-contents-block {
justify-content: center
}
.wp-block-woocommerce-filled-mini-cart-contents-block {
justify-content: space-between
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__empty-cart-wrapper {
overflow-y: auto;
padding: 40px 16px 16px
}
h2.wc-block-mini-cart__title {
font-size: 2em;
margin: 40px 16px 0
}
.wc-block-mini-cart__items {
display: flex;
flex-direction: column;
flex-grow: 1;
overflow-y: auto;
padding: 16px 16px 0
}
.wc-block-mini-cart__items .wc-block-mini-cart__products-table {
margin-bottom: auto;
margin-right: -16px;
padding-right: 16px
}
.wc-block-mini-cart__items .wc-block-mini-cart__products-table .wc-block-cart-items__row {
padding-bottom: 8px;
padding-top: 8px
}
.wc-block-mini-cart__items .wc-block-mini-cart__products-table .wc-block-cart-items__row:last-child:after {
content: none
}
.wc-block-mini-cart__footer {
border-top: 1px solid #ddd;
padding: 24px 16px
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
font-weight: 600;
margin-bottom: 16px
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
display: none;
font-size: .75em;
font-weight: 400
}
@media only screen and (min-width:480px) {
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
display: unset
}
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions {
display: flex;
gap: 16px
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button {
flex-grow: 1;
font-weight: 600
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined {
color: currentColor;
display: none
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:not(:focus) {
box-shadow: inset 0 0 0 1px currentColor
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:focus,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:hover {
color: #fff
}
@media only screen and (min-width:480px) {
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined {
display: inline-flex
}
}
.wc-block-mini-cart__footer .wc-block-components-payment-method-icons {
margin-top: 16px
}
.wc-block-mini-cart__shopping-button {
display: flex;
justify-content: center
}
.wc-block-mini-cart__shopping-button a {
border: 2px solid;
color: currentColor;
font-weight: 600;
padding: 12px 24px;
text-decoration: none
}
.wc-block-mini-cart__shopping-button a:focus,
.wc-block-mini-cart__shopping-button a:hover {
background-color: #1e1e1e;
border-color: #1e1e1e;
color: #fff
}
.wc-block-components-checkbox {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin-top: 1.5em;
text-decoration: inherit;
text-transform: inherit
}
.wc-block-components-checkbox label {
align-items: flex-start;
display: flex;
position: relative
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 2px solid #50575e;
border-radius: 2px;
box-sizing: border-box;
font-size: 1em;
height: 1.5em;
margin: 0 16px 0 0;
min-height: 1.5em;
min-width: 1.5em;
overflow: hidden;
position: static;
vertical-align: middle;
width: 1.5em
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
background: #fff;
border-color: #50575e
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
outline: 2px solid #50575e;
outline-offset: 2px
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:after,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:before {
content: ""
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:not(:checked)+.wc-block-components-checkbox__mark {
display: none
}
.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
background-color: rgba(0, 0, 0, .1);
border-color: hsla(0, 0%, 100%, .6)
}
.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
background: rgba(0, 0, 0, .1);
border-color: hsla(0, 0%, 100%, .6)
}
.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
outline: 2px solid hsla(0, 0%, 100%, .6);
outline-offset: 2px
}
.wc-block-components-checkbox.has-error,
.wc-block-components-checkbox.has-error a {
color: #cc1818
}
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:active,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus,
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:hover {
border-color: #cc1818
}
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus {
outline: 2px solid #cc1818;
outline-offset: 2px
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: #000;
height: 1.125em;
margin-left: .1875em;
margin-top: .0625em;
pointer-events: none;
position: absolute;
width: 1.125em
}
.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: #fff
}
.wc-block-components-checkbox .wc-block-components-checkbox__label,
.wc-block-components-checkbox>span {
line-height: 1.5em;
vertical-align: middle
}
@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.wc-block-components-checkbox__mark {
display: none
}
}
.theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type=checkbox],
.theme-twentytwentyone .wc-block-components-checkbox__input[type=checkbox] {
background-color: #fff;
border-color: var(--form--border-color);
position: relative
}
.theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type=checkbox]:checked,
.theme-twentytwentyone .wc-block-components-checkbox__input[type=checkbox]:checked {
background-color: #fff;
border-color: var(--form--border-color)
}
.theme-twentytwentyone .wc-block-components-checkbox__mark {
display: none
}
.wc-block-components-panel.has-border {
position: relative
}
.wc-block-components-panel.has-border:after {
border-style: solid;
border-width: 1px 0;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-panel.has-border+.wc-block-components-panel.has-border:after {
border-top-width: 0
}
.wc-block-components-panel.has-border.no-top-border {
position: relative
}
.wc-block-components-panel.has-border.no-top-border:after {
border-style: solid;
border-width: 0 0 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-panel__button {
border: 0;
border-radius: 0;
height: auto;
line-height: 1;
margin: .375em 0 0;
padding: .375em 32px 0 0;
position: relative;
text-align: left;
vertical-align: baseline;
width: 100%;
word-break: break-word
}
.wc-block-components-panel__button[aria-expanded=true] {
margin-bottom: .375em;
padding-bottom: .375em
}
.wc-block-components-panel__button,
.wc-block-components-panel__button:active,
.wc-block-components-panel__button:focus,
.wc-block-components-panel__button:hover {
background: transparent;
box-shadow: none;
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-decoration: inherit;
text-transform: inherit
}
.wc-block-components-panel__button>.wc-block-components-panel__button-icon {
fill: currentColor;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: auto
}
.wc-block-components-panel__content[hidden] {
display: none
}
.theme-twentytwentyone.theme-twentytwentyone.theme-twentytwentyone .wc-block-components-panel__button {
background-color: inherit;
color: inherit
}
.theme-twentyseventeen .wc-block-components-panel__button,
.theme-twentytwenty .wc-block-components-panel__button {
background: none transparent;
color: inherit
}
.theme-twentyseventeen .wc-block-components-panel__button.wc-block-components-panel__button:focus,
.theme-twentyseventeen .wc-block-components-panel__button.wc-block-components-panel__button:hover,
.theme-twentytwenty .wc-block-components-panel__button.wc-block-components-panel__button:focus,
.theme-twentytwenty .wc-block-components-panel__button.wc-block-components-panel__button:hover {
background: none transparent
}
.wc-block-components-totals-wrapper {
padding: 16px 0;
position: relative
}
.wc-block-components-totals-wrapper:after {
border-style: solid;
border-width: 1px 0 0;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-totals-wrapper.has-bottom-border:after {
border-bottom-width: 1px
}
.wc-block-components-totals-wrapper:empty {
padding: 0
}
.wc-block-components-totals-wrapper:empty:after {
content: none
}
.wc-block-components-totals-wrapper.slot-wrapper {
padding: 0
}
.wc-block-components-totals-wrapper.slot-wrapper>*>* {
padding: 16px 0;
position: relative
}
.wc-block-components-totals-wrapper.slot-wrapper>*>:after {
border-style: solid;
border-width: 0 0 1px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-totals-wrapper.slot-wrapper>*>:last-child:after {
border-bottom-width: 0
}
.wc-block-components-discounts-meta .wc-block-components-totals-wrapper:first-child {
position: relative
}
.wc-block-components-discounts-meta .wc-block-components-totals-wrapper:first-child:after {
border-style: solid;
border-width: 1px 0 0;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: .3;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
.wc-block-components-totals-item {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
width: 100%
}
.wc-block-components-totals-item__label {
flex-grow: 1
}
.wc-block-components-totals-item__value {
font-weight: 700;
white-space: nowrap
}
.wc-block-components-totals-item__description {
font-size: .875em;
width: 100%
}
.wc-block-product-categories {
margin-bottom: 1em
}
.wc-block-product-categories.is-dropdown {
display: flex
}
.wc-block-product-categories select {
margin-right: .5em
}
.wc-block-product-categories-list--has-images {
list-style: none outside
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
clear: both;
list-style: none outside;
margin: 4px 0 4px 60px
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item ul {
margin: 4px 0 0
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
border: 1px solid #eee;
display: inline-block;
margin: 0 .5em 0 -60px;
max-width: 50px;
padding: 0;
position: relative;
vertical-align: middle
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
display: block;
height: auto;
margin: 0;
max-width: 100%;
padding: 0
}
.wc-block-product-categories-list-item-count:before {
content: " ("
}
.wc-block-product-categories-list-item-count:after {
content: ")"
}
.wp-block-woocommerce-product-categories.is-loading .wc-block-product-categories__placeholder {
background: currentColor;
display: inline-block;
height: 1em;
min-width: 200px;
opacity: .2;
width: 50%
}
.wc-block-product-categories__button {
align-items: center;
display: flex;
margin: 0;
overflow: hidden;
padding: 0 .5em;
position: relative
}
.wc-block-product-categories__button svg {
fill: currentColor;
outline: none
}
.rtl .wc-block-product-categories__button svg {
transform: rotate(180deg)
}
.wc-block-product-categories__button:active {
color: currentColor
}
.wc-block-product-categories__button:disabled,
.wc-block-product-categories__button[aria-disabled=true] {
cursor: default;
opacity: .3
}
.wc-block-product-categories__button:disabled:focus,
.wc-block-product-categories__button[aria-disabled=true]:focus {
box-shadow: none
}
.wc-block-product-search .wc-block-product-search__fields {
display: flex
}
.wc-block-product-search .wc-block-product-search__field {
flex-grow: 1;
line-height: 1.8;
padding: 6px 8px
}
.wc-block-product-search .wc-block-product-search__button {
align-items: center;
cursor: pointer;
display: flex;
margin: 0 0 0 6px;
overflow: hidden;
padding: 0 .5em;
position: relative
}
.wc-block-product-search .wc-block-product-search__button svg {
fill: currentColor;
outline: none
}
.rtl .wc-block-product-search .wc-block-product-search__button svg {
transform: rotate(180deg)
}
.wc-block-product-search .wc-block-product-search__button:active {
color: currentColor
}
.wc-block-product-search .wc-block-product-search__button:disabled,
.wc-block-product-search .wc-block-product-search__button[aria-disabled=true] {
cursor: default;
opacity: .3
}
.wc-block-product-search .wc-block-product-search__button:disabled:focus,
.wc-block-product-search .wc-block-product-search__button[aria-disabled=true]:focus {
box-shadow: none
}
.wp-block-woocommerce-price-filter {
border-color: #757575;
border-radius: 4px;
border-style: none!important
}
.wp-block-woocommerce-price-filter h1,
.wp-block-woocommerce-price-filter h2,
.wp-block-woocommerce-price-filter h3,
.wp-block-woocommerce-price-filter h4,
.wp-block-woocommerce-price-filter h5,
.wp-block-woocommerce-price-filter h6 {
text-transform: inherit
}
.wc-block-price-filter,
.wc-block-price-filter__controls,
.wc-block-price-slider {
border-color: inherit;
border-radius: inherit
}
.wc-block-price-filter__controls input {
border-color: inherit!important;
border-radius: inherit!important;
border-style: solid
}
.wc-block-price-filter__controls .input-loading {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
height: 2em;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
width: 5.625em;
z-index: 1
}
.wc-block-price-filter__controls .input-loading>* {
visibility: hidden
}
.wc-block-price-filter__controls .input-loading:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-price-filter__controls .input-loading {
-webkit-animation: none;
animation: none
}
}
.editor-styles-wrapper .wc-block-price-filter__button.wc-block-components-price-slider__button,
.wc-block-price-filter__button.wc-block-components-price-slider__button {
font-size: .875em;
padding: .5em 1em
}
.wp-block-woocommerce-attribute-filter {
border-style: none!important
}
.wp-block-woocommerce-attribute-filter h1,
.wp-block-woocommerce-attribute-filter h2,
.wp-block-woocommerce-attribute-filter h3,
.wp-block-woocommerce-attribute-filter h4,
.wp-block-woocommerce-attribute-filter h5,
.wp-block-woocommerce-attribute-filter h6 {
text-transform: inherit
}
.wc-block-attribute-filter {
border-color: inherit;
border-radius: inherit;
margin-bottom: 16px
}
.wc-block-attribute-filter .is-loading {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
height: 1em;
line-height: 1;
margin-top: 16px;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-attribute-filter .is-loading>* {
visibility: hidden
}
.wc-block-attribute-filter .is-loading:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-attribute-filter .is-loading {
-webkit-animation: none;
animation: none
}
}
.wc-block-attribute-filter.style-dropdown {
align-items: flex-start;
display: flex;
gap: 16px;
position: relative
}
.wc-block-attribute-filter.style-dropdown .wc-block-components-filter-submit-button {
height: 36px;
line-height: 1
}
.wc-block-attribute-filter.style-dropdown>svg {
pointer-events: none;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%)
}
.wc-block-attribute-filter .wc-block-attribute-filter-list {
margin: 0;
width: 100%
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li label {
cursor: pointer
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li input {
cursor: pointer;
display: inline-block
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper {
flex-grow: 1;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
max-width: unset;
width: 0
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading) {
border: 1px solid #757575!important;
border-radius: 4px
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper.is-loading {
border-radius: .25em
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
border: 0;
padding: 8px
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::-moz-placeholder {
color: #000
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input:-ms-input-placeholder {
color: #000
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder {
color: #000
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list {
border: 1px solid #757575;
border-radius: 4px;
margin-top: 8px;
max-height: 21em
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list .components-form-token-field__suggestion {
border: 1px solid #ccc;
border-radius: 4px;
color: #000;
margin: 12px;
padding: 12px
}
.wc-block-attribute-filter__conditions-toggle,
.wc-block-attribute-filter__display-toggle,
.wc-block-attribute-filter__multiple-toggle {
width: 100%
}
.woocommerce-product-attributes .woocommerce-search-list__search .components-base-control__label {
color: inherit;
color: #757575;
font-family: inherit;
font-size: inherit;
font-size: 1em;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-decoration: inherit;
text-transform: inherit
}
.wc-block-attribute-filter__actions {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end
}
.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button {
margin-left: 0
}
.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button:disabled {
cursor: auto;
opacity: .6
}
.wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button {
margin-top: 0
}
.editor-styles-wrapper .wc-block-components-checkbox,
.wc-block-components-checkbox {
margin-top: 1em
}
.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container {
padding: 4px 30px 4px 8px
}
.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text {
background-color: #fff;
border: 1px solid;
border-radius: 25px 0 0 25px;
border-right: 0;
line-height: 22px;
padding: .25em .5em .25em .75em
}
.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container>.components-form-token-field__input {
margin: .25em 0
}
.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token {
background-color: #fff;
border: 1px solid;
border-left: 0;
border-radius: 0 25px 25px 0;
padding: 1px .25em 0 0
}
.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg {
background-color: #e0e0e0;
border-radius: 25px
}
.editor-styles-wrapper .wc-block-attribute-filter__button.wc-block-attribute-filter__button,
.wc-block-attribute-filter__button.wc-block-attribute-filter__button {
font-size: .875em;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
line-height: normal;
padding: .5em 1em;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.wp-block-woocommerce-stock-filter h1,
.wp-block-woocommerce-stock-filter h2,
.wp-block-woocommerce-stock-filter h3,
.wp-block-woocommerce-stock-filter h4,
.wp-block-woocommerce-stock-filter h5,
.wp-block-woocommerce-stock-filter h6 {
text-transform: inherit
}
.wc-block-stock-filter {
margin-bottom: 24px
}
.wc-block-stock-filter.is-loading {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
margin-top: 16px;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-stock-filter.is-loading>* {
visibility: hidden
}
.wc-block-stock-filter.is-loading:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-stock-filter.is-loading {
-webkit-animation: none;
animation: none
}
}
.wc-block-stock-filter .wc-block-stock-filter-list {
margin: 0
}
.wc-block-stock-filter .wc-block-stock-filter-list li label {
cursor: pointer
}
.wc-block-stock-filter .wc-block-stock-filter-list li input {
cursor: pointer;
display: inline-block
}
.wc-block-stock-filter__actions {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end;
margin-top: 16px
}
.wc-block-stock-filter__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button {
margin-left: 0;
margin-top: 0
}
.editor-styles-wrapper .wc-block-stock-filter .wc-block-stock-filter__button,
.wc-block-stock-filter__actions .wc-block-stock-filter__button {
font-size: .875em;
margin-top: .5em;
padding: .5em 1em
}
.wp-block-woocommerce-active-filters h1,
.wp-block-woocommerce-active-filters h2,
.wp-block-woocommerce-active-filters h3,
.wp-block-woocommerce-active-filters h4,
.wp-block-woocommerce-active-filters h5,
.wp-block-woocommerce-active-filters h6 {
text-transform: inherit
}
.wp-block-woocommerce-active-filters .wc-block-filter-title-placeholder .wc-block-active-filters__title {
height: 1em
}
.wc-block-active-filters {
margin-bottom: 24px;
overflow: hidden
}
.wc-block-active-filters .wc-block-active-filters__clear-all {
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline;
float: right;
font-family: inherit;
font-size: inherit;
font-size: .875em;
font-style: inherit;
font-weight: inherit;
font-weight: 400;
letter-spacing: inherit;
line-height: inherit;
margin: 15px 0 0;
padding: 0;
text-decoration: inherit;
text-decoration: underline;
text-shadow: none;
text-transform: inherit;
vertical-align: baseline
}
.wc-block-active-filters .wc-block-active-filters__clear-all:active,
.wc-block-active-filters .wc-block-active-filters__clear-all:focus,
.wc-block-active-filters .wc-block-active-filters__clear-all:hover {
background: transparent
}
.wc-block-active-filters .wc-block-active-filters__clear-all:hover {
color: inherit;
text-decoration: none
}
.wc-block-active-filters .wc-block-active-filters__clear-all,
.wc-block-active-filters .wc-block-active-filters__clear-all:active,
.wc-block-active-filters .wc-block-active-filters__clear-all:focus,
.wc-block-active-filters .wc-block-active-filters__clear-all:hover {
background: transparent;
color: inherit
}
.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
display: inline-block;
float: right;
height: 1em;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
width: 80px;
z-index: 1
}
.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder>* {
visibility: hidden
}
.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-active-filters .wc-block-active-filters__clear-all-placeholder {
-webkit-animation: none;
animation: none
}
}
.wc-block-active-filters .wc-block-active-filters__list {
clear: both;
list-style: none outside;
margin: 0 0 4px;
padding: 0
}
.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
margin-top: 12px
}
.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading.wc-block-active-filters__list--chips {
align-items: flex-end;
flex-direction: row;
flex-wrap: wrap;
gap: 0 10px
}
.wc-block-active-filters .wc-block-active-filters__list li {
list-style: none outside;
margin: 9px 0 0;
padding: 0
}
.wc-block-active-filters .wc-block-active-filters__list li ul {
list-style: none outside;
margin: 0;
padding: 0
}
.wc-block-active-filters .wc-block-active-filters__list>li:first-child,
.wc-block-active-filters .wc-block-active-filters__list li:first-child .wc-block-active-filters__list-item-type {
margin: 0
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list {
display: inline-block
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
display: inline-block;
height: 1em;
line-height: 1;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span>* {
visibility: hidden
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-active-filters .wc-block-active-filters__list li.show-loading-state-list>span {
-webkit-animation: none;
animation: none
}
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips {
display: inline-block
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 13px;
box-shadow: none;
color: transparent!important;
display: block;
display: inline-block;
height: 1em;
line-height: 1;
margin-right: 15px!important;
max-width: 100%!important;
min-width: 70px;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span>* {
visibility: hidden
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span {
-webkit-animation: none;
animation: none
}
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:last-of-type>span {
margin-right: 0!important
}
.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:nth-child(3) {
flex-grow: 1;
max-width: 200px
}
.wc-block-active-filters .wc-block-active-filters__list>.wc-block-active-filters__list-item .wc-block-active-filters__list-item-name {
margin: 9px 0 0
}
.wc-block-active-filters .wc-block-active-filters__list-item-type {
display: block;
font-size: .75em;
font-weight: 700;
letter-spacing: .1em;
margin: 16px 0 0;
text-transform: uppercase
}
.wc-block-active-filters .wc-block-active-filters__list-item-operator {
font-style: italic;
font-weight: 400
}
.wc-block-active-filters .wc-block-active-filters__list-item-name {
align-items: center;
display: flex;
padding: 0;
position: relative
}
.wc-block-active-filters .wc-block-active-filters__list-item-remove {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #e0e0e0;
border: 0;
border-radius: 25px;
color: currentColor;
font-size: .75em;
height: 16px;
line-height: 16px;
margin: 0 .5em 0 0;
padding: 0;
width: 16px
}
.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus,
.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover {
background: #949494
}
.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus .wc-block-components-chip__remove-icon,
.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover .wc-block-components-chip__remove-icon {
fill: #fff
}
.wc-block-active-filters .wc-block-active-filters__list-item-remove:disabled {
color: #e0e0e0;
cursor: not-allowed
}
.wc-block-active-filters .wc-block-active-filters__list--chips li,
.wc-block-active-filters .wc-block-active-filters__list--chips ul {
display: inline
}
.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-active-filters__list-item-type {
display: none
}
.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-components-chip {
margin-bottom: .1875em;
margin-top: .1875em
}
.wc-block-rating-filter.is-loading {
background-color: #ebebeb!important;
border: 0!important;
border-radius: .25rem;
border-radius: 0;
box-shadow: none;
color: transparent!important;
display: block;
line-height: 1;
margin-top: 16px;
max-width: 100%!important;
outline: 0!important;
overflow: hidden!important;
pointer-events: none;
position: relative!important;
width: 100%;
z-index: 1
}
.wc-block-rating-filter.is-loading>* {
visibility: hidden
}
.wc-block-rating-filter.is-loading:after {
-webkit-animation: loading__animation 1.5s ease-in-out infinite;
animation: loading__animation 1.5s ease-in-out infinite;
background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
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-rating-filter.is-loading {
-webkit-animation: none;
animation: none
}
}
.wp-block-woocommerce-rating-filter {
margin-bottom: 24px
}
.wp-block-woocommerce-rating-filter .wc-block-components-product-rating.is-active {
font-weight: 700
}
.wp-block-woocommerce-rating-filter .wc-block-components-product-rating.is-active .wc-block-components-product-rating__stars span:before {
color: var(--wp--preset--color--primary, #7f54b3)
}
.wp-block-woocommerce-rating-filter .wc-block-rating-filter .wc-block-rating-filter-list li input,
.wp-block-woocommerce-rating-filter .wc-block-rating-filter .wc-block-rating-filter-list li label {
cursor: pointer
}
@-webkit-keyframes spinner__animation {
0% {
-webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@keyframes spinner__animation {
0% {
-webkit-animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
animation-timing-function: cubic-bezier(.5856, .0703, .4143, .9297);
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@-webkit-keyframes loading__animation {
to {
transform: translateX(100%)
}
}
@keyframes loading__animation {
to {
transform: translateX(100%)
}
}
:where(div[data-block-name="woocommerce/legacy-template"]) {
margin-left: auto;
margin-right: auto;
max-width: 1000px
}