.shoppable-grid__grid{display:grid;gap:1rem;grid-gap:1rem;row-gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:1fr}.shoppable-grid__item{grid-column:span 2;grid-row:span 5;min-width:1px;min-height:1px}.shoppable-grid__item:first-child{grid-row:1 / span 4;grid-column:3 / span 2}.shoppable-grid__item-area{min-width:1px;min-height:1px;height:100%;width:100%}.shoppable-grid__item-inner{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.shoppable-grid__item-title{position:absolute;left:0;right:0;bottom:0;padding:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:rgb(var(--color-white));z-index:1;pointer-events:none}.shoppable-grid__item-title:before{content:"";position:absolute;left:0;right:0;bottom:0;top:-1rem;background:linear-gradient(to bottom,#0000,#0006);z-index:-1}@media (min-width: 1024px){.shoppable-grid__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.shoppable-grid__tags{display:flex;margin-bottom:1rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;list-style:none;padding-left:0;position:sticky;top:-1px;background-color:#fff;z-index:2;padding:1rem 0}@media (max-width: 767px){.shoppable-grid__tags{margin-left:-1rem;margin-right:-1rem}.shoppable-grid__tags:before{content:"";padding-right:1rem}}@media (min-width: 768px){.shoppable-grid__tags{margin-left:0;margin-right:0}}.shoppable-grid__tags>*{margin-right:1rem}.shoppable-grid__tag{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid transparent;font-weight:700;text-transform:uppercase;background-color:rgb(var(--color-gray-100));cursor:pointer}.shoppable-grid__tag--active{border-color:rgb(var(--color-gray-900))}.shoppable-grid__tag .icon{display:none}.shoppable-grid__tag--active .icon{display:block}.shoppable-grid__tag .icon{width:1rem;height:1rem;margin-left:.5rem}.shoppable-grid .loading-overlay{display:flex;min-height:50vh;justify-content:center;align-items:center}.shoppable-grid .loading-overlay__spinner{width:2rem;height:2rem;animation:loading .75s infinite linear}.shoppable-grid .loading-overlay__spinner svg{width:2rem;height:2rem}.shoppable-grid .loading-overlay:not(.hidden)+.shoppable-grid__grid{display:none}.shoppable-grid__more{margin-top:2rem;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/774/assets/component-shoppable-grid.css.map */