.collection-browser{padding-block:var(--gf-section-pad, clamp(4rem, 6vw, 8rem));--cb-columns-desktop: 4;--cb-columns-tablet: 3;--cb-columns-mobile: 2}.collection-browser__inner{display:flex;flex-direction:column;gap:0}.collection-browser__heading{margin:0 0 3.2rem;overflow-wrap:break-word}.collection-browser .collection-browser__tabs{display:flex;gap:.6rem;width:100%;margin:0 0 3.6rem;padding-block:.4rem 0;padding-inline:.4rem;border-block-end:.1rem solid var(--gf-rule2, rgba(var(--color-foreground), .12));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection-browser .collection-browser__tabs::-webkit-scrollbar{display:none}.collection-browser button.collection-browser__tab{appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:max-content;margin:0;padding:.8rem 1.6rem;border:.1rem solid var(--gf-rule, rgba(var(--color-foreground), .16));border-block-end:0;border-radius:.8rem .8rem 0 0;color:rgba(var(--color-foreground),.6);background:rgba(var(--color-foreground),.04);box-shadow:none;font-family:var(--collection-browser-tab-font-family, var(--gf-font-mono, monospace));font-size:var(--collection-browser-tab-font-size, 1.3rem);font-weight:400;letter-spacing:.1em;line-height:1.4;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.collection-browser button.collection-browser__tab:before{display:none}.collection-browser button.collection-browser__tab:after{content:"";position:absolute;inset-inline:0;inset-block-end:-.1rem;height:.2rem;background:var(--collection-browser-accent-color, currentColor);transform:scaleX(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.collection-browser button.collection-browser__tab--active{border-color:var(--gf-rule, rgba(var(--color-foreground), .16));color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.collection-browser button.collection-browser__tab--active:after{transform:scaleX(1)}.collection-browser button.collection-browser__tab:focus-visible{outline:.2rem solid var(--collection-browser-accent-color, currentColor);outline-offset:.2rem}@media(hover:hover){.collection-browser button.collection-browser__tab:hover{border-color:var(--gf-rule, rgba(var(--color-foreground), .22));color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08);transform:scale(1.05)}}.collection-browser__panel[hidden]{display:none}.collection-browser .collection-browser__grid{display:grid;grid-template-columns:repeat(var(--cb-columns-desktop),minmax(0,1fr));gap:2.4rem 1.6rem;width:100%;max-width:100%;margin:0;padding:0;list-style:none}.collection-browser .collection-browser__grid-item{width:auto;max-width:none;min-width:0;margin:0;padding:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.collection-browser .collection-browser__grid-item .card-wrapper,.collection-browser .collection-browser__grid-item .card{width:100%;height:100%}.collection-browser .collection-browser__grid-item .card--card,.collection-browser .collection-browser__grid-item .card--standard .card__inner{background-color:rgb(var(--color-background))}.collection-browser .card-wrapper,.collection-browser .card{height:100%}.collection-browser .card{display:flex;flex-direction:column}.collection-browser .card__inner{flex:0 0 auto}.collection-browser .card__content{display:flex;flex:1 1 auto;flex-direction:column}.collection-browser .card__information{display:flex;flex:1 1 auto;flex-direction:column;min-height:var(--collection-browser-product-info-min-height, 100px);padding:var(--collection-browser-product-info-padding-y, 1rem) var(--collection-browser-product-info-padding-x, 1.4rem)}.collection-browser .card--standard>.card__content .card__information,.collection-browser .card--card>.card__content .card__information{display:flex;flex:1 1 auto;flex-direction:column;min-height:var(--collection-browser-product-info-min-height, 100px);padding:var(--collection-browser-product-info-padding-y, 1rem) var(--collection-browser-product-info-padding-x, 1.4rem)}.collection-browser .card__heading{margin:0 0 var(--collection-browser-product-title-spacing, .2rem);color:rgb(var(--color-foreground));font-family:var(--collection-browser-product-title-font-family, var(--gf-font-display, var(--font-heading-family)));font-size:calc(var(--font-heading-scale, 1) * var(--collection-browser-product-title-font-size, 1.3rem));line-height:1.22}.collection-browser .card__heading a,.collection-browser .card__heading .full-unstyled-link{color:inherit}.collection-browser .card__heading .full-unstyled-link{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--collection-browser-product-title-lines, 2);line-clamp:var(--collection-browser-product-title-lines, 2)}.collection-browser .card__information>.card__heading{flex:0 0 auto}.collection-browser .card-information{display:flex;flex:1 1 auto;flex-direction:column}.collection-browser .card-information>*{margin-block-start:0}.collection-browser .card__information>.card-information{margin-top:auto;width:100%}.collection-browser .card__information>.card-information:only-child{margin-top:0}.collection-browser .caption-with-letter-spacing{margin-block-end:var(--collection-browser-product-vendor-spacing, .4rem);color:rgba(var(--color-foreground),.66);font-family:var(--collection-browser-product-vendor-font-family, var(--gf-font-mono, monospace));font-size:var(--collection-browser-product-vendor-font-size, 1.1rem)}.collection-browser .card-information .price{margin-top:auto!important;margin-bottom:0;padding-top:var(--collection-browser-product-price-top-spacing, 0rem);color:var(--collection-browser-price-color, rgb(var(--color-foreground)));font-family:var(--collection-browser-product-price-font-family, var(--gf-font-mono, monospace));font-size:var(--collection-browser-product-price-font-size, 1.5rem);font-weight:var(--collection-browser-product-price-font-weight, 500)}.collection-browser .card-information .price,.collection-browser .card-information .price *{color:var(--collection-browser-price-color, rgb(var(--color-foreground)))}.collection-browser .card-information .price .price-item{font-family:var(--collection-browser-product-price-font-family, var(--gf-font-mono, monospace));font-size:var(--collection-browser-product-price-font-size, 1.5rem);font-weight:var(--collection-browser-product-price-font-weight, 500)}.collection-browser .card-information .price__container,.collection-browser .card-information .price__regular,.collection-browser .card-information .price__sale{margin:0}.collection-browser__empty{margin:0;padding:6rem 2rem;color:rgba(var(--color-foreground),.55);font-size:1.5rem;text-align:center}.collection-browser__footer{display:flex;justify-content:center;padding-top:4rem}.collection-browser__see-more{display:inline-flex;align-items:center;gap:.6rem;padding:1.2rem 2.8rem;border:.1rem solid var(--gf-rule, rgba(var(--color-foreground), .16));color:rgb(var(--color-foreground));font-family:var(--collection-browser-see-more-font-family, var(--gf-font-mono, monospace));font-size:var(--collection-browser-see-more-font-size, 1.3rem);letter-spacing:.12em;line-height:1.4;text-decoration:none;text-transform:uppercase;transition:border-color .2s ease,gap .2s ease,background-color .2s ease}.collection-browser__see-more:hover,.collection-browser__see-more:focus-visible{gap:1rem;border-color:var(--collection-browser-accent-color, currentColor);color:var(--collection-browser-accent-color, rgb(var(--color-foreground)));background-color:color-mix(in srgb,var(--collection-browser-accent-color, currentColor) 6%,transparent)}.collection-browser__see-more:focus-visible{outline:.2rem solid var(--collection-browser-accent-color, currentColor);outline-offset:.3rem}@media screen and (max-width:989px){.collection-browser .collection-browser__grid{grid-template-columns:repeat(var(--cb-columns-tablet),minmax(0,1fr))}}@media screen and (max-width:599px){.collection-browser button.collection-browser__tab{padding:.7rem 1.2rem}.collection-browser .collection-browser__grid{grid-template-columns:repeat(var(--cb-columns-mobile),minmax(0,1fr));gap:1.6rem 1rem}}@media(prefers-reduced-motion:reduce){.collection-browser button.collection-browser__tab,.collection-browser button.collection-browser__tab:after,.collection-browser__see-more{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collection-browser.css.map */