.avatar{align-items:center;gap:var(--gridunit-small);flex-direction:row;display:flex}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.avatar{margin-top:var(--gridunit-small)}}@media (min-width:760px) and (max-width:1023px){.avatar{margin-top:var(--gridunit)}}@media (min-width:1024px){.avatar{margin-top:var(--gridunit)}}.avatar__image{background-color:var(--color-primary-50);flex:none;width:50px;height:50px;position:relative}.avatar__image IMG{object-position:50% 50%;object-fit:cover;width:100%;height:100%}.avatar__image svg{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar__image.fit{background-color:var(--color-white);box-shadow:inset 0 0 0 1px color-mix(in sRGB, currentColor 10%, transparent)}.avatar__image.fit IMG{object-fit:contain;width:calc(100% - var(--gridunit-tiny))!important;height:calc(100% - var(--gridunit-tiny))!important;inset:calc(var(--gridunit-tiny)/2)!important}.avatar__texts{text-overflow:ellipsis;flex:auto;overflow:hidden}.avatar__title{font-weight:500}.avatar__description{color:color-mix(in sRGB, currentColor 70%, transparent);font-size:.75rem}.avatar.floating{--gridunit-tiny:var(--gridunit);margin-top:-100px;position:relative}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.avatar.floating{margin-top:-50px}}.avatar.floating .avatar__image{width:150px;height:150px}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.avatar.floating .avatar__image{width:100px;height:100px}}.well.theme-lightest{overflow:visible}