.Avatar{border-radius:1000px;overflow:hidden;transition:.2s}.Avatar:after{content:"";display:block;padding-bottom:100%}.Avatar>*{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}
.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-height:100vh;min-height:100vh;min-height:var(--doc-height);opacity:0;position:fixed;right:0;top:0;transition:.1s;visibility:hidden;width:100%}.modal.active{opacity:1;visibility:visible}.modal .clickOutside{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}@media(min-width:568px){.modal .background{background:rgba(43,47,54,.5);opacity:0;transition:.3s}.modal .background.active{opacity:1}}.modal>.slot{max-height:100vh;max-width:500px;overflow-y:auto;transition:.2s!important;width:100%}@media(max-width:568px){.modal>.slot{min-height:100%;min-width:100%}}@media(min-width:568px){.modal>.slot.active{opacity:1}}.modal>*{position:relative;width:auto;z-index:10000}