.AvatarFocus{width:100%;height:100%;display:flex}.AvatarUpload{margin:auto}.AvatarUpload_box{display:flex;margin:0 auto;width:120px;height:120px;border-radius:50%;border:1px solid var(--border-color-ellipse-light);background-color:var(--card-background-light);cursor:pointer;overflow:hidden}.AvatarUpload_box svg{margin:auto;width:100%;height:100%;color:var(--primary)}.AvatarUpload_box input{display:none}.AvatarUpload_avatar{margin:0 auto;position:relative;width:120px;height:120px;border-radius:50%;cursor:pointer;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center}.AvatarUpload_avatar input{display:none}.dark .AvatarUpload_box{background-color:var(--dark-background);border-color:var(--border-color-dark)}.mr-avto{display:flex;margin:auto;width:30px;height:30px;border-radius:50%;overflow:hidden}.mr-avto svg{width:15px;height:15px;margin:auto}.main-wrapper{width:160px;height:160px;position:relative;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.main-wrapper-inside{width:160px;height:160px;position:relative}.button{border-radius:50%;width:36px;height:36px;background-color:var(--primary);position:absolute;bottom:7px;right:2px;z-index:6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);will-change:transform}.button svg{width:16px;height:16px;color:#fff}.button .material-icons{-webkit-transition:transform .2s cubic-bezier(.19,1,.22,1);transition:transform .2s cubic-bezier(.19,1,.22,1);will-change:transform;transform-origin:center center}.button.animation{background-color:#5e075e}.button.animation .material-icons{-webkit-transform:rotate(-45deg) translateZ(0);transform:rotate(-45deg) translateZ(0)}.button-wrapper{width:160px;height:160px;position:absolute;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:transform .4s cubic-bezier(.07,1.1,.28,1.01);transition:transform .4s cubic-bezier(.07,1.1,.28,1.01);will-change:transform;cursor:pointer}.button-wrapper.animation{-webkit-transition:transform .5s cubic-bezier(.19,1,.22,1);transition:transform .5s cubic-bezier(.19,1,.22,1);will-change:transform}.button-wrapper.first.animation{transform:rotate(-30deg) translateZ(0)}.button-wrapper.second.animation{transform:rotate(-60deg) translateZ(0)}.button-wrapper.third.animation{transform:rotate(-90deg) translateZ(0)}.button-inside{border-radius:50%;width:36px;height:36px;position:absolute;bottom:7px;right:2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer}.button-inside svg{width:16xp;height:16px;color:#fff}.button-inside.first{background-color:var(--primary);transform:rotate(30deg)}.button-inside.second{background-color:var(--primary);transform:rotate(60deg)}.button-inside.third{background-color:var(--primary);transform:rotate(90deg)}
