.upload-form-contair{width:100%;margin:0 auto 60px}.upload-video-contair,.basic-info-form-contair,.upload-video-choose,.upload-video-info{width:100%}.upload-video-choose{margin-top:60px}.upload-video-info{background-color:#f7f8f9}.upload-video-choose-content,.upload-video-info-content{width:100%;max-width:1000px;margin:0 auto}.video-hide{display:none}.upload-video-choose-content{display:flex;border:1px dashed #297f67;border-radius:8px;width:100%;height:100%;padding:60px 0 46px;flex-direction:column;align-items:center;justify-content:center;touch-action:auto}.drag-svg svg{width:150px;height:150px}.drag-content-or,.drag-content-text{color:#333;font-size:18px;font-weight:500;height:auto;line-height:1.6}.drag-content-or{color:#999;margin-bottom:10px}.upload-requirement{width:90%;text-align:center;font-size:16px;color:#777;font-weight:400;line-height:1.6;margin:18px 0 0}.upload-video-info-content{display:flex;align-items:center;padding:50px 0;gap:30px}.video-info{position:relative;flex-basis:30%}#thumbnailPreview{border-radius:6px}#previewVideo{display:none;border-radius:6px}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.play-icon svg{width:60px;height:60px}.play-icon:hover .icon path{fill:#32997c}.upload-video-progress-contair{flex-basis:70%}.video-name{font-size:20px;font-weight:500;color:#333;margin:0;line-height:1.6}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:400;color:#777;margin:10px 0 0;position:relative;line-height:1.4}.progress-content{width:100%;height:10px;position:relative;margin:8px 0 0;border-radius:30px;background-color:#bfe9e2}.progress-close{font-size:30px;margin-top:-10px;cursor:pointer}.progress-width{background-color:#297f67;width:0%;height:100%;box-shadow:0 3px 6px #297f673d;border-radius:30px}.progress-text{font-size:16px;font-weight:400;margin:20px 0 0}.progress-text-one{color:#777}.delete-btn{color:#4fc7a5;cursor:pointer;text-decoration:underline}.form-title{width:100%;font-size:clamp(30px,2vw,40px);color:#000;text-align:center;margin-top:60px}#videoUploadForm{width:100%;max-width:1000px;margin:10px auto;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}label{display:block;margin-bottom:6px}.form-label{cursor:default!important}.form-group-up{width:100%;display:flex;justify-content:space-between}.form-group{position:relative;flex-basis:48%}.form-label{display:flex;align-items:center;font-size:15px!important;color:#888;margin-bottom:10px}.requid{color:red;margin-left:4px;padding-top:3px}.form-input{width:100%;border-radius:6px}.form-input:focus,.textarea-group textarea:focus{outline:none;border-color:#297f67;box-shadow:0 0 0 2px #297f6714}.el-select{position:relative;display:block;margin-bottom:30px}.el-select__input{display:flex;align-items:center;padding:10px;line-height:40px;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:border-color .2s}.el-select__input--focus{outline:none;border-color:#297f67;box-shadow:0 0 0 2px #297f6714}.el-select__editor{width:100%;margin-bottom:0!important;flex:1;border:none!important;outline:none;height:100%;padding:0;background:transparent}.el-select__editor:focus{border:none!important;box-shadow:none!important}.el-select__arrow{transition:transform .3s;margin-left:10px;color:#c0c4cc}.el-select__dropdown{width:100%;min-width:220px;max-height:300px;position:absolute;margin-top:5px;border:1px solid #e4e7ed;border-radius:4px;background:#fff;color:#666;box-shadow:0 2px 12px #0000001a;z-index:1001;overflow:hidden;transform-origin:center top;transition:all .3s;opacity:0;transform:scaleY(0)}.el-select__dropdown--visible{opacity:1;transform:scaleY(1)}.el-select__list{max-height:200px;overflow-y:auto;margin:0;padding:0;list-style:none}.el-select__item{padding:10px 12px;cursor:pointer;transition:background .3s;-webkit-tap-highlight-color:transparent}.el-select__item:hover{background-color:#f5f7fa}.el-select__item--selected{color:#666;background-color:#f0f7ff}.el-select__empty{padding:10px 12px;text-align:center;color:#999}.el-select-disabled{background:#f0f0f0;cursor:not-allowed!important}.serial-input-wrap{position:relative}.input-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:22px;z-index:2;pointer-events:none;background:none;border-radius:12px;padding:0 16px 0 8px;align-items:center;font-size:14px;color:#aaa;font-weight:500;display:none}.input-loading-show{display:flex!important}.input-loading svg{width:22px;height:22px;margin-right:6px;animation:spin .7s linear infinite}.textarea-group{position:relative;margin-bottom:22px}.textarea-group textarea{width:100%;min-height:150px;max-width:100%;box-sizing:border-box;padding:10px 12px 28px;font-size:16px;border-radius:6px;border:1px solid #ccc;resize:none}.textarea-counter{position:absolute;right:12px;bottom:8px;font-size:13px;color:#888;background:#ffffffb3;padding:0 4px;pointer-events:none}.custom-checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer;font-size:15px!important;-webkit-user-select:none;user-select:none}.custom-checkbox input[type=checkbox]{opacity:0;width:0;height:0}.checkmark{width:18px;height:18px;min-width:18px;min-height:18px;border:1px solid #bbb;border-radius:4px;background:#fff;margin-right:4px;box-sizing:border-box;transition:background .2s,border .2s;display:flex;align-items:center;justify-content:center}.custom-checkbox input[type=checkbox]:checked+.checkmark{background:#145a32;border-color:#145a32}.checkmark svg{display:none}.custom-checkbox input[type=checkbox]:checked+.checkmark svg{display:block}.checkboxText a{text-decoration:underline;color:#297f67}.form-btn{width:180px;border-radius:30px;font-size:16px;padding:10px 20px;transition:background .2s,color .2s;cursor:pointer}.submit-btn{position:relative;top:0;background:linear-gradient(150deg,#047b5d,#10ab84);color:#fff;border:none;margin-right:10px;transition:top .5s;-moz-transition:top .5s;-webkit-transition:top .5s;-o-transition:top .5s;-ms-transition:top .5s}.submit-btn:hover{opacity:.9;position:relative;top:-6px;box-shadow:0 5px 10px #0003;-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-o-box-shadow:0 5px 10px rgba(0,0,0,.2);-ms-box-shadow:0 5px 10px rgba(0,0,0,.2)}.submit-btn:disabled{color:#ccc;cursor:not-allowed!important;box-shadow:none!important;opacity:.7}.submit-btn:focus-visible{outline-color:none}.agreeCheckbox{margin-bottom:40px;vertical-align:middle}.modal{width:100%;display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#0000004d;justify-content:center;align-items:center;z-index:1000}.modal-title{width:100%;text-align:center;padding-top:10px;position:absolute;left:0;top:0;font-size:26px;color:#333;font-weight:600}.modal-text{font-size:22px;text-align:center}.modal-content{width:30%;background:#fff;border-radius:8px;min-width:490px;position:relative;left:50%;transform:translate(-50%);margin-top:20vh;box-shadow:0 2px 16px #00000026;color:#333;padding:20px}#modalText{padding:20px 0 40px}.modal-close{position:absolute;right:8px;top:-6px;font-size:40px;color:#333;cursor:pointer}.video-close{font-size:70px;color:#fff}.modal-btn{width:160px;background:#1c5544;color:#fff;border:none;cursor:pointer;margin:0 20px;border-radius:30px;font-size:15px;padding:10px 20px}#modalCofirm{background-color:#fff;border:1px solid #297f67;color:#000}#modalCofirm:hover{background:#297f67!important;color:#fff!important}.btn-div{width:100%;text-align:center}.view-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1024px;height:576px}.toast{width:auto;position:fixed;left:50%;top:10%;transform:translate(-50%);background:#323232eb;color:#fff;padding:12px 28px;border-radius:6px;font-size:16px;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s;animation:fadeIn .3s ease-in-out;text-align:center;box-sizing:border-box}.toast.show{opacity:1;pointer-events:auto}.btn-form-group{width:100%!important}@keyframes breathe-red{0%{box-shadow:0 0 #dc354526}50%{box-shadow:0 0 12px 6px #dc354514}to{box-shadow:0 0 #dc354526}}.error-input{border-color:#dc3545!important;animation:breathe-red 3s ease-in-out}.error-label{color:#dc3545!important}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake{animation:shake .4s}.multi-upload-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.multi-upload-btn{width:80px;height:80px;border:1px dashed #bbb;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;background:#fafbfc;cursor:pointer;transition:border-color .2s,color .2s}.multi-upload-btn:hover{border-color:#297f67;color:#a7dcb7}.form-success-contair{display:none;margin-top:60px}.success-icon{width:100%;text-align:center}.success-icon svg{width:250px;height:170px}.success-title{text-align:center;font-size:40px}.success-subtitle{text-align:center;font-size:22px;font-weight:300}@media (max-width: 1440px){.video-close{font-size:60px}.view-video{width:960px;height:540px}}@media (max-width: 1024px){.upload-video-choose-content{width:92%}.upload-video-info-content{padding:30px 0;flex-direction:column}.video-info,.upload-video-progress-contair{width:90%}#previewVideo{width:100%;display:block;border-radius:6px;height:56.25%}.thumbnail,.play-icon{display:none}.video-name{font-size:18px}.progress-info{font-size:14px;line-height:1}.progress-close{font-size:26px;margin-top:-4px}.progress-text{font-size:14px}#videoUploadForm{width:92%;margin:0 auto}.form-group-up{flex-direction:column}.form-group{flex-basis:100%;margin-bottom:10px}.form-input{margin-bottom:10px!important}.modal-content{min-width:0;width:90vw}.modal-text{font-size:18px}}@media (max-width: 768px){.upload-video-choose{margin-top:30px}.upload-video-choose-content{padding:40px 0 30px}.drag-svg svg{width:100px;height:100px}.drag-content-or,.drag-content-text{font-size:16px}.upload-button{width:130px;padding:7px 20px}.upload-requirement{font-size:14px}.form-title{font-size:22px;line-height:1.2}.modal-title{padding-top:8px;font-size:20px}.modal-btn{width:40%;margin:0 10px;font-size:13px;padding:10px}.toast{width:fit-content;min-width:255px;font-size:14px}.margin-bottom-20{margin-bottom:20px}.checkboxText{font-size:13px;vertical-align:middle}.form-success-contair{margin-top:30px}.success-title{font-size:30px}.success-subtitle{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/183/assets/share-video-upload-form.css.map */