.cl-avatar-link:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.cl-avatar{border-radius:50%;background-position:center;background-size:cover;transition:opacity .3s ease-in-out}.cl-avatar-link{border-radius:inherit;display:block;height:100%;width:100%}.cl-avatar-link:hover,.cl-avatar-link:focus-visible{opacity:.5}.cl-avatar-link:active{opacity:1}.cl-avatar-image{border-radius:inherit;height:100%;width:100%}.cl-avatar.-x-small{height:1.5rem;width:1.5rem}.cl-avatar.-small{height:2rem;width:2rem}.cl-avatar{height:3rem;width:3rem}.cl-avatar.-large{height:4.5rem;width:4.5rem}.cl-avatar.-x-large{height:6rem;width:6rem}