.addon-browser{--addon-browser-ready: 1;display:block}.addon-browser__heading{margin:0 0 1.2rem;font-size:1.4rem}.addon-browser__pills{display:flex;flex-wrap:wrap;gap:.8rem}.addon-browser__pill{padding:.6rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:999rem;background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;cursor:pointer}.addon-browser__pill[aria-pressed=true]{border-color:transparent;background:var(--gradient-base-accent-2);color:rgb(var(--color-background))}.addon-browser__tabs{display:flex;gap:1.6rem;margin-top:1.2rem;overflow-x:auto;scrollbar-width:none}.addon-browser__tabs::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.addon-browser__tabs{flex-wrap:wrap;row-gap:.4rem;overflow-x:visible}}.addon-browser__tab{flex:0 0 auto;padding:.4rem 0;border:0;background:none;color:rgb(var(--color-foreground));font-size:1.3rem;cursor:pointer}.addon-browser__tab[aria-pressed=true]{font-weight:600;text-decoration:underline;text-underline-offset:.4rem}.addon-browser__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.6rem}.addon-browser__cell{min-width:0}.addon-browser__grid[aria-busy=true]{min-height:12rem}.addon-browser__grid[aria-busy=true]:after{content:"";grid-column:1 / -1;align-self:center;justify-self:center;width:2.4rem;height:2.4rem;border:.2rem solid rgba(var(--color-foreground),.2);border-top-color:rgba(var(--color-foreground),.7);border-radius:50%;animation:addon-loading-spin .8s linear infinite}@keyframes addon-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.addon-browser__grid[aria-busy=true]:after{animation-duration:2.4s}}.addon-browser__error{margin:1.6rem 0 0;font-size:1.3rem;color:rgb(var(--color-foreground))}.addon-browser__gate{margin-top:1.6rem;padding:1.6rem;border-radius:16px;background:#fff}.addon-browser__checker{display:block;color:var(--gradient-base-accent-2);font-weight:500}.addon-browser__cell .product__upsell--card{height:100%;border:none;padding:0}.addon-browser__cell .product__upsell--img{aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#fff}.addon-browser__cell .product__upsell--img img{height:100%;object-fit:contain}@media screen and (min-width:750px){.addon-browser__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/component-addon-browser.css.map */