@charset "UTF-8";.yi-style-options-box[data-v-bfed0663]::-webkit-scrollbar{display:none}.loading-container .cancel-btn[data-v-bfed0663]{position:absolute;right:10px;top:10px}.yi-ai-body[data-v-bfed0663]{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-bottom:20px}.yi-w-50[data-v-bfed0663]{width:50%}.yi-w-80[data-v-bfed0663]{width:80%}.yi-w-full[data-v-bfed0663]{width:100%}.yi-image-mobile[data-v-bfed0663]{height:250px!important}.yi-image-pad[data-v-bfed0663]{min-height:400px;height:100%!important}.yi-image-web[data-v-bfed0663]{height:415px}.yi-generate-image[data-v-bfed0663]{flex:1}.yi-image-upload-web[data-v-bfed0663]{min-height:400px}.yi-row-reverse[data-v-bfed0663]{flex-direction:row-reverse}.yi-input-box[data-v-bfed0663]{display:flex;flex-direction:column}.yi-upload-container[data-v-bfed0663]{display:flex}.yi-upload-original[data-v-bfed0663]{width:100%;min-width:100%;height:200px;position:relative}.yi-avatar-uploader[data-v-bfed0663]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.yi-upload-image[data-v-bfed0663]{max-width:100%;height:100%;object-fit:contain}.yi-remove-icon[data-v-bfed0663]{background-color:#fff;cursor:pointer;width:30px;height:30px;box-shadow:0 .5rem 1rem #00000026!important;border-radius:100%}.yi-attr-container[data-v-bfed0663]{height:100%;display:flex;flex-direction:column}.yi-style-options-box[data-v-bfed0663]{display:flex;white-space:nowrap;scroll-behavior:smooth}.yi-overflow-x-auto[data-v-bfed0663]{overflow-x:auto}.yi-style-img[data-v-bfed0663]{object-fit:contain}.yi-image-hover[data-v-bfed0663]:hover{transform:scale(1.1);transition:transform .3s ease;will-change:transform}.yi-style-options-left[data-v-bfed0663]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer}.yi-style-options-right[data-v-bfed0663]{position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer}.yi-style-options-image[data-v-bfed0663]{margin:0 1px;padding:.25rem;border:2px solid rgba(255,255,255,0)}.yi-style-title[data-v-bfed0663]{color:#606266;display:flex;align-items:center;font-weight:600}.yi-content-between[data-v-bfed0663]{justify-content:space-between}.yi-style-active[data-v-bfed0663]{border-color:var(--el-color-primary-light-5)!important}.yi-attr-item[data-v-bfed0663]{display:flex;justify-content:space-between;align-items:center;gap:5px}.yi-attr-item .yi-attr-item-input-web[data-v-bfed0663],.yi-attr-item .yi-attr-item-input-not-web[data-v-bfed0663]{width:70%;font-size:14px}.yi-upload-tip[data-v-bfed0663]{width:178px;color:#8c939d;font-size:14px;text-align:center;margin-bottom:0}.text-capitalize[data-v-bfed0663]{text-transform:capitalize}.yi-btn[data-v-bfed0663]{cursor:pointer;background-color:#f2f5f9;color:#000}.yi-btn[data-v-bfed0663]:hover{border:.0625rem solid #356bff;color:#356bff}.yi-btn-border[data-v-bfed0663]{border:.0625rem solid rgba(255,255,255,0)}.yi-btn-active[data-v-bfed0663]{border:.0625rem solid #356bff;color:#356bff}.yi-element-beauty-card-tabs{text-align:center}.yi-element-beauty-card-tabs>.el-tabs__header{background:var(--secondary);padding:4px;height:auto!important;border-radius:8px;border:none;margin:0}.yi-element-beauty-card-tabs>.el-tabs__header .el-tabs__nav-wrap{margin-bottom:0}.yi-element-beauty-card-tabs>.el-tabs__header .el-tabs__nav{border:none}.yi-element-beauty-card-tabs>.el-tabs__header .el-tabs__nav .el-tabs__item{padding:0 10px!important;border:none;color:var(--el-color-primary-light-5);font-weight:600;word-wrap:normal;white-space:normal;height:auto;min-height:20px}.yi-element-beauty-card-tabs>.el-tabs__header .el-tabs__nav .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--white);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.yi-avatar-uploader .el-upload{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast);width:100%;height:100%}.yi-avatar-uploader .el-upload:hover{border-color:var(--el-color-primary)}.el-icon.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;text-align:center}.yi-generate-image .image-slot{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px}