.upload-widget{--u-frame-padding:1.25rem 1rem;--u-gap:.75rem;--u-control-height:2.75rem;--u-button-font-size:1rem;--u-button-padding:0 1.25rem;--u-button-icon-size:1.25rem;--u-or-font-size:.85rem;--u-facts-size:.75rem;--u-spinner-size:1.25rem;box-sizing:border-box;border:2px dashed rgb(var(--color-border-subtle));background:rgb(var(--color-surface-section));border-radius:1rem;width:100%;transition:background .2s,border-color .2s;position:relative}.upload-widget[data-size=tiny]{--u-frame-padding:.5rem;--u-gap:.4rem;--u-control-height:2rem;--u-button-font-size:.8rem;--u-button-padding:0 .75rem;--u-button-icon-size:.875rem;--u-or-font-size:.7rem;--u-facts-size:.65rem;--u-spinner-size:.875rem}.upload-widget[data-size=small]{--u-frame-padding:.875rem .75rem;--u-control-height:2.375rem;--u-button-font-size:.875rem;--u-button-icon-size:1rem;--u-or-font-size:.8rem;--u-facts-size:.7rem;--u-spinner-size:1rem}.upload-widget[data-size=large]{--u-frame-padding:1.75rem 1.5rem;--u-gap:.875rem;--u-control-height:2.875rem;--u-button-padding:0 1.5rem;--u-or-font-size:.9rem;--u-facts-size:.8125rem}.upload-widget[data-size=xl]{--u-frame-padding:2.25rem 2rem;--u-gap:1rem;--u-control-height:3rem;--u-button-font-size:1.0625rem;--u-button-padding:0 1.5rem;--u-button-icon-size:1.375rem;--u-or-font-size:.9375rem;--u-facts-size:.8125rem}.upload-widget.is-dragging{border-color:rgb(var(--color-blue-primary));background:rgb(var(--color-blue-secondary))}.upload-widget:not(.is-disabled):not(.is-dragging):hover{border-color:rgb(var(--color-border-subtle-hover))}.upload-widget-drop-zone{align-items:center;gap:var(--u-gap);padding:var(--u-frame-padding);text-align:center;cursor:pointer;flex-direction:column;display:flex}.upload-widget.is-disabled .upload-widget-drop-zone{cursor:not-allowed}.upload-widget-or{width:15rem;max-width:100%;color:rgb(var(--color-text-tertiary));font-size:var(--u-or-font-size);align-items:center;gap:.75rem;font-weight:500;display:flex}.upload-widget-or:before,.upload-widget-or:after{content:"";background:rgb(var(--color-border-subtle));flex:1;height:1px}.upload-widget.is-dragging .upload-widget-or{color:rgb(var(--color-blue-primary))}.upload-widget-facts{font-size:var(--u-facts-size);color:rgb(var(--color-text-tertiary));flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;display:flex}.upload-widget-facts>span+span{border-left:1px solid rgb(var(--color-border-subtle));padding-left:.75rem}.upload-widget[data-variant=compact]{border-radius:.875rem}.upload-widget[data-variant=compact] .upload-widget-drop-zone{text-align:left;flex-direction:row;gap:.75rem;padding:1rem .875rem}.upload-widget[data-variant=compact] .upload-widget-choose-button{--u-control-height:2.25rem;--u-button-font-size:.875rem;--u-button-padding:0 .875rem;--u-spinner-size:1rem;border-radius:.625rem;flex:none}.upload-widget-badge{width:2.25rem;height:2.25rem;color:rgb(var(--color-blue-primary));background:rgb(var(--color-blue-primary) / .12);border-radius:30%;flex:none;place-items:center;display:grid}.upload-widget-badge-icon{width:1.125rem;height:1.125rem}.upload-widget-compact-text{flex-direction:column;flex:1;min-width:0;display:flex}.upload-widget-compact-title{color:rgb(var(--color-text-primary));font-size:.9rem;font-weight:600}.upload-widget.is-dragging .upload-widget-compact-title{color:rgb(var(--color-blue-primary))}.upload-widget-compact-hint{color:rgb(var(--color-text-tertiary));font-size:.78rem}.upload-widget.is-disabled .upload-widget-badge,.upload-widget.is-disabled .upload-widget-compact-text,.upload-widget.is-disabled .upload-widget-or,.upload-widget.is-disabled .upload-widget-facts{opacity:.5}.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{min-height:var(--u-control-height);padding:var(--u-button-padding);font-size:var(--u-button-font-size);color:#fff;user-select:none;background-color:#3b82f6;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:1px 1px 3px #2563eb1f,-1px -1px 2px #93c5fd14}html.dark .upload-widget-choose-button{box-shadow:1px 1px 3px #2563eb1f}.upload-widget-drop-zone:hover .upload-widget-choose-button{background-color:#2563eb}.upload-widget-choose-button.is-disabled,.upload-widget-choose-button.is-busy{opacity:.6;pointer-events:none;background-color:#93c5fd}.upload-widget-button-icon{width:var(--u-button-icon-size);height:var(--u-button-icon-size);flex-shrink:0}.upload-widget-native-input:focus-visible~.upload-widget-drop-zone .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}@keyframes upload-widget-spin{to{transform:rotate(360deg)}}@media (width<=640px){.upload-widget[data-size=xl],.upload-widget[data-size=large]{--u-frame-padding:1.5rem 1rem;--u-gap:.75rem;--u-control-height:2.75rem;--u-button-font-size:1rem;--u-button-icon-size:1.25rem;--u-or-font-size:.85rem;--u-facts-size:.75rem}}