.ui-upload-field{min-width:0;color:var(--ink);font-size:calc(var(--ds-fs-body) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-body) * var(--ds-typography-scale,1))}.ui-upload-field__head{margin-bottom:var(--ds-space-2);display:grid}.ui-upload-field__head .ui-field__label{font-weight:var(--ds-fw-medium)}.ui-upload-field__head .ui-field__label>b{margin-left:var(--ds-space-1);color:var(--danger);font-weight:var(--ds-fw-regular)}.ui-upload-field__head>small{color:var(--ink-2);font-size:calc(var(--ds-fs-caption) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-caption) * var(--ds-typography-scale,1));font-variant-numeric:tabular-nums}.ui-upload-field__head>small[data-error]{color:var(--danger)}:is(.ui-upload-zone,.ui-upload-files)~:is(.ui-upload-files,.ui-upload-photos){margin-top:var(--ds-space-5)}.ui-upload-zone{box-sizing:border-box;width:100%;padding:var(--ds-space-8) var(--ds-space-6);border:1px dashed var(--line);border-radius:var(--ds-r-xl);background:var(--surface-3);color:var(--ink);font:inherit;font-size:calc(1em * var(--ds-button-font-compensation,1));line-height:calc(1lh * var(--ds-button-font-compensation,1));text-align:center;cursor:pointer;flex-direction:column;align-items:center;display:flex}.ui-upload-zone:hover,.ui-upload-zone[data-over]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 4%, var(--surface))}.ui-upload-zone:focus-visible,.ui-upload-add:focus-visible,.ui-upload-photo__remove:focus-visible{outline:2px solid var(--primary-soft-line);outline-offset:0}.ui-upload-zone__icon{width:var(--ds-h-xl);height:var(--ds-h-xl);margin-bottom:var(--ds-space-3);background:var(--surface);color:var(--primary);font-size:var(--ds-icon-l);border-radius:50%;place-items:center;display:grid}.ui-upload-zone strong{font-size:calc(var(--ds-fs-title-s) * var(--ds-typography-scale,1));font-weight:var(--ds-fw-bold);line-height:calc(var(--ds-lh-title-s) * var(--ds-typography-scale,1))}.ui-upload-zone strong>span{margin-left:var(--ds-space-1);color:var(--primary)}.ui-upload-zone small{margin-top:var(--ds-space-1);color:var(--ink-2);font-size:calc(var(--ds-fs-caption) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-caption) * var(--ds-typography-scale,1))}.ui-upload-files{gap:var(--ds-space-2);margin:0;padding:0;list-style:none;display:grid}.ui-upload-file{align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-3) var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-r-l);background:var(--surface-2);display:flex}.ui-upload-file[data-status=error]{background:var(--tone-danger)}.ui-upload-file__icon{width:var(--ds-icon-disc);height:var(--ds-icon-disc);border-radius:var(--ds-r-m);background:var(--surface);font-size:var(--ds-icon-m);flex:none;place-items:center;margin-top:2px;display:grid}.ui-upload-file[data-status=uploading] .ui-upload-file__icon{color:var(--primary)}.ui-upload-file[data-status=error] .ui-upload-file__icon{color:var(--danger)}.ui-upload-file[data-status=done] .ui-upload-file__icon{color:var(--success)}.ui-upload-file[data-status=picked] .ui-upload-file__icon{color:var(--ink-2)}.ui-upload-file__body{min-width:0;color:var(--ink);font-size:calc(var(--ds-fs-body) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-body) * var(--ds-typography-scale,1));flex:1;display:grid}.ui-upload-file__body>small{color:var(--ink-2);font-size:calc(var(--ds-fs-caption) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-caption) * var(--ds-typography-scale,1));font-variant-numeric:tabular-nums}.ui-upload-file__body>small>[data-status=uploading]{color:var(--primary)}.ui-upload-file__body>small>[data-status=error]{color:var(--danger)}.ui-upload-file__body>small>[data-status=done]{color:var(--success)}.ui-upload-file__body>.ui-progress-bar{margin-top:var(--ds-space-2)}.ui-upload-file__actions{height:var(--ds-h-xl);flex:none;align-items:center;display:flex}.ui-upload-photos{align-items:flex-start;gap:var(--ds-space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ui-upload-photo{width:96px}.ui-upload-photo>small{margin-top:var(--ds-space-1);color:var(--ink-2);font-size:calc(var(--ds-fs-caption) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-caption) * var(--ds-typography-scale,1));display:block}.ui-upload-photo__frame{border-radius:var(--ds-r-xl);background:var(--surface-3);width:96px;height:96px;position:relative;overflow:hidden}.ui-upload-photo__frame>img{--ds-button-fill-max:calc(100% * var(--ds-button-scale,1));object-fit:cover;width:100%;height:100%;display:block}.ui-upload-mask{justify-content:center;gap:var(--ds-space-1);padding:0 var(--ds-space-3);background:color-mix(in srgb, var(--surface) 64%, transparent);color:var(--ink);font-size:calc(var(--ds-fs-small) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-small) * var(--ds-typography-scale,1));text-align:center;font-variant-numeric:tabular-nums;flex-direction:column;display:flex;position:absolute;inset:0}.ui-upload-mask>b{font-weight:var(--ds-fw-bold)}.ui-upload-photo__frame[data-status=error]{background:var(--tone-danger)}.ui-upload-photo__failed{justify-content:center;align-items:center;gap:var(--ds-space-1);color:var(--danger);font-size:calc(var(--ds-fs-caption) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-caption) * var(--ds-typography-scale,1));flex-direction:column;display:flex;position:absolute;inset:0}.ui-upload-photo__failed>svg{font-size:var(--ds-icon-l)}.ui-upload-photo__remove{top:var(--ds-space-1);right:var(--ds-space-1);background:color-mix(in srgb, var(--ink) 64%, transparent);width:20px;height:20px;color:var(--surface);font-size:calc(var(--ds-icon-xs) * var(--ds-typography-scale,1));cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.ui-upload-add{justify-content:center;align-items:center;gap:var(--ds-space-1);box-sizing:border-box;border:1px dashed var(--line);border-radius:var(--ds-r-xl);background:var(--surface-3);width:96px;height:96px;color:var(--ink-2);font:inherit;font-size:calc(1em * var(--ds-button-font-compensation,1));line-height:calc(1lh * var(--ds-button-font-compensation,1));font-size:calc(var(--ds-fs-caption) * var(--ds-typography-scale,1));line-height:calc(var(--ds-lh-caption) * var(--ds-typography-scale,1));cursor:pointer;flex-direction:column;padding:0;display:flex}.ui-upload-add>svg{font-size:var(--ds-icon-m)}.ui-upload-add:hover,.ui-upload-add[data-over]{border-color:var(--primary);color:var(--primary)}.ui-upload-add[data-on-page]{background:var(--surface);box-shadow:var(--ds-shadow-1)}@media (hover:none){.ui-upload-zone:hover:not([data-over]){border-color:var(--line);background:var(--surface-3)}.ui-upload-add:hover:not([data-over]){border-color:var(--line);color:var(--ink-2)}}:is([data-device=tablet],[data-device=phone]) .ui-upload-photo__remove:after{content:"";top:calc(-1 * var(--ds-space-1));right:calc(-1 * var(--ds-space-1));width:var(--ds-h-touch);height:var(--ds-h-touch);position:absolute}:is([data-device=tablet],[data-device=phone]) .ui-upload-photo__retry.ui-btn.arco-btn{position:relative;overflow:visible}[data-device=tablet] .ui-upload-photo__retry.ui-btn.arco-btn{font-size:calc(var(--ds-fs-body) * var(--ds-typography-scale,1))}[data-device=phone] .ui-upload-photo__retry.ui-btn.arco-btn{font-size:calc(var(--ds-fs-small) * var(--ds-typography-scale,1))}:is([data-device=tablet],[data-device=phone]) .ui-upload-photo__retry.ui-btn.arco-btn:after{content:"";inset:calc((var(--ds-h-touch) - var(--ds-h-s)) / -2) 0;position:absolute}:is([data-device=tablet],[data-device=phone]) .ui-upload-file__actions{gap:var(--ds-space-2)}:is([data-device=tablet],[data-device=phone]) .ui-upload-file__actions .ui-btn.arco-btn{position:relative;overflow:visible}:is([data-device=tablet],[data-device=phone]) .ui-upload-file__actions .ui-btn.arco-btn:after{content:"";inset:calc((var(--ds-h-touch) - var(--ds-h-s)) / -2) 0;position:absolute}:is([data-device=tablet],[data-device=phone]) .ui-upload-file__actions .ui-btn.arco-btn-icon-only:after{inset:calc((var(--ds-h-touch) - var(--ds-h-s)) / -2)}[data-device=phone] .ui-upload-file__body>.ui-btn.arco-btn{margin-top:var(--ds-space-2);justify-self:start;position:relative;overflow:visible}[data-device=phone] .ui-upload-file__body>.ui-btn.arco-btn:after{content:"";inset:calc((var(--ds-h-touch) - var(--ds-h-s)) / -2) 0;position:absolute}[data-device=phone] .ui-upload-zone strong>span{margin-left:0}[data-device=phone] .ui-upload-photos{gap:var(--ds-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}[data-device=phone] .ui-upload-photo{width:auto;min-width:0}[data-device=phone] :is(.ui-upload-photo__frame,.ui-upload-photos .ui-upload-add){aspect-ratio:1;width:100%;height:auto}[data-device=phone] .ui-upload-add>svg{font-size:var(--ds-icon-touch)}[data-device=phone] .ui-upload-mask{font-size:calc(13px * var(--ds-typography-scale,1));line-height:calc(20px * var(--ds-typography-scale,1))}:is(.ui-upload-zone,.ui-upload-add):disabled{cursor:not-allowed;background:var(--surface-2);border-color:var(--line);color:var(--ink-3)}.ui-upload-zone:disabled :is(.ui-upload-zone__icon,strong>span,small){color:var(--ink-3)}