.metri{isolation:isolate;flex:none;display:inline-block;position:relative}.metri-bild{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.metri-gesicht .metri-bild{object-fit:cover;background:#fffdf7;border-radius:50%}.metri-szene .metri-bild{border-radius:24px}.metri-buehne:before{content:"";z-index:-1;aspect-ratio:1;background:var(--m-lime,#c7ed69);border-radius:50%;width:82%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.metri-kommt{animation:.46s cubic-bezier(.22,.8,.24,1) both metri-kommt}.metri-geht{animation:.42s cubic-bezier(.4,0,.6,1) both metri-geht}}@keyframes metri-kommt{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@keyframes metri-geht{0%{opacity:1}to{opacity:0}}.metri-bewegung{pointer-events:none;opacity:0;background-repeat:no-repeat;position:absolute;inset:0}.metri-bewegung.an{opacity:1}.metri:has(.metri-bewegung.an) .metri-kommt{visibility:hidden}