.custom-collection-filters{width:100%;margin-bottom:24px}.custom-collection-filters-above{width:100%;flex:0 0 100%;order:-1;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e5e5e5}.custom-collection-filters-above .custom-collection-filters{max-width:100%;margin-bottom:0}.custom-collection-filters-above .custom-collection-filters-desktop{display:block!important}.facets-vertical.page-width{display:flex;flex-wrap:wrap}.facets-vertical.page-width>.custom-collection-filters-above{width:100%;flex-basis:100%}.facets-vertical.page-width>.facets-wrapper{flex:0 0 auto}.facets-vertical.page-width>.product-grid-wrapper{flex:1 1 0}.custom-filter-tabs{display:flex;flex-wrap:wrap;margin-bottom:24px;gap:0}.custom-filter-tab{font-family:var(--font-body-family);background:none;border:none;padding:10px 12px;cursor:pointer;font-size:16px;font-weight:400;line-height:22.4px;color:#1f1f1f;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;white-space:nowrap;position:relative;margin-bottom:-1px}.custom-filter-tab:hover{color:#1f1f1f;background-color:transparent}.custom-filter-tab.active{color:#1f1f1f;font-weight:700;border-bottom-color:#000}.custom-filter-content{position:relative}.custom-filter-panel{display:none;animation:fadeIn .3s ease-in-out}.custom-filter-panel.active{display:block}.custom-filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.custom-filter-button{background:#fff;border-radius:4px;padding:12px 16px;cursor:pointer;color:#4f4f4f;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:300;line-height:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;height:36px;border:1px solid #e0e0e0;box-shadow:0 0 8px #0000001f}.custom-filter-button--brand{padding:8px 16px;border-radius:4px;border:1px solid #e0e0e0;min-height:auto;height:auto;width:auto;justify-content:center;transition:all .2s;box-shadow:0 0 8px #0000001f}.custom-filter-button--brand .custom-filter-button__logo{width:100%;height:36px;max-width:143px;object-fit:contain;flex-shrink:0}.custom-filter-button--brand .custom-filter-button__text{display:inline-block}.custom-filter-button--brand:has(.custom-filter-button__logo) .custom-filter-button__text{display:none}.custom-filter-button__text{display:inline-block}.custom-filter-button:hover{background-color:#fafafa;transform:none}.custom-filter-button.active{background-color:#1248881f;border-color:#124888;color:#124888;font-weight:600;box-shadow:none}.custom-filter-button--brand.active{background:#1248881f;border:1px solid #124888;box-shadow:none}.custom-filter-button.active:hover{transform:none;background-color:#12488829}.custom-filter-button--brand:hover{background:#fafafa;transform:none}.custom-filter-button--brand.active:hover{background:#12488829;border:1px solid #124888;transform:none}.loading-spinner{display:inline-block;animation:spin 1s linear infinite;margin-left:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.original-filter-inputs{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.facets-vertical .custom-collection-mobile-filters{margin-bottom:17px;width:100%}.custom-collection-mobile-filters .custom-collection-filters{margin-bottom:0}.facets-vertical{display:flex;flex-direction:column}.custom-filter-tabs{gap:0;padding:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:17px}.custom-filter-tabs::-webkit-scrollbar{display:none}.custom-filter-tab{background-color:transparent;padding:10px 12px;flex:0 0 auto;min-width:max-content;text-align:center;font-family:var(--font-body-family);font-size:16px;font-weight:400;line-height:22.4px;color:#1f1f1f;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.custom-filter-tab:hover{background-color:transparent}.custom-filter-tab.active{color:#1f1f1f;font-weight:700;border-bottom-color:#000}.custom-filter-buttons{gap:8px;position:relative;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin-left:-16px;width:100vw;padding-inline:16px;margin-top:0}.custom-filter-buttons::-webkit-scrollbar{display:none}.custom-filter-button{padding:12px 16px;font-size:14px;justify-content:center;font-family:var(--font-body-family);font-weight:300;line-height:18px;color:#4f4f4f;flex:0 0 auto;min-width:max-content;height:36px;border-radius:4px;background:#fff;box-shadow:0 0 8px #0000001f;border:1px solid #e0e0e0}.custom-filter-button--brand{padding:8px;height:auto;min-height:auto}.custom-filter-button--brand .custom-filter-button__logo{height:36px;max-width:143px}.custom-filter-button.active{background-color:#1248881f;border-color:#124888;color:#124888;font-weight:600;box-shadow:none}.custom-filter-button--brand.active{background:#1248881f;border:1px solid #124888;box-shadow:none}.product-grid-container .custom-collection-filters{display:none!important}}.custom-filter-tab:focus{outline:2px solid #007bff;outline-offset:2px}.custom-filter-tab:focus:not(:focus-visible){outline:none}.custom-filter-button:focus{outline:2px solid #007bff;outline-offset:2px}.custom-filter-button:focus:not(:focus-visible){outline:none}.custom-filter-tab--tag,.custom-filter-tab[data-filter-type=tag]{font-weight:400;border-bottom:none!important;padding:0 8px 0 0!important}.custom-filter-tab--tag.active,.custom-filter-tab[data-filter-type=tag].active{font-weight:700;border-bottom-color:transparent!important}.custom-filter-tab--tag:only-child,.custom-filter-tab[data-filter-type=tag]:only-child{pointer-events:none;cursor:default}.custom-filter-panel--tag .custom-filter-button{font-weight:300}.custom-filter-panel--tag .custom-filter-button.active{font-weight:600}@media(min-width:768px){.custom-filter-tab--tag,.custom-filter-tab[data-filter-type=tag]{font-size:18px}}@media(max-width:767px){.custom-filter-panel--tag .custom-filter-button{color:#4f4f4f}.custom-filter-panel--tag .custom-filter-button.active{color:#124888}.custom-collection-filters-above:not(.custom-collection-filters-above--wizard){display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/custom-collection-filters.css.map */