.image-viewer-or-editor{position:relative;width:100%}.image-viewer-or-editor .banner-image{padding-top:calc(100% / 6);background-size:cover;background-image:url("/assets/meta/ebd8a3f0/static/images/image-default-1140x190.jpg");width:100%;height:calc(100% / 6);overflow:hidden;z-index:1;min-height:96px;background-position:center;transition:filter .8s ease}.image-viewer-or-editor .banner-image img{position:absolute;width:100%;height:auto;top:0;left:0}.image-viewer-or-editor .profile-image{border:2px solid white;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.06),-1px -1px rgba(0,0,0,0.05);background-size:cover;background-image:url("/assets/meta/59b9d7f3/static/images/image-default-400x400.jpg");z-index:2;overflow:hidden;border-radius:50%;position:relative;transition:filter .8s ease;width:calc( 100% - 1px );margin:1px 0 0 1px}.image-viewer-or-editor .profile-image .helper-pixel{width:100%;height:auto;min-width:10px;position:static !important}.image-viewer-or-editor .profile-image .image-uploaded,.image-viewer-or-editor .profile-image .image-svg-autogen,.image-viewer-or-editor .profile-image .image-default{height:100%;position:absolute;top:0;left:0;background:white}.image-viewer-or-editor .banner-image .upload-image-modal-trigger,.image-viewer-or-editor .profile-image .upload-image-modal-trigger{position:absolute;top:0;left:0;right:0;bottom:0;transition:background .8s ease;cursor:pointer}.image-viewer-or-editor .banner-image .upload-image-modal-trigger .upload-info,.image-viewer-or-editor .profile-image .upload-image-modal-trigger .upload-info{font-size:17px;font-weight:bold;position:absolute;background:rgba(0,0,0,0.5);color:white;opacity:0;transition:opacity .8s ease;text-shadow:1px 1px 3px rgba(0,0,0,0.7)}.image-viewer-or-editor .banner-image .upload-image-modal-trigger:hover,.image-viewer-or-editor .profile-image .upload-image-modal-trigger:hover{background:rgba(0,0,0,0.1)}.image-viewer-or-editor .banner-image .upload-image-modal-trigger:hover .upload-info,.image-viewer-or-editor .profile-image .upload-image-modal-trigger:hover .upload-info{opacity:1}.image-viewer-or-editor .banner-image .upload-image-modal-trigger .upload-info{top:0;right:0;padding:9px 15px 8px 17px;border-radius:0 0 0 5px}.image-viewer-or-editor .profile-image .upload-image-modal-trigger .upload-info{bottom:0;width:100%;height:100%}.image-viewer-or-editor .profile-image .upload-image-modal-trigger .upload-info .upload-info-text-wrapper{position:absolute;top:calc( 50% - 1em );width:100%;text-align:center}.image-viewer-or-editor .profile-image .upload-image-modal-trigger .upload-info .upload-info-text-wrapper .upload-info-text{max-width:95px;line-height:1.2;display:inline-block}.image-viewer-or-editor.image-type-advertisement .profile-image{border-radius:0;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:white}.image-viewer-or-editor.image-type-advertisement .profile-image .helper-pixel{height:0;padding-top:70%}.image-viewer-or-editor.image-type-agroup_profile .profile-image{border-radius:12px}