@uva-glass/component-library/dist/assets/VarIndicator.css

React components UvA

:root{--color-active: var(--color-forest-700);--color-background-active: var(--color-forest-100);--color-background-active-hover: var(--color-forest-200);--color-background-draft: var(--color-navy-100);--color-background-draft-hover: var(--color-navy-200);--color-background-submitted: var(--color-orange-100);--color-background-submitted-hover: var(--color-orange-200);--color-border-active: var(--color-forest-700);--color-border-draft: var(--color-navy-600);--color-border-submitted: var(--color-orange-900);--color-draft: var(--color-navy-600);--color-draft-hover: var(--color-uva-white);--color-label: var(--color-uva-black);--color-submitted: var(--color-orange-900);--color-submitted-hover: var(--color-uva-white);--border-radius-var-indicator: .25rem}._var-indicator__container_15lwy_27{align-items:center;appearance:none;border:1px solid;border-radius:var(--border-radius-var-indicator);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);font-weight:var(--semibold);gap:.375rem;height:2rem;justify-content:center;line-height:inherit;margin:0;padding:0 .75rem 0 .5rem;white-space:nowrap}._var-indicator__label_15lwy_46{color:var(--color-label)}._var-indicator__step-container_15lwy_50{align-items:center;display:inline-flex;height:100%;justify-content:flex-start}._var-indicator__step-container_15lwy_50>svg{margin:0 -.5rem}._var-indicator__container--compact_15lwy_61{padding:0;position:relative;width:2rem}._var-indicator__container--compact_15lwy_61>svg{margin:0}._var-indicator__container--compact-flyover-wrapper_15lwy_71{display:none;height:2rem;position:absolute;right:-1px;top:-1px;width:auto;z-index:1}._var-indicator__container--compact_15lwy_61:hover ._var-indicator__container--compact-flyover-wrapper_15lwy_71{display:flex}._var-indicator__container--draft_15lwy_85,._var-indicator__container--rejected_15lwy_86,._var-indicator__container--draft_15lwy_85 ._var-indicator__container--compact-flyover-wrapper_15lwy_71,._var-indicator__container--rejected_15lwy_86 ._var-indicator__container--compact-flyover-wrapper_15lwy_71{background-color:var(--color-background-draft);border-color:var(--color-border-draft);color:var(--color-draft)}._var-indicator__container--draft_15lwy_85:hover,._var-indicator__container--rejected_15lwy_86:hover,._var-indicator__container--draft_15lwy_85:hover ._var-indicator__container--compact-flyover-wrapper_15lwy_71,._var-indicator__container--rejected_15lwy_86:hover ._var-indicator__container--compact-flyover-wrapper_15lwy_71{background-color:var(--color-background-draft-hover)}._var-indicator__container--submitted_15lwy_101,._var-indicator__container--submitted_15lwy_101 ._var-indicator__container--compact-flyover-wrapper_15lwy_71{background-color:var(--color-background-submitted);border-color:var(--color-border-submitted);color:var(--color-submitted)}._var-indicator__container--submitted_15lwy_101:hover,._var-indicator__container--submitted_15lwy_101:hover ._var-indicator__container--compact-flyover-wrapper_15lwy_71{background-color:var(--color-background-submitted-hover)}._var-indicator__container--active_15lwy_113,._var-indicator__container--active_15lwy_113 ._var-indicator__container--compact-flyover-wrapper_15lwy_71{background-color:var(--color-background-active);border-color:var(--color-border-active);color:var(--color-active)}._var-indicator__container--active_15lwy_113:hover,._var-indicator__container--active_15lwy_113:hover ._var-indicator__container--compact-flyover-wrapper_15lwy_71{background-color:var(--color-background-active-hover)}