.pill{display:inline-flex;align-items:center;gap:.8rem;max-width:100%;white-space:nowrap;vertical-align:middle}.pill__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.pill--badge{min-height:4.8rem;padding-inline:1.6rem;border:.1rem solid rgb(var(--color-border));border-radius:6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--font-body-size);line-height:var(--font-body-line-height)}.pill__icon{display:flex;align-items:center;justify-content:center;flex:0 0 2.8rem;width:2.8rem;height:2.8rem;border-radius:50%;background:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text))}.pill__icon img{width:1.8rem;height:1.8rem;object-fit:contain}.pill--glass{position:relative;padding:.8rem 1.4rem;border-radius:3rem;white-space:normal;color:rgb(var(--color-foreground));background:linear-gradient(134deg,rgba(var(--color-foreground),.1) 7%,rgba(var(--color-foreground),0));-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.pill--glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:.15rem;border-radius:inherit;pointer-events:none;background:linear-gradient(146deg,rgb(var(--color-foreground)),rgba(var(--color-foreground),0) 66%,rgb(var(--color-foreground)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pill--glass{background:rgba(var(--color-background),.35)}}@media(prefers-reduced-transparency:reduce){.pill--glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(var(--color-background),.6)}}.pill--tag{min-height:2.4rem;padding:.2rem .8rem;border-radius:var(--badges-radius);background:rgb(var(--color-secondary-background));color:rgb(var(--color-foreground));font-size:calc(var(--font-body-size) * .9);font-weight:var(--font-body-weight-bolder);line-height:1.1}.pill-block{max-width:100%}.pill-block--empty{min-height:4.8rem;outline:.1rem dashed rgba(var(--color-foreground),.2)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-pill.css.map */