@layer reset;@layer tokens{:root{--f-badge--bg-color:var(--f-color-secondary);--f-badge--font-size:10px;--f-badge--font-weight:var(--f-font-weight-regular);--f-badge--border-color:var(--f-color-surface-raised);--f-badge--border-width:1.5px;--f-badge--pulse-duration:1s;--f-badge--pulse-scale:1.75;--f-badge--pulse-opacity:.45;--f-badge--transition-duration:.25s;--f-badge--color:var(--f-color-on-accent);--f-badge--size:16px;--f-badge--padding-y:4px;--f-badge--text-color:var(--f-badge--color);--f-badge--height:var(--f-badge--size);--f-badge--padding-x:var(--f-badge--padding-y)}}@layer base;@layer components{.f-badge{--_f-badge--bg-color:var(--f-badge--bg-color);--_f-badge--height:var(--f-badge--height);--_f-badge--padding-x:var(--f-badge--padding-x);--_f-badge--pulse-scale:var(--f-badge--pulse-scale);display:inline-block;position:relative}.f-badge__count{background-color:var(--_f-badge--bg-color);color:var(--f-badge--text-color);height:var(--_f-badge--height);min-width:var(--_f-badge--height);line-height:var(--_f-badge--height);border-radius:calc(var(--_f-badge--height) / 2);padding:0 var(--_f-badge--padding-x);font-size:var(--f-badge--font-size);font-weight:var(--f-badge--font-weight);text-align:center;z-index:1;cursor:pointer;box-shadow:0 0 0 var(--f-badge--border-width) var(--f-badge--border-color);justify-content:center;align-items:center;display:inline-flex;position:relative}.f-badge--pulse .f-badge__count:before{content:"";border-radius:inherit;background-color:var(--_f-badge--bg-color);opacity:var(--f-badge--pulse-opacity);animation:f-badge-pulse var(--f-badge--pulse-duration) ease-out infinite;pointer-events:none;z-index:-1;position:absolute;inset:0}.f-badge--wrapper .f-badge__count{top:calc(var(--_f-badge--height) / 3 * -1);right:calc(var(--_f-badge--height) / 3 * -1);position:absolute}.f-badge--dot{--_f-badge--height:6px;--_f-badge--padding-x:0}.f-badge--dot.f-badge--pulse{--_f-badge--pulse-scale:2.25}.f-badge--color-default{--_f-badge--bg-color:var(--f-color-secondary)}.f-badge--color-primary{--_f-badge--bg-color:var(--f-color-primary)}.f-badge--color-secondary{--_f-badge--bg-color:var(--f-color-secondary)}.f-badge--color-success{--_f-badge--bg-color:var(--f-color-success)}.f-badge--color-warning{--_f-badge--bg-color:var(--f-color-warning)}.f-badge--color-danger{--_f-badge--bg-color:var(--f-color-danger)}.f-badge-transition-enter-active,.f-badge-transition-leave-active{transition:transform var(--f-badge--transition-duration) ease-in-out}.f-badge-transition-enter-to,.f-badge-transition-leave-from{transform:scale(1)}.f-badge-transition-enter-from,.f-badge-transition-leave-to{transform:scale(0)}@keyframes f-badge-pulse{0%{opacity:var(--f-badge--pulse-opacity);transform:scale(1)}to{transform:scale(var(--_f-badge--pulse-scale));opacity:0}}@media (prefers-reduced-motion:reduce){.f-badge--pulse .f-badge__count:before{opacity:0;animation:none}.f-badge-transition-enter-active,.f-badge-transition-leave-active{transition:none}}}@layer theme,utilities;