@mantine/core/styles/Indicator.css

React components library focused on usability, accessibility and developer experience

@keyframes m-885901b1{0%{box-shadow:0 0 calc(.03125rem*var(--mantine-scale)) 0 var(--indicator-color);opacity:.6}to{box-shadow:0 0 calc(.03125rem*var(--mantine-scale)) calc(.275rem*var(--mantine-scale)) var(--indicator-color);opacity:0}}.m-e5262200{--indicator-size:calc(0.625rem*var(--mantine-scale));--indicator-color:var(--mantine-primary-color-filled);display:block;position:relative}.m-e5262200:where([data-inline]){display:inline-block}.m-760d1fb1{align-items:center;bottom:var(--indicator-bottom);color:var(--indicator-text-color,var(--mantine-color-white));display:flex;font-size:var(--mantine-font-size-xs);height:var(--indicator-size);justify-content:center;left:var(--indicator-left);min-width:var(--indicator-size);right:var(--indicator-right);top:var(--indicator-top);transform:translate(var(--indicator-translate-x),var(--indicator-translate-y));white-space:nowrap;z-index:var(--indicator-z-index,200)}.m-760d1fb1,.m-760d1fb1:before{background-color:var(--indicator-color);border-radius:var(--indicator-radius,calc(62.5rem*var(--mantine-scale)));position:absolute}.m-760d1fb1:before{content:"";inset:0;z-index:-1}.m-760d1fb1:where([data-with-label]){padding-left:calc(var(--mantine-spacing-xs)/2);padding-right:calc(var(--mantine-spacing-xs)/2)}.m-760d1fb1:where([data-with-border]){border:calc(.125rem*var(--mantine-scale)) solid var(--mantine-color-body)}.m-760d1fb1[data-processing]:before{animation:m-885901b1 1s linear infinite}