.filter-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease}.filter-loading-overlay.active{opacity:1;pointer-events:all}.filter-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-body-text, #000);font-size:14px;font-weight:500}.filter-loading-spinner svg{color:var(--color-button-background, #000)}.collection-product-main{transition:opacity .2s ease}.filter__drawer{transition:opacity .25s ease,visibility .25s ease}.filter__drawer[open]{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-form__item input:focus+label,.field__checkbox input:focus+label{outline:2px solid var(--color-button-background, #000);outline-offset:2px;border-radius:4px}.field__checkbox{transition:background-color .15s ease}.field__checkbox:hover:not(.disabled){background-color:var(--color-background-hover, rgba(0, 0, 0, .03));border-radius:4px}.range-slider{padding:12px 0}.range-slider-bar{height:4px;border-radius:2px;background:var(--color-disable-text, #e0e0e0)}.tag-close{transition:all .2s ease}.tag-close:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-form-sorting select{transition:border-color .2s ease,box-shadow .2s ease}.filter-form-sorting select:focus{outline:none;border-color:var(--color-button-background, #000);box-shadow:0 0 0 1px var(--color-button-background, #000)}@media (max-width: 1024px){.filter__drawer__container{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.filter__drawer[open] .filter__drawer__container{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.collection-product-main.loading .grid__item{animation:pulse 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.filter-loading-overlay,.filter__drawer,.collection-product-main,.tag-close,.field__checkbox,.filter__drawer__container{transition:none!important;animation:none!important}}@media (prefers-color-scheme: dark){.filter-loading-overlay{background:#000c}.field__checkbox:hover:not(.disabled){background-color:#ffffff0d}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/collection-filter-optimizations.css.map */