.ccg{--ccg-column-gap: 8px;--ccg-row-gap: 40px}.ccg__toolbar{--ccg-icon-size: 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:16px;border-top:1px solid rgb(var(--color-palette-foreground-rgb) / .1);font-family:var(--font-body--family);font-size:15px;font-weight:400;line-height:1;text-transform:none;letter-spacing:normal;color:var(--color-palette-foreground)}.ccg__tools{display:flex;align-items:center}.ccg__view,.ccg__filter{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--color-palette-foreground)}.ccg__view{width:var(--ccg-icon-size);height:var(--ccg-icon-size);justify-content:center;color:rgb(var(--color-palette-foreground-rgb) / .25)}.ccg__view+.ccg__view{margin-inline-start:8px}.ccg__view[aria-pressed=true]{color:var(--color-palette-foreground)}.ccg__view svg{width:100%;height:100%}.ccg__separator{width:1px;height:var(--ccg-icon-size);margin-inline:32px;background-color:rgb(var(--color-palette-foreground-rgb) / .1)}.ccg__filter{gap:8px}.ccg__filter svg{width:20px;height:20px;flex:0 0 auto}.ccg__grid{display:grid;grid-template-columns:repeat(var(--ccg-mobile-columns),minmax(0,1fr));grid-auto-flow:dense;column-gap:var(--ccg-column-gap);row-gap:var(--ccg-row-gap);padding-inline:var(--custom-margin-inline)}.ccg__grid-wrap{container-type:inline-size}.ccg__item{min-width:0}.ccg__tile{grid-column:1 / -1;grid-row:var(--ccg-tile-row) / var(--ccg-tile-row-end);min-width:0}.ccg__tile-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none}.ccg__tile-box{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2px}.ccg__tile-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.ccg__tile-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:#000}.ccg__tile-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;--color: #ffffff;color:var(--color)}.ccg__tile-eyebrow,.ccg__tile-title,.ccg__tile-text{margin:0}.ccg__tile-title,.ccg__tile-text{margin-top:16px}.ccg__tile-cta{margin-top:24px}.ccg__grid--view-2{grid-template-columns:repeat(var(--ccg-mosaic-mobile-columns),minmax(0,1fr));column-gap:8px;row-gap:8px}.ccg__grid--view-2 .custom-product-card__info,.ccg__grid--view-2 .custom-product-card__tag,.ccg__grid--view-2 .custom-product-card__button{display:none}.ccg__grid--view-2 .ccg__tile{grid-column:auto;grid-row:auto}.ccg__grid--view-2 .ccg__tile-box{height:auto;aspect-ratio:4 / 5}.ccg__grid--view-2 .ccg__tile-veil,.ccg__grid--view-2 .ccg__tile-content{display:none}.ccg__grid--view-2 .ccg__tile-link{display:block}.ccg__grid--view-2 .custom-product-card__sold{display:none}.ccg__empty{padding-block:64px;text-align:center}.ccg__empty-text{margin:0}.ccg__empty-cta{margin-top:24px}.ccg__pagination{margin-top:48px;display:flex;justify-content:center}@media screen and (min-width:1032px){.ccg__toolbar{padding-inline:32px}.ccg__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ccg__grid--view-2{grid-template-columns:repeat(7,minmax(0,1fr))}.ccg__tile--left{grid-column:1 / span 2}.ccg__tile--right{grid-column:3 / span 2}.ccg__tile-content{padding:32px}.ccg__grid--view-1{grid-auto-rows:calc((100cqw - 2 * var(--custom-margin-inline) - 3 * var(--ccg-column-gap)) / 4 * 1.25) auto;row-gap:0;margin-bottom:calc(-1 * var(--ccg-row-gap))}.ccg__grid--view-1 .ccg__item{grid-row:span 2;display:grid;grid-template-rows:subgrid;margin-bottom:var(--ccg-row-gap)}.ccg__grid--view-1 .ccg__item>.custom-product-card{grid-row:1 / span 2}.ccg__grid--view-1 .ccg__tile{grid-row:var(--ccg-tile-track) / span 4;display:grid;grid-template-rows:subgrid;margin-bottom:var(--ccg-row-gap)}.ccg__grid--view-1 .ccg__tile>.ccg__tile-box{grid-row:1 / span 3}.ccg__grid--view-1 .ccg__tile>.custom-product-card{grid-row:1 / span 3;height:100%}.ccg__grid--view-1 .ccg__tile .custom-product-card__media{aspect-ratio:auto;height:100%}.ccg__grid--view-1 .ccg__tile .custom-product-card__info{padding-top:calc((100cqw - var(--ccg-column-gap)) / 2 * .025)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-collection-grid.css.map */
