@property --codex-upload-file-background-color{syntax: "<color>"; inherits: true; initial-value: rgba(20,20,20,.6);}@property --codex-upload-file-border-radius{syntax: "<length>"; inherits: false; initial-value: 10px;}@property --codex-upload-file-border-color{syntax: "<color>"; inherits: false; initial-value: rgba(150,150,150,.2);}@property --codex-upload-file-color{syntax: "<color>"; inherits: true; initial-value: white;}@property --codex-upload-file-progress-color{syntax: "<color>"; inherits: true; initial-value: rgb(38 38 38);}.upload-file[aria-invalid]{--codex-upload-file-color: rgb(251, 55, 72);--codex-upload-file-progress-color: rgb(251, 55, 72)}.upload-file[data-done]{--codex-upload-file-color: rgb(111, 203, 148);--codex-upload-file-progress-color: rgb(111, 203, 148)}.upload-file>div{background-color:var( --codex-upload-file-background-color, rgba(20, 20, 20, .6) );border-radius:var(--codex-upload-file-border-radius, 10px);border:1px solid var(--codex-upload-file-border-color, rgba(150, 150, 150, .2));padding:1em 2rem;margin-top:.5rem}.upload-file>div header{flex-grow:1;gap:.5rem;display:flex;align-items:center}.upload-file>div header>div:first-child{display:flex;align-items:center;gap:.5rem;flex-grow:1}.upload-file>div header>div:first-child img{border-radius:var(--codex-upload-file-border-radius)}.upload-file>div header>div:first-child .preview{flex-grow:1;margin:0}.upload-file>div header>div:first-child .preview b{display:flex;align-items:center;color:var(--codex-upload-file-color)}.upload-file>div header>div:first-child .preview b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:inline-block;color:var(--codex-upload-file-color)}.upload-file>div header>div:nth-child(2){display:flex;align-items:center;justify-content:space-around;gap:.25rem}.upload-file main{display:flex;align-items:center;gap:.5rem;margin:.25 0}.upload-file main progress{flex-grow:1;background-color:var(--codex-upload-file-progress-color, rgb(38 38 38));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--codex-upload-file-border-radius);height:.5rem;width:100%;border:none}.upload-file main progress[value]::-webkit-progress-bar{background-color:var( --codex-upload-file-progress-color, rgb(38 38 38) );border-radius:50px}.upload-file main progress[value]::-webkit-progress-value{background-color:var(--codex-upload-file-color);border-radius:50px}.upload-file main progress[value]::-moz-progress-bar{border-radius:50px;background-color:var(--codex-upload-file-color)}.upload-file main span{white-space:nowrap;display:inline-block;text-align:right}.upload-file footer{font-size:.85rem;color:var(--codex-upload-file-color)}.upload-file .button-icon{--codex-button-icon-size: 20px}