.surface-attached-badge.svelte-1u2jiyt{display:flex;flex-direction:column;position:relative;width:100%}.surface-attached-badge__label.svelte-1u2jiyt{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-card)}.surface-attached-badge__label--tone-calm.svelte-1u2jiyt{border-color:var(--tone-calm-border);color:var(--tone-calm-text)}.surface-attached-badge__label--tone-active.svelte-1u2jiyt{border-color:var(--tone-active-border);color:var(--tone-active-text)}