.green-dot-active-indicator{--dot-color:var(--color-green-main);--shadow-color:var(--color-green-shadow);--optical-adjustment-value:.45;--outline-size:2px;--outline-color:transparent;--dot-size: calc(4px + .05em) ;position:relative}@media screen and (prefers-contrast:more){.green-dot-active-indicator{--dot-color:var(--color-black-off-main);--shadow-color:var(--color-black-off-light)}}.green-dot-active-indicator:before{border-radius:100vmax;box-shadow:0 0 0 var(--outline-size) var(--outline-color);content:"";display:inline-block;height:var(--dot-size);left:calc(var(--button-padding-inline)/2);opacity:.5;position:absolute;top:50%;transform:translate(-10%) translateY(-50%);transition:opacity calc(var(--transition-speed)*.5) var(--transition-easing),box-shadow calc(var(--transition-speed)*.5) var(--transition-easing),background-color calc(var(--transition-speed)*.5) var(--transition-easing);width:var(--dot-size);will-change:opacity,background-color,box-shadow}@media screen and (prefers-contrast:more){.green-dot-active-indicator:before{opacity:1!important}}.green-dot-active-indicator.activate-green-dot-indicator:before,.green-dot-active-indicator.button-active:before,.green-dot-active-indicator.router-link-exact-active:before,.green-dot-active-indicator.toggle-on:before{--outline-color:var(--dot-color);background-color:var(--dot-color);opacity:1}.layout-filter .green-dot-active-indicator:before{--outline-color:var(--dot-color)}@media (min-width:1px) and (pointer:fine){.green-dot-active-indicator:focus-visible:before,.green-dot-active-indicator:hover:before{--outline-color:var(--dot-color)!important;opacity:.5!important}.green-dot-active-indicator:active:before{--outline-color:var(--color-black-off-main);opacity:1}}.component-tag,.tag{background:inherit;display:inline-block}.component-tag .tag-content,.tag .tag-content{background-color:hsl(var(--color-white-off-value-tags));border-radius:var(--border-radius);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 calc(var(--spacer-small-em)*1.1) 0 calc(var(--spacer-small-em)*1.1)}.component-tag.tag-dark .tag-content,.tag.tag-dark .tag-content{background-color:var(--color-black-off-light);color:var(--color-white-off-lighter)}