@shopify/polaris/dist/esnext/components/Badge/Badge.css

Shopify’s product component library

.Polaris-Badge_2qgie{ display:inline-flex; align-items:center; padding:0.3rem 0.8rem; background-color:var(--p-surface-neutral, #dfe3e8); border:var(--p-override-zero, 0.2rem) solid white; border-radius:2rem; font-size:1.3rem; line-height:1.6rem; color:var(--p-text, #454f5b); font-weight:var(--p-badge-font-weight, 400); }

.Polaris-Badge_2qgie .Polaris-Badge__Pip_375sr{ color:var(--p-icon, #919eab); }

@media print{ .Polaris-Badge_2qgie{ border:solid 0.01rem var(--p-border, #454f5b); border-radius:2rem; } }

.Polaris-Badge--sizeSmall_7647q{ font-size:1.2rem; line-height:1.8rem; }

.Polaris-Badge--statusSuccess_pc5rl{ background-color:var(--p-surface-success, #bbe5b3); color:var(--p-text, #414f3e); }

.Polaris-Badge--statusSuccess_pc5rl .Polaris-Badge__Pip_375sr{ color:var(--p-icon-success, #108043); }

.Polaris-Badge--statusInfo_knr66{ background-color:var(--p-surface-highlight, #b4e1fa); color:var(--p-text, #3e4e57); }

.Polaris-Badge--statusInfo_knr66 .Polaris-Badge__Pip_375sr{ color:var(--p-icon-highlight, #084e8a); }

.Polaris-Badge--statusAttention_i61kn{ background-color:#ffea8a; color:var(--p-text, #595130); }

.Polaris-Badge--statusAttention_i61kn .Polaris-Badge__Pip_375sr{ color:#8a6116; }

.Polaris-Badge--statusWarning_1x66d{ background-color:var(--p-surface-warning, #ffc58b); color:var(--p-text, #594430); }

.Polaris-Badge--statusWarning_1x66d .Polaris-Badge__Pip_375sr{ color:var(--p-icon-warning, #c05717); }

.Polaris-Badge--statusCritical_1iy3d{ background-color:var(--p-surface-critical, #fead9a); color:var(--p-text, #583c35); }

.Polaris-Badge--statusCritical_1iy3d .Polaris-Badge__Pip_375sr{ color:var(--p-icon-critical, #bf0711); }

.Polaris-Badge--statusNew_cj8gz{ background-color:var(--p-surface-neutral, #dfe3e8); color:var(--p-text, #212b36); font-weight:500; border:none; }

.Polaris-Badge__Pip_375sr{ height:1rem; width:1rem; margin:0 0.4rem 0 -0.3rem; border:0.2rem solid currentColor; border-radius:50%; flex-shrink:0; }

.Polaris-Badge--progressIncomplete_1jg92 .Polaris-Badge__Pip_375sr{ background:transparent; }

.Polaris-Badge--progressPartiallyComplete_11p0t .Polaris-Badge__Pip_375sr{ background:linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent); }

@media print{ .Polaris-Badge--progressPartiallyComplete_11p0t .Polaris-Badge__Pip_375sr{ position:relative; overflow:hidden; }
  .Polaris-Badge--progressPartiallyComplete_11p0t .Polaris-Badge__Pip_375sr::before{ content:''; position:absolute; width:100%; height:50%; transform:translateY(100%); box-shadow:0 0 0 1rem currentColor inset; } }

.Polaris-Badge--progressComplete_189p5 .Polaris-Badge__Pip_375sr{ background:linear-gradient(to top, currentColor, currentColor 50%, currentColor 50%); }

@media print{ .Polaris-Badge--progressComplete_189p5 .Polaris-Badge__Pip_375sr{ box-shadow:0 0 0 1rem currentColor inset; } }

.Polaris-Badge--withinFilter_11dcy{ border-radius:var(--p-border-radius-base, 2rem); }