@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);#app[data-v-24608608],body[data-v-24608608],html[data-v-24608608]{margin:0!important;padding:0!important;height:100vh}[data-v-24608608]{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader[data-v-24608608],.avatar-uploader[data-v-24608608] .el-upload{display:flex;justify-content:center;align-items:center}.avatar-uploader[data-v-24608608] .el-upload{min-height:10rem;min-width:10rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:.4rem;transition:.5s}.avatar-uploader[data-v-24608608] .el-upload:hover{background:#cecccc}.avatar-uploader[data-v-24608608] .el-upload .el-icon-plus{font-size:2.25rem!important}.avatar[data-v-24608608]{max-height:160px;max-width:160px}hr[data-v-24608608]{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.header[data-v-24608608]{display:flex;justify-content:space-between}.btn-header[data-v-24608608]{height:-webkit-max-content;height:-moz-max-content;height:max-content;align-self:center}[data-v-24608608] .el-upload--picture-card{width:100%!important}.hide-upload[data-v-24608608] .el-upload--picture-card{display:none}.card-header[data-v-24608608]{display:flex;justify-content:space-between;align-items:center}.preview-wrapper[data-v-24608608]{display:flex;flex-direction:column;align-items:center;margin-top:16px}.preview-actions[data-v-24608608]{display:flex;gap:16px;margin-top:20px}.action-icon[data-v-24608608]{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;position:relative}.action-icon[data-v-24608608]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:28px;height:4px;border-radius:4px;background-color:#2563eb;opacity:0;transition:.2s}.action-icon.active[data-v-24608608]:after{opacity:1}.action-icon[data-v-24608608]:hover{background:#f5f5f5}.action-icon .el-icon[data-v-24608608]{font-size:26px}.preview-box[data-v-24608608]{max-width:420px;border:3px solid #222;border-radius:20px;overflow:hidden}.preview-box-desktop[data-v-24608608],.preview-box[data-v-24608608]{width:100%;height:520px;display:flex;align-items:center;justify-content:center}.preview-box-desktop[data-v-24608608]{max-width:900px;background-size:contain;background-repeat:no-repeat;background-position:50%}.preview-content-desktop[data-v-24608608]{width:87%;height:88%;display:flex;align-items:center;justify-content:center}.preview-box-mobile[data-v-24608608]{width:100%;max-width:600px;height:520px;background-size:contain;background-repeat:no-repeat;background-position:50%;display:flex;align-items:center;justify-content:center}.preview-content-mobile[data-v-24608608]{width:85%;height:88%;display:flex;align-items:center;justify-content:center;margin-bottom:50px}.preview-box-tablet[data-v-24608608]{width:100%;max-width:900px;height:520px;background-size:contain;background-repeat:no-repeat;background-position:50%;display:flex;align-items:center;justify-content:center}.preview-content-tablet[data-v-24608608]{width:85%;height:88%;display:flex;align-items:center;justify-content:center}.preview-img[data-v-24608608]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.preview-img-mobile[data-v-24608608]{width:95%;height:200px;border-radius:8px}.preview-img-desktop[data-v-24608608]{width:100%;height:95px;border-radius:8px;margin-bottom:70px}.preview-img-tablet[data-v-24608608]{width:100%;height:180px;border-radius:8px;margin-bottom:70px}.action-icon[data-v-24608608]:after{transform:translateX(-50%) scaleX(0)}.action-icon.active[data-v-24608608]:after{transform:translateX(-50%) scaleX(1)}.preview-text[data-v-24608608]{color:#999;font-size:18px}.icon-image[data-v-24608608]{width:2.5rem;height:auto}.card-add-image[data-v-24608608]{max-width:100%;margin-bottom:20px}.btn-action[data-v-24608608]{display:flex;justify-content:space-between;align-items:center}.txt-label[data-v-24608608]{align-content:center}