:root{--s-upload-preview-width:88px;--s-upload-preview-height:88px;--s-upload-preview-gap:var(--s-size-xs);--s-upload-preview-border-radius:var(--s-border-radius);--s-upload-preview-bg:var(--s-fill-color-secondary);--s-upload-preview-video-bg:var(--s-black);--s-upload-file-color:var(--s-text-color-primary);--s-upload-file-icon-font-size:var(--s-size-lg);--s-upload-file-name-margin-top:var(--s-size-2xs);--s-upload-file-name-padding-x:var(--s-size-2xs);--s-upload-file-name-font-size:var(--s-font-size-sm);--s-upload-status-color:var(--s-white);--s-upload-status-bg:var(--s-overlay-illegible);--s-upload-status-icon-font-size:var(--s-size-lg);--s-upload-status-message-margin-top:var(--s-size-2xs);--s-upload-status-message-padding-x:var(--s-size-2xs);--s-upload-status-message-font-size:var(--s-font-size-sm);--s-upload-close-top:2px;--s-upload-close-right:2px;--s-upload-close-size:var(--s-size-lg);--s-upload-close-font-size:var(--s-font-size-sm);--s-upload-close-color:var(--s-white);--s-upload-close-bg:var(--s-overlay-illegible);--s-upload-select-width:88px;--s-upload-select-height:88px;--s-upload-select-font-size:var(--s-size-xl);--s-upload-select-color:var(--s-text-color-secondary);--s-upload-select-border-radius:var(--s-border-radius);--s-upload-select-bg:var(--s-fill-color-secondary);--s-upload-select-bg-active:var(--s-bg-color-active-dark);--s-upload-video-play-bg:var(--s-overlay-legible);--s-upload-video-play-color:rgba(var(--s-white-rgb), 0.8);--s-upload-loading-size:var(--s-size-lg)}.s-upload__wrapper{display:flex;flex-wrap:wrap;gap:var(--s-upload-preview-gap)}.s-upload__select{display:flex;align-items:center;justify-content:center;width:var(--s-upload-select-width);height:var(--s-upload-select-height);color:var(--s-upload-select-color);border-radius:var(--s-upload-select-border-radius);background:var(--s-upload-select-bg);cursor:pointer}.s-upload__select-icon{font-size:var(--s-upload-select-font-size);line-height:var(--s-line-height-none)}.s-upload:not(.is-disabled,.is-readonly) .s-upload__select:active{background:var(--s-upload-select-bg-active)}.s-upload:is(.is-disabled) .s-upload__select{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-upload:is(.is-readonly) .s-upload__select{cursor:unset}.s-upload__preview{position:relative;display:flex;align-items:center;justify-content:center;width:var(--s-upload-preview-width);height:var(--s-upload-preview-height);overflow:hidden;border-radius:var(--s-upload-preview-border-radius);background:var(--s-upload-preview-bg)}.s-upload__preview--is-video{background:var(--s-upload-preview-video-bg)}.s-upload__image{width:100%;height:100%}.s-upload__video-wrapper{width:100%;height:100%;border-radius:inherit}.s-upload__video{width:100%;height:100%;border-radius:inherit}.s-upload__video-play{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:40px;color:var(--s-upload-video-play-color);background:var(--s-upload-video-play-bg);cursor:pointer}.s-upload__video-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:40px;height:40px}.s-upload__file{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--s-upload-file-color)}.s-upload__file-icon{font-size:var(--s-upload-file-icon-font-size)}.s-upload__file-name{max-width:100%;padding:0 var(--s-upload-file-name-padding-x);margin-top:var(--s-upload-file-name-margin-top);font-size:var(--s-upload-file-name-font-size)}.s-upload__status{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--s-upload-status-color);background:var(--s-upload-status-bg)}.s-upload__status-icon{font-size:var(--s-upload-status-icon-font-size)}.s-upload__status-message{max-width:100%;padding:0 var(--s-upload-status-message-padding-x);margin-top:var(--s-upload-status-message-margin-top);font-size:var(--s-upload-status-message-font-size);text-align:center}.s-upload__remove{position:absolute;top:0;inset-inline-end:0;z-index:2;padding-inline-end:var(--s-upload-close-right);padding-top:var(--s-upload-close-top)}.s-upload__close{display:flex;align-items:center;justify-content:center;width:var(--s-upload-close-size);height:var(--s-upload-close-size);border-radius:var(--s-border-radius-full);font-size:var(--s-upload-close-font-size);color:var(--s-upload-close-color);background:var(--s-upload-close-bg);cursor:pointer}