22

✏️ Editing: rating-filter-wrapper.css

@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-product-rating{display:block}.wc-block-components-product-rating span{line-height:1.618}.wc-block-components-product-rating__stars{display:inline-block;font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;width:5.3em}.wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars{margin:0}.wc-block-components-product-rating__stars:before{color:inherit;content:"SSSSS";left:0;line-height:1.618;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;line-height:1.618;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-all-products .wc-block-components-product-rating{margin-bottom:12px;margin-top:0}.wc-block-components-product-rating__container>*{vertical-align:middle}.wc-block-components-product-rating__stars+.wc-block-components-product-rating__reviews_count{margin-left:8px}.wc-block-components-product-rating__norating-container{align-items:center;display:inline-flex;flex-direction:row;gap:8px}.wc-block-components-product-rating__norating{display:inline-block;font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;width:1.5em}.wc-block-components-product-rating__norating:before{-webkit-text-stroke-color:inherit;-webkit-text-stroke-width:2px;-webkit-text-fill-color:transparent;content:"S";left:0;position:absolute;right:0;text-align:center;top:0;white-space:nowrap}.wc-block-all-products .is-loading .wc-block-components-product-rating,.wp-block-query .is-loading .wc-block-components-product-rating{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:7em;z-index:1}.wc-block-all-products .is-loading .wc-block-components-product-rating>*,.wp-block-query .is-loading .wc-block-components-product-rating>*{visibility:hidden}.wc-block-all-products .is-loading .wc-block-components-product-rating:after,.wp-block-query .is-loading .wc-block-components-product-rating:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes loading__animation{to{transform:translateX(100%)}}@media screen and (prefers-reduced-motion:reduce){.wc-block-all-products .is-loading .wc-block-components-product-rating,.wp-block-query .is-loading .wc-block-components-product-rating{animation:none}}.wc-block-all-products .wc-block-components-product-rating__container,.wp-block-query .wc-block-components-product-rating__container{display:block}.wc-block-all-products .wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars,.wp-block-query .wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars{margin:inherit}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-rating-filter.is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-top:16px;max-width:100%!important;opacity:.15;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{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes loading__animation{to{transform:translateX(100%)}}@media screen and (prefers-reduced-motion:reduce){.wc-block-rating-filter.is-loading{animation:none}}.wc-block-rating-filter.style-dropdown{align-items:flex-start;display:flex;gap:16px;position:relative}.wc-block-rating-filter.style-dropdown .single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:0}.wc-block-rating-filter.style-dropdown .single-selection .components-form-token-field__input-container.is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:1}.wc-block-rating-filter.style-dropdown .wc-block-components-filter-submit-button{height:36px;line-height:1}.wc-block-rating-filter.style-dropdown>svg{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.wc-block-rating-filter .wc-block-components-product-rating__stars{display:inline-block}.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper{flex-grow:1;height:max-content;max-width:unset;width:0}.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading){border:1px solid #757575!important;border-radius:4px}.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper.is-loading{border-radius:.25em}.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field{border-radius:inherit}.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border:0;border-radius:inherit;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:8px;text-decoration:inherit;text-transform:inherit}.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input{font-size:.875em}.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder{color:#000}.wc-block-rating-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-rating-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-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion,.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token{font-size:.875em}.wc-block-rating-filter .wc-block-components-product-rating{display:flex;margin-bottom:0}.wc-block-rating-filter .wc-block-components-product-rating .wc-block-components-product-rating-count{margin-left:4px}.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}.wp-block-woocommerce-rating-filter{margin-bottom:24px}.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}.wc-block-rating-filter__actions{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-top:16px}.wc-block-rating-filter__actions .wc-block-components-filter-submit-button{margin-left:0}.wc-block-rating-filter__actions .wc-block-components-filter-submit-button:disabled{cursor:auto;opacity:.6}.wc-block-rating-filter__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button{font-size:.875em;margin-left:0;margin-top:0}.editor-styles-wrapper .wc-block-rating-filter .wc-block-rating-filter__button,.wc-block-rating-filter__actions .wc-block-rating-filter__button{font-size:.875em;margin-top:.5em;padding:.5em 1em}

MR SKB