.nv-tag{border-radius:var(--radius-3xl);align-items:center;gap:calc(var(--spacing)*1);width:fit-content;height:fit-content;padding-inline:var(--spacing-lg);padding-block:var(--spacing-sm);font-family:var(--font-sans);font-size:var(--text-12);--tw-leading:var(--leading-lh-100);line-height:var(--leading-lh-100);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--bg-color:var(--background-color-accent-blue-subtle);--border-color:var(--border-color-accent-blue);--text-color:var(--text-color-accent-blue);--hover-bg-color:var(--background-color-accent-blue-subtle-hover);--hover-text-color:var(--text-color-accent-blue);--active-bg-color:var(--background-color-accent-blue-subtle-selected);--active-text-color:var(--text-color-accent-white);border-style:var(--tw-border-style);border-width:var(--border-width-1);border-color:var(--border-color);background-color:var(--bg-color);color:var(--text-color);flex-grow:0;flex-shrink:0;display:inline-flex;& svg{flex-shrink:0}&:disabled{cursor:not-allowed;border-color:var(--border-color-disabled);background-color:var(--background-color-interaction-disabled);color:var(--text-color-disabled)}&:where(:not([disabled],[readonly])){cursor:pointer;&:hover{@media (hover:hover){&{color:var(--hover-text-color)}}}&:hover{@media (hover:hover){&{background:var(--hover-bg-color)}}}&:active{background-color:var(--active-bg-color);color:var(--active-text-color)}@media (prefers-reduced-motion:no-preference){&{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:var(--transition-duration-200);transition-duration:var(--transition-duration-200);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}}&:where([readonly]){cursor:default}&:where(.nv-tag--kind-outline){--bg-color:transparent;--border-color:var(--border-color-accent-blue);--text-color:var(--text-color-accent-blue);--hover-bg-color:var(--background-color-accent-blue-hover);--hover-text-color:var(--text-color-accent-blue);--active-bg-color:var(--background-color-accent-blue-selected);--active-text-color:var(--text-color-accent-blue);&:disabled{background-color:#0000}}&:where(.nv-tag--color-green){--bg-color:var(--background-color-accent-green-subtle);--border-color:var(--border-color-accent-green);--text-color:var(--text-color-accent-green);--hover-bg-color:var(--background-color-accent-green-subtle-hover);--hover-text-color:var(--text-color-accent-green);--active-bg-color:var(--background-color-accent-green-subtle-selected);&:where(.nv-tag--kind-outline){--bg-color:inherit;--border-color:var(--border-color-accent-green);--text-color:var(--text-color-accent-green);--hover-bg-color:var(--background-color-accent-green-hover);--hover-text-color:var(--text-color-accent-green);--active-bg-color:var(--background-color-accent-green-selected);--active-text-color:var(--text-color-accent-green)}}&:where(.nv-tag--color-yellow){--bg-color:var(--background-color-accent-yellow-subtle);--border-color:var(--border-color-accent-yellow);--text-color:var(--text-color-accent-yellow);--hover-bg-color:var(--background-color-accent-yellow-subtle-hover);--hover-text-color:var(--text-color-accent-yellow);--active-bg-color:var(--background-color-accent-yellow-subtle-selected);&:where(.nv-tag--kind-outline){--bg-color:inherit;--border-color:var(--border-color-accent-yellow);--text-color:var(--text-color-accent-yellow);--hover-bg-color:var(--background-color-accent-yellow-hover);--hover-text-color:var(--text-color-accent-yellow);--active-bg-color:var(--background-color-accent-yellow-selected);--active-text-color:var(--text-color-accent-yellow)}}&:where(.nv-tag--color-purple){--bg-color:var(--background-color-accent-purple-subtle);--border-color:var(--border-color-accent-purple);--text-color:var(--text-color-accent-purple);--hover-bg-color:var(--background-color-accent-purple-subtle-hover);--hover-text-color:var(--text-color-accent-purple);--active-bg-color:var(--background-color-accent-purple-subtle-selected);&:where(.nv-tag--kind-outline){--bg-color:inherit;--border-color:var(--border-color-accent-purple);--text-color:var(--text-color-accent-purple);--hover-bg-color:var(--background-color-accent-purple-hover);--hover-text-color:var(--text-color-accent-purple);--active-bg-color:var(--background-color-accent-purple-selected);--active-text-color:var(--text-color-accent-purple)}}&:where(.nv-tag--color-red){--bg-color:var(--background-color-accent-red-subtle);--border-color:var(--border-color-accent-red);--text-color:var(--text-color-accent-red);--hover-bg-color:var(--background-color-accent-red-subtle-hover);--hover-text-color:var(--text-color-accent-red);--active-bg-color:var(--background-color-accent-red-subtle-selected);&:where(.nv-tag--kind-outline){--bg-color:inherit;--text-color:var(--text-color-accent-red);--border-color:var(--border-color-accent-red);--hover-bg-color:var(--background-color-accent-red-hover);--hover-text-color:var(--text-color-accent-red);--active-bg-color:var(--background-color-accent-red-selected);--active-text-color:var(--text-color-accent-red)}}&:where(.nv-tag--color-teal){--bg-color:var(--background-color-accent-teal-subtle);--border-color:var(--border-color-accent-teal);--text-color:var(--text-color-accent-teal);--hover-bg-color:var(--background-color-accent-teal-subtle-hover);--hover-text-color:var(--text-color-accent-teal);--active-bg-color:var(--background-color-accent-teal-subtle-selected);&:where(.nv-tag--kind-outline){--bg-color:inherit;--border-color:var(--border-color-accent-teal);--text-color:var(--text-color-accent-teal);--hover-bg-color:var(--background-color-accent-teal-hover);--hover-text-color:var(--text-color-accent-teal);--active-bg-color:var(--background-color-accent-teal-selected);--active-text-color:var(--text-color-accent-teal)}}&:where(.nv-tag--color-gray){--bg-color:var(--background-color-accent-gray-subtle);--border-color:var(--border-color-accent-gray);--text-color:var(--text-color-primary);--hover-bg-color:linear-gradient(0deg,var(--background-color-interaction-hover)0%,var(--background-color-interaction-hover)100%),var(--background-color-accent-gray-subtle);--hover-text-color:var(--text-color-primary);--active-bg-color:var(--background-color-accent-gray-subtle-selected);--active-text-color:var(--text-color-accent-white);&:where(.nv-tag--kind-outline){--bg-color:inherit;--border-color:var(--border-color-accent-gray);--text-color:var(--text-color-accent-gray);--hover-bg-color:var(--background-color-interaction-hover);--hover-text-color:var(--text-color-accent-gray);--active-bg-color:var(--background-color-accent-gray-selected);--active-text-color:var(--text-color-inverse)}}&:where(.nv-tag--selected){--bg-color:var(--active-bg-color);--text-color:var(--active-text-color);--hover-bg-color:var(--active-bg-color);--hover-text-color:var(--active-text-color)}}.nv-tooltip-content{z-index:1080;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:var(--border-width-1);border-color:var(--border-color-component-tooltip);background-color:var(--background-color-component-tooltip);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-family:var(--font-sans);font-size:var(--text-12);--tw-leading:var(--leading-lh-100);line-height:var(--leading-lh-100);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color-accent-white);--tw-shadow:0px 4px 6px 0px var(--tw-shadow-color,var(--color-translucent-black-120));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:relative}.nv-tooltip-arrow{position:relative;& svg:first-of-type path{fill:var(--border-color-component-tooltip)}& svg:last-of-type{top:calc(var(--spacing)*0);position:absolute;left:1px;& path{fill:var(--background-color-component-tooltip)}}}