@layer components{.beat-chip{--beat-chip-underline: 3px;display:inline-flex;align-items:center;flex:none;min-block-size:var(--gz-chip-beat-min-height);padding-inline:var(--gz-chip-beat-padding-inline);padding-block-end:var(--beat-chip-underline);background:linear-gradient(to right,var(--sig)) left bottom / 100% var(--beat-chip-underline) no-repeat,var(--gz-chip-beat-fill);background:linear-gradient(in oklch to right,var(--sig)) left bottom / 100% var(--beat-chip-underline) no-repeat,var(--gz-chip-beat-fill);border:var(--gz-border-width-thin) solid var(--gz-color-line-card);color:var(--gz-chip-beat-text);border-radius:var(--gz-chip-beat-radius);font-family:var(--gz-font-family-mono);font-weight:var(--gz-font-weight-mono-strong);font-size:var(--gz-chip-beat-font-size);letter-spacing:var(--gz-chip-beat-tracking);line-height:var(--gz-font-line-height-solid);font-variant-numeric:tabular-nums;white-space:nowrap;forced-color-adjust:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.beat-chip--lg{--beat-chip-underline: 4px;min-block-size:var(--gz-chip-beat-min-height-lg);font-size:var(--gz-chip-beat-font-size-lg)}@media(forced-colors:active){.beat-chip{border:1px solid CanvasText;background:Canvas;color:CanvasText}}}