.bubble{border-radius:var(--spacing-xsmall);corner-shape:squircle;padding:var(--hf-padding-vertical,0) var(--hf-padding-horizontal,0);align-items:center;gap:var(--spacing-xsmall);display:flex}.bubble[data-variant=filled]{background-color:var(--bubble-background,var(--color-mist))}.bubble[data-variant=filled][data-has-shadow=true]{box-shadow:var(--shadow-small)}.bubble[data-variant=outline]{border:1px solid color-mix(in srgb, currentColor 10%, transparent 100%)}.bubble[data-variant=white]{background-color:var(--color-white)}.bubble[data-variant=white][data-has-shadow=true]{box-shadow:var(--shadow-small)}.bubble[data-color=accent]{background-color:var(--color-accent-pale);color:var(--color-black)}.bubble[data-color=danger]{background-color:var(--color-danger-pale)}.bubble[data-color=grey]{background-color:var(--color-mist)}.bubble[data-color=secondary]{background-color:var(--color-secondary-pale)}.bubble[data-color=white]{background-color:var(--color-white)}.bubble[data-color=darken]{background-color:#00000017}.bubble[data-color=lighten]{background-color:#ffffff17}.bubble[data-color=dark-secondary]{background-color:var(--color-background-dark-secondary);color:var(--color-white)}.bubble .bubble__inner{width:100%}