@uploadcare/blocks
Version:
Building blocks for Uploadcare products integration
2 lines (1 loc) • 21.2 kB
CSS
:where(.lr-wgt-cfg,.lr-wgt-common),:host{--cfg-pubkey: "YOUR_PUBLIC_KEY";--cfg-multiple: 1;--cfg-multiple-min: 0;--cfg-multiple-max: 0;--cfg-confirm-upload: 1;--cfg-img-only: 0;--cfg-accept: "";--cfg-store: unset;--cfg-camera-mirror: 1;--cfg-source-list: "local, url, camera, dropbox, gdrive, facebook";--cfg-max-local-file-size-bytes: 0;--cfg-thumb-size: 76;--cfg-show-empty-list: 0;--cfg-use-local-image-editor: 0;--cfg-use-cloud-image-editor: 1;--cfg-modal-scroll-lock: 1;--cfg-modal-backdrop-strokes: 0;--cfg-source-list-wrap: 1;--cfg-init-activity: "start-from";--cfg-done-activity: "";--cfg-data-output-console: 1;--cfg-data-output-fire-events: 1;--cfg-data-output-from: "*dataOutput";--cfg-data-output-form-value: 1;--cfg-remote-tab-session-key: "";--cfg-cdn-cname: "https://ucarecdn.com";--cfg-base-url: "https://upload.uploadcare.com";--cfg-secure-signature: "";--cfg-secure-expire: "";--cfg-secure-delivery-proxy: "";--cfg-retry-throttled-request-max-times: 1;--cfg-multipart-min-file-size: 26214400;--cfg-multipart-chunk-size: 5242880;--cfg-max-concurrent-requests: 4;--cfg-multipart-max-attempts: 3;--cfg-check-for-url-duplicates: 0;--cfg-save-url-for-recurrent-uploads: 0;--cfg-group-output: 0;--cfg-user-agent-integration: ""}:where(.lr-wgt-theme,.lr-wgt-common),:host{color:var(--clr-txt);font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:where(.lr-wgt-theme,.lr-wgt-common) *,:host *{box-sizing:border-box}:where(.lr-wgt-theme,.lr-wgt-common) [hidden],:host [hidden]{display:none}:where(.lr-wgt-theme,.lr-wgt-common) [activity]:not([active]),:host [activity]:not([active]){display:none}:where(.lr-wgt-theme,.lr-wgt-common) button,:host button{display:flex;align-items:center;justify-content:center;height:var(--ui-size);padding-right:1.4em;padding-left:1.4em;font-size:1em;font-family:inherit;white-space:nowrap;border:none;border-radius:var(--border-radius-element);cursor:pointer;user-select:none}@media only screen and (max-width: 800px){:where(.lr-wgt-theme,.lr-wgt-common) button,:host button{padding-right:1em;padding-left:1em}}:where(.lr-wgt-theme,.lr-wgt-common) button.primary-btn,:host button.primary-btn{color:var(--clr-btn-txt-primary);background-color:var(--clr-btn-bgr-primary);box-shadow:var(--shadow-btn-primary);transition:background-color var(--transition-duration)}:where(.lr-wgt-theme,.lr-wgt-common) button.primary-btn:hover,:host button.primary-btn:hover{background-color:var(--clr-btn-bgr-primary-hover)}:where(.lr-wgt-theme,.lr-wgt-common) button.primary-btn:active,:host button.primary-btn:active{background-color:var(--clr-btn-bgr-primary-active)}:where(.lr-wgt-theme,.lr-wgt-common) button.secondary-btn,:host button.secondary-btn{color:var(--clr-btn-txt-secondary);background-color:var(--clr-btn-bgr-secondary);box-shadow:var(--shadow-btn-secondary);transition:background-color var(--transition-duration)}:where(.lr-wgt-theme,.lr-wgt-common) button.secondary-btn:hover,:host button.secondary-btn:hover{background-color:var(--clr-btn-bgr-secondary-hover)}:where(.lr-wgt-theme,.lr-wgt-common) button.secondary-btn:active,:host button.secondary-btn:active{background-color:var(--clr-btn-bgr-secondary-active)}:where(.lr-wgt-theme,.lr-wgt-common) :is(button[disabled],button.primary-btn[disabled],button.secondary-btn[disabled]),:host :is(button[disabled],button.primary-btn[disabled],button.secondary-btn[disabled]){color:var(--clr-btn-txt-disabled);background-color:var(--clr-btn-bgr-disabled);box-shadow:var(--shadow-btn-disabled);pointer-events:none}:where(.lr-wgt-theme,.lr-wgt-common) a,:host a{color:var(--clr-accent);text-decoration:none}:where(.lr-wgt-theme,.lr-wgt-common) a[disabled],:host a[disabled]{pointer-events:none}:where(.lr-wgt-theme,.lr-wgt-common) input[type=text],:host input[type=text]{display:flex;width:100%;height:var(--ui-size);padding-right:.6em;padding-left:.6em;color:var(--clr-txt);font-size:var(--font-size-ui);font-family:inherit;background-color:var(--clr-background-light);border:var(--border-mid);border-radius:var(--border-radius-element);box-shadow:var(--inset-shadow);transition:var(--transition-duration)}:where(.lr-wgt-theme,.lr-wgt-common) input[type=text]:hover,:host input[type=text]:hover{border-color:var(--clr-accent-light)}:where(.lr-wgt-theme,.lr-wgt-common) input[type=text]:focus,:host input[type=text]:focus{border-color:var(--clr-accent);outline:none}:where(.lr-wgt-theme,.lr-wgt-common) input[disabled],:host input[disabled]{opacity:.6;pointer-events:none}:where(.lr-wgt-theme,.lr-wgt-common,::backdrop),:host{--darkmode: 0;--h-foreground: 208;--s-foreground: 4%;--l-foreground: calc(15% + 70% * var(--darkmode));--h-background: 208;--s-background: 4%;--l-background: calc(95% - 87% * var(--darkmode));--h-accent: 211;--s-accent: 100%;--l-accent: calc(50% - 5% * var(--darkmode));--h-confirm: 140;--s-confirm: 60%;--l-confirm: 60%;--h-error: 358;--s-error: 100%;--l-error: 66%;--shadows: 1;--h-shadow: 0;--s-shadow: 0%;--l-shadow: 0%;--opacity-normal: .5;--opacity-hover: .8;--opacity-active: 1;--ui-size: 36px;--gap-min: 2px;--gap-mid: 10px;--gap-max: 20px;--gap-table: 0px;--borders: 1;--border-radius-element: 7px;--border-radius-frame: 10px;--border-radius-thumb: 5px;--transition-duration: .2s;--modal-max-w: 800px;--modal-max-h: 600px;--modal-backdrop-background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggc3Ryb2tlPSJyZ2JhKDAsIDAsIDAsIC4xKSIgZD0iTTAgMTAgMTAgMCIvPgo8L3N2Zz4=);--darkmode-minus: calc(1 + var(--darkmode) * -2);--clr-background: hsl(var(--h-background), var(--s-background), var(--l-background));--clr-background-dark: hsl(var(--h-background), var(--s-background), calc(var(--l-background) - 3%));--clr-background-light: hsl(var(--h-background), var(--s-background), calc(var(--l-background) + 3%));--clr-generic-file-icon: hsl( var(--h-background), var(--s-background), calc(var(--l-background) + 4% * var(--darkmode-minus)) );--clr-accent: hsl(var(--h-accent), var(--s-accent), var(--l-accent));--clr-accent-light: hsla(var(--h-accent), var(--s-accent), var(--l-accent), 50%);--clr-accent-lightest: hsla(var(--h-accent), var(--s-accent), var(--l-accent), 10%);--clr-confirm: hsl(var(--h-confirm), var(--s-confirm), var(--l-confirm));--clr-error: hsl(var(--h-error), var(--s-error), var(--l-error));--clr-error-light: hsla(var(--h-error), var(--s-error), var(--l-error), 15%);--clr-error-lightest: hsla(var(--h-error), var(--s-error), var(--l-error), 5%);--clr-error-message-bgr: hsl(var(--h-error), var(--s-error), calc(var(--l-error) + 30% * var(--darkmode-minus)));--clr-txt: hsl(var(--h-foreground), var(--s-foreground), var(--l-foreground));--clr-txt-mid: hsl(var(--h-foreground), var(--s-foreground), calc(var(--l-foreground) + 15% * var(--darkmode-minus)));--clr-txt-light: hsl( var(--h-foreground), var(--s-foreground), calc(var(--l-foreground) + 30% * var(--darkmode-minus)) );--clr-txt-lightest: hsl( var(--h-foreground), var(--s-foreground), calc(var(--l-foreground) + 50% * var(--darkmode-minus)) );--clr-shade-lv1: hsla(var(--h-foreground), var(--s-foreground), var(--l-foreground), 5%);--clr-shade-lv2: hsla(var(--h-foreground), var(--s-foreground), var(--l-foreground), 8%);--clr-shade-lv3: hsla(var(--h-foreground), var(--s-foreground), var(--l-foreground), 12%);--border-light: 1px solid hsla( var(--h-foreground), var(--s-foreground), var(--l-foreground), calc((.1 - .05 * var(--darkmode)) * var(--borders)) );--border-mid: 1px solid hsla( var(--h-foreground), var(--s-foreground), var(--l-foreground), calc((.2 - .1 * var(--darkmode)) * var(--borders)) );--border-accent: 1px solid hsla(var(--h-accent), var(--s-accent), var(--l-accent), 1 * var(--borders));--border-dashed: 2px dashed hsla(var(--h-foreground), var(--s-foreground), var(--l-foreground), calc(.1 * var(--borders)));--clr-curtain: hsla(var(--h-background), var(--s-background), calc(var(--l-background) - 10%), 70%);--hsl-shadow: var(--h-shadow), var(--s-shadow), var(--l-shadow);--modal-shadow: 0px 0px 1px hsla(var(--hsl-shadow), calc((.35 + .65 * var(--darkmode)) * var(--shadows))), 0px 6px 40px hsla(var(--hsl-shadow), calc((.2 + .4 * var(--darkmode)) * var(--shadows)));--inset-shadow: inset 0px 2px 3px hsla(var(--hsl-shadow), calc(.09 + .1 * var(--darkmode)));--clr-btn-bgr-primary: var(--clr-accent);--clr-btn-bgr-primary-hover: hsl( var(--h-accent), var(--s-accent), calc(var(--l-accent) - 4% * var(--darkmode-minus)) );--clr-btn-bgr-primary-active: hsl( var(--h-accent), var(--s-accent), calc(var(--l-accent) - 8% * var(--darkmode-minus)) );--clr-btn-txt-primary: var(--clr-background-light);--shadow-btn-primary: 0px 1px 2px hsla(var(--hsl-shadow), calc(.26 * var(--shadows))), 0px 2px 8px hsla(var(--hsl-shadow), calc(.08 * var(--shadows))), inset 0px 0px 2px hsla(var(--hsl-shadow), calc(.2 * var(--shadows)));--clr-btn-bgr-secondary: hsl( var(--h-background), var(--s-background), calc(var(--l-background) + 3% + 3% * var(--darkmode)) );--clr-btn-bgr-secondary-hover: hsl( var(--h-background), var(--s-background), calc(var(--l-background) + 8% * var(--darkmode)) );--clr-btn-bgr-secondary-active: hsl( var(--h-background), var(--s-background), calc(var(--l-background) - 3% + 13% * var(--darkmode)) );--clr-btn-txt-secondary: var(--clr-txt);--shadow-btn-secondary: 0px 1px 1px hsla(var(--hsl-shadow), calc(.07 * var(--shadows))), 0px 2px 8px hsla(var(--hsl-shadow), calc(.06 * var(--shadows))), inset 0px 0px 1px hsla(var(--hsl-shadow), calc(.4 * var(--shadows)));--clr-btn-bgr-disabled: var(--clr-background);--clr-btn-txt-disabled: var(--clr-txt-lightest);--shadow-btn-disabled: inset 0px 0px 1px hsla(var(--hsl-shadow), calc(.4 * var(--shadows)))}@media only screen and (max-height: 600px){:where(.lr-wgt-theme,.lr-wgt-common),:host{--modal-max-h: 100%}}@media only screen and (max-width: 800px){:where(.lr-wgt-theme,.lr-wgt-common),:host{--modal-max-w: 100%;--modal-max-h: 100%}}lr-start-from{display:grid;grid-template-columns:min-content auto;gap:var(--gap-mid);padding:var(--gap-mid);overflow-y:auto}lr-drop-area{display:flex;align-items:center;justify-content:center;padding:var(--gap-min);border:var(--border-dashed);border-radius:var(--border-radius-frame);transition:border-color var(--transition-duration) ease,background-color var(--transition-duration) ease,opacity var(--transition-duration) ease}lr-drop-area:after{color:var(--clr-txt-light);content:var(--l10n-drop-files-here)}lr-drop-area[ghost][drag-state=inactive]{opacity:0}lr-drop-area[drag-state=inactive]{background-color:var(--clr-shade-lv1)}lr-drop-area[drag-state=active]{background-color:var(--clr-accent-lightest);opacity:1}lr-drop-area[drag-state=near]{opacity:1}lr-drop-area[drag-state=near],lr-drop-area:hover{background-color:var(--clr-accent-lightest);border-color:var(--clr-accent-light)}lr-drop-area[drag-state=over]{background-color:var(--clr-accent-lightest);border-color:var(--clr-accent);opacity:1}lr-upload-list{display:flex;flex-direction:column;max-height:var(--modal-max-content-height);overflow:hidden;background-color:var(--clr-background-light);transition:opacity var(--transition-duration)}lr-upload-list .no-files{height:var(--file-item-height);padding:var(--gap-max)}lr-upload-list .files{display:block;overflow:auto}lr-upload-list .toolbar{display:flex;gap:var(--gap-mid);justify-content:space-between;padding:var(--gap-mid);background-color:var(--clr-background);border-top:var(--border-light)}lr-upload-list .toolbar-spacer{flex:1}lr-file-item>.inner{position:relative;display:grid;grid-template-columns:min-content auto min-content min-content;padding:var(--gap-mid);background-color:transparent;border-bottom:var(--border-light);transition:var(--transition-duration)}lr-file-item:last-of-type>.inner{border-bottom:none}lr-file-item:hover>.inner{background-color:var(--clr-background)}lr-file-item>.inner[focused]{background-color:transparent}lr-file-item>.inner[uploading] .edit-btn{display:none}lr-file-item>.inner[failed]{background-color:var(--clr-error-lightest)}lr-file-item .thumb{position:relative;display:inline-flex;width:var(--ui-size);height:var(--ui-size);background-color:var(--clr-shade-lv1);background-position:center center;background-size:cover;border-radius:var(--border-radius-thumb)}lr-file-item .file-name-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:100%;padding-right:var(--gap-mid);padding-left:var(--gap-mid);overflow:hidden;color:var(--clr-txt)}lr-file-item .file-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}lr-file-item button{width:var(--ui-size);height:var(--ui-size);padding:0;color:var(--clr-txt-lightest);background-color:transparent;cursor:pointer;opacity:var(--opacity-normal);transition:opacity var(--transition-duration)}lr-file-item .upload-btn{display:none}lr-file-item button:hover{opacity:var(--opacity-hover)}lr-file-item .badge{position:absolute;top:calc(var(--ui-size) * -.15);right:calc(var(--ui-size) * -.15);display:none;width:calc(var(--ui-size) * .42);height:calc(var(--ui-size) * .42);color:var(--clr-background-light);background-color:var(--clr-txt);border-radius:50%}lr-file-item>.inner[failed] .badge,lr-file-item>.inner[finished] .badge{display:block}lr-file-item>.inner[finished] .badge{background-color:var(--clr-confirm)}lr-file-item>.inner[failed] .badge{background-color:var(--clr-error)}lr-file-item .badge lr-icon,lr-file-item .badge lr-icon svg{width:100%;height:100%}lr-file-item .progress-bar{top:calc(100% - 2px);height:2px}lr-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-size);height:var(--ui-size)}lr-icon svg{width:1.2em;height:1.2em}lr-icon:not([raw]) path{fill:currentColor}lr-progress-bar{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}lr-progress-bar .progress{width:calc(var(--l-width) * 1%);height:100%;background-color:var(--clr-accent-light);transform:translate(0);opacity:1;transition:width .6s,opacity .3s}lr-progress-bar .progress--unknown{width:100%;transform-origin:0% 50%;animation:lr-indeterminateAnimation 1s infinite linear}lr-progress-bar .progress--hidden{opacity:0}@keyframes lr-indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}lr-message-box{position:fixed;right:var(--gap-mid);bottom:var(--gap-mid);left:var(--gap-mid);z-index:100000;display:grid;grid-template-rows:min-content auto;color:var(--clr-txt);font-size:.9em;background:var(--clr-background);border-radius:var(--border-radius-frame);box-shadow:var(--modal-shadow);transition:calc(var(--transition-duration) * 2)}lr-message-box[inline]{position:static}lr-message-box:not([active]){transform:translateY(10px);visibility:hidden;opacity:0}lr-message-box[error]{color:var(--clr-error);background-color:var(--clr-error-message-bgr)}lr-message-box .heading{display:grid;grid-template-columns:min-content auto min-content;padding:var(--gap-mid)}lr-message-box .caption{display:flex;align-items:center;word-break:break-word}lr-message-box .heading button{width:var(--ui-size);padding:0;color:currentColor;background-color:transparent;opacity:var(--opacity-normal)}lr-message-box .heading button:hover{opacity:var(--opacity-hover)}lr-message-box .heading button:active{opacity:var(--opacity-active)}lr-message-box .msg{padding:var(--gap-max);padding-top:0;text-align:left}:where(.lr-wgt-icons,.lr-wgt-common),:host{--icon-close: "M17.6569 7.75734c.3905-.39053.3905-1.02369 0-1.41421-.3906-.39053-1.0237-.39053-1.4143 0L12 10.5858 7.75736 6.34313c-.39053-.39053-1.02369-.39053-1.41421 0-.39053.39052-.39053 1.02368 0 1.41421L10.5858 12l-4.24266 4.2426c-.39052.3905-.39052 1.0237 0 1.4142.39053.3906 1.02369.3906 1.41422 0L12 13.4142l4.2426 4.2426c.3906.3906 1.0237.3906 1.4143 0 .3905-.3905.3905-1.0237 0-1.4142L13.4142 12l4.2427-4.24266Z";--icon-info: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z";--icon-error: "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";--icon-remove: "m6.35673 9.71429c-.76333 0-1.35856.66121-1.27865 1.42031l1.01504 9.6429c.06888.6543.62067 1.1511 1.27865 1.1511h9.25643c.658 0 1.2098-.4968 1.2787-1.1511l1.015-9.6429c.0799-.7591-.5153-1.42031-1.2786-1.42031zm.50041-4.5v.32142h-2.57143c-.71008 0-1.28571.57564-1.28571 1.28572s.57563 1.28571 1.28571 1.28571h15.42859c.7101 0 1.2857-.57563 1.2857-1.28571s-.5756-1.28572-1.2857-1.28572h-2.5714v-.32142c0-1.77521-1.4391-3.21429-3.2143-3.21429h-3.8572c-1.77517 0-3.21426 1.43908-3.21426 3.21429zm7.07146-.64286c.355 0 .6428.28782.6428.64286v.32142h-5.14283v-.32142c0-.35504.28782-.64286.64283-.64286z";--icon-check: "m12 22c5.5228 0 10-4.4772 10-10 0-5.52285-4.4772-10-10-10-5.52285 0-10 4.47715-10 10 0 5.5228 4.47715 10 10 10zm4.7071-11.4929-5.9071 5.9071-3.50711-3.5071c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3906 1.02369-.3906 1.41422 0l2.09289 2.0929 4.4929-4.49294c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02374 0 1.41424z";--icon-remove-file: "m12 22c5.5228 0 10-4.4772 10-10 0-5.52285-4.4772-10-10-10-5.52285 0-10 4.47715-10 10 0 5.5228 4.47715 10 10 10zm3.7071-13.70711c.3905.39053.3905 1.02369 0 1.41422l-2.2929 2.29289 2.2929 2.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0l-2.2929-2.2929-2.29289 2.2929c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142l2.29291-2.2929-2.2929-2.29289c-.39053-.39053-.39053-1.02369 0-1.41422.39052-.39052 1.02369-.39052 1.41421 0l2.29289 2.29291 2.2929-2.29291c.3905-.39052 1.0237-.39052 1.4142 0z";--icon-trash-file: var(--icon-remove);--icon-upload-error: var(--icon-error);--icon-badge-success: "M10.5 18.2044L18.0992 10.0207C18.6629 9.41362 18.6277 8.46452 18.0207 7.90082C17.4136 7.33711 16.4645 7.37226 15.9008 7.97933L10.5 13.7956L8.0992 11.2101C7.53549 10.603 6.5864 10.5679 5.97933 11.1316C5.37226 11.6953 5.33711 12.6444 5.90082 13.2515L10.5 18.2044Z";--icon-badge-error: "m13.6 18.4c0 .8837-.7164 1.6-1.6 1.6-.8837 0-1.6-.7163-1.6-1.6s.7163-1.6 1.6-1.6c.8836 0 1.6.7163 1.6 1.6zm-1.6-13.9c.8284 0 1.5.67157 1.5 1.5v7c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-7c0-.82843.6716-1.5 1.5-1.5z";--icon-edit-file: "M3.96371 14.4792c-.15098.151-.25578.3419-.3021.5504L2.52752 20.133c-.17826.8021.53735 1.5177 1.33951 1.3395l5.10341-1.1341c.20844-.0463.39934-.1511.55032-.3021l8.05064-8.0507-5.557-5.55702-8.05069 8.05062ZM13.4286 5.01437l5.557 5.55703 2.0212-2.02111c.6576-.65765.6576-1.72393 0-2.38159l-3.1755-3.17546c-.6577-.65765-1.7239-.65765-2.3816 0l-2.0211 2.02113Z";--icon-upload: "m13 21.9506c5.0533-.5017 9-4.7653 9-9.9506 0-5.52285-4.4772-10-10-10-5.52285 0-10 4.47715-10 10 0 5.1853 3.94668 9.4489 9 9.9506v-11.5364l-2.79289 2.7929c-.39053.3906-1.02369.3906-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142l5.20711-5.20708 5.2071 5.20708c.3905.3905.3905 1.0237 0 1.4142-.3905.3906-1.0237.3906-1.4142 0l-2.7929-2.7929z"}:where(.lr-wgt-l10n_en-US,.lr-wgt-common),:host{--l10n-drop-files-here: "Drop file here";--l10n-upload-error: "Upload error";--l10n-validation-error: "Validation error";--l10n-no-files: "No files selected";--l10n-browse: "Browse";--l10n-not-uploaded-yet: "Not uploaded yet...";--l10n-file-name: "Name";--l10n-file-size: "Size";--l10n-cdn-url: "CDN URL";--l10n-file-size-unknown: "Unknown";--l10n-files-count-limit-error-title: "Files count limit overflow";--l10n-files-count-limit-error-too-few: "You\2019ve chosen {{total}}. At least {{min}} required.";--l10n-files-count-limit-error-too-many: "You\2019ve chosen too many files. {{max}} is maximum.";--l10n-files-max-size-limit-error: "File is too big. Max file size is {{maxFileSize}} bytes.";--l10n-has-validation-errors: "File validation error ocurred. Please, check your files before upload.";--l10n-images-only-accepted: "Only image files are accepted.";--l10n-file-type-not-allowed: "Uploading of these file types is not allowed."}:where(.lr-wgt-common),:host{--cfg-multiple: 0;--cfg-confirm-upload: 0;--cfg-init-activity: "start-from";--cfg-done-activity: "upload-list";position:relative;display:block}lr-start-from{display:block;width:100%;height:unset;padding:0;text-align:center}lr-drop-area{width:100%;height:calc(var(--ui-size) + var(--gap-mid) * 2 + var(--gap-min) * 4);padding:0;color:var(--clr-accent);line-height:140%;text-align:center;border-color:var(--clr-accent-lightest);border-style:solid;border-radius:var(--border-radius-frame);cursor:pointer}lr-drop-area[drag-state=inactive]{background-color:transparent}lr-drop-area:after{content:""}lr-upload-list{width:100%;height:unset;padding:var(--gap-min);background-color:transparent;border:var(--border-dashed);border-style:solid;border-radius:var(--border-radius-frame)}lr-upload-list .toolbar{display:none}lr-file-item{border-radius:var(--border-radius-element)}lr-file-item .edit-btn{display:none}lr-file-item lr-progress-bar{top:0;height:100%}lr-file-item lr-progress-bar .progress{background-color:var(--clr-accent-lightest);border-radius:var(--border-radius-element)}