.mobile-filter-drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-filter-drawer.active{opacity:1;visibility:visible}.mobile-filter-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-filter-container{position:absolute;top:0;right:0;width:90%;max-width:400px;height:100%;background-color:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-2px 0 8px #0000001a}.mobile-filter-drawer.active .mobile-filter-container{transform:translate(0)}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e5e5;flex-shrink:0;background-color:#fff}.mobile-filter-header h2{margin:0;font-size:20px;font-weight:600;color:rgb(var(--layout-text-color))}.mobile-filter-close{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;color:#666}.mobile-filter-close:hover{background-color:#f5f5f5}.mobile-filter-content{flex:1;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch;background-color:#fff}#mobile-filter-content-inner{padding:0;height:100%}#mobile-filter-content-inner .mobile-facets{padding:0;height:100%;background-color:#fff}#mobile-filter-content-inner .mobile-facets__inner{padding:0;height:100%}#mobile-filter-content-inner .mobile-facets__main{padding:20px;height:auto}#mobile-filter-content-inner .accordion-toggle{border-bottom:1px solid #e5e5e5;padding:16px 20px;cursor:pointer;background-color:#fff;transition:background-color .2s ease}#mobile-filter-content-inner .accordion-toggle:hover{background-color:#f9f9f9}#mobile-filter-content-inner .accordion__panel{padding:0;background-color:#fff}#mobile-filter-content-inner .accordion__content{padding:16px 20px}#mobile-filter-content-inner .filter-group-label{font-size:16px;font-weight:600;color:rgb(var(--layout-text-color));margin-bottom:12px}#mobile-filter-content-inner .mobile-facets__label{display:flex;align-items:center;padding:8px 0;cursor:pointer;font-size:14px;color:rgb(var(--layout-text-color));transition:color .2s ease}#mobile-filter-content-inner .mobile-facets__label:hover{color:rgb(var(--layout-text-color));opacity:.8}#mobile-filter-content-inner .sorting .filter-group-label{font-size:16px;font-weight:600;color:rgb(var(--layout-text-color));margin-bottom:8px}#mobile-filter-content-inner .active-facets__button{display:inline-flex;align-items:center;margin:4px 8px 4px 0;padding:6px 12px;background-color:rgba(var(--layout-text-color),.1);text-decoration:none;font-size:13px;color:rgb(var(--layout-text-color));transition:background-color .2s ease}#mobile-filter-content-inner .facets__price .fields{display:flex;gap:12px;align-items:end}#mobile-filter-content-inner .facets__price .field{flex:1}#mobile-filter-content-inner .facets__price .field__label{display:block;margin-bottom:4px;font-size:14px;color:rgb(var(--layout-text-color));font-weight:500}#mobile-filter-content-inner .facets__price .field__input{width:100%;padding:8px 12px;border:none;border-bottom:1px solid rgb(var(--layout-text-color),.2);border-radius:0;font-size:14px;color:rgb(var(--layout-text-color));background:transparent;transition:border-color .2s ease}#mobile-filter-content-inner .facets__price .field__input:focus{outline:none;border-bottom-color:rgb(var(--layout-text-color))}#mobile-filter-content-inner .facets__price .field__item{border:none;background:transparent}#mobile-filter-content-inner .sorting{margin-bottom:20px;padding:0 20px}#mobile-filter-content-inner .sorting .filter-group-label{font-size:16px;font-weight:600;margin-bottom:8px}#mobile-filter-content-inner .sorting .select__select{width:100%;padding:10px 12px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer}#mobile-filter-content-inner .active-facets{margin-bottom:20px;padding:0 20px}#mobile-filter-content-inner .active-facets__button{display:inline-flex;align-items:center;margin:4px 8px 4px 0;padding:6px 12px;background-color:#f0f0f0;text-decoration:none;font-size:13px;color:#333;transition:background-color .2s ease}#mobile-filter-content-inner .active-facets__button:hover{background-color:#e0e0e0}#mobile-filter-content-inner .filter-group-display__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:0}#mobile-filter-content-inner .filter-group-display__list{display:block}#mobile-filter-content-inner .mobile-facets__swatch,#mobile-filter-content-inner .mobile-facets__thumbnail{margin-right:0}.mobile-filter-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:32px;height:32px;border:2px solid #f3f3f3;border-top:2px solid rgb(var(--accent-button-color));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-filter-footer{margin-bottom:50px;display:flex;gap:12px;padding:20px;border-top:1px solid #e5e5e5;flex-shrink:0;background-color:#fff}.mobile-filter-clear,.mobile-filter-apply{flex:1;padding:10px 16px;border:1px solid #ddd;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.mobile-filter-clear{background-color:#fff;color:#333;border-color:#ddd}.mobile-filter-clear:hover{background-color:#f5f5f5}.mobile-filter-apply{background-color:rgb(var(--layout-text-color));color:#fff;border-color:rgb(var(--layout-text-color))}.mobile-filter-apply:hover{background-color:rgb(var(--layout-text-color))}body.mobile-filter-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}@supports (-webkit-touch-callout: none){.mobile-filter-drawer,.mobile-filter-container{height:-webkit-fill-available}}.field__currency{color:rgb(var(--layout-text-color))}@media screen and (max-width: 480px){.mobile-filter-container{width:100%;max-width:100%}.mobile-filter-header,.mobile-filter-footer{padding:16px 20px}}@media screen and (min-width: 921px){.mobile-filter-drawer{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/facets-mobile-fix-v3.css.map */