.collection-browse{--cb-accent: 26, 107, 50;padding-top:.4rem;padding-bottom:2.8rem;transition:opacity .2s ease}.collection-browse.is-loading{opacity:.55;pointer-events:none}.cb-trail{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0 0 1.4rem;font-size:1.5rem}.cb-trail a{color:rgb(var(--cb-accent));text-decoration:underline;text-underline-offset:.3rem;padding:.4rem 0}.cb-trail a:hover{text-decoration-thickness:.2rem}.cb-trail .cb-sep{color:rgba(var(--color-foreground),.45)}.cb-trail [aria-current]{font-weight:700}.cb-q{margin:0 0 1.2rem;font-family:var(--font-body-family);font-size:2rem;font-weight:700;line-height:1.3;letter-spacing:0}.cb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.cb-tile{display:flex;flex-direction:column;gap:1rem;padding:1.8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cb-tile:hover{border-color:rgb(var(--cb-accent));box-shadow:0 .6rem 1.8rem #0000000f;transform:translateY(-.2rem)}.cb-tile svg{width:4.4rem;height:4.4rem;color:rgb(var(--cb-accent))}.cb-tile b{font-size:1.7rem;font-weight:700;line-height:1.2}.cb-tile small{font-size:1.3rem;line-height:1.35;color:rgba(var(--color-foreground),.7)}.cb-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.cb-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:6.4rem;padding:1rem .6rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:center;text-decoration:none;font-size:1.6rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere;transition:border-color .15s ease,box-shadow .15s ease}.cb-brand[hidden]{display:none}.cb-brand:hover{border-color:rgb(var(--cb-accent));box-shadow:0 .4rem 1.2rem #0000000d}.cb-brand small{font-size:1.2rem;font-weight:400;color:rgba(var(--color-foreground),.65)}.cb-chips{display:flex;flex-wrap:wrap;gap:.8rem}.cb-chip{display:inline-flex;align-items:center;gap:.6rem;min-height:4.2rem;padding:.8rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:99rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.45rem;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.cb-chip:hover{border-color:rgb(var(--cb-accent))}.cb-chip .cb-n{font-size:1.25rem;color:rgba(var(--color-foreground),.6)}.cb-chip[aria-current=true]{background:rgb(var(--cb-accent));border-color:rgb(var(--cb-accent));color:#fff}.cb-chip[aria-current=true] .cb-n{color:#fffc}.cb-chip[aria-current=true]:before{content:"";width:1.2rem;height:.9rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M1 4.5 4.3 7.8 11 1' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M1 4.5 4.3 7.8 11 1' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat}.cb-more{margin-top:1rem;border-style:dashed;color:rgb(var(--cb-accent));font-weight:600}.cb-tile:focus-visible,.cb-brand:focus-visible,.cb-chip:focus-visible,.cb-trail a:focus-visible{outline:.2rem solid rgb(var(--cb-accent));outline-offset:.2rem;box-shadow:none}@media screen and (max-width:989px){.cb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.collection-browse{padding-bottom:2rem}.cb-q{font-size:1.8rem}.cb-tile{padding:1.4rem 1.2rem;gap:.8rem}.cb-tile svg{width:3.6rem;height:3.6rem}.cb-tile b{font-size:1.6rem}.cb-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -1.5rem;padding:.2rem 1.5rem}.cb-chips::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){.collection-browse,.cb-tile,.cb-brand,.cb-chip{transition:none}.cb-tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/collection-browse.css.map */