.filter{display:block;width:min-content}@media screen and (min-width: 800px){.filter{position:relative}}.filter button{width:min-content;display:flex;gap:16px;aspect-ratio:auto;border-radius:8px;border:1px solid #f1bcdd;padding:8px 8px 8px 12px;transition:all .3s ease-in-out}.filter button .filter-type{display:flex;flex-direction:row;gap:4px}.filter button .filter-type .counter{font-size:8px;font-weight:600;background-color:#f1bcdd;border-radius:16px;width:16px;height:16px;display:flex;opacity:0;align-items:center;justify-content:space-around;transition:all .3s ease-in-out}.filter button .icon{display:block;width:24px;height:24px;transition:all .1s ease-in-out}.filter button:hover{background:#f1bcdd68}.filter button.active .icon{transform:rotate(-180deg)}.filter .filter-dropdown{position:absolute;border-radius:8px;box-shadow:#959da580 0 8px 24px;background:#fff;z-index:100;padding:4px;height:auto;width:calc(100vw - 32px);top:calc(100% + 4px);left:0}@media screen and (min-width: 800px){.filter .filter-dropdown{width:400px;top:calc(100% + 4px);left:0}}.filter .filter-dropdown .options{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 16px}.filter .filter-dropdown label{display:flex;gap:12px;padding:8px 12px;transition:all .3s ease-in-out;border-radius:4px;align-items:center;width:calc(50% - 12px)}.filter .filter-dropdown label input[type=checkbox]{accent-color:#f1bcdd;width:16px;height:16px}.filter .filter-dropdown label p{width:max-content}.filter .filter-dropdown label:hover{background:#eee}.filter .filter-dropdown .filter-actions{display:flex;flex-direction:row-reverse;gap:8px;margin-top:8px;padding:0 8px}.filter .filter-dropdown .filter-actions button{width:100%;text-align:center;display:block;margin:4px 0}.filter .filter-dropdown .filter-actions button.filter-save{background:#f1bcdd}.variant-item{transition:opacity .3s ease}.filter-dropdown{display:none}.filter-dropdown.open{display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/styles-filters.css.map */