:host,:root{--xzx-uploader-size:80px;--xzx-uploader-icon-size:24px;--xzx-uploader-icon-color:var(--xzx-text-gray-3);--xzx-uploader-text-color:var(--xzx-text-gray-2);--xzx-uploader-text-font-size:var(--xzx-text-sm);--xzx-uploader-upload-background:var(--xzx-gray-1);--xzx-uploader-upload-active-color:var(--xzx-color-primary-focus);--xzx-uploader-delete-color:var(--xzx-text-white-1);--xzx-uploader-delete-icon-size:20px;--xzx-uploader-delete-background:var(--xzx-text-gray-3);--xzx-uploader-file-background:var(--xzx-color-white);--xzx-uploader-file-icon-size:20px;--xzx-uploader-file-icon-color:var(--xzx-gray-7);--xzx-uploader-file-name-padding:0 var(--xzx-padding-base);--xzx-uploader-file-name-margin-top:var(--xzx-padding-xs);--xzx-uploader-file-name-font-size:var(--xzx-text-sm);--xzx-uploader-file-name-text-color:var(--xzx-gray-7);--xzx-uploader-mask-text-color:var(--xzx-text-white-1);--xzx-uploader-mask-background:rgba(50,50,51,0.88);--xzx-uploader-mask-icon-size:22px;--xzx-uploader-mask-message-font-size:var(--xzx-text-sm);--xzx-uploader-mask-message-line-height:var(--xzx-text-lh-xs);--xzx-uploader-loading-icon-size:22px;--xzx-uploader-loading-icon-color:var(--xzx-text-white-1);--xzx-uploader-disabled-opacity:var(--xzx-disabled-opacity);--xzx-uploader-border-radius:var(--xzx-br-base)}.xzx-upload{border-radius:13px;display:inline-block;position:relative}.xzx-upload__wrapper{display:flex;flex-wrap:wrap}.xzx-upload__wrapper--disabled{opacity:var(--xzx-uploader-disabled-opacity)}.xzx-upload__input{cursor:pointer;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:100%}.xzx-upload__input-wrapper{position:relative}.xzx-upload__input:disabled{cursor:not-allowed}.xzx-upload__upload{align-items:center;background:var(--xzx-uploader-upload-background);border-radius:var(--xzx-uploader-border-radius);box-sizing:border-box;display:flex;flex-direction:column;height:var(--xzx-uploader-size);justify-content:center;margin:0 var(--xzx-padding-xs) var(--xzx-padding-md) 0;position:relative;width:var(--xzx-uploader-size)}.xzx-upload__upload:active{background-color:var(--xzx-uploader-upload-active-color)}.xzx-upload__upload--readonly:active{background-color:var(--xzx-uploader-upload-background)}.xzx-upload__upload-icon{color:var(--xzx-uploader-icon-color);font-size:var(--xzx-uploader-icon-size)}.xzx-upload__upload-text{color:var(--xzx-uploader-text-color);font-size:var(--xzx-uploader-text-font-size);margin-top:var(--xzx-padding-xs)}.xzx-upload__preview{cursor:pointer;margin:0 var(--xzx-padding-xs) var(--xzx-padding-md) 0;position:relative}.xzx-upload__preview-image{border-radius:var(--xzx-uploader-border-radius);display:block;height:var(--xzx-uploader-size);overflow:hidden;width:var(--xzx-uploader-size)}.xzx-upload__preview-delete{position:absolute;right:0;top:0}.xzx-upload__preview-delete--shadow{align-items:center;background:var(--xzx-uploader-delete-background);border-radius:0 var(--xzx-uploader-border-radius) 0 var(--xzx-uploader-border-radius);box-sizing:border-box;display:flex;height:var(--xzx-uploader-delete-icon-size);justify-content:center;padding:2px;width:var(--xzx-uploader-delete-icon-size)}.xzx-upload__preview-delete-icon{color:var(--xzx-uploader-delete-color);font-size:.8em}.xzx-upload__mask,.xzx-upload__preview-cover{bottom:0;left:0;position:absolute;right:0;top:0}.xzx-upload__mask{align-items:center;background:var(--xzx-uploader-mask-background);border-radius:var(--xzx-uploader-border-radius);color:var(--xzx-uploader-mask-text-color);display:flex;flex-direction:column;justify-content:center}.xzx-upload__mask-icon{font-size:var(--xzx-uploader-mask-icon-size)}.xzx-upload__mask-message{font-size:var(--xzx-uploader-mask-message-font-size);line-height:var(--xzx-uploader-mask-message-line-height);margin-top:6px;padding:0 var(--xzx-padding-base)}.xzx-upload__loading{color:var(--xzx-uploader-loading-icon-color);height:var(--xzx-uploader-loading-icon-size);width:var(--xzx-uploader-loading-icon-size)}.xzx-upload__file{align-items:center;background:var(--xzx-uploader-file-background);display:flex;flex-direction:column;height:var(--xzx-uploader-size);justify-content:center;width:var(--xzx-uploader-size)}.xzx-upload__file-icon{color:var(--xzx-uploader-file-icon-color);font-size:var(--xzx-uploader-file-icon-size)}.xzx-upload__file-name{box-sizing:border-box;color:var(--xzx-uploader-file-name-text-color);font-size:var(--xzx-uploader-file-name-font-size);margin-top:var(--xzx-uploader-file-name-margin-top);padding:var(--xzx-uploader-file-name-padding);text-align:center;width:100%}