.collection-urgency-banner{--cub-border: #c9a227;--cub-accent: #b3433d;--cub-bg: #ffffff;box-sizing:border-box;width:100%;margin:0 auto;padding:1.8rem 2rem;border:.1rem solid var(--cub-border);background-color:var(--cub-bg);text-align:left}.collection-urgency-banner--no-border{border-color:transparent}.collection-urgency-banner__header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.collection-urgency-banner__avatar{flex-shrink:0;width:4.4rem;height:4.4rem;border-radius:50%;overflow:hidden;border:.1rem solid var(--cub-border);display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.04)}.collection-urgency-banner__avatar img{width:100%;height:100%;object-fit:cover;display:block}.collection-urgency-banner__avatar-fallback{width:.9rem;height:.9rem;background-color:var(--cub-border);transform:rotate(45deg)}.collection-urgency-banner__copy{display:flex;flex-direction:column;gap:.3rem}.collection-urgency-banner__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--cub-heading-size, 1.8rem);line-height:1.25;margin:0;color:rgb(var(--color-foreground))}.collection-urgency-banner__body{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;margin:0;color:rgba(var(--color-foreground),.6)}.collection-urgency-banner__progress{margin-top:1.2rem}.collection-urgency-banner__progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.collection-urgency-banner__progress-label{font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;color:rgba(var(--color-foreground),.75)}.collection-urgency-banner__progress-value{font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;color:var(--cub-accent);white-space:nowrap}.collection-urgency-banner__progress-track{height:.4rem;border-radius:999px;background-color:rgba(var(--color-foreground),.1);overflow:hidden}.collection-urgency-banner__progress-fill{height:100%;border-radius:999px;background-color:var(--cub-accent)}.collection-urgency-banner__footer{font-family:var(--font-body-family);font-style:italic;font-size:1.2rem;color:var(--cub-accent);text-align:center;margin:1.4rem 0 0}@media screen and (max-width:749px){.collection-urgency-banner{padding:1.6rem}.collection-urgency-banner__avatar{width:3.6rem;height:3.6rem}.collection-urgency-banner__heading{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-collection-urgency-banner.css.map */