.big_up-component{font-family:Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;transition:opacity .5s;--primary-color: blue;--success-color: green;--info-color: #581453;--warning-color: orange;--error-color: red;--secondary-color: rgb(170, 170, 170);--font-size-small: .8rem;--font-size-medium: 1rem;--font-size-large: 1.2rem;--padding-size-small: .4rem;--padding-size-medium: .5rem;--padding-size-lage: .6rem}.big_up-component.dragging{opacity:.5}.big_up-component .file-box{border:1px dashed grey;border-radius:.2rem;margin-bottom:1.2rem;padding:.8rem;display:flex;flex-direction:column;transition:background-color .3s}.big_up-component .file-box.dragging{background-color:var(--secondary-color)}.big_up-component .up-details{font-family:monospace}.big_up-component .bar-box{flex-grow:1;min-width:30vw}.big_up-component .loading-bar{position:relative;background-color:#d4d3d3}.big_up-component .loading-bar .bar-buffer-box,.big_up-component .loading-bar .bar-progress-box{border:1px solid #b3b3b3;border-radius:.4rem;box-sizing:border-box}.big_up-component .loading-bar .bar-buffer,.big_up-component .loading-bar .bar-progress{border-radius:.2rem;height:.8rem;width:0;transition:width ease-in .5s}.big_up-component .loading-bar .bar-buffer{opacity:.5}.big_up-component .loading-bar .bar-progress-box{position:absolute;top:0;left:0;right:0;z-index:1}.big_up-component .filename-box,.big_up-component .buttons-box,.big_up-component .udescr-box,.big_up-component .bar-main-box{display:flex;align-items:center;margin-bottom:.5rem;gap:1rem;width:100%}.big_up-component .udescr-box{position:relative}.big_up-component .udescr-box .area{position:relative;background-color:#9c61611a;width:100%}.big_up-component .udescr-box .area .editable{padding:.5rem;outline:none}.big_up-component .udescr-box .area .placeholder{position:absolute;top:0;color:#999;z-index:-999;padding:.5rem .5rem .5rem 1.5rem}.big_up-component .udescr-box .warning{position:absolute;right:0;top:0}.big_up-component .udescr-box .warning:before{content:"⚠"}.big_up-component .filename{font-size:var(--font-size-large);margin:0;-webkit-background-clip:text;background-clip:text;color:transparent;caret-color:#000;outline:none}.big_up-component .speed-control{position:relative}.big_up-component .speed-control .range{accent-color:var(--success-color)}.big_up-component .speed-control .label{position:absolute;font-size:.5rem}.big_up-component .chunk-control{position:relative}.big_up-component .chunk-control .range{accent-color:var(--primary-color)}.big_up-component .chunk-control .label{position:absolute;font-size:.5rem}.big_up-component .stop-wait{color:var(--error-color)}.big_up-component .hide-button-box{flex-grow:999999;text-align:right}.big_up-component .delete-button-box{flex-grow:1;text-align:right}.big_up-component .up-confirm-box,.big_up-component .speed-control-box,.big_up-component .pause-stop-box,.big_up-component .stop-wait-box,.big_up-component .upload-button-box,.big_up-component .cancel-button-box,.big_up-component .download-button-box,.big_up-component .up-details-box,.big_up-component .main-upload-box,.big_up-component .empty-box,.big_up-component .linear-progress,.big_up-component .udescr-button,.big_up-component .upload-button,.big_up-component .select-button,.big_up-component .pause-button,.big_up-component .stop-button,.big_up-component .cancel-button,.big_up-component .delete-button{content:""}.big_up-component .file-descr-box{display:flex;flex-direction:row;align-items:baseline;gap:.1rem}.big_up-component .file-descr-box .size-date-mark,.big_up-component .file-descr-box .completed-mark{text-align:center;padding:0 .5rem}.big_up-component .file-descr-box .size-date-mark:before{content:"-"}.big_up-component .file-descr-box .completed-mark:before{content:"➔"}.big_up-component .icon-button{margin-right:.4rem}.big_up-component .initializing{font-size:1.2rem;gap:.5rem;margin:0}.big_up-component .button{display:inline-flex;vertical-align:middle;border-radius:.3rem;letter-spacing:.02rem;text-transform:uppercase;align-items:center}.big_up-component .button-variant-contained{color:#fff;background-color:var(--primary-color);box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;border:none}.big_up-component .button-variant-outlined{color:var(--primary-color);background-color:"#f0f0f0";border:1px solid}.big_up-component .button-variant-text{color:var(--primary-color);background-color:transparent;border:none}.big_up-component .button-size-small{font-size:var(--font-size-small);padding:var(--padding-size-small)}.big_up-component .button-size-medium{font-size:var(--font-size-medium);padding:var(--padding-size-medium)}.big_up-component .button-size-large{font-size:var(--font-size-large);padding:var(--padding-size-lage)}.big_up-component .add-files-button{padding:calc(var(--padding-size-lage) + .1rem);font-size:calc(var(--font-size-large) + .1rem)}.big_up-component .add-files-button.empty.button-variant-contained{padding:calc(var(--padding-size-lage) + .2rem)}.big_up-component .add-files-button.empty.button-size-large{font-size:calc(var(--font-size-large) + .2rem)}.big_up-component .primary-color{color:var(--primary-color)}.big_up-component .success-color{color:var(--success-color)}.big_up-component .info-color{color:var(--info-color)}.big_up-component .warning-color{color:var(--warning-color)}.big_up-component .error-color{color:var(--error-color)}.big_up-component .secondary-color{color:var(--secondary-color)}.big_up-component .bg-primary-color{background-color:var(--primary-color)}.big_up-component .bg-success-color{background-color:var(--success-color)}.big_up-component .bg-info-color{background-color:var(--info-color)}.big_up-component .bg-warning-color{background-color:var(--warning-color)}.big_up-component .bg-error-color{background-color:var(--error-color)}.big_up-component .bg-secondary-color{background-color:var(--secondary-color)}@media (max-width: 600px){.big_up-component .main-upload-box{display:flex;flex-direction:column;justify-content:center}.big_up-component .file-box .buttons-box{flex-direction:column}.big_up-component .file-box .filename-box{justify-content:center}.big_up-component .file-box .filename-box .filename{font-size:var(--font-size-medium)}.big_up-component .file-descr-box{width:100%;flex-direction:column;align-items:center}.big_up-component .file-descr-box .size-date-mark{display:none}.big_up-component .file-descr-box .completed-mark{max-height:.4rem;transform:translateY(-.4rem)}.big_up-component .file-descr-box .completed-mark:before{content:"⇈"}}.demo-box{background-color:#f5e9e9;padding:1rem;margin-top:1rem}.demo-controlled .big_up-component{margin-top:2rem;--primary-color: rgb(203, 59, 247)}.demo-controlled .linear-progress{padding:.3rem 0}.demo-controlled .main-upload-box{display:flex;flex-direction:row}.demo-controlled .main-upload-box .empty-box{color:red;padding:2rem;margin-right:2rem;border:2px solid lightsalmon}.demo-controlled .main-upload-box .add-files-button.button-variant-contained{background-color:var(--info-color)}.demo-controlled .main-upload-box .add-files-button.empty.button-size-large{font-size:1.8rem;padding:1rem}@media (max-width: 600px){.demo-controlled .main-upload-box .empty-box{padding:1.5rem;margin-right:1rem}.demo-controlled .main-upload-box .add-files-button{font-size:1rem}.demo-controlled .main-upload-box .add-files-button.empty.button-size-large{font-size:1rem}}.demo-homemade{border:1px solid blue;padding:2rem}.demo-single .big_up-component{border:1px solid blue;padding:.5rem}.demo-single .file-box{border:none;padding:0;margin:0}.demo-single .single-1{--primary-color: rgb(0, 174, 255)}.demo-single .single-1 .main-upload-box{padding:1.5rem;border:1px solid black;width:fit-content;margin:.5rem auto;display:flex;flex-direction:column;gap:1rem;align-items:center}.demo-single .single-1 .loading-bar{background-color:transparent}.demo-single .single-1 .loading-bar .bar-buffer-box{background-color:#d4d3d3}.demo-single .single-1 .loading-bar .bar-progress-box{position:static;margin-top:.2rem;background-color:#d4d3d3}.demo-single .single-1 .loading-bar .bar-buffer,.demo-single .single-1 .loading-bar .bar-progress{line-height:.8rem;font-size:.8rem;vertical-align:top}.demo-single .single-1 .loading-bar .bar-buffer{opacity:1;--primary-color: rgb(92, 238, 116)}.demo-single .single-1 .loading-bar .bar-buffer:before{content:"  readed"}.demo-single .single-1 .loading-bar .bar-progress:before{content:"  uploaded";color:#fff}.demo-single .single-2 .file-box{flex-direction:row;gap:.5rem}.demo-single .single-2 .button{font-size:.8rem;margin:.2rem}.demo-single .single-2 .add-files-button.empty.button-size-large{margin:.2rem;font-size:.8rem}.demo-single .single-2 .add-files-button.empty.button-variant-contained{color:#ff0;background-color:#2e8888}.demo-single .single-2 .filename{font-size:1.2rem;--primary-color: #6358c4;--success-color: #999714;font-family:Times New Roman,Times,serif}.demo-single .single-2 .bar-main-box{display:none}.demo-single .single-3 .file-box{flex-direction:row;justify-content:space-between}.demo-single .single-3 .bar-main-box{display:none}.demo-single .single-3 .main-upload-box{border:1px solid black;width:fit-content;margin:.5rem auto}.demo-single .single-3 .add-files-button.empty{background-color:transparent;color:#000;padding:1.5rem}.demo-single .single_not .speed-control .label{color:#a72190;text-align:right;width:100%}.demo-single .only-name{border:none;padding:0;margin:0}.demo-single .only-name .file-box .filename{max-width:12ch;white-space:nowrap;overflow:hidden;font-size:1.1rem;font-family:monospace;text-overflow:ellipsis;-webkit-mask-image:linear-gradient(to right,black 70%,transparent 100%);mask-image:linear-gradient(to right,black 70%,transparent 100%)}.demo-single .only-name .main-upload-box,.demo-single .only-name .pause-stop-box,.demo-single .only-name .buttons-box,.demo-single .only-name .bar-main-box{display:none}@media (max-width: 600px){.demo-box{padding:.1rem}.extra{display:none}}