.svgcolor{fill:#ccc;-webkit-transition:fill .3s ease,-webkit-transform .3s ease;transition:fill .3s ease,-webkit-transform .3s ease;transition:fill .3s ease,transform .3s ease;transition:fill .3s ease,transform .3s ease,-webkit-transform .3s ease}.svgcolor:hover{fill:#72e528;-webkit-transform:scale(1.8);transform:scale(1.8)}.divSide{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(196.58deg,rgba(57,84,90,.6) 2.65%,#171b21,#19242c 90.18%);border:1px solid #1e3139;-webkit-transition:all .3s ease;transition:all .3s ease}.divSide:hover{border-color:#72e528;-webkit-box-shadow:0 0 12px rgba(114,229,40,.3);box-shadow:0 0 12px rgba(114,229,40,.3)}.video-container{position:relative;overflow:hidden;cursor:pointer;width:70px;height:80px}.action-buttons{position:absolute;top:4px;right:4px;gap:2px;z-index:2000;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;padding:2px;background:rgba(13,17,22,.85);border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(114,229,40,.2)}.action-button,.action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.action-button{width:24px;height:24px;border-radius:50%;background:rgba(13,17,22,.9);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border:1px solid hsla(0,0%,100%,.1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}.action-icon{width:16px;height:16px;pointer-events:none}.action-button:hover{background:rgba(114,229,40,.15);border-color:#72e528;-webkit-box-shadow:0 0 12px rgba(114,229,40,.4);box-shadow:0 0 12px rgba(114,229,40,.4);-webkit-transform:scale(1.1);transform:scale(1.1)}.delete-button:hover .action-icon{fill:#ff4d4f}.reupload-button:hover .action-icon{fill:#1890ff}.upload-placeholder{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;width:60px;height:60px}.plus-icon-container,.upload-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.plus-icon-container{margin-top:2px;height:36px}.plus-icon{width:32px;height:32px;-webkit-transform:scale(2);transform:scale(2);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.format-text{font-size:12px;color:#727485;white-space:nowrap}.video-preview-container{width:100%;height:100%;position:relative;cursor:pointer}.video-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-indicator{position:absolute;bottom:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(13,17,22,.8);padding:2px 6px;border-radius:10px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.video-container:hover .preview-indicator{opacity:1}.preview-icon{width:12px;height:12px;fill:#72e528}.video-duration{font-size:11px;color:#72e528}