.custom-filter-container{display:flex;justify-content:space-between;margin-bottom:20px;position:relative;z-index:4;padding-left:0;padding-right:0}.collection-top-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.collection-header{display:flex;flex-direction:column;width:100%;margin-bottom:2rem}.collection-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.collection-title{margin:0;font-family:Satoshi,sans-serif;font-size:2.4rem;font-weight:600;color:rgb(var(--color-foreground));padding-left:0}.collection-product-count{font-family:Satoshi,sans-serif;font-size:1.4rem;color:rgba(var(--color-foreground),.75);font-weight:400}.collection-filters-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px}.collection-tag-filters{display:flex}.tag-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.collection-quick-color-filters{display:flex;justify-content:flex-end;margin-left:auto}.color-filter-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none;justify-content:flex-end}.custom-filter-button-container{display:flex;justify-content:flex-end;align-items:center;margin-top:5px}.custom-filter-button{display:flex;align-items:center;gap:6px;padding:10px 14px;background-color:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.08);border-radius:4px;font-family:Satoshi,sans-serif;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .3s ease}.custom-filter-button:hover{background-color:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.12)}.custom-filter-button svg{width:20px;height:20px}.custom-filter-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background-color:rgb(var(--color-background));box-shadow:-5px 0 15px rgba(var(--color-foreground),.1);transform:translate(100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;padding:24px 20px 0 24px;display:flex;flex-direction:column}.custom-filter-drawer.active{transform:translate(0)}.custom-filter-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:999;transition:all .3s ease}.custom-filter-drawer-overlay.active{opacity:1;visibility:visible}.custom-filter-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:15px;border-bottom:1px solid rgba(var(--color-foreground),.08)}.custom-filter-drawer-title{font-family:Satoshi,sans-serif;font-size:2rem;font-weight:600;margin:0}.custom-filter-drawer-close{background:none;border:none;padding:5px;font-size:28px;line-height:.8;cursor:pointer;color:rgb(var(--color-foreground))}.custom-filter-content{display:flex;flex-direction:column;gap:4px;flex-grow:1;overflow-y:auto}.filter-section{margin-bottom:20px}.filter-section-title{font-family:Satoshi,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 16px;color:rgb(var(--color-foreground))}.filter-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.filter-option{position:relative}.filter-option-button{display:flex;align-items:center;width:100%;padding:10px;background-color:#fff;border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.filter-option-button.active{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.filter-option-button:hover{border-color:rgba(var(--color-foreground),.3)}.color-swatch{display:inline-block;width:24px;height:24px;border-radius:50%;margin-right:10px;flex-shrink:0}.effect-icon{display:inline-block;width:24px;height:24px;border-radius:50%;margin-right:10px;background-color:#f0f0f0;flex-shrink:0;position:relative}.active-filters-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(var(--color-foreground),.08)}.active-filters-title{font-family:Satoshi,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:10px;color:rgb(var(--color-foreground))}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{display:inline-flex;align-items:center;margin-right:8px;padding:6px 12px;background-color:rgba(var(--color-foreground),.05);border-radius:4px;font-family:Satoshi,sans-serif;font-size:1.3rem;color:rgb(var(--color-foreground))}.active-filter-tag .filter-remove{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;width:14px;height:14px;border-radius:50%;background-color:rgba(var(--color-foreground),.1);cursor:pointer;transition:background-color .2s ease}.active-filter-tag .filter-remove:hover{background-color:rgba(var(--color-foreground),.2)}.active-filter-tag .filter-remove:before{content:"\d7";font-size:12px;line-height:1}.filter-action-buttons{display:flex;padding:16px 20px;position:sticky;bottom:0;background-color:rgb(var(--color-background));box-shadow:0 -5px 10px rgba(var(--color-foreground),.05);z-index:2;margin:0 -20px -20px;gap:10%}.filter-action-button{padding:10px 15px;border-radius:4px;font-family:Satoshi,sans-serif;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.filter-action-button.clear-button{background-color:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.08);width:30%}.filter-action-button.apply-button{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;width:60%}.effect-solid{background-color:#424242}.effect-glitter{background:radial-gradient(circle,#fff,#c8c8c8,#969696)}.effect-pattern{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.effect-metallic{background:linear-gradient(135deg,#dedede,#a1a1a1,#dedede)}.effect-transparent{background-color:transparent;border:1px dashed #999}.effect-gradient{background:linear-gradient(to right,#ff9a9e,#fad0c4)}.effect-french{background-color:#f8f8f8;border-top:8px solid #000;border-radius:50% 50% 0 0}.effect-neon{background-color:#39ff14;box-shadow:0 0 5px #39ff14}.effect-sheer{background-color:#0000001a;border:1px solid #ddd}.effect-glazed{background:linear-gradient(135deg,#fffc,#ffffff1a,#fffc);border:1px solid #ddd}.effect-multicolor{background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet)}.filter-option-label{font-family:Satoshi,sans-serif;font-size:1.3rem;font-weight:500}.tag-item{margin:0}.tag-item a{display:inline-block;padding:6px 12px;font-family:Satoshi,sans-serif;font-size:1.3rem;font-weight:500;color:rgba(var(--color-foreground),.75);background-color:rgba(var(--color-foreground),.05);border-radius:4px;text-decoration:none;transition:all .2s ease}.tag-item a:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.1)}.tag-item.active a{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}.color-filter-item{text-align:center}.color-filter-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:rgb(var(--color-foreground));font-family:Satoshi,sans-serif;font-size:1.2rem}.color-filter-swatch{display:block;width:35px;height:35px;border-radius:50%;margin-bottom:5px;background-size:cover;background-position:center;transition:transform .2s ease;box-shadow:0 2px 4px #00000014}.color-filter-item.active .color-filter-swatch{border:1px solid rgb(var(--color-foreground))}.color-filter-item:not(.active) .color-filter-swatch:hover{transform:scale(1.1)}.color-filter-name{font-size:1.1rem;color:#333;white-space:nowrap;max-width:50px;text-overflow:ellipsis;overflow:hidden;text-align:center}@media screen and (max-width: 749px){.collection-top-row{flex-direction:column;align-items:flex-start;text-align:left}.collection-info{align-items:flex-start;text-align:left}.custom-filter-button-container{margin-top:15px;justify-content:flex-start;width:100%}.collection-filters-row{flex-direction:column;align-items:flex-start}.collection-quick-color-filters{margin-left:0;width:100%;order:1;margin-bottom:5px}.collection-tag-filters{width:100%;order:2}.color-filter-list,.tag-list{justify-content:flex-start}.custom-filter-drawer{width:100%;max-width:320px}.filter-action-buttons{flex-direction:row;gap:10%}.filter-action-button.clear-button{margin-right:0;margin-bottom:0;width:30%}.filter-action-button.apply-button{width:60%}}@media screen and (max-width: 768px){.collection-header{flex-direction:column;align-items:flex-start}.collection-info{align-items:flex-start;text-align:left;width:100%}.collection-quick-color-filters{justify-content:flex-start;margin-top:10px;width:100%;order:1}.collection-tag-filters{width:100%;order:2;margin-top:15px}.color-filter-list{justify-content:flex-start}}@media screen and (min-width: 750px){.filter-action-buttons{flex-direction:row;gap:10%}.filter-action-button.clear-button{width:30%;margin-right:0}.filter-action-button.apply-button{width:60%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-custom-filter.css.map */