@layer components{.pk-badge{padding:calc(var(--pk-control-y) * .5) var(--pk-control-x);background:color-mix(in srgb, var(--tone) 16%, transparent);color:var(--pk-ink);border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);border-radius:var(--pk-radius-pill);font-size:var(--pk-text-xs);white-space:nowrap;align-items:center;gap:.4rem;line-height:1.35;display:inline-flex}.pk-badge-group{vertical-align:middle;align-items:center;gap:.4rem;width:max-content;display:inline-flex}@container (width<=52rem){.pk-badge-group{max-width:100%;overflow-x:auto}}.pk-badge-group>.pk-badge{flex:none}.pk-badge[data-color=blue]{--tone:var(--pk-palette-blue)}.pk-badge[data-color=teal]{--tone:var(--pk-palette-teal)}.pk-badge[data-color=purple]{--tone:var(--pk-palette-purple)}.pk-badge[data-filled]{isolation:isolate;position:relative;overflow:hidden}.pk-badge__fill{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pk-badge__solid{fill:color-mix(in srgb, var(--tone) 38%, transparent)}.pk-badge__stripe{fill:none;stroke:color-mix(in srgb, var(--pk-surface) 85%, transparent);stroke-width:2px}.pk-badge--warn{background:color-mix(in srgb, var(--tone) 22%, transparent)}.pk-badge--neutral{background:color-mix(in srgb, var(--tone) 18%, transparent)}.pk-badge--dot:before{content:"";background:var(--tone);border-radius:50%;flex:none;width:.375rem;height:.375rem}.pk-tooltip{display:inline-flex}.pk-tooltip__trigger{color:inherit;font:inherit;cursor:help;border-radius:var(--pk-radius-lg);background:0 0;border:0;padding:0;display:inline-flex}.pk-tooltip__trigger:focus-visible{outline:var(--pk-focus);outline-offset:2px}.pk-tooltip__content{z-index:1050;max-width:min(24rem,100vw - 1rem);max-height:min(30rem,100dvh - 1rem);padding:var(--pk-3);border:1px solid var(--pk-line);border-radius:var(--pk-radius-lg);background:var(--pk-surface-raise);color:var(--pk-ink);box-shadow:var(--pk-shadow-2);font-size:var(--pk-text-sm);line-height:1.5;position:fixed;overflow:auto}}