.custom-filter-wrapper-mobile{display:none}body{overflow-x:hidden}.no-scroll .header-section:has(>#header-component[sticky=always]),.no-scroll .header-section:has(>#header-component[sticky=scroll-up][data-sticky-state=active]),.filter-rendering .header-section:has(>#header-component[sticky=always]),.filter-rendering .header-section:has(>#header-component[sticky=scroll-up][data-sticky-state=active]){z-index:1}@media (min-width: 1024px){.custom-filter-wrapper:not(.custom-filter-wrapper-mobile){display:block}}.custom-filter-modal{position:fixed;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;height:100vh;top:0;transition:.3s ease}.custom-filter-modal.active{pointer-events:auto;transition:.3s ease}.custom-filter-modal.active .custom-filter-drawer__overlay{position:absolute;right:0;bottom:0;left:0;background:#0000;opacity:0;transition:background .3s ease,opacity .3s ease;top:0}.custom-filter-modal.active .custom-filter-drawer__overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px);background:#0000004d;opacity:1;transition:backdrop-filter .3s ease,background .3s ease}.custom-filter-drawer__content{position:fixed;top:0;right:0;height:100%;width:80%;max-width:376px;background:#fff;transform:translate(100%);transition:transform .35s ease-in-out;z-index:10000;overflow-y:auto;height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.custom-filter-modal,.custom-filter-drawer__content,.custom-filter-drawer__overlay{top:-103px}body.scrolled .custom-filter-modal,body.scrolled .custom-filter-drawer__content,body.scrolled .custom-filter-drawer__overlay{top:-70px}.custom-filter-modal.active .custom-filter-drawer__content{transform:translate(0)}.custom-filter-close{cursor:pointer}#custom-filter form,.form-group{padding:24px;max-height:75%;height:75%;overflow:scroll;scrollbar-width:none}.custom-filter-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e0e0e0}.filter-options,.facets__inputs-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px}.filter-options.style-options{grid-template-columns:repeat(2,1fr)}.filter-option-item{border:1px solid #e0e0e0;width:100%;min-height:46px;display:inline-flex;align-items:center;padding:5px 7px;font-size:10px;text-transform:uppercase;color:#000;box-shadow:unset}.style-options .filter-option-item{max-width:160px}.filter-option-item:has(input[type=checkbox]:checked){border-color:#000;background-color:#f4f4f4}.color-options input,.Color-options input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px!important;height:8px!important;border-radius:50%;cursor:pointer;transition:.2s ease;margin:0 7px 0 5px;position:relative!important;top:auto;right:auto;bottom:auto;left:auto;opacity:1!important}.filter-options:not(.Color-options) input,.filter-options:not(.color-options) input{opacity:0;position:absolute;width:0;height:0}.bottom_buttons{display:flex;gap:13px;padding:24px;border-top:1px solid #e0e0e0}.bottom_buttons button{width:100%;text-transform:uppercase;cursor:pointer;display:flex;padding:16px 24px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;font-size:12px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.25px;opacity:1}.apply-btn{background:#000;color:#fff;border:none}.clear-btn{background:transparent;border:1px solid #e0e0e0;transform:unset}.filter-group:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F4F4F4}.filter-options label{cursor:pointer;border-radius:0;border:0;box-shadow:unset;justify-content:flex-start;width:auto;display:inline-flex;padding:0;height:34px;width:100%;white-space:normal;word-break:break-all}.filter-title,.main-filter-title{font-size:12px;text-transform:uppercase;font-weight:400;color:#000;line-height:16px;letter-spacing:.25px}.main-filter-title{margin-bottom:0}.custom-filter-header{display:flex;align-items:center;justify-content:space-between}.custom-filter-header button{background:transparent;border:0;color:#000;font-size:10px;padding:0;height:auto;margin:0;line-height:16px}body.no-scroll{overflow:hidden}.facets--horizontal .facets__inputs-wrapper{max-height:100%!important}@media (max-width: 1023px){.custom-filter-header button{font-size:14px!important}.custom-filter-wrapper-mobile{position:fixed;bottom:50px;display:flex;justify-content:center;width:100%;z-index:2}.custom-filter-wrapper-mobile .custom-filter{background:var(--Text-text, #000);display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:8px}.custom-filter-wrapper-mobile .custom-filter .facets__label{color:var(--Text-white, #FFF);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.25px;text-transform:uppercase}.custom-filter-wrapper-mobile .custom-filter svg line{stroke:#fff}.custom-filter-wrapper-mobile .custom-filter svg{width:20px;height:20px}.custom-filter-drawer__content{position:fixed;left:0;bottom:0;width:100%;max-width:100vw;max-height:100vh;background:#fff;transform:translateY(100vh);transition:transform .35s ease-in-out;z-index:10000;overflow-y:auto}.custom-filter-modal.active .custom-filter-drawer__content{transform:translateY(0)}.custom-filter-modal,.custom-filter-drawer__content,.custom-filter-drawer__overlay{top:-90px}body.scrolled .custom-filter-modal,body.scrolled .custom-filter-drawer__content,body.scrolled .custom-filter-drawer__overlay{top:-40px}.custom-filter-drawer__content,.custom-filter-modal,.scrolled .custom-filter-drawer__content,.scrolled .custom-filter-modal{height:100vh}.no-scroll .facets-block-wrapper,.filter-rendering .facets-block-wrapper{z-index:9999}#custom-filter form,.form-group{height:max-content;max-height:70%;min-height:70%}.facets__actions>button{display:none}.facets-toggle{display:none;visibility:hidden}}.facets__actions,.bottom_buttons,.facets--horizontal .facets__actions{display:block;width:100%}.facets:not(.facets--drawer) .facets__clear-all{border-radius:0;transform:unset}.form-group .facets__inputs-wrapper{padding:0}.facets__pill-input:checked+.facets__pill-label{--pill-label-color: transparent;--pill-label-background-color: transparent;font-weight:400;background:transparent}
/*# sourceMappingURL=/cdn/shop/t/360/assets/cm-filter.css.map */
