#extendWarrantyForm{width:60%;margin:120px 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}select{width:100%;padding:6px}.form-input{width:100%}select{height:45px}.form-input:focus,select:focus,.textarea-group textarea:focus{outline:none;border-color:#297f67;box-shadow:0 0 0 2px #297f6714}.form_Title{color:#333;font-size:18px;font-weight:600!important;margin-bottom:14px}.form-group-up{width:100%;display:flex;justify-content:space-between}.form-group{position:relative;flex-basis:48%;margin-bottom:40px}.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}.info-icon{width:18px;height:18px;display:inline-block;margin-left:6px;border-radius:50%;line-height:18px;cursor:pointer;position:relative}.email_info{cursor:pointer;position:relative}.info-icon:hover .tooltip-info,.email_info:hover .tooltip-email-info{display:block}.tooltip-info,.tooltip-email-info{min-width:330px;width:fit-content;height:auto;display:none;position:absolute;left:50%;bottom:26px;transform:translate(-50%);background:#323232d9;color:#fff;padding:10px 14px;border-radius:4px;font-size:12px;white-space:wrap;z-index:99;box-shadow:0 2px 8px #0000001f;pointer-events:none;font-size:14px;text-align:left;margin:0}.tooltip-email-info{min-width:240px;text-align:center}.tooltip-bottom{bottom:0;top:30px;height:fit-content}.tooltip-info:before,.tooltip-email-info:before{content:"";display:none}.tooltip-info:after,.tooltip-email-info:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border-width:7px 7px 0 7px;border-style:solid;border-color:rgba(50,50,50,.85) transparent transparent transparent}.tooltip-bottom:after{top:-20px;bottom:100%;border-width:0px 7px 7px 7px;border-color:transparent transparent rgba(50,50,50,.85) transparent}.suggest-list{width:100%;min-width:220px;max-height:300px;position:absolute;top:71%;margin-top:5px;margin-left:0;border:1px solid #e4e7ed;border-radius:4px;background:#fff;box-shadow:0 2px 12px #0000001a;z-index:1001;overflow-y:auto;transform-origin:center top;transition:all .3s;opacity:0;transform:scaleY(0);color:#666;list-style:none;padding-left:0}.suggest-list li{padding:10px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.suggest-list li:hover{background-color:#f5f7fa}.tooltip-info.imgs-tip{width:500px;padding:10px;min-width:0}.tooltip-info.imgs-tip .tip-title{font-size:16px;font-weight:600;color:#fff}.tooltip-info.imgs-tip .tip-subtitle{display:block;font-size:14px;font-weight:500;color:#eee;margin-bottom:6px;margin-top:10px}.tooltip-info.imgs-tip img{width:260px;height:140px;object-fit:cover;border-radius:4px;border:2px solid #eee;background:#fff;margin-bottom:10px}.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}.img-preview{margin-top:8px;max-width:250px;max-height:150px;display:block}.img-thumb-box{position:relative;display:inline-block}.img-thumb-del{position:absolute;right:2px;top:2px;background:#00000080;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:14px;line-height:16px;text-align:center;cursor:pointer;z-index:2;padding:0}.serial-input-wrap{position:relative}#serial_number{flex:1;padding-right:36px}.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}.select-loading-show,.input-loading-show{display:flex!important}.input-loading svg{width:22px;height:22px;margin-right:6px;animation:spin .7s linear infinite}.scan-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;cursor:pointer;opacity:.85;transition:opacity .2s}.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:2px;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:2px;background:#fff;margin-right:8px;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}.form-btn{width:100%;border-radius:2px;font-size:16px;padding:10px 20px;transition:background .2s,color .2s;cursor:pointer}.submit-btn{background-color:#1c5544;color:#fff;border:none;margin-right:10px}.cancel-btn{background-color:#fff;color:#333;border:1px solid #ccc}.modal-btn:hover,.submit-btn:hover{background:#297f67;color:#fff}.cancel-btn:hover{background:#f0f0f0;color:#333}.submit-btn:disabled,.cancel-btn:disabled{color:#ccc;background-color:#297f67;cursor:not-allowed!important;box-shadow:none!important;opacity:.7}.cancel-btn:disabled{color:#666;background-color:#f0f0f0}.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{text-indent:2em}.modal-content{width:45%;background:#fff;border-radius:2px;min-width:320px;position:relative;left:50%;transform:translate(-50%);margin-top:15vh;box-shadow:0 2px 16px #00000026;color:#333}#modalText{padding:60px 50px}.modal-close{position:absolute;right:8px;top:-6px;font-size:40px;color:#333;cursor:pointer}.modal-btn{width:150px;background:#1c5544;color:#fff;border:none;cursor:pointer;margin-bottom:40px}.btn-div{width:100%;text-align:center}.img-view{width:100%;padding:40px}.img-view img{width:100%;height:100%;object-fit:cover}.toast{width:auto;position:fixed;left:50%;top:10%;transform:translate(-50%);background:#323232eb;color:#fff;padding:12px 28px;border-radius:2px;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}.check-href{text-decoration:underline;font-weight:600}@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}.fullscreen-loading{width:100%;display:none;position:fixed;z-index:3000;left:0;top:0;right:0;bottom:0;background:#0006;justify-content:center}.fullscreen-loading.show{display:flex!important}.apple-fade-spinner{position:relative;width:40px;height:40px;top:30%}.loading-text{position:absolute;left:50%;top:40%;transform:translate(-50%,50%);font-size:18px;color:#fff;text-align:center}.apple-fade-spinner div{position:absolute;left:50%!important;top:50%!important;width:7px;height:20px;background:#fff;border-radius:8px;transform:translate(-50%,-100%) rotate(0);transform-origin:50% 100%;animation:fade-bar 1.2s linear infinite;opacity:0}.apple-fade-spinner div:nth-child(1){transform:rotate(0) translate(-50%,-100%);animation-delay:0s}.apple-fade-spinner div:nth-child(2){transform:rotate(30deg) translate(-50%,-100%);animation-delay:.1s}.apple-fade-spinner div:nth-child(3){transform:rotate(60deg) translate(-50%,-100%);animation-delay:.2s}.apple-fade-spinner div:nth-child(4){transform:rotate(90deg) translate(-50%,-100%);animation-delay:.3s}.apple-fade-spinner div:nth-child(5){transform:rotate(120deg) translate(-50%,-100%);animation-delay:.4s}.apple-fade-spinner div:nth-child(6){transform:rotate(150deg) translate(-50%,-100%);animation-delay:.5s}.apple-fade-spinner div:nth-child(7){transform:rotate(180deg) translate(-50%,-100%);animation-delay:.6s}.apple-fade-spinner div:nth-child(8){transform:rotate(210deg) translate(-50%,-100%);animation-delay:.7s}.apple-fade-spinner div:nth-child(9){transform:rotate(240deg) translate(-50%,-100%);animation-delay:.8s}.apple-fade-spinner div:nth-child(10){transform:rotate(270deg) translate(-50%,-100%);animation-delay:.9s}.apple-fade-spinner div:nth-child(11){transform:rotate(300deg) translate(-50%,-100%);animation-delay:1s}.apple-fade-spinner div:nth-child(12){transform:rotate(330deg) translate(-50%,-100%);animation-delay:1.1s}@keyframes fade-bar{0%{opacity:1}to{opacity:0}}@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}#password,#password_confirm{width:255px}.password-title{color:#666;font-weight:600}.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:2px;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}.email_form_label{padding-left:46px}@media (max-width: 768px){#extendWarrantyForm{width:90%;margin:40px auto}.form-group-up{flex-direction:column}.form-group{flex-basis:100%;margin-bottom:10px}.form_Title{font-size:16px}.suggest-list{font-size:14px}.tooltip-info,.tooltip-email-info{min-width:200px;min-height:fit-content;left:70%;transform:translate(-30%)}.tooltip-info:after,.tooltip-email-info:after{left:30%;transform:translate(-50%)}.info-icon svg{width:20px;height:20px;margin-top:-1px}.tooltip-info.imgs-tip{width:clamp(280px,80%,300px);min-width:0;left:40%;transform:translate(-60%)}.tooltip-info.imgs-tip:after{left:60%;transform:translate(-40%)}.tooltip-info.imgs-tip .tip-title{font-size:16px}.tooltip-info.imgs-tip .tip-subtitle{font-size:14px}.tooltip-info.imgs-tip img{width:220px}.modal-content{min-width:0;width:90vw}.modal-title{padding-top:8px;font-size:20px}#modalText{padding:40px 30px}.img-close{right:2px;top:-6px;font-size:30px}.img-view{padding:32px 18px 18px}.img-view img{width:90%}.toast{width:fit-content;min-width:255px;font-size:14px}.loading-text{min-width:220px;font-size:15px}.apple-fade-spinner div{height:16px}.margin-bottom-20{margin-bottom:20px}.checkboxText{font-size:13px;vertical-align:middle}#password,#password_confirm{width:175px!important}.email_form_label{padding-left:40px}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/extend-warranty-form.css.map */