:root{--glm-uploader-size: 80px;--glm-uploader-icon-size: 24px;--glm-uploader-icon-color: var(--glm-gray-4);--glm-uploader-text-color: var(--glm-text-color-2);--glm-uploader-text-font-size: var(--glm-font-size-sm);--glm-uploader-upload-background-color: var(--glm-gray-1);--glm-uploader-upload-active-color: var(--glm-active-color);--glm-uploader-delete-color: var(--glm-white);--glm-uploader-delete-icon-size: 14px;--glm-uploader-delete-background-color: rgba(0, 0, 0, .7);--glm-uploader-file-background-color: var(--glm-background-color);--glm-uploader-file-icon-size: 20px;--glm-uploader-file-icon-color: var(--glm-gray-7);--glm-uploader-file-name-padding: 0 var(--glm-padding-base);--glm-uploader-file-name-margin-top: var(--glm-padding-xs);--glm-uploader-file-name-font-size: var(--glm-font-size-sm);--glm-uploader-file-name-text-color: var(--glm-gray-7);--glm-uploader-mask-text-color: var(--glm-white);--glm-uploader-mask-background-color: rgba(50, 50, 51, .88);--glm-uploader-mask-icon-size: 22px;--glm-uploader-mask-message-font-size: var(--glm-font-size-sm);--glm-uploader-mask-message-line-height: var(--glm-line-height-xs);--glm-uploader-loading-icon-size: 22px;--glm-uploader-loading-icon-color: var(--glm-white);--glm-uploader-disabled-opacity: var(--glm-disabled-opacity)}.glm-uploader{position:relative;display:inline-block}.glm-uploader__wrapper{display:flex;flex-wrap:wrap}.glm-uploader__wrapper--disabled{opacity:var(--glm-uploader-disabled-opacity)}.glm-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.glm-uploader__input-wrapper{position:relative}.glm-uploader__input:disabled{cursor:not-allowed}.glm-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--glm-uploader-size);height:var(--glm-uploader-size);margin:0 var(--glm-padding-xs) var(--glm-padding-xs) 0;background:var(--glm-uploader-upload-background-color)}.glm-uploader__upload:active{background-color:var(--glm-uploader-upload-active-color)}.glm-uploader__upload--readonly:active{background-color:var(--glm-uploader-upload-background-color)}.glm-uploader__upload-icon{color:var(--glm-uploader-icon-color);font-size:var(--glm-uploader-icon-size)}.glm-uploader__upload-text{margin-top:var(--glm-padding-xs);color:var(--glm-uploader-text-color);font-size:var(--glm-uploader-text-font-size)}.glm-uploader__preview{position:relative;margin:0 var(--glm-padding-xs) var(--glm-padding-xs) 0;cursor:pointer}.glm-uploader__preview-image{display:block;width:var(--glm-uploader-size);height:var(--glm-uploader-size);overflow:hidden}.glm-uploader__preview-delete{position:absolute;top:0;right:0;width:var(--glm-uploader-delete-icon-size);height:var(--glm-uploader-delete-icon-size);background:var(--glm-uploader-delete-background-color);border-radius:0 0 0 12px}.glm-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--glm-uploader-delete-color);font-size:var(--glm-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.glm-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.glm-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--glm-uploader-mask-text-color);background:var(--glm-uploader-mask-background-color)}.glm-uploader__mask-icon{font-size:var(--glm-uploader-mask-icon-size)}.glm-uploader__mask-message{margin-top:6px;padding:0 var(--glm-padding-base);font-size:var(--glm-uploader-mask-message-font-size);line-height:var(--glm-uploader-mask-message-line-height)}.glm-uploader__loading{width:var(--glm-uploader-loading-icon-size);height:var(--glm-uploader-loading-icon-size);color:var(--glm-uploader-loading-icon-color)}.glm-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--glm-uploader-size);height:var(--glm-uploader-size);background:var(--glm-uploader-file-background-color)}.glm-uploader__file-icon{color:var(--glm-uploader-file-icon-color);font-size:var(--glm-uploader-file-icon-size)}.glm-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--glm-uploader-file-name-margin-top);padding:var(--glm-uploader-file-name-padding);color:var(--glm-uploader-file-name-text-color);font-size:var(--glm-uploader-file-name-font-size);text-align:center}