@layer n2u.reset,n2u.tokens,n2u.base;@layer n2u.components{.n2u-badge{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.n2u-badge__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.n2u-badge[data-field-group=horizontal]:not(:last-child):not(:first-child){border-radius:0}.n2u-badge[data-field-group=horizontal]:not(:only-child):first-child{border-start-end-radius:0;border-end-end-radius:0}.n2u-badge[data-field-group=horizontal]:not(:only-child):last-child{border-start-start-radius:0;border-end-start-radius:0}.n2u-badge[data-field-group=horizontal]:focus-visible{z-index:1}.n2u-badge[data-field-group=vertical]:not(:last-child):not(:first-child){border-radius:0}.n2u-badge[data-field-group=vertical]:not(:only-child):first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.n2u-badge[data-field-group=vertical]:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0}.n2u-badge[data-field-group=vertical]:focus-visible{z-index:1}.n2u-badge[data-size=xs]{padding-block:calc(var(--spacing)*.5);padding-inline:var(--spacing);font-size:8px}.n2u-badge[data-size=sm],.n2u-badge[data-size=xs]{border-radius:var(--ui-radius);gap:var(--spacing);line-height:calc(var(--spacing)*3)}.n2u-badge[data-size=sm]{padding-block:var(--spacing);padding-inline:calc(var(--spacing)*1.5);font-size:10px}.n2u-badge[data-size=md]{font-size:var(--text-xs);gap:var(--spacing);line-height:var(--tw-leading,var(--text-xs--line-height))}.n2u-badge[data-size=lg],.n2u-badge[data-size=md]{border-radius:calc(var(--ui-radius)*1.5);padding-block:var(--spacing);padding-inline:calc(var(--spacing)*2)}.n2u-badge[data-size=lg]{font-size:var(--text-sm);gap:calc(var(--spacing)*1.5);line-height:var(--tw-leading,var(--text-sm--line-height))}.n2u-badge[data-size=xl]{border-radius:calc(var(--ui-radius)*1.5);font-size:var(--text-base);gap:calc(var(--spacing)*1.5);line-height:var(--tw-leading,var(--text-base--line-height));padding-block:var(--spacing);padding-inline:calc(var(--spacing)*2.5)}.n2u-badge[data-color=primary][data-variant=solid]{background-color:var(--ui-primary);color:var(--ui-text-inverted)}.n2u-badge[data-color=secondary][data-variant=solid]{background-color:var(--ui-secondary);color:var(--ui-text-inverted)}.n2u-badge[data-color=success][data-variant=solid]{background-color:var(--ui-success);color:var(--ui-text-inverted)}.n2u-badge[data-color=info][data-variant=solid]{background-color:var(--ui-info);color:var(--ui-text-inverted)}.n2u-badge[data-color=warning][data-variant=solid]{background-color:var(--ui-warning);color:var(--ui-text-inverted)}.n2u-badge[data-color=error][data-variant=solid]{background-color:var(--ui-error);color:var(--ui-text-inverted)}.n2u-badge[data-color=primary][data-variant=outline]{color:var(--ui-primary);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=primary][data-variant=outline]{--tw-ring-color:color-mix(in oklab,var(--ui-primary) 50%,transparent)}}.n2u-badge[data-color=primary][data-variant=outline]{--tw-ring-inset:inset}.n2u-badge[data-color=secondary][data-variant=outline]{color:var(--ui-secondary);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-secondary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=secondary][data-variant=outline]{--tw-ring-color:color-mix(in oklab,var(--ui-secondary) 50%,transparent)}}.n2u-badge[data-color=secondary][data-variant=outline]{--tw-ring-inset:inset}.n2u-badge[data-color=success][data-variant=outline]{color:var(--ui-success);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=success][data-variant=outline]{--tw-ring-color:color-mix(in oklab,var(--ui-success) 50%,transparent)}}.n2u-badge[data-color=success][data-variant=outline]{--tw-ring-inset:inset}.n2u-badge[data-color=info][data-variant=outline]{color:var(--ui-info);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-info)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=info][data-variant=outline]{--tw-ring-color:color-mix(in oklab,var(--ui-info) 50%,transparent)}}.n2u-badge[data-color=info][data-variant=outline]{--tw-ring-inset:inset}.n2u-badge[data-color=warning][data-variant=outline]{color:var(--ui-warning);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-warning)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=warning][data-variant=outline]{--tw-ring-color:color-mix(in oklab,var(--ui-warning) 50%,transparent)}}.n2u-badge[data-color=warning][data-variant=outline]{--tw-ring-inset:inset}.n2u-badge[data-color=error][data-variant=outline]{color:var(--ui-error);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-error)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=error][data-variant=outline]{--tw-ring-color:color-mix(in oklab,var(--ui-error) 50%,transparent)}}.n2u-badge[data-color=error][data-variant=outline]{--tw-ring-inset:inset}.n2u-badge[data-color=primary][data-variant=soft]{background-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=primary][data-variant=soft]{background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)}}.n2u-badge[data-color=primary][data-variant=soft]{color:var(--ui-primary)}.n2u-badge[data-color=secondary][data-variant=soft]{background-color:var(--ui-secondary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=secondary][data-variant=soft]{background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)}}.n2u-badge[data-color=secondary][data-variant=soft]{color:var(--ui-secondary)}.n2u-badge[data-color=success][data-variant=soft]{background-color:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=success][data-variant=soft]{background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)}}.n2u-badge[data-color=success][data-variant=soft]{color:var(--ui-success)}.n2u-badge[data-color=info][data-variant=soft]{background-color:var(--ui-info)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=info][data-variant=soft]{background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)}}.n2u-badge[data-color=info][data-variant=soft]{color:var(--ui-info)}.n2u-badge[data-color=warning][data-variant=soft]{background-color:var(--ui-warning)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=warning][data-variant=soft]{background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)}}.n2u-badge[data-color=warning][data-variant=soft]{color:var(--ui-warning)}.n2u-badge[data-color=error][data-variant=soft]{background-color:var(--ui-error)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=error][data-variant=soft]{background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)}}.n2u-badge[data-color=error][data-variant=soft]{color:var(--ui-error)}.n2u-badge[data-color=primary][data-variant=subtle]{background-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=primary][data-variant=subtle]{background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)}}.n2u-badge[data-color=primary][data-variant=subtle]{color:var(--ui-primary);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=primary][data-variant=subtle]{--tw-ring-color:color-mix(in oklab,var(--ui-primary) 25%,transparent)}}.n2u-badge[data-color=primary][data-variant=subtle]{--tw-ring-inset:inset}.n2u-badge[data-color=secondary][data-variant=subtle]{background-color:var(--ui-secondary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=secondary][data-variant=subtle]{background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)}}.n2u-badge[data-color=secondary][data-variant=subtle]{color:var(--ui-secondary);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-secondary)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=secondary][data-variant=subtle]{--tw-ring-color:color-mix(in oklab,var(--ui-secondary) 25%,transparent)}}.n2u-badge[data-color=secondary][data-variant=subtle]{--tw-ring-inset:inset}.n2u-badge[data-color=success][data-variant=subtle]{background-color:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=success][data-variant=subtle]{background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)}}.n2u-badge[data-color=success][data-variant=subtle]{color:var(--ui-success);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=success][data-variant=subtle]{--tw-ring-color:color-mix(in oklab,var(--ui-success) 25%,transparent)}}.n2u-badge[data-color=success][data-variant=subtle]{--tw-ring-inset:inset}.n2u-badge[data-color=info][data-variant=subtle]{background-color:var(--ui-info)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=info][data-variant=subtle]{background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)}}.n2u-badge[data-color=info][data-variant=subtle]{color:var(--ui-info);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-info)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=info][data-variant=subtle]{--tw-ring-color:color-mix(in oklab,var(--ui-info) 25%,transparent)}}.n2u-badge[data-color=info][data-variant=subtle]{--tw-ring-inset:inset}.n2u-badge[data-color=warning][data-variant=subtle]{background-color:var(--ui-warning)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=warning][data-variant=subtle]{background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)}}.n2u-badge[data-color=warning][data-variant=subtle]{color:var(--ui-warning);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-warning)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=warning][data-variant=subtle]{--tw-ring-color:color-mix(in oklab,var(--ui-warning) 25%,transparent)}}.n2u-badge[data-color=warning][data-variant=subtle]{--tw-ring-inset:inset}.n2u-badge[data-color=error][data-variant=subtle]{background-color:var(--ui-error)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=error][data-variant=subtle]{background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)}}.n2u-badge[data-color=error][data-variant=subtle]{color:var(--ui-error);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-error)}@supports (color:color-mix(in lab,red,red)){.n2u-badge[data-color=error][data-variant=subtle]{--tw-ring-color:color-mix(in oklab,var(--ui-error) 25%,transparent)}}.n2u-badge[data-color=error][data-variant=subtle]{--tw-ring-inset:inset}.n2u-badge[data-color=neutral][data-variant=solid]{background-color:var(--ui-bg-inverted);color:var(--ui-text-inverted)}.n2u-badge[data-color=neutral][data-variant=outline]{background-color:var(--ui-bg);color:var(--ui-text);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-border-accented);--tw-ring-inset:inset}.n2u-badge[data-color=neutral][data-variant=soft],.n2u-badge[data-color=neutral][data-variant=subtle]{background-color:var(--ui-bg-elevated);color:var(--ui-text)}.n2u-badge[data-color=neutral][data-variant=subtle]{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-border-accented);--tw-ring-inset:inset}.n2u-badge[data-size=xs][data-square]{padding:calc(var(--spacing)*.5)}.n2u-badge[data-size=lg][data-square],.n2u-badge[data-size=md][data-square],.n2u-badge[data-size=sm][data-square],.n2u-badge[data-size=xl][data-square]{padding:var(--spacing)}}@layer n2u.kit;@layer n2u.overrides{.n2u-badge__leading-avatar,.n2u-badge__leading-icon,.n2u-badge__trailing-icon{flex-shrink:0}.n2u-badge[data-size=sm] .n2u-badge__leading-icon,.n2u-badge[data-size=sm] .n2u-badge__trailing-icon,.n2u-badge[data-size=xs] .n2u-badge__leading-icon,.n2u-badge[data-size=xs] .n2u-badge__trailing-icon{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.n2u-badge[data-size=md] .n2u-badge__leading-icon,.n2u-badge[data-size=md] .n2u-badge__trailing-icon{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.n2u-badge[data-size=lg] .n2u-badge__leading-icon,.n2u-badge[data-size=lg] .n2u-badge__trailing-icon{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.n2u-badge[data-size=xl] .n2u-badge__leading-icon,.n2u-badge[data-size=xl] .n2u-badge__trailing-icon{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}}