.app-upload-field[data-v-89589051]{align-items:stretch;gap:var(--space-8);width:100%;color:var(--color-text-01);font-family:var(--typography-body2-regular-font-family);flex-direction:column;display:flex}.app-upload-field.has-preview[data-v-89589051]{align-items:flex-start;gap:var(--space-12)}.app-upload-field__label[data-v-89589051]{align-items:center;gap:var(--space-4);color:var(--color-text-01);font-family:var(--typography-body2-semibold-font-family);font-size:var(--typography-body2-semibold-font-size);font-weight:var(--typography-body2-semibold-font-weight);line-height:var(--typography-body2-semibold-line-height);letter-spacing:var(--typography-letter-spacing-default);display:flex}.app-upload-field__error[data-v-89589051],.app-upload-field__required[data-v-89589051]{color:var(--color-state-error)}.app-upload-field__zone[data-v-89589051]{border:1px solid var(--color-line-02);border-radius:var(--radius-10);background:var(--color-background-01);cursor:pointer;justify-content:center;align-items:center;width:100%;height:7.5rem;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex;overflow:clip}.app-upload-field__preview[data-v-89589051]{border-radius:.5rem;flex:none;width:11.25rem;height:7.5rem;position:relative;overflow:hidden}.app-upload-field__preview-image[data-v-89589051]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.app-upload-field__preview-overlay[data-v-89589051]{background:var(--color-mask-01);opacity:0;transition:opacity .12s;position:absolute;inset:0}.app-upload-field__preview:focus-within .app-upload-field__preview-overlay[data-v-89589051],.app-upload-field__preview:hover .app-upload-field__preview-overlay[data-v-89589051]{opacity:1}.app-upload-field__remove[data-v-89589051]{top:var(--space-8);right:var(--space-8);width:var(--space-20);height:var(--space-20);border-radius:var(--radius-999);background:var(--color-oncontent-01);color:var(--color-text-01);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute}.app-upload-field__remove[data-v-89589051]:focus-visible{outline:2px solid var(--color-fill-01);outline-offset:2px}.app-upload-field__remove[data-v-89589051]:disabled{cursor:not-allowed;opacity:.5}.app-upload-field__input[data-v-89589051]{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-upload-field.is-dragging .app-upload-field__zone[data-v-89589051],.app-upload-field__zone[data-v-89589051]:hover{background:var(--color-block-01)}.app-upload-field__zone[data-v-89589051]:active{background:var(--color-block-02)}.app-upload-field__zone[data-v-89589051]:focus-within{border-color:var(--color-fill-01);box-shadow:0 0 0 3px var(--color-line-02)}.app-upload-field__content[data-v-89589051]{justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;max-width:calc(100% - 2rem);display:flex;overflow:hidden}.app-upload-field__drag-action[data-v-89589051]{pointer-events:none;color:var(--color-text-01);font-family:var(--typography-body3-regular-font-family);font-size:var(--typography-body3-regular-font-size);font-weight:var(--typography-body3-regular-font-weight);line-height:var(--typography-body3-regular-line-height);letter-spacing:var(--typography-body3-regular-letter-spacing)}.app-upload-field__action[data-v-89589051]{max-width:100%;color:var(--color-text-01);font-family:var(--typography-body2-medium-font-family);font-size:var(--typography-body2-medium-font-size);font-weight:var(--typography-body2-medium-font-weight);line-height:var(--typography-body2-medium-line-height);letter-spacing:var(--typography-letter-spacing-default);white-space:nowrap;justify-content:center;align-items:center;gap:.375rem;display:flex;overflow:hidden}.app-upload-field__add-icon[data-v-89589051]{flex:none;width:1.125rem;height:1.125rem;margin-inline:-.1875rem}.app-upload-field__action span[data-v-89589051]{text-overflow:ellipsis;overflow:hidden}.app-upload-field__error[data-v-89589051],.app-upload-field__helper[data-v-89589051]{font-family:var(--typography-body4-regular-font-family);font-size:var(--typography-body4-regular-font-size);font-weight:var(--typography-body4-regular-font-weight);line-height:var(--typography-body4-regular-line-height);letter-spacing:var(--typography-letter-spacing-default)}.app-upload-field__helper[data-v-89589051]{color:var(--color-text-03)}.app-upload-field__error[data-v-89589051]{width:100%;margin:0}.app-upload-field__spinner[data-v-89589051]{width:var(--space-20);height:var(--space-20);place-items:center;display:grid}.app-upload-field__spinner svg[data-v-89589051]{width:var(--space-20);height:var(--space-20);animation:.8s linear infinite app-upload-field-spin-89589051}.app-upload-field.is-invalid .app-upload-field__zone[data-v-89589051]{border-color:var(--color-state-error)}.app-upload-field.is-disabled .app-upload-field__action[data-v-89589051],.app-upload-field.is-disabled .app-upload-field__helper[data-v-89589051],.app-upload-field.is-disabled .app-upload-field__label[data-v-89589051]{color:var(--color-text-05)}.app-upload-field.is-disabled .app-upload-field__action img[data-v-89589051]{opacity:.3}.app-upload-field.is-disabled .app-upload-field__zone[data-v-89589051],.app-upload-field.is-loading .app-upload-field__zone[data-v-89589051]{border-color:var(--color-line-03);background:var(--color-background-03);cursor:not-allowed}@keyframes app-upload-field-spin-89589051{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.app-upload-field__preview-overlay[data-v-89589051],.app-upload-field__zone[data-v-89589051]{transition:none}.app-upload-field__spinner img[data-v-89589051]{animation-duration:1.6s}}@media (hover:none){.app-upload-field__preview-overlay[data-v-89589051]{opacity:1}}
