.cl-beui-upload{flex-direction:column;gap:12px;width:100%;display:flex}.cl-beui-upload__input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cl-beui-upload__dropzone{border:1px dashed var(--es-field-border,var(--es-border));background:var(--es-bg);width:100%;min-height:224px;color:var(--es-text);font:inherit;text-align:center;cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;transition:border-color .2s ease-out,transform .2s ease-out;display:flex;position:relative}.cl-beui-upload__dropzone:active:not(:disabled){transform:scale(.99)}.cl-beui-upload__dropzone:focus-visible{outline:2px solid var(--es-focus);outline-offset:2px}.cl-beui-upload__dropzone[data-dragging]{border-color:var(--es-heading)}.cl-beui-upload__dropzone:disabled{opacity:.55;cursor:default}.cl-beui-upload[data-invalid] .cl-beui-upload__dropzone{border-color:var(--es-error-text)}@media (hover:hover) and (pointer:fine){.cl-beui-upload:not([data-invalid]) .cl-beui-upload__dropzone:not(:disabled):not([data-dragging]):hover{border-color:color-mix(in srgb,var(--es-heading) 40%,transparent)}.cl-beui-upload__dropzone:not(:disabled):not([data-dragging]):hover .cl-beui-upload__browse{background:var(--es-subtle)}}.cl-beui-upload__tile{border:1px solid var(--es-border);background:var(--es-subtle);width:64px;height:64px;color:var(--es-heading);border-radius:22px;place-items:center;display:grid}.cl-beui-upload__tile svg{width:28px;height:28px}.cl-beui-upload__copy{flex-direction:column;gap:4px;max-width:20rem;display:flex}.cl-beui-upload__title{color:var(--es-heading);font:600 16px/24px var(--es-font);text-wrap:balance}.cl-beui-upload__description{color:var(--es-secondary);font:400 13px/20px var(--es-font)}.cl-beui-upload__browse{border:1px solid var(--es-border);color:var(--es-heading);font:500 13px/16px var(--es-font);border-radius:999px;margin-top:4px;padding:8px 16px;transition:background-color .15s ease-out}.cl-beui-upload__error{color:var(--es-error-text);font:400 13px/20px var(--es-font);margin:0}.cl-beui-upload__queue{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cl-beui-upload__queue:empty{display:none}.cl-beui-upload__item{border:1px solid var(--es-border);background:var(--es-bg);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.cl-beui-upload__item-tile{background:var(--es-subtle);width:44px;height:44px;color:var(--es-secondary);border-radius:12px;flex:none;place-items:center;display:grid}.cl-beui-upload__item-tile svg{width:20px;height:20px}.cl-beui-upload__item-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cl-beui-upload__name{color:var(--es-heading);font:500 14px/20px var(--es-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-beui-upload__meta{color:var(--es-secondary);font:400 12px/16px var(--es-font)}.cl-beui-upload__actions{flex:none;align-items:center;gap:4px;display:flex}.cl-beui-upload__status{width:24px;height:24px;color:var(--es-secondary);place-items:center;display:grid}.cl-beui-upload__status svg{width:16px;height:16px}.cl-beui-upload__status[data-status=uploading]{color:var(--es-heading)}.cl-beui-upload__status[data-status=success]{color:var(--es-success)}.cl-beui-upload__status[data-status=error]{color:var(--es-error-text)}.cl-beui-upload__spin{animation:1s linear infinite cl-beui-upload-spin}@keyframes cl-beui-upload-spin{to{rotate:360deg}}.cl-beui-upload__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cl-beui-upload__action{width:28px;height:28px;color:var(--es-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:background-color .15s,color .15s,scale .15s;display:grid;position:relative}.cl-beui-upload__action svg{width:14px;height:14px}.cl-beui-upload__action:after{content:"";position:absolute;inset:-6px}.cl-beui-upload__action:active:not(:disabled){scale:.95}.cl-beui-upload__action:focus-visible{outline:2px solid var(--es-focus);outline-offset:1px}@media (hover:hover){.cl-beui-upload__action:hover{background:var(--es-subtle);color:var(--es-heading)}}@media (prefers-reduced-motion:reduce){.cl-beui-upload__dropzone,.cl-beui-upload__browse,.cl-beui-upload__action{transition:none}.cl-beui-upload__spin{animation:none}.cl-beui-upload__dropzone:active:not(:disabled){transform:none}}