.avatar-upload-preview[data-v-419c8b01]{position:absolute;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:360px;height:180px;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;overflow:hidden}.avatar-upload-preview img[data-v-419c8b01]{width:100%;height:100%}#components-layout-demo-custom-trigger .trigger[data-v-d1f294e4]{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}#components-layout-demo-custom-trigger .trigger[data-v-d1f294e4]:hover{color:#1890ff}#components-layout-demo-custom-trigger .logo[data-v-d1f294e4]{height:32px;background:hsla(0,0%,100%,.2);margin:16px}.avatar-upload-wrapper[data-v-d1f294e4]{height:200px;width:100%}.ant-upload-preview[data-v-d1f294e4]{position:relative;margin:0 auto;width:100%;max-width:300px;border-radius:50%;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc}.ant-upload-preview .upload-icon[data-v-d1f294e4]{position:absolute;top:0;right:10px;font-size:1.4rem;padding:.5rem;background:rgba(222,221,221,.7);border:1px solid rgba(0,0,0,.2)}.ant-upload-preview .mask[data-v-d1f294e4]{opacity:0;position:absolute;background:rgba(0,0,0,.4);cursor:pointer;-webkit-transition:opacity .4s;transition:opacity .4s}.ant-upload-preview .mask[data-v-d1f294e4]:hover{opacity:1}.ant-upload-preview .mask i[data-v-d1f294e4]{font-size:2rem;position:absolute;top:50%;left:50%;margin-left:-1rem;margin-top:-1rem;color:#d6d6d6}.ant-upload-preview .mask[data-v-d1f294e4],.ant-upload-preview img[data-v-d1f294e4]{width:100%;max-width:180px;height:100%;overflow:hidden}