22

✏️ Editing: stock-filter-wrapper.css

@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-filter-title-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:1.625em;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-bottom:12px;margin-top:12px;max-width:100%!important;max-width:max-content!important;min-width:80px;opacity:.15;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{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-filter-title-placeholder{animation:none}}.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}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-filter-element-label-list-count:before{content:" ("}.wc-filter-element-label-list-count:after{content:")"}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.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{display:grid}.wc-block-stock-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-stock-filter.is-loading>*{visibility:hidden}.wc-block-stock-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-stock-filter.is-loading{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.style-dropdown{align-items:flex-start;display:flex;gap:16px;position:relative}.wc-block-stock-filter.style-dropdown .single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:0}.wc-block-stock-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-stock-filter.style-dropdown .wc-block-components-filter-submit-button{height:36px;line-height:1}.wc-block-stock-filter.style-dropdown>svg{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper{flex-grow:1;height:max-content;max-width:unset;width:0}.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading){border:1px solid #757575!important;border-radius:4px}.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper.is-loading{border-radius:.25em}.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field{border-radius:inherit}.wc-block-stock-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-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input{font-size:.875em}.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder{color:#000}.wc-block-stock-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-stock-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-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion,.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token{font-size:.875em}.wc-block-stock-filter .wc-block-components-product-rating{margin-bottom:0}.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}.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{font-size:.875em;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}

MR SKB