.avatar-dropzone{width:8rem;height:8rem;position:relative;border-radius:50%;border:1px solid var(--divider);margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.25rem}.avatar-dropzone.active .avatar-dropzone__prompt,.avatar-dropzone:hover .avatar-dropzone__prompt{opacity:1}.avatar-dropzone input[type=file]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-appearance:none;opacity:0;cursor:pointer;z-index:10}.update-avatar__preview{width:100%;height:100%;border-radius:50%}.avatar-dropzone__prompt,.avatar-dropzone__spinner{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:rgba(0,0,0,.56);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatar-dropzone__prompt{color:#fff;text-shadow:2px 2px #000;text-align:center;cursor:pointer;opacity:0;-webkit-transition:opacity var(--transition-timing-fast) var(--transition-standard-easing);transition:opacity var(--transition-timing-fast) var(--transition-standard-easing);pointer-events:none}.settings-view{padding:1.5rem 0;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.profile-settings{display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;grid-gap:1.5rem;padding:1.5rem;width:100%;margin:0 auto;border:1px solid var(--divider);background:var(--background-secondary)}.profile-settings__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.settings-section__container{max-width:800px;width:100%}