.upload-widget{--u-frame-padding:1.25rem 1rem;--u-gap:.75rem;--u-input-wrapper-width:240px;--u-control-height:2.75rem;--u-icon-box-gap:.5rem;--u-icon-size:1.25rem;--u-button-font-size:1rem;--u-button-padding:0 1rem;--u-dz-padding:.25rem .8rem;--u-dz-icon-size:1.5rem;--u-dz-font-size:.9rem;--u-or-font-size:.85rem;--u-or-margin-top:.35rem;--u-spinner-size:1.25rem;align-items:center;gap:var(--u-gap);padding:var(--u-frame-padding);border:2px dashed rgb(var(--color-border-secondary));background:rgb(var(--color-bg-secondary));border-radius:1rem;flex-direction:column;transition:background .2s,border-color .2s;display:flex}.upload-widget[data-size=tiny]{--u-frame-padding:.5rem .5rem;--u-gap:.4rem;--u-input-wrapper-width:170px;--u-control-height:2rem;--u-icon-box-gap:.35rem;--u-icon-size:.875rem;--u-button-font-size:.8rem;--u-dz-icon-size:1rem;--u-dz-font-size:.7rem;--u-or-font-size:.7rem;--u-or-margin-top:.2rem;--u-spinner-size:.875rem}.upload-widget[data-size=small]{--u-frame-padding:.875rem .75rem;--u-input-wrapper-width:200px;--u-control-height:2.375rem;--u-icon-size:1rem;--u-button-font-size:.875rem;--u-dz-icon-size:1.25rem;--u-dz-font-size:.8rem;--u-or-font-size:.8rem;--u-spinner-size:1rem}.upload-widget[data-size=large]{--u-frame-padding:1.75rem 1.5rem;--u-gap:1rem;--u-input-wrapper-width:320px;--u-control-height:3.25rem;--u-icon-box-gap:.625rem;--u-icon-size:1.5rem;--u-button-font-size:1.125rem;--u-button-padding:0 1.25rem;--u-dz-icon-size:1.75rem;--u-dz-font-size:1rem;--u-or-font-size:.95rem;--u-spinner-size:1.5rem}.upload-widget[data-size=xl]{--u-frame-padding:1.25rem 2rem;--u-gap:1rem;--u-input-wrapper-width:400px;--u-control-height:4rem;--u-icon-box-gap:.75rem;--u-icon-size:2rem;--u-button-font-size:1.375rem;--u-button-padding:0 2rem;--u-dz-icon-size:2.5rem;--u-dz-font-size:1.25rem;--u-or-font-size:1.1rem;--u-or-margin-top:.5rem;--u-spinner-size:1.75rem}.upload-widget.is-dragging{border-color:rgb(var(--color-blue-primary));background:rgb(var(--color-blue-secondary))}.upload-widget-input-wrapper{max-width:100%;min-height:var(--u-control-height);align-items:stretch;display:flex}.upload-widget-icon{width:var(--u-icon-size);height:var(--u-icon-size);flex-shrink:0}.upload-widget-native-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-widget-choose-button{justify-content:center;align-items:center;gap:var(--u-icon-box-gap);padding:var(--u-button-padding);font-size:var(--u-button-font-size);color:#fff;cursor:pointer;user-select:none;background-color:#3b82f6;border-radius:.75rem;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:1px 1px 3px #2563eb1f,-1px -1px 2px #93c5fd14}.upload-widget-choose-button:hover{background-color:#2563eb}.upload-widget-choose-button.is-disabled,.upload-widget-choose-button.is-busy{opacity:.6;cursor:not-allowed;pointer-events:none;background-color:#93c5fd}.upload-widget-input-wrapper:focus-within .upload-widget-choose-button{outline:2px solid rgb(var(--color-blue-primary));outline-offset:2px}.upload-widget-spinner{width:var(--u-spinner-size);height:var(--u-spinner-size);border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;animation:.8s linear infinite upload-widget-spin}.upload-widget-or{width:var(--u-input-wrapper-width);max-width:100%;margin-top:var(--u-or-margin-top);color:rgb(var(--color-text-tertiary));font-size:var(--u-or-font-size);text-transform:lowercase;align-items:center;gap:.75rem;font-weight:500;display:flex}.upload-widget-or:before,.upload-widget-or:after{content:"";background:rgb(var(--color-border-primary));flex:1;height:1px}.upload-widget-drop-zone{width:100%;padding:var(--u-dz-padding);color:rgb(var(--color-text-tertiary));font-size:var(--u-dz-font-size);text-align:center;background:0 0;border-radius:.75rem;justify-content:center;align-items:center;gap:.6rem;transition:background .2s,color .2s;display:flex}.upload-widget-drop-zone ion-icon{font-size:var(--u-dz-icon-size)}.upload-widget.is-dragging .upload-widget-drop-zone{color:rgb(var(--color-blue-primary))}.upload-widget.is-disabled .upload-widget-drop-zone{opacity:.5;pointer-events:none}@keyframes upload-widget-spin{to{transform:rotate(360deg)}}@media (width<=640px){.upload-widget{box-sizing:border-box;width:100%}.upload-widget[data-size=xl],.upload-widget[data-size=large]{--u-frame-padding:.5rem 1rem;--u-gap:.25rem;--u-icon-size:1.25rem;--u-button-font-size:1rem;--u-button-padding:0 1.5rem;--u-dz-icon-size:1.5rem;--u-dz-font-size:.9rem;--u-or-font-size:.85rem;--u-or-margin-top:0;--u-spinner-size:1.25rem}}