.quick-photo-upload[data-v-bff3e804],.quick-photo-upload__uploader[data-v-bff3e804]{width:100%}.quick-photo-upload__uploader[data-v-bff3e804] .el-upload{display:block;width:100%}.quick-photo-upload__uploader[data-v-bff3e804] .el-upload-dragger{background:transparent;border:none;padding:0}.quick-photo-upload__uploader[data-v-bff3e804] .el-upload-dragger:hover{background:transparent}.quick-photo-upload__panel[data-v-bff3e804]{background:#ddeaf80f;border-radius:16px;box-sizing:border-box;cursor:pointer;height:280px;padding:12px;width:100%}.quick-photo-upload__dropzone[data-v-bff3e804]{align-items:center;border:1.5px dashed hsla(0,0%,100%,.12);border-radius:12px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:background .15s ease;width:100%}.quick-photo-upload__dropzone[data-v-bff3e804]:hover{background:#ddeaf80a}.quick-photo-upload__panel--loading .quick-photo-upload__dropzone[data-v-bff3e804]{box-sizing:border-box;flex-direction:column;gap:8px;padding:0 28px}.quick-photo-upload__progress[data-v-bff3e804]{max-width:408px;width:100%}.quick-photo-upload__progress-text[data-v-bff3e804]{color:#ffffffd1;font-size:13px}.quick-photo-upload__preview[data-v-bff3e804]{height:100%;width:100%}.quick-photo-upload__preview[data-v-bff3e804] .el-image__inner{height:100%;-o-object-position:var(--quick-photo-preview-position,center center);object-position:var(--quick-photo-preview-position,center center);width:100%}.quick-photo-upload__mask[data-v-bff3e804]{background:#00000080;border-radius:12px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.quick-photo-upload__dropzone:focus-within .quick-photo-upload__mask[data-v-bff3e804],.quick-photo-upload__dropzone:hover .quick-photo-upload__mask[data-v-bff3e804]{opacity:1;pointer-events:auto}.quick-photo-upload__action[data-v-bff3e804]{background:transparent;border:0;cursor:pointer;height:24px;padding:0;position:absolute;top:8px;transition:opacity .15s ease;width:24px}.quick-photo-upload__action[data-v-bff3e804]:focus-visible,.quick-photo-upload__action[data-v-bff3e804]:hover{opacity:.95}.quick-photo-upload__action--crop[data-v-bff3e804]{right:40px}.quick-photo-upload__action--replace[data-v-bff3e804]{right:8px}@media(hover:none),(pointer:coarse){.quick-photo-upload__mask[data-v-bff3e804]{background:transparent;opacity:1;pointer-events:auto}}.quick-photo-upload__content[data-v-bff3e804]{align-items:center;display:flex;flex-direction:column;gap:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - .5px));width:min(100%,522px)}.quick-photo-upload__hero[data-v-bff3e804]{height:80px;overflow:visible;position:relative;width:156px}.quick-photo-upload__hero-card[data-v-bff3e804]{background-position:50%;background-size:cover;border-radius:12px;height:62px;position:absolute;top:8px;width:62px}.quick-photo-upload__hero-card--left[data-v-bff3e804]{left:0;transform:rotate(-9.8deg)}.quick-photo-upload__hero-card--center[data-v-bff3e804]{border-radius:12px;height:78px;left:39px;top:1px;width:78px;z-index:2}.quick-photo-upload__hero-card--right[data-v-bff3e804]{left:82px;transform:rotate(9.53deg)}.quick-photo-upload__copy[data-v-bff3e804]{align-items:center;display:flex;flex-direction:column;gap:6px;white-space:nowrap;width:min(408px,100%)}.quick-photo-upload__title[data-v-bff3e804]{color:#fffffffa;font-size:14px;font-weight:500;line-height:normal;margin:0}.quick-photo-upload__desc[data-v-bff3e804]{color:#fff3;font-size:12px;font-weight:400;line-height:normal;margin:0;text-align:center}.quick-photo-upload__quick[data-v-bff3e804]{flex-direction:column}.quick-photo-upload__quick[data-v-bff3e804],.quick-photo-upload__quick-title[data-v-bff3e804]{align-items:center;display:flex;gap:12px;width:100%}.quick-photo-upload__quick-line[data-v-bff3e804]{background:#ffffff1f;flex:1;height:1px}.quick-photo-upload__quick-text[data-v-bff3e804]{color:#ffffff5c;font-size:12px;font-weight:400;line-height:normal;white-space:nowrap}.quick-photo-upload__quick-list[data-v-bff3e804]{align-items:center;display:flex;gap:10px}.quick-photo-upload__example[data-v-bff3e804],.quick-photo-upload__refresh[data-v-bff3e804]{align-items:center;background:#ddeaf80f;border:none;border-radius:10.182px;cursor:pointer;display:flex;height:48px;justify-content:center;outline:none;overflow:hidden;position:relative;transition:background .15s ease,opacity .15s ease;width:48px}.quick-photo-upload__example[data-v-bff3e804]:focus-visible,.quick-photo-upload__example[data-v-bff3e804]:hover,.quick-photo-upload__refresh[data-v-bff3e804]:focus-visible,.quick-photo-upload__refresh[data-v-bff3e804]:hover{background:#ddeaf81f}.quick-photo-upload__example[data-v-bff3e804] .el-image__inner,.quick-photo-upload__example[data-v-bff3e804] .quick-photo-upload__example-image{height:100%;width:100%}.quick-photo-upload__example[data-v-bff3e804]:focus-visible:after,.quick-photo-upload__example[data-v-bff3e804]:hover:after{background:#ffffff1a;content:"";inset:0;position:absolute}.quick-photo-upload__image-skeleton[data-v-bff3e804]{height:100%;width:100%}.quick-photo-upload__image-skeleton-item[data-v-bff3e804]{background:#ddeaf814;height:100%!important;width:100%!important}