.no-products-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;padding:24px 12px;min-height:300px;text-align:center}#product-grid~.no-products-container{display:none}#product-grid.empty-product-grid~.no-products-container{display:flex}.collection-headbar{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--text-color)}.grid-view-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.grid-icon{--stroke-width: 2px;display:block;width:20px;height:20px;border:var(--stroke-width) solid var(--text-color);position:relative}.grid-icon:before,.grid-icon:after{content:"";display:block;width:100%;height:var(--stroke-width);background-color:var(--text-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.grid-icon.active:after{display:none}.collection-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr)}.collection-grid .product-card{min-width:100%}.collection-grid.active{grid-template-columns:1fr}.product-grid-barrier{display:block;height:.5px;width:100%;background-color:var(--text-color);grid-column:1 / -1;margin-top:-.5px}.filter-btn-container{z-index:6;position:sticky;bottom:0;left:50%;margin-bottom:1.25rem;text-align:center;padding-bottom:2.5rem;padding-top:3.75rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transform:translateX(-50%);transform:translate(-50%);grid-column:1 / -1}.empty-product-grid~.filter-btn-container{display:none}.filter-btn{display:flex;align-items:center;gap:8px;background-color:var(--text-color);color:var(--bg-color);padding:0 16px;line-height:40px;transition:opacity .25s ease-out,transform .25s ease-out}.filter-btn.active{opacity:0;transform:translateY(100%)}.filter-btn path{fill:var(--bg-color)}[data-loading-indicator]{height:200px;width:100%;position:relative;grid-column:1 / -1}[data-loading-indicator]:before{content:"";display:block;position:absolute;top:50%;left:50%;width:25px;height:25px;border-radius:50%;border:4px solid rgba(0,0,0,.4);border-top-color:#000;animation:loading-indicator .8s linear infinite;transform:translate(-50%,-50%)}@keyframes loading-indicator{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (min-width: 768px){.grid-icon{transform:rotate(90deg)}.collection-grid{grid-template-columns:repeat(4,1fr)}.collection-grid.active{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-grid.css.map */