.pcp-quick-filters{max-width:100vw;flex:100%}.pcp-quick-filters__scrollable-area{display:flex;align-items:center;gap:.5rem;max-width:calc(100vw - 12.4rem);scrollbar-width:none;overflow-x:auto;padding:0 1.6rem 0 .8rem}@media screen and (min-width: 750px){.pcp-quick-filters{max-width:calc(100vw - 14rem);flex:1;padding:0 0 0 .6rem}.pcp-quick-filters__scrollable-area{padding-left:0}}.pcp-navigation-wrapper{position:relative;display:flex;border-radius:6.4rem;flex-shrink:0;overflow:hidden}.pcp-navigation-wrapper button,.pcp-filter-item{position:relative;display:flex;justify-content:center;align-items:center;height:5rem;font-size:var(--text-size-xxs);font-weight:var(--font-weight-bold);text-transform:uppercase;border:.2rem solid rgb(var(--color-base-dark));border-radius:6.4rem;cursor:pointer;white-space:nowrap;color:rgb(var(--color-base-dark));padding:var(--layout-space-6) var(--layout-space-12) var(--layout-space-6) var(--layout-space-8)}.pcp-navigation-wrapper button{background:rgb(var(--color-background))}.pcp-navigation-wrapper button[disabled]{position:absolute!important;opacity:.4}.pcp-navigation-wrapper button:not(:first-child){position:relative;margin-left:calc(var(--left) * 1rem);z-index:1}.pcp-filters-level{display:flex;gap:.8rem}.pcp-filter-item.active{background-color:rgba(var(--color-base-dark));color:rgb(var(--color-background))}.pcp-filter-item.active .quick-filter-count{color:rgb(var(--color-background))}.pcp-filter-item.disabled{opacity:.5;cursor:not-allowed}.pcp-filters-sublevel{display:none}.pcp-filters-sublevel.active{display:flex}.hidden{display:none!important}.pcp-navigation-wrapper .pcp-nav-btn{padding-right:4rem}.pcp-nav-btn:before{content:"";position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='2' height='2' fill='black'%3E%3C/rect%3E%3Crect x='4' width='2' height='2' fill='black'%3E%3C/rect%3E%3Crect x='4' y='4' width='2' height='2' fill='black'%3E%3C/rect%3E%3Crect width='2' height='2' fill='black'%3E%3C/rect%3E%3Crect y='4' width='2' height='2' fill='black'%3E%3C/rect%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.pcp-quick-filters .quick-filter-count{position:absolute;top:.7rem;right:1.2rem;font-weight:var(--font-weight-normal);font-size:var(--text-size-3xs)}.pcp-filters-sublevel li{transition:opacity .2s ease}.pcp-filters-sublevel.level-not-updated li{opacity:0}.pcp-filters-sublevel:not(.level-not-updated) li{opacity:1}.pcp-quick-filters.loading .pcp-filter-item.loading{position:relative;opacity:.5;pointer-events:none}.pcp-quick-filters.loading .pcp-filter-item.loading>.loading-overlay__spinner{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.pcp-quick-filters .pcp-filter-item .loading-overlay__spinner{display:none}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-quick-filters.css.map */