@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-extrabold.otf) format("opentype");font-weight:400;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-bold.otf) format("opentype");font-weight:700;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-extrabold.otf) format("opentype");font-weight:400;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-bold.otf) format("opentype");font-weight:700;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:export{animationDurationQuick:.2s;animationDurationNormal:.35s;animationDurationSlow:.6s;animationTimingEaseInOut:ease-in-out;animationTimingEaseOut:ease-out}@keyframes skeleton-loading{0%{background-color:#f6f8fd}to{background-color:#e5e5e5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.avatar{transition:transform .35s ease-out;border-radius:3rem;width:100%;line-height:0;overflow:hidden;border:.25rem solid #dce4f9;position:relative;display:flex;align-items:center;justify-content:center}.avatar__img{border-radius:3rem;width:100%;height:100%}.avatar__gif{-o-object-fit:cover;object-fit:cover}.avatar--no-pointer{cursor:default!important}.avatar--no-border{border:none}.avatar--tiny{width:2rem;height:2rem}.avatar--tiny>.avatar__gif{width:100%!important;height:100%!important}.avatar--tiny>.avatar__gif>div{width:2rem!important;height:2rem!important}.avatar--tiny>.avatar__gif>div>picture{width:100%;height:100%}.avatar--tiny>.avatar__gif>div>picture>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar--small{width:3rem;height:3rem}.avatar--small>.avatar__gif{width:101%!important;height:101%!important}.avatar--small>.avatar__gif>div{width:3rem!important;height:3rem!important}.avatar--small>.avatar__gif>div>picture{width:100%;height:100%}.avatar--small>.avatar__gif>div>picture>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar--medium{width:4rem;height:4rem}.avatar--medium>.avatar__gif{width:100%!important;height:100%!important}.avatar--medium>.avatar__gif>div{width:4rem!important;height:4rem!important}.avatar--medium>.avatar__gif>div>picture{width:100%;height:100%}.avatar--medium>.avatar__gif>div>picture>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar--large{width:4rem;height:4rem}.avatar--large>.avatar__gif{width:100%!important;height:100%!important}.avatar--large>.avatar__gif>div{width:5rem!important;height:5rem!important}.avatar--large>.avatar__gif>div>picture{width:100%;height:100%}.avatar--large>.avatar__gif>div>picture>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar--selected{border-color:#3b65de}.avatar__hover-edit{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .2s ease-out}.avatar__hover-edit:hover{cursor:pointer;opacity:1}.avatar__hover-edit__text{color:#fff;font-family:Soleil,sans-serif}.avatar__hover-edit__icon{max-width:1.125rem;width:100%}.avatar__hover-edit__icon:hover{opacity:1}.avatar__hover-edit__icon>svg{fill:#fff;color:#fff}.avatar__gif{width:105%!important;height:105%!important}.avatar-select{cursor:pointer;padding:0}
