@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);#app[data-v-019041b5],body[data-v-019041b5],html[data-v-019041b5]{margin:0!important;padding:0!important;height:100vh}[data-v-019041b5]{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader[data-v-019041b5],.avatar-uploader[data-v-019041b5] .el-upload{display:flex;justify-content:center;align-items:center}.avatar-uploader[data-v-019041b5] .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-019041b5] .el-upload:hover{background:#cecccc}.avatar-uploader[data-v-019041b5] .el-upload .el-icon-plus{font-size:2.25rem!important}.avatar[data-v-019041b5]{max-height:160px;max-width:160px}hr[data-v-019041b5]{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.header[data-v-019041b5]{display:flex;justify-content:space-between}.btn-header[data-v-019041b5]{height:-webkit-max-content;height:-moz-max-content;height:max-content;align-self:center}[data-v-019041b5] .el-upload--picture-card{width:100%!important}.hide-upload[data-v-019041b5] .el-upload--picture-card{display:none}.card-header[data-v-019041b5]{display:flex;justify-content:space-between;align-items:center}.preview-wrapper[data-v-019041b5]{display:flex;flex-direction:column;align-items:center;margin-top:16px}.preview-actions[data-v-019041b5]{display:flex;gap:16px;margin-top:20px}.action-icon[data-v-019041b5]{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-019041b5]: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-019041b5]:after{opacity:1}.action-icon[data-v-019041b5]:hover{background:#f5f5f5}.action-icon .el-icon[data-v-019041b5]{font-size:26px}.preview-box[data-v-019041b5]{max-width:420px;border:3px solid #222;border-radius:20px;overflow:hidden}.preview-box-desktop[data-v-019041b5],.preview-box[data-v-019041b5]{width:100%;height:520px;display:flex;align-items:center;justify-content:center}.preview-box-desktop[data-v-019041b5]{max-width:900px;background-size:contain;background-repeat:no-repeat;background-position:50%}.preview-content-desktop[data-v-019041b5]{width:87%;height:88%;display:flex;align-items:center;justify-content:center}.preview-box-mobile[data-v-019041b5]{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-019041b5]{width:85%;height:88%;display:flex;align-items:center;justify-content:center;margin-bottom:50px}.preview-box-tablet[data-v-019041b5]{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-019041b5]{width:85%;height:88%;display:flex;align-items:center;justify-content:center}.preview-img[data-v-019041b5]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.preview-img-mobile[data-v-019041b5]{width:95%;height:200px;border-radius:8px}.preview-img-desktop[data-v-019041b5]{width:100%;height:95px;border-radius:8px;margin-bottom:70px}.preview-img-tablet[data-v-019041b5]{width:100%;height:180px;border-radius:8px;margin-bottom:70px}.action-icon[data-v-019041b5]:after{transform:translateX(-50%) scaleX(0)}.action-icon.active[data-v-019041b5]:after{transform:translateX(-50%) scaleX(1)}.preview-text[data-v-019041b5]{color:#999;font-size:18px}.icon-image[data-v-019041b5]{width:2.5rem;height:auto}.card-add-image[data-v-019041b5]{max-width:100%;margin-bottom:20px}.btn-action[data-v-019041b5]{display:flex;justify-content:space-between;align-items:center}.txt-label[data-v-019041b5]{align-content:center}[data-v-019041b5] .desktop .el-upload-list__item{height:80px;width:100%}[data-v-019041b5] .mobile .el-upload-list__item{height:120px;width:40%}[data-v-019041b5] .tablet .el-upload-list__item{height:80px;width:50%}[data-v-019041b5] .el-card__header{background-color:#f0f8ff}.preview-img-top[data-v-019041b5]{border-radius:10px;width:500px;height:60px;margin-left:20px}.detail-enter-active[data-v-019041b5],.detail-leave-active[data-v-019041b5]{transition:all .25s ease}.detail-enter-from[data-v-019041b5],.detail-leave-to[data-v-019041b5]{opacity:0;transform:translateY(-10px)}.detail-enter-to[data-v-019041b5],.detail-leave-from[data-v-019041b5]{opacity:1;transform:translateY(0)}.arrow-icon[data-v-019041b5]{transition:transform .75s ease}.arrow-icon.open[data-v-019041b5]{transform:rotateX(180deg)}.icon-drag-and-drop[data-v-019041b5]{color:#999}