.collection-filter{margin-bottom:calc(var(--gutter) / 2)}@media only screen and (max-width: 768px){.collection-filter{position:sticky;top:0;z-index:2;margin-left:calc(var(--page-width-gutter-small) * -1);margin-right:calc(var(--page-width-gutter-small) * -1);margin-bottom:0}}.collection-filter__inner{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap}@media only screen and (max-width: 768px){.collection-filter__inner{position:relative;z-index:2;justify-content:space-between;background:var(--color-body);padding:0 var(--page-width-gutter-small)}.collection-filter__inner:after{content:"";position:absolute;height:20px;top:100%;left:0;right:0;pointer-events:none;background:linear-gradient(#0000000d,#0000)}}.collection-filter__inner select{display:block;width:100%;border:0}.collection-filter__btn{padding:12px 0;font-weight:var(--type-header-weight);font-size:calc(var(--type-base-size) + 1px)}.collection-filter__btn .icon{vertical-align:middle;width:25px;height:25px;margin-top:-1px;margin-right:5px}.collection-filter__btn path{transition:all .3s cubic-bezier(.18,.77,.58,1)}.collection-filter__btn.is-active path:nth-child(3){transform:rotate(45deg);transform-origin:70% 90%}.collection-filter__btn.is-active path:nth-child(1),.collection-filter__btn.is-active path:nth-child(2),.collection-filter__btn.is-active path:nth-child(4),.collection-filter__btn.is-active path:nth-child(5){opacity:0}.collection-filter__btn.is-active path:nth-child(6){transform:rotate(-45deg);transform-origin:80% 44%}.collection-filter__item{flex:0 1 auto}.collection-filter__item--drawer{flex:0 1 50%;padding-right:calc(var(--gutter) / 4)}.collection-filter__item--count{flex:1 1 50%;text-align:center}@media only screen and (max-width: 768px){.collection-filter__item--count{order:3;flex:1 1 100%}}.grid-view-btn{display:block;padding:10px 8px;opacity:.15}.grid-view-btn:hover{opacity:.4}.grid-view-btn.is-active{opacity:1}.grid-view-btn svg{display:block}@media only screen and (max-width: 768px){.grid-view-btn svg{width:18px;height:18px}}.collection-filter__item--right{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto}.collection-filter__item--right>.inline-list{margin-right:-7px}@media only screen and (max-width: 768px){.collection-filter__sort select{margin-left:-8px}}@media only screen and (min-width: 769px){.collection-filter__sort{padding-right:15px;margin-right:15px;border-right:1px solid;border-right-color:var(--color-border)}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/snippet-collection-filter.css.map */