/* One poster/video surface: no GIF, no animated CSS transform on the video. */
.tutor-avatar-picture{position:relative;display:inline-flex;flex:none;width:var(--tutor-avatar-size,46px);height:var(--tutor-avatar-size,46px);overflow:hidden;border-radius:18%;background:#f3edfc;vertical-align:middle}
.tutor-avatar-picture>img,.tutor-avatar-picture>video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
.tutor-avatar-picture>video{position:absolute;inset:0;opacity:0}
.tutor-avatar-picture.is-playing>video{opacity:1}
.hint-tutor-avatar>.tutor-avatar-picture,.diagnostic-entry-mascot>.tutor-avatar-picture{width:100%;height:100%}
.hint-tutor-head .tutor-avatar-picture{width:38px;height:38px;border-radius:50%}
@media(max-width:760px){.hint-tutor-head .tutor-avatar-picture{display:none}}
@media(prefers-reduced-motion:reduce){.tutor-avatar-picture>video{display:none}}