:root{--size-input-file:110px}.menu-item.is-active{background-color:var(--color-hover-bg)}.input-upload,.preview-item img{width:var(--size-input-file);height:var(--size-input-file)}.input-upload{background-color:rgba(19,134,255,.05);border:1px dashed #4c88e6;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:#4c88e6;cursor:pointer;position:relative}.input-upload .icon-upload{width:40px;height:40px}.input-upload .input-file{opacity:0;cursor:pointer;z-index:11}.input-upload .input-file,.upload-progress,.upload-progress::before{position:absolute;top:0;left:0;right:0;bottom:0}.upload-progress{display:flex;justify-content:center;align-items:center;z-index:1;color:#fff}.upload-progress::before{content:'';display:block;background-color:rgba(0,0,0,.7)}.upload-progress .percent{position:relative;z-index:2}.preview-item{position:relative;display:inline-block}.preview-item img{-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #ccc}.delete-btn{position:absolute;top:0;right:0;background:#000;border:0;width:20px;height:20px;font-size:14px;cursor:pointer}.delete-btn svg{color:#fff}.progress-bar{height:5px;background-color:green;width:0%;transition:width .2s}.file-list{display:flex;flex-wrap:wrap;gap:8px}.file-list+.input-upload{margin-left:8px}.file-item{width:var(--size-input-file);height:var(--size-input-file);position:relative}.main .app-aside{height:calc(100vh - 300px)}.main .dx-tabs{height:100%}@media (max-width:768px){.file-item{flex:1}.user-menu{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border)}.menu-item{border-right:1px solid var(--color-border);justify-content:center;font-size:12px}.menu-item:last-child{border-right:0}.app-aside--left.user-left{display:block;transform:translateX(0);position:sticky;height:initial;width:100%;top:var(--dx-header-height);z-index:1}.user-main .app-main{overflow:auto}}