.identity-upload{--identity-upload-width:200px;--identity-upload-height:150px;--identity-upload-background-color:var(--o-color-control-light);--identity-upload-border:1px solid var(--o-color-control1);--identity-upload-border-hover:1px solid var(--o-color-control2);--identity-upload-border-radius:var(--o-radius_control-m);--identity-upload-icon-size:24px;--identity-upload-text-size:14px;--identity-upload-text-gap:12px;--identity-upload-extra-gap:8px;background-color:var(--identity-upload-background-color);border-radius:var(--identity-upload-border-radius);box-sizing:border-box;cursor:pointer;display:flex;height:var(--identity-upload-height);overflow:hidden;position:relative;width:var(--identity-upload-width)}.identity-upload.identity-upload-disabled{cursor:not-allowed;--identity-upload-background-color:var(--o-color-control4-light);--identity-upload-border-hover:1px solid var(--o-color-control2)}.identity-upload.identity-upload-disabled .identity-upload-change,.identity-upload.identity-upload-disabled .identity-upload-change:hover,.identity-upload.identity-upload-disabled .identity-upload-delete,.identity-upload.identity-upload-disabled .identity-upload-delete:hover,.identity-upload.identity-upload-disabled .identity-upload-look,.identity-upload.identity-upload-disabled .identity-upload-look:hover{color:var(--o-color-info4);cursor:not-allowed}.identity-upload.identity-upload-disabled .identity-upload-controls{opacity:1}.identity-upload-label{align-items:center;border:var(--identity-upload-border);border-radius:var(--identity-upload-border-radius);box-sizing:border-box;display:flex;flex-direction:column;height:var(--identity-upload-height);justify-content:center;width:var(--identity-upload-width)}@media (hover:hover){.identity-upload-label:hover{border:var(--identity-upload-border-hover)}}.identity-upload-label-icon{font-size:var(--identity-upload-icon-size)}.identity-upload-label-text{font-size:var(--identity-upload-text-size);margin-top:var(--identity-upload-text-gap)}.identity-upload-label-extra{font-size:14px;margin-top:var(--identity-upload-extra-gap)}.identity-upload-label-extra,.identity-upload-label-icon,.identity-upload-label-text{text-align:center}.identity-upload-preview{box-sizing:border-box;height:var(--identity-upload-height);position:relative;width:var(--identity-upload-width)}.identity-upload-controls{align-items:center;background-color:var(--o-color-mask1);color:var(--o-color-info1-inverse);display:flex;font-size:24px;height:100%;top:0;right:0;bottom:0;left:0;justify-content:space-around;position:absolute}@media (hover:hover){.identity-upload-controls{opacity:0}.identity-upload-controls:hover{opacity:1}}.identity-upload-figure{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.identity-upload-change,.identity-upload-delete,.identity-upload-look{cursor:pointer}@media (hover:hover){.identity-upload-change:hover,.identity-upload-delete:hover,.identity-upload-look:hover{color:var(--o-color-info2-inverse)}}.identity-upload-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.identity-upload-preview-img img{max-height:100vh;max-width:100vw;vertical-align:top}