@layer variables,component,overrides;@layer variables{:host{display:block;position:relative;box-sizing:border-box;color:var(--dz-text-color-1);font-family:var(--dz-font-family, var(--base-font-family, inherit));font-size:calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-accent-color: var(--base-accent-color, light-dark(#3b82f6, #60a5fa));--dz-accent-color-hover: var(--base-accent-color-hover, light-dark(#2563eb, #3b82f6));--dz-accent-color-active: var(--base-accent-color-active, light-dark(#1d4ed8, #2563eb));--dz-accent-color-light: var(--base-accent-color-light, color-mix(in srgb, var(--dz-accent-color) 15%, transparent));--dz-accent-color-light-hover: color-mix(in srgb, var(--dz-accent-color) 22%, transparent);--dz-text-color-1: var(--base-text-color-1, light-dark(#111827, #f3f4f6));--dz-text-color-2: var(--base-text-color-2, light-dark(#353b47, #d4d4d4));--dz-text-color-3: var(--base-text-color-3, light-dark(#6b7280, #a3a3a3));--dz-text-color-4: light-dark(#a0a3a9, #6b7280);--dz-text-on-accent: var(--base-text-color-on-accent, #ffffff);--dz-background: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--dz-primary-bg: var(--base-elevated-bg, light-dark(#f3f4f6, #2b2b2b));--dz-primary-bg-hover: var(--base-hover-bg, color-mix(in srgb, var(--dz-text-color-1) 8%, var(--dz-background)));--dz-border-color: var(--base-border-color, light-dark(#e5e7eb, #3d3d3d));--dz-success-color: var(--base-success-color, light-dark(#10b981, #34d399));--dz-error-color: var(--base-danger-color, light-dark(#ef4444, #f87c86));--dz-warning-color: var(--base-warning-color, light-dark(#f59e0b, #fbbf24));--dz-accent-bg: color-mix(in srgb, var(--dz-accent-color) 10%, transparent);--dz-error-bg: color-mix(in srgb, var(--dz-error-color) 10%, transparent);--dz-warning-bg: color-mix(in srgb, var(--dz-warning-color) 10%, transparent);--dz-success-bg: color-mix(in srgb, var(--dz-success-color) 10%, transparent);--dz-surface-color: var(--dz-background);--dz-hover-bg: var(--dz-primary-bg);--dz-dropzone-border: 2px dashed var(--dz-border-color);--dz-dropzone-border-active: 2px solid var(--dz-accent-color);--dz-dropzone-border-radius: calc(var(--base-border-radius-lg, .8) * var(--dz-rem, 10px));--dz-dropzone-bg: var(--dz-background);--dz-dropzone-bg-hover: var(--dz-primary-bg);--dz-dropzone-bg-active: color-mix(in srgb, var(--dz-accent-color) 5%, transparent);--dz-dropzone-padding: calc(3.2 * var(--dz-rem, 10px));--dz-dropzone-min-height: calc(12 * var(--dz-rem, 10px));--dz-dropzone-icon-size: calc(4 * var(--dz-rem, 10px));--dz-dropzone-icon-color: var(--dz-text-color-3);--dz-dropzone-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-dropzone-text-color: var(--dz-text-color-1);--dz-dropzone-hint-font-size: calc(var(--base-font-size-xs, 1.2) * var(--dz-rem, 10px));--dz-dropzone-hint-color: var(--dz-text-color-3);--dz-dropzone-card-minimal-min-height: calc(5 * var(--dz-rem, 10px));--dz-dropzone-card-minimal-padding: calc(1 * var(--dz-rem, 10px)) calc(1.4 * var(--dz-rem, 10px));--dz-dropzone-card-minimal-icon-size: calc(2 * var(--dz-rem, 10px));--dz-dropzone-card-minimal-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-dropzone-card-big-min-height: calc(20 * var(--dz-rem, 10px));--dz-dropzone-card-big-padding: calc(4 * var(--dz-rem, 10px));--dz-dropzone-card-big-icon-size: calc(6 * var(--dz-rem, 10px));--dz-dropzone-card-big-text-font-size: calc(1.8 * var(--dz-rem, 10px));--dz-button-padding: calc(.8 * var(--dz-rem, 10px)) calc(1.6 * var(--dz-rem, 10px));--dz-button-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-button-badge-border-radius: var(--dz-border-radius-sm);--dz-minimal-size: calc(3.6 * var(--dz-rem, 10px));--dz-minimal-icon-size: calc(2 * var(--dz-rem, 10px));--dz-rolling-animation-duration: .35s;--dz-rolling-queue-offset: calc(.4 * var(--dz-rem, 10px));--dz-rolling-queue-padding: calc(.3 * var(--dz-rem, 10px)) calc(.6 * var(--dz-rem, 10px));--dz-rolling-queue-bg: var(--dz-primary-bg);--dz-rolling-queue-bg-hover: var(--dz-primary-bg-hover);--dz-rolling-queue-color: var(--dz-text-color-2);--dz-rolling-queue-color-hover: var(--dz-accent-color);--dz-rolling-queue-border: 1px solid var(--dz-border-color);--dz-rolling-queue-border-radius: var(--dz-border-radius-sm);--dz-rolling-queue-font-size: calc(var(--base-font-size-xs, 1.2) * var(--dz-rem, 10px));--dz-rolling-queue-count-bg: var(--dz-accent-color);--dz-rolling-queue-count-color: var(--dz-text-on-accent);--dz-badges-gap: calc(.6 * var(--dz-rem, 10px));--dz-badge-height: calc(2.7 * var(--dz-rem, 10px));--dz-badge-border-radius: var(--dz-dropzone-border-radius);--dz-badge-max-width: calc(28 * var(--dz-rem, 10px));--dz-badge-font-size: calc(var(--base-font-size-xs, 1.2) * var(--dz-rem, 10px));--dz-badge-font-weight: var(--base-font-weight-semibold, 600);--dz-badge-icon-size: calc(1.4 * var(--dz-rem, 10px));--dz-badge-icon-font-size: calc(1.2 * var(--dz-rem, 10px));--dz-badge-icon-bg: transparent;--dz-badge-icon-border-radius: calc(.3 * var(--dz-rem, 10px));--dz-badge-text-padding: 0 calc(.8 * var(--dz-rem, 10px));--dz-badge-text-bg: var(--dz-accent-color-light);--dz-badge-text-color: var(--dz-accent-color);--dz-badge-text-border: 1px solid transparent;--dz-badge-text-bg-hover: var(--dz-accent-color-light-hover);--dz-badge-text-color-hover: var(--dz-badge-text-color);--dz-badge-action-size: calc(1.8 * var(--dz-rem, 10px));--dz-badge-status-icon-size: calc(1.4 * var(--dz-rem, 10px));--dz-badge-remove-width: calc(2.7 * var(--dz-rem, 10px));--dz-badge-remove-bg: var(--dz-accent-color);--dz-badge-remove-color: var(--dz-text-on-accent);--dz-badge-remove-border: 1px solid transparent;--dz-badge-remove-bg-hover: var(--dz-accent-color-hover);--dz-badge-remove-color-hover: var(--dz-badge-remove-color);--dz-badge-remove-icon-size: calc(1 * var(--dz-rem, 10px));--dz-badge-remove-box-shadow-focus: 0 0 0 2px color-mix(in srgb, var(--dz-accent-color) 50%, transparent);--dz-icon-remove: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' d='M2.5 2.5 L9.5 9.5 M9.5 2.5 L2.5 9.5'/></svg>");--dz-file-list-gap: calc(.8 * var(--dz-rem, 10px));--dz-file-list-margin-top: calc(1.2 * var(--dz-rem, 10px));--dz-show-more-padding: calc(.6 * var(--dz-rem, 10px)) calc(1.2 * var(--dz-rem, 10px));--dz-show-more-margin-top: calc(.4 * var(--dz-rem, 10px));--dz-show-more-font-size: var(--dz-font-size-xs);--dz-show-more-font-weight: var(--base-font-weight-semibold, 600);--dz-show-more-color: var(--dz-accent-color);--dz-show-more-bg: transparent;--dz-show-more-bg-hover: color-mix(in srgb, var(--dz-accent-color) 10%, transparent);--dz-show-more-border: 1px dashed var(--dz-border-color);--dz-show-more-border-radius: var(--dz-border-radius-md);--dz-badge-more-bg: var(--dz-primary-bg);--dz-badge-more-color: var(--dz-text-color-2);--dz-badge-more-bg-hover: var(--dz-primary-bg-hover);--dz-item-padding: calc(.8 * var(--dz-rem, 10px)) calc(1.2 * var(--dz-rem, 10px));--dz-item-border: 1px solid var(--dz-border-color);--dz-item-border-radius: calc(var(--base-border-radius-sm, .4) * var(--dz-rem, 10px));--dz-item-bg: var(--dz-background);--dz-item-bg-hover: var(--dz-primary-bg);--dz-item-icon-size: calc(3.2 * var(--dz-rem, 10px));--dz-item-icon-font-size: calc(2 * var(--dz-rem, 10px));--dz-item-icon-bg: color-mix(in srgb, var(--dz-accent-color) 10%, transparent);--dz-item-icon-color: var(--dz-accent-color);--dz-item-name-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-item-name-font-weight: var(--base-font-weight-semibold, 600);--dz-item-name-color: var(--dz-text-color-1);--dz-item-meta-font-size: calc(var(--base-font-size-xs, 1.2) * var(--dz-rem, 10px));--dz-item-meta-color: var(--dz-text-color-3);--dz-item-progress-width: calc(10 * var(--dz-rem, 10px));--dz-item-progress-text-width: calc(3.6 * var(--dz-rem, 10px));--dz-item-status-width: calc(2 * var(--dz-rem, 10px));--dz-status-icon-size: calc(1.6 * var(--dz-rem, 10px));--dz-status-spin-duration: 1s;--dz-item-remove-size: calc(2.4 * var(--dz-rem, 10px));--dz-item-remove-bg: transparent;--dz-item-remove-bg-hover: color-mix(in srgb, var(--dz-error-color) 10%, transparent);--dz-item-remove-color: var(--dz-text-color-3);--dz-item-remove-color-hover: var(--dz-error-color);--dz-item-remove-icon-size: calc(1.2 * var(--dz-rem, 10px));--dz-item-action-size: calc(2.4 * var(--dz-rem, 10px));--dz-item-action-bg: transparent;--dz-item-action-bg-hover: color-mix(in srgb, var(--dz-accent-color) 10%, transparent);--dz-item-action-color: var(--dz-text-color-3);--dz-item-action-color-hover: var(--dz-accent-color);--dz-item-action-icon-size: calc(1.4 * var(--dz-rem, 10px));--dz-preview-grid-columns: repeat(auto-fill, minmax(calc(12 * var(--dz-rem, 10px)), 1fr));--dz-preview-grid-gap: calc(1.2 * var(--dz-rem, 10px));--dz-preview-item-aspect-ratio: 1;--dz-preview-item-border: 1px solid var(--dz-border-color);--dz-preview-item-border-radius: calc(var(--base-border-radius-md, .6) * var(--dz-rem, 10px));--dz-preview-item-bg: var(--dz-primary-bg);--dz-preview-overlay-bg: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);--dz-preview-overlay-padding: calc(.8 * var(--dz-rem, 10px));--dz-preview-overlay-color: #ffffff;--dz-preview-overlay-font-size: calc(var(--base-font-size-xs, 1.2) * var(--dz-rem, 10px));--dz-preview-remove-size: calc(2.4 * var(--dz-rem, 10px));--dz-preview-remove-bg: rgba(0, 0, 0, .5);--dz-preview-remove-bg-hover: var(--dz-error-color);--dz-preview-remove-color: #ffffff;--dz-preview-remove-icon-size: calc(1 * var(--dz-rem, 10px));--dz-preview-remove-offset: calc(.6 * var(--dz-rem, 10px));--dz-preview-scrim-bg: rgba(0, 0, 0, .72);--dz-preview-action-button-size: calc(4.4 * var(--dz-rem, 10px));--dz-preview-action-icon-size: calc(2.2 * var(--dz-rem, 10px));--dz-preview-action-gap: calc(1.2 * var(--dz-rem, 10px));--dz-preview-action-bg-hover: rgba(255, 255, 255, .15);--dz-preview-action-button-border-radius: var(--dz-preview-item-border-radius);--dz-summary-padding: calc(.8 * var(--dz-rem, 10px)) calc(1.2 * var(--dz-rem, 10px));--dz-summary-bg: transparent;--dz-summary-bg-hover: var(--dz-primary-bg);--dz-summary-border-radius: calc(var(--base-border-radius-sm, .4) * var(--dz-rem, 10px));--dz-summary-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-summary-color: var(--dz-text-color-1);--dz-popover-width: calc(48 * var(--dz-rem, 10px));--dz-popover-max-width: 90vw;--dz-popover-max-height: calc(40 * var(--dz-rem, 10px));--dz-popover-min-width: calc(28 * var(--dz-rem, 10px));--dz-popover-min-height: calc(14 * var(--dz-rem, 10px));--dz-popover-resize: both;--dz-popover-bg: var(--dz-background);--dz-popover-border: 1px solid var(--dz-border-color);--dz-popover-border-radius: calc(var(--base-border-radius-lg, .8) * var(--dz-rem, 10px));--dz-popover-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dz-popover-z-index: 10000;--dz-popover-header-padding: calc(1 * var(--dz-rem, 10px)) calc(1.2 * var(--dz-rem, 10px));--dz-popover-header-bg: color-mix(in srgb, var(--dz-accent-color) 5%, transparent);--dz-popover-header-border-bottom: 1px solid var(--dz-border-color);--dz-popover-header-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-popover-header-font-weight: var(--base-font-weight-semibold, 600);--dz-popover-header-color: var(--dz-text-color-1);--dz-popover-header-gap: calc(.8 * var(--dz-rem, 10px));--dz-popover-limits-padding: 0 calc(1.2 * var(--dz-rem, 10px)) calc(.8 * var(--dz-rem, 10px));--dz-popover-limits-font-size: var(--dz-font-size-xs);--dz-popover-limits-color: var(--dz-text-color-3);--dz-popover-limits-line-height: 1.35;--dz-popover-action-padding: calc(.4 * var(--dz-rem, 10px)) calc(.8 * var(--dz-rem, 10px));--dz-popover-action-font-size: var(--dz-font-size-xs);--dz-popover-action-font-weight: 500;--dz-popover-action-color: var(--dz-accent-color);--dz-popover-action-bg-hover: color-mix(in srgb, var(--dz-accent-color) 10%, transparent);--dz-popover-action-border-radius: var(--dz-border-radius-sm);--dz-popover-actions-gap: calc(.4 * var(--dz-rem, 10px));--dz-popover-body-padding: calc(.4 * var(--dz-rem, 10px));--dz-popover-footer-padding: calc(.8 * var(--dz-rem, 10px)) calc(1.2 * var(--dz-rem, 10px));--dz-popover-footer-bg: var(--dz-popover-bg);--dz-popover-footer-border-top: 1px solid var(--dz-border-color);--dz-popover-footer-font-size: var(--dz-font-size-xs);--dz-popover-footer-color: var(--dz-text-color-3);--dz-popover-table-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-popover-cell-padding: calc(.6 * var(--dz-rem, 10px)) calc(.8 * var(--dz-rem, 10px));--dz-popover-row-hover-bg: var(--dz-primary-bg);--dz-popover-icon-size: calc(2.4 * var(--dz-rem, 10px));--dz-popover-icon-font-size: calc(1.6 * var(--dz-rem, 10px));--dz-popover-icon-bg: transparent;--dz-popover-icon-border-radius: calc(.3 * var(--dz-rem, 10px));--dz-popover-remove-size: calc(2 * var(--dz-rem, 10px));--dz-popover-remove-icon-size: calc(1 * var(--dz-rem, 10px));--dz-popover-remove-bg: transparent;--dz-popover-remove-bg-hover: color-mix(in srgb, var(--dz-error-color) 10%, transparent);--dz-popover-remove-color: var(--dz-text-color-3);--dz-popover-remove-color-hover: var(--dz-error-color);--dz-progress-height: calc(.6 * var(--dz-rem, 10px));--dz-progress-bg: color-mix(in srgb, var(--dz-accent-color) 20%, transparent);--dz-progress-fill-bg: var(--dz-accent-color);--dz-progress-border-radius: calc(.3 * var(--dz-rem, 10px));--dz-progress-transition: width .3s ease;--dz-overall-progress-gap: calc(.4 * var(--dz-rem, 10px));--dz-overall-progress-padding: calc(.6 * var(--dz-rem, 10px)) 0;--dz-overall-progress-bar-height: calc(.6 * var(--dz-rem, 10px));--dz-overall-progress-stats-font-size: var(--dz-font-size-xs);--dz-overall-progress-stats-color: var(--dz-text-color-3);--dz-overall-progress-percent-color: var(--dz-text-color-1);--dz-overall-progress-percent-font-weight: 500;--dz-overall-progress-percent-min-width: calc(3.6 * var(--dz-rem, 10px));--dz-overall-progress-action-padding: calc(.2 * var(--dz-rem, 10px)) calc(.8 * var(--dz-rem, 10px));--dz-overall-progress-action-font-size: var(--dz-font-size-xs);--dz-overall-progress-action-font-weight: 500;--dz-overall-progress-action-color: var(--dz-accent-color);--dz-overall-progress-action-border-radius: var(--dz-border-radius-sm);--dz-overall-progress-action-bg-hover: color-mix(in srgb, var(--dz-accent-color) 10%, transparent);--dz-empty-padding: calc(1.6 * var(--dz-rem, 10px));--dz-empty-font-size: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-empty-color: var(--dz-text-color-3);--dz-font-size-xs: calc(var(--base-font-size-xs, 1.2) * var(--dz-rem, 10px));--dz-font-size-sm: calc(var(--base-font-size-sm, 1.4) * var(--dz-rem, 10px));--dz-font-size-base: calc(var(--base-font-size-base, 1.6) * var(--dz-rem, 10px));--dz-font-size-lg: calc(1.8 * var(--dz-rem, 10px));--dz-font-weight-normal: var(--base-font-weight-normal, 400);--dz-font-weight-medium: 500;--dz-font-weight-semibold: var(--base-font-weight-semibold, 600);--dz-line-height-tight: 1.25;--dz-line-height-normal: var(--base-line-height-normal, 1.5);--dz-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--dz-rem, 10px));--dz-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--dz-rem, 10px));--dz-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--dz-rem, 10px));--dz-transition-fast: .15s;--dz-transition-normal: .2s;--dz-easing-snappy: cubic-bezier(.4, 0, .2, 1);--dz-disabled-opacity: .5;--dz-overlay-bg: color-mix(in srgb, var(--dz-accent-color) 92%, transparent);--dz-overlay-border: 3px dashed var(--dz-text-on-accent);--dz-overlay-border-radius: var(--dz-dropzone-border-radius);--dz-overlay-color: var(--dz-text-on-accent);--dz-overlay-icon-size: calc(4.8 * var(--dz-rem, 10px));--dz-overlay-text-font-size: calc(1.8 * var(--dz-rem, 10px));--dz-overlay-text-font-weight: 500;--dz-overlay-gap: calc(1.2 * var(--dz-rem, 10px));--dz-overlay-z-index: 9999}}@layer component{web-dropzone:not(:defined){display:block;min-height:var(--dz-dropzone-min-height, 120px);color:transparent!important;background:transparent}.dz__host{position:relative;width:100%}.dz__container{display:flex;flex-direction:column;width:100%}.dz__container--compact{flex-direction:row;align-items:center;gap:calc(1.2 * var(--dz-rem, 10px))}.dz__container--compact .dz__dropzone{flex:1}.dz__host *,.dz__host *:before,.dz__host *:after{box-sizing:border-box}:where(.dz__host button){font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;background:none;cursor:pointer}:where(.dz__host button):focus{outline:none}:where(.dz__host button):focus-visible{outline:2px solid var(--dz-accent-color);outline-offset:2px}}@layer component;@layer component;@layer component{.dz__dropzone--disabled{opacity:var(--dz-disabled-opacity);cursor:not-allowed;pointer-events:none}.dz__dropzone--disabled .dz__dropzone__content{opacity:var(--dz-disabled-opacity)}:host([disabled]) .dz__dropzone{opacity:var(--dz-disabled-opacity);cursor:not-allowed;pointer-events:none}.dz__file-item--uploading{position:relative}.dz__file-item--complete{border-color:var(--dz-success-color)}.dz__file-item--error{border-color:var(--dz-error-color)}.dz__dropzone--card:focus-within{outline:2px solid var(--dz-accent-color);outline-offset:2px}.dz__summary__line:focus-visible{outline:2px solid var(--dz-accent-color);outline-offset:2px}}@layer component{@keyframes dz-overlay-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}}@layer component{.dz__dropzone{position:relative;cursor:pointer}.dz__dropzone--card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--dz-dropzone-min-height);padding:var(--dz-dropzone-padding);border:var(--dz-dropzone-border);border-radius:var(--dz-dropzone-border-radius);background:var(--dz-dropzone-bg);transition:border-color var(--dz-transition-fast) var(--dz-easing-snappy),background-color var(--dz-transition-fast) var(--dz-easing-snappy);text-align:center}.dz__dropzone--card:hover:not(.dz__dropzone--disabled){border-color:var(--dz-accent-color);background:var(--dz-dropzone-bg-hover)}.dz__dropzone--card.dz__dropzone--active{border:var(--dz-dropzone-border-active);background:var(--dz-dropzone-bg-active)}.dz__dropzone__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dz__dropzone__content{display:flex;flex-direction:column;align-items:center;gap:calc(.8 * var(--dz-rem, 10px));pointer-events:none}.dz__dropzone__icon{font-size:var(--dz-dropzone-icon-size);line-height:1;color:var(--dz-dropzone-icon-color)}.dz__dropzone__text{font-size:var(--dz-dropzone-text-font-size);color:var(--dz-dropzone-text-color);line-height:var(--dz-line-height-normal)}.dz__dropzone__text strong{font-weight:var(--dz-font-weight-semibold)}.dz__dropzone__hint{font-size:var(--dz-dropzone-hint-font-size);color:var(--dz-dropzone-hint-color);line-height:var(--dz-line-height-tight)}.dz__dropzone--card-minimal{min-height:var(--dz-dropzone-card-minimal-min-height);padding:var(--dz-dropzone-card-minimal-padding)}.dz__dropzone--card-minimal .dz__dropzone__content{flex-direction:row;flex-wrap:wrap;gap:calc(.6 * var(--dz-rem, 10px)) calc(1 * var(--dz-rem, 10px));justify-content:center}.dz__dropzone--card-minimal .dz__dropzone__icon{font-size:var(--dz-dropzone-card-minimal-icon-size)}.dz__dropzone--card-minimal .dz__dropzone__text{font-size:var(--dz-dropzone-card-minimal-text-font-size)}.dz__dropzone--card-big{min-height:var(--dz-dropzone-card-big-min-height);padding:var(--dz-dropzone-card-big-padding)}.dz__dropzone--card-big .dz__dropzone__content{gap:calc(1.2 * var(--dz-rem, 10px))}.dz__dropzone--card-big .dz__dropzone__icon{font-size:var(--dz-dropzone-card-big-icon-size)}.dz__dropzone--card-big .dz__dropzone__text{font-size:var(--dz-dropzone-card-big-text-font-size);font-weight:var(--dz-font-weight-semibold)}.dz__card__action{pointer-events:auto;display:inline-flex;align-items:center;padding:calc(.7 * var(--dz-rem, 10px)) calc(1.6 * var(--dz-rem, 10px));background:var(--dz-accent-color);color:var(--dz-text-on-accent);border-radius:var(--dz-border-radius-md);font-size:var(--dz-font-size-sm);font-weight:var(--dz-font-weight-medium);border:none;cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__card__action:hover{background:var(--dz-accent-color-hover)}.dz__dropzone--button{display:inline-block;align-self:start;cursor:default}.dz__button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--dz-button-padding);background:var(--dz-accent-color);color:var(--dz-text-on-accent);border:none;border-radius:var(--dz-border-radius-md);font-size:var(--dz-button-font-size);font-weight:var(--dz-font-weight-medium);font-family:inherit;cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__button:hover:not(:disabled){background:var(--dz-accent-color-hover)}.dz__button:disabled{opacity:var(--dz-disabled-opacity);cursor:not-allowed}.dz__button__badge{position:absolute;top:calc(-.4 * var(--dz-rem, 10px));right:calc(-.4 * var(--dz-rem, 10px));min-width:calc(1.8 * var(--dz-rem, 10px));height:calc(1.8 * var(--dz-rem, 10px));padding:0 calc(.4 * var(--dz-rem, 10px));background:var(--dz-accent-color-active);color:var(--dz-text-on-accent);border:2px solid var(--dz-background);border-radius:var(--dz-button-badge-border-radius);font-size:calc(1.1 * var(--dz-rem, 10px));font-weight:var(--dz-font-weight-semibold);line-height:1;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__button__badge[data-status=uploading]{background:var(--dz-accent-color)}.dz__button__badge[data-status=paused]{background:var(--dz-warning-color)}.dz__button__badge[data-status=error]{background:var(--dz-error-color)}.dz__button__badge[data-status=complete]{background:var(--dz-success-color)}.dz__dropzone--minimal{display:inline-block;align-self:start;cursor:default}.dz__minimal{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--dz-minimal-size);height:var(--dz-minimal-size);padding:0;background:transparent;border:1px solid var(--dz-border-color);border-radius:var(--dz-border-radius-md);color:var(--dz-text-color-2);cursor:pointer;font-family:inherit;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__minimal:hover:not(:disabled){background:var(--dz-primary-bg-hover);border-color:var(--dz-accent-color)}.dz__minimal:disabled{opacity:var(--dz-disabled-opacity);cursor:not-allowed}.dz__minimal__icon{font-size:var(--dz-minimal-icon-size);line-height:1}.dz__minimal__badge{position:absolute;top:calc(-.4 * var(--dz-rem, 10px));right:calc(-.4 * var(--dz-rem, 10px));min-width:calc(1.8 * var(--dz-rem, 10px));height:calc(1.8 * var(--dz-rem, 10px));padding:0 calc(.4 * var(--dz-rem, 10px));background:var(--dz-accent-color);color:var(--dz-text-on-accent);border:2px solid var(--dz-background);border-radius:999px;font-size:calc(1.1 * var(--dz-rem, 10px));font-weight:var(--dz-font-weight-semibold);display:inline-flex;align-items:center;justify-content:center}.dz__dropzone--native{display:inline-flex;align-items:center;gap:calc(.8 * var(--dz-rem, 10px));max-width:100%;align-self:start;cursor:default}.dz__native__button{display:inline-flex;align-items:center;padding:calc(.4 * var(--dz-rem, 10px)) calc(1 * var(--dz-rem, 10px));background:var(--dz-primary-bg);color:var(--dz-text-color-1);border:1px solid var(--dz-border-color);border-radius:var(--dz-border-radius-sm);font-family:inherit;font-size:var(--dz-font-size-sm);cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy),border-color var(--dz-transition-fast) var(--dz-easing-snappy);flex-shrink:0}.dz__native__button:hover:not(:disabled){background:var(--dz-primary-bg-hover);border-color:var(--dz-accent-color)}.dz__native__button:disabled{opacity:var(--dz-disabled-opacity);cursor:not-allowed}.dz__native__label{font-size:var(--dz-font-size-sm);color:var(--dz-text-color-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.dz__dropzone--files-inside{min-height:var(--dz-dropzone-min-height);padding-bottom:calc(1.6 * var(--dz-rem, 10px))}.dz__dropzone--files-inside.dz__dropzone--has-files .dz__dropzone__content{margin-bottom:calc(1.2 * var(--dz-rem, 10px))}.dz__files-inside{display:flex;flex-wrap:wrap;gap:calc(.8 * var(--dz-rem, 10px));justify-content:center;width:100%;max-width:100%;pointer-events:auto}.dz__files-inside:empty{display:none}.dz__files-inside--list{flex-direction:column;align-items:center;max-width:calc(40 * var(--dz-rem, 10px))}.dz__files-inside--list .dz__file-item--list{width:100%;background:var(--dz-background);border:1px solid var(--dz-border-color);border-radius:var(--dz-item-border-radius);padding:calc(.6 * var(--dz-rem, 10px)) calc(1 * var(--dz-rem, 10px))}.dz__files-inside--detailed{flex-direction:column;align-items:stretch;max-width:calc(40 * var(--dz-rem, 10px))}.dz__files-inside--detailed .dz__file-item--detailed{background:var(--dz-background);border:1px solid var(--dz-border-color);border-radius:var(--dz-item-border-radius);padding:calc(.8 * var(--dz-rem, 10px))}.dz__files-inside--grid{justify-content:center}.dz__files-inside--grid .dz__preview-item{width:var(--dz-preview-item-size);height:var(--dz-preview-item-size)}}@layer component{.dz__file-item--list{display:flex;align-items:center;gap:calc(.8 * var(--dz-rem, 10px));padding:var(--dz-item-padding);border:var(--dz-item-border);border-radius:var(--dz-item-border-radius);background:var(--dz-item-bg);transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__file-item--list:hover{background:var(--dz-item-bg-hover)}.dz__file-item--list .dz__file-item__name{flex:1;min-width:0;font-size:var(--dz-item-name-font-size);color:var(--dz-item-name-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz__file-item__progress{flex:0 0 auto;display:flex;align-items:center;gap:calc(.4 * var(--dz-rem, 10px));width:var(--dz-item-progress-width)}.dz__file-item__progress-bar{flex:1;height:var(--dz-progress-height);background:var(--dz-progress-bg);border-radius:var(--dz-progress-border-radius);overflow:hidden}.dz__file-item__progress-fill{height:100%;background:var(--dz-progress-fill-bg);border-radius:var(--dz-progress-border-radius);transition:width .2s ease-out}.dz__file-item[data-status=complete] .dz__file-item__progress-fill{background:var(--dz-success-color)}.dz__file-item[data-status=paused] .dz__file-item__progress-fill{background:var(--dz-warning-color)}.dz__file-item[data-status=cancelled] .dz__file-item__progress-fill{background:var(--dz-text-color-3)}.dz__file-item[data-status=error] .dz__file-item__progress-fill{background:var(--dz-error-color)}.dz__file-item[data-status=error] .dz__file-item__progress-bar{background:color-mix(in srgb,var(--dz-error-color) 18%,transparent)}.dz__file-item__progress-text{flex:0 0 auto;min-width:var(--dz-item-progress-text-width);text-align:right;font-size:var(--dz-font-size-xs);color:var(--dz-text-color-3);font-variant-numeric:tabular-nums}.dz__file-item__status{flex:0 0 auto;width:var(--dz-item-status-width);display:inline-flex;align-items:center;justify-content:center;color:var(--dz-text-color-3)}.dz__file-item__status>svg{width:var(--dz-status-icon-size);height:var(--dz-status-icon-size);display:block}.dz__file-item__status--pending{color:var(--dz-text-color-3)}.dz__file-item__status--uploading{color:var(--dz-accent-color)}.dz__file-item__status--complete{color:var(--dz-success-color)}.dz__file-item__status--error{color:var(--dz-error-color)}.dz__file-item__status--paused{color:var(--dz-warning-color)}.dz__file-item__status--cancelled{color:var(--dz-text-color-3)}.dz__file-item__status--uploading>svg{animation:dz-status-spin var(--dz-status-spin-duration) linear infinite}@keyframes dz-status-spin{to{transform:rotate(360deg)}}.dz__container--manual-upload [data-status=pending] .dz__file-item__status,.dz__container--manual-upload [data-status=pending] .dz__preview-item__status,.dz__container--manual-upload [data-status=pending] .dz__badge-status,.dz__popover--manual-upload [data-status=pending] .dz__popover__status{visibility:hidden}.dz__file-item--detailed .dz__file-item__progress{width:100%}.dz__file-item--detailed{display:flex;align-items:center;gap:calc(1.2 * var(--dz-rem, 10px));padding:var(--dz-item-padding);border:var(--dz-item-border);border-radius:var(--dz-item-border-radius);background:var(--dz-item-bg);transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__file-item--detailed:hover{background:var(--dz-item-bg-hover)}.dz__file-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--dz-item-icon-size);height:var(--dz-item-icon-size);border-radius:var(--dz-border-radius-sm);background:var(--dz-item-icon-bg);font-size:var(--dz-item-icon-font-size);color:var(--dz-item-icon-color);overflow:hidden}.dz__file-item__icon img{width:100%;height:100%;object-fit:cover}.dz__file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(.2 * var(--dz-rem, 10px))}.dz__file-item--detailed .dz__file-item__name{font-size:var(--dz-item-name-font-size);font-weight:var(--dz-item-name-font-weight);color:var(--dz-item-name-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz__file-item__meta{display:flex;gap:calc(.8 * var(--dz-rem, 10px));font-size:var(--dz-item-meta-font-size);color:var(--dz-item-meta-color)}.dz__file-item__size,.dz__file-item__type{white-space:nowrap}.dz__file-item__remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--dz-item-remove-size);height:var(--dz-item-remove-size);border-radius:var(--dz-border-radius-sm);background:var(--dz-item-remove-bg);color:var(--dz-item-remove-color);transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy),color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__file-item__remove:before{content:"";display:block;width:var(--dz-item-remove-icon-size);height:var(--dz-item-remove-icon-size);background-color:currentColor;-webkit-mask:var(--dz-icon-remove) center / contain no-repeat;mask:var(--dz-icon-remove) center / contain no-repeat}.dz__file-item__remove:hover{background:var(--dz-item-remove-bg-hover);color:var(--dz-item-remove-color-hover)}.dz__file-item__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--dz-item-action-size);height:var(--dz-item-action-size);border-radius:var(--dz-border-radius-sm);background:var(--dz-item-action-bg);color:var(--dz-item-action-color);transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy),color var(--dz-transition-fast) var(--dz-easing-snappy);cursor:pointer}.dz__file-item__action>svg{width:var(--dz-item-action-icon-size);height:var(--dz-item-action-icon-size);display:block}.dz__file-item__action:hover{background:var(--dz-item-action-bg-hover);color:var(--dz-item-action-color-hover)}.dz__badge{display:inline-flex;align-items:center;height:var(--dz-badge-height);font-size:var(--dz-badge-font-size);font-weight:var(--dz-badge-font-weight);line-height:1;border-radius:var(--dz-badge-border-radius);overflow:hidden;max-width:var(--dz-badge-max-width)}.dz__badge-text{display:inline-flex;align-items:center;gap:calc(.4 * var(--dz-rem, 10px));box-sizing:border-box;height:100%;padding:var(--dz-badge-text-padding);background:var(--dz-badge-text-bg);color:var(--dz-badge-text-color);border:var(--dz-badge-text-border);border-right:none;border-radius:var(--dz-badge-border-radius) 0 0 var(--dz-badge-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy),color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__badge:hover .dz__badge-text{background:var(--dz-badge-text-bg-hover);color:var(--dz-badge-text-color-hover)}.dz__badge-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--dz-badge-icon-size);height:var(--dz-badge-icon-size);flex-shrink:0;font-size:var(--dz-badge-icon-font-size);line-height:1;background:var(--dz-badge-icon-bg);border-radius:var(--dz-badge-icon-border-radius);overflow:hidden}.dz__badge-icon img{width:100%;height:100%;object-fit:cover}.dz__badge-icon:empty{display:none}.dz__badge-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dz__badge-action{display:inline-flex;align-items:center;justify-content:center;width:var(--dz-badge-action-size);height:var(--dz-badge-action-size);flex-shrink:0;background:transparent;color:inherit;border:none;padding:0;border-radius:var(--dz-border-radius-sm);cursor:pointer;font:inherit;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__badge-action>svg{width:var(--dz-badge-status-icon-size);height:var(--dz-badge-status-icon-size);display:block}.dz__badge-action:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.dz__badge-status{display:inline-flex;align-items:center;justify-content:center;width:var(--dz-badge-status-icon-size);height:var(--dz-badge-status-icon-size);flex-shrink:0}.dz__badge-status>svg{width:var(--dz-badge-status-icon-size);height:var(--dz-badge-status-icon-size);display:block}.dz__badge-status--pending{color:var(--dz-text-color-3)}.dz__badge-status--uploading{color:var(--dz-accent-color)}.dz__badge-status--complete{color:var(--dz-success-color)}.dz__badge-status--error{color:var(--dz-error-color)}.dz__badge-status--paused{color:var(--dz-warning-color)}.dz__badge-status--cancelled{color:var(--dz-text-color-3)}.dz__badge-status--uploading>svg{animation:dz-status-spin var(--dz-status-spin-duration) linear infinite}.dz__badge-remove{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;width:var(--dz-badge-remove-width);height:100%;flex-shrink:0;background:var(--dz-badge-remove-bg);color:var(--dz-badge-remove-color);border:var(--dz-badge-remove-border);border-left:none;border-radius:0 var(--dz-badge-border-radius) var(--dz-badge-border-radius) 0;cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__badge-remove:hover{background:var(--dz-badge-remove-bg-hover);color:var(--dz-badge-remove-color-hover)}.dz__badge-remove:focus{outline:none}.dz__badge-remove:focus-visible{outline:none;box-shadow:var(--dz-badge-remove-box-shadow-focus)}.dz__badge-remove:before{content:"";display:block;width:var(--dz-badge-remove-icon-size);height:var(--dz-badge-remove-icon-size);background-color:currentColor;-webkit-mask:var(--dz-icon-remove) center / contain no-repeat;mask:var(--dz-icon-remove) center / contain no-repeat}.dz__badge--complete .dz__badge-text{border-color:var(--dz-success-color)}.dz__badge--error .dz__badge-text{border-color:var(--dz-error-color);color:var(--dz-error-color)}.dz__badge--uploading .dz__badge-text{border-color:var(--dz-accent-color)}.dz__badge--paused .dz__badge-text{border-color:var(--dz-warning-color);color:var(--dz-warning-color)}.dz__badge--cancelled .dz__badge-text{border-color:var(--dz-text-color-3);color:var(--dz-text-color-3)}.dz__file-item__remove--hidden,.dz__badge-remove--hidden,.dz__file-item__action--hidden{visibility:hidden;pointer-events:none}.dz__badge-action--hidden{display:none}.dz__badge--more{justify-content:center;padding:var(--dz-badge-text-padding);background:var(--dz-badge-more-bg);color:var(--dz-badge-more-color);cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__badge--more:hover{background:var(--dz-badge-more-bg-hover)}.dz__preview-item{position:relative;aspect-ratio:var(--dz-preview-item-aspect-ratio);border:var(--dz-preview-item-border);border-radius:var(--dz-preview-item-border-radius);background:var(--dz-preview-item-bg);overflow:hidden}.dz__preview-item__image{width:100%;height:100%;object-fit:cover}.dz__preview-item__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(3.2 * var(--dz-rem, 10px));color:var(--dz-text-color-3)}.dz__preview-item__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dz-preview-scrim-bg);opacity:0;pointer-events:none;transition:opacity var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__preview-item:hover .dz__preview-item__scrim{opacity:1}.dz__preview-item__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--dz-preview-overlay-padding);background:var(--dz-preview-overlay-bg);color:var(--dz-preview-overlay-color);font-size:var(--dz-preview-overlay-font-size);opacity:0;transition:opacity var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__preview-item:hover .dz__preview-item__overlay{opacity:1}.dz__preview-item__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz__preview-item__hover-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--dz-preview-action-gap);opacity:0;pointer-events:none;transition:opacity var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__preview-item:hover .dz__preview-item__hover-actions{opacity:1;pointer-events:auto}.dz__preview-item__action,.dz__preview-item__remove{display:flex;align-items:center;justify-content:center;width:var(--dz-preview-action-button-size);height:var(--dz-preview-action-button-size);border-radius:var(--dz-preview-action-button-border-radius);background:transparent;color:var(--dz-preview-remove-color);cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__preview-item__remove--hidden,.dz__preview-item__action--hidden{display:none}.dz__preview-item__action>svg{width:var(--dz-preview-action-icon-size);height:var(--dz-preview-action-icon-size);display:block}.dz__preview-item__remove:before{content:"";display:block;width:var(--dz-preview-action-icon-size);height:var(--dz-preview-action-icon-size);background-color:currentColor;-webkit-mask:var(--dz-icon-remove) center / contain no-repeat;mask:var(--dz-icon-remove) center / contain no-repeat}.dz__preview-item__action:hover{background:var(--dz-accent-color)}.dz__preview-item__remove:hover{background:var(--dz-preview-remove-bg-hover)}.dz__preview-item__status{position:absolute;top:var(--dz-preview-remove-offset);left:var(--dz-preview-remove-offset);display:inline-flex;align-items:center;justify-content:center;color:var(--dz-text-color-3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.dz__preview-item__status>svg{width:var(--dz-status-icon-size);height:var(--dz-status-icon-size);display:block}.dz__preview-item__status--pending{opacity:0}.dz__preview-item__status--uploading{color:var(--dz-accent-color)}.dz__preview-item__status--complete{color:var(--dz-success-color)}.dz__preview-item__status--error{color:var(--dz-error-color)}.dz__preview-item__status--paused{color:var(--dz-warning-color)}.dz__preview-item__status--cancelled{color:var(--dz-text-color-3)}.dz__preview-item__status--uploading>svg{animation:dz-status-spin var(--dz-status-spin-duration) linear infinite}.dz__preview-item__progress-bar{position:absolute;bottom:0;left:0;right:0;height:var(--dz-progress-height);background:var(--dz-progress-bg);overflow:hidden}.dz__preview-item__progress-fill{height:100%;background:var(--dz-progress-fill-bg);transition:width .2s ease-out}.dz__preview-item[data-status=complete] .dz__preview-item__progress-fill{background:var(--dz-success-color)}.dz__preview-item[data-status=paused] .dz__preview-item__progress-fill{background:var(--dz-warning-color)}.dz__preview-item[data-status=cancelled] .dz__preview-item__progress-fill{background:var(--dz-text-color-3)}.dz__preview-item[data-status=error] .dz__preview-item__progress-fill{background:var(--dz-error-color)}.dz__preview-item[data-status=error] .dz__preview-item__progress-bar{background:color-mix(in srgb,var(--dz-error-color) 35%,transparent)}}@layer component{.dz__file-list{display:flex;flex-direction:column;gap:var(--dz-file-list-gap);margin-top:var(--dz-file-list-margin-top);max-height:var(--dz-file-list-max-height, none);overflow-y:auto}.dz__file-list:empty{display:none}.dz__file-list--grid{display:grid;grid-template-columns:var(--dz-preview-grid-columns);gap:var(--dz-preview-grid-gap)}.dz__file-list--grid .dz__show-more{grid-column:1 / -1}.dz__file-list--reorder-completed>[data-reorder-bucket=complete],.dz__files-inside--reorder-completed>[data-reorder-bucket=complete]{order:1}.dz__file-list--reorder-completed>.dz__show-more,.dz__file-list--reorder-completed>.dz__badge--more,.dz__files-inside--reorder-completed>.dz__show-more,.dz__files-inside--reorder-completed>.dz__badge--more{order:2}.dz__file-list--detailed{gap:calc(.6 * var(--dz-rem, 10px))}.dz__file-list--badges{flex-direction:row;flex-wrap:wrap;gap:var(--dz-badges-gap)}.dz__file-list--rolling,.dz__files-inside--rolling{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;flex-direction:initial;gap:0}.dz__rolling__current{grid-area:1 / 1;min-width:0;padding-right:calc(4.5 * var(--dz-rem, 10px))}.dz__file-list--rolling[data-rotation=slide-in] .dz__rolling__current,.dz__files-inside--rolling[data-rotation=slide-in] .dz__rolling__current,.dz__file-list--rolling[data-rotation=horizontal] .dz__rolling__current,.dz__files-inside--rolling[data-rotation=horizontal] .dz__rolling__current{animation:dz-roll-in-from-right var(--dz-rolling-animation-duration) var(--dz-easing-snappy) both}.dz__file-list--rolling[data-rotation=horizontal] .dz__rolling__current--leaving,.dz__files-inside--rolling[data-rotation=horizontal] .dz__rolling__current--leaving{animation:dz-roll-out-to-left var(--dz-rolling-animation-duration) var(--dz-easing-snappy) both}.dz__file-list--rolling[data-rotation=vertical] .dz__rolling__current,.dz__files-inside--rolling[data-rotation=vertical] .dz__rolling__current{animation:dz-roll-in-from-bottom var(--dz-rolling-animation-duration) var(--dz-easing-snappy) both}.dz__file-list--rolling[data-rotation=vertical] .dz__rolling__current--leaving,.dz__files-inside--rolling[data-rotation=vertical] .dz__rolling__current--leaving{animation:dz-roll-out-to-top var(--dz-rolling-animation-duration) var(--dz-easing-snappy) both}@keyframes dz-roll-in-from-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes dz-roll-out-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes dz-roll-in-from-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dz-roll-out-to-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.dz__rolling__queue{position:absolute;top:var(--dz-rolling-queue-offset);right:var(--dz-rolling-queue-offset);z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:var(--dz-rolling-queue-padding);background:var(--dz-rolling-queue-bg);color:var(--dz-rolling-queue-color);border:var(--dz-rolling-queue-border);border-radius:var(--dz-rolling-queue-border-radius);font-size:var(--dz-rolling-queue-font-size);font-weight:var(--dz-font-weight-semibold);font-family:inherit;cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy),color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__rolling__queue:hover{background:var(--dz-rolling-queue-bg-hover);color:var(--dz-rolling-queue-color-hover)}.dz__rolling__queue--hidden{visibility:hidden;pointer-events:none}.dz__rolling__queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:calc(1.6 * var(--dz-rem, 10px));height:calc(1.6 * var(--dz-rem, 10px));padding:0 calc(.4 * var(--dz-rem, 10px));background:var(--dz-rolling-queue-count-bg);color:var(--dz-rolling-queue-count-color);border-radius:var(--dz-border-radius-sm);font-variant-numeric:tabular-nums;font-size:calc(1.1 * var(--dz-rem, 10px))}.dz__empty{padding:var(--dz-empty-padding);font-size:var(--dz-empty-font-size);color:var(--dz-empty-color);text-align:center}.dz__show-more{display:block;width:100%;margin-top:var(--dz-show-more-margin-top);padding:var(--dz-show-more-padding);font-size:var(--dz-show-more-font-size);font-weight:var(--dz-show-more-font-weight);color:var(--dz-show-more-color);background:var(--dz-show-more-bg);border:var(--dz-show-more-border);border-radius:var(--dz-show-more-border-radius);cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__show-more:hover{background:var(--dz-show-more-bg-hover)}}@layer component{.dz__overlay{position:fixed;z-index:var(--dz-overlay-z-index);display:flex;align-items:center;justify-content:center;background:var(--dz-overlay-bg);border:var(--dz-overlay-border);border-radius:var(--dz-overlay-border-radius);pointer-events:all;animation:dz-overlay-fade-in .15s ease-out}.dz__overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--dz-overlay-gap);color:var(--dz-overlay-color);text-align:center}.dz__overlay__icon{font-size:var(--dz-overlay-icon-size);line-height:1}.dz__overlay__text{font-size:var(--dz-overlay-text-font-size);font-weight:var(--dz-overlay-text-font-weight)}}@layer component{.dz__summary{display:inline-flex}.dz__summary__line{display:inline-flex;align-items:center;gap:calc(.6 * var(--dz-rem, 10px));padding:var(--dz-summary-padding);background:var(--dz-summary-bg);border-radius:var(--dz-summary-border-radius);font-size:var(--dz-summary-font-size);color:var(--dz-summary-color);cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__summary__line:hover{background:var(--dz-summary-bg-hover)}.dz__summary__icon{font-size:inherit;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dz__summary__icon>svg{width:var(--dz-status-icon-size);height:var(--dz-status-icon-size);display:block}.dz__summary__icon--uploading{color:var(--dz-accent-color)}.dz__summary__icon--paused{color:var(--dz-warning-color)}.dz__summary__icon--complete{color:var(--dz-success-color)}.dz__summary__icon--error{color:var(--dz-error-color)}.dz__summary__icon--uploading>svg{animation:dz-status-spin var(--dz-status-spin-duration) linear infinite}.dz__summary__text{white-space:nowrap}.dz__popover{position:absolute;z-index:var(--dz-popover-z-index);width:var(--dz-popover-width);max-width:var(--dz-popover-max-width);max-height:var(--dz-popover-max-height);min-width:var(--dz-popover-min-width);min-height:var(--dz-popover-min-height);display:flex;flex-direction:column;background:var(--dz-popover-bg);border:var(--dz-popover-border);border-radius:var(--dz-popover-border-radius);box-shadow:var(--dz-popover-box-shadow);resize:var(--dz-popover-resize);overflow:hidden}.dz__popover__sticky-top{background:var(--dz-popover-header-bg);border-bottom:var(--dz-popover-header-border-bottom);border-radius:var(--dz-popover-border-radius) var(--dz-popover-border-radius) 0 0}.dz__popover__header{display:flex;align-items:center;justify-content:space-between;gap:var(--dz-popover-header-gap);padding:var(--dz-popover-header-padding)}.dz__popover__count{font-size:var(--dz-popover-header-font-size);font-weight:var(--dz-popover-header-font-weight);color:var(--dz-popover-header-color)}.dz__popover__actions{display:flex;gap:var(--dz-popover-actions-gap)}.dz__popover__action{padding:var(--dz-popover-action-padding);font-size:var(--dz-popover-action-font-size);font-weight:var(--dz-popover-action-font-weight);color:var(--dz-popover-action-color);background:transparent;border:none;border-radius:var(--dz-popover-action-border-radius);cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__popover__action:hover:not(:disabled){background:var(--dz-popover-action-bg-hover)}.dz__popover__action:disabled{opacity:var(--dz-disabled-opacity);cursor:not-allowed}.dz__popover__limits{padding:var(--dz-popover-limits-padding);font-size:var(--dz-popover-limits-font-size);color:var(--dz-popover-limits-color);line-height:var(--dz-popover-limits-line-height)}.dz__popover__limits:empty{display:none}.dz__popover__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--dz-popover-body-padding)}.dz__popover__footer{display:flex;flex-direction:column;gap:calc(.6 * var(--dz-rem, 10px));padding:var(--dz-popover-footer-padding);background:var(--dz-popover-footer-bg);border-top:var(--dz-popover-footer-border-top);border-radius:0 0 var(--dz-popover-border-radius) var(--dz-popover-border-radius);font-size:var(--dz-popover-footer-font-size);color:var(--dz-popover-footer-color)}.dz__popover__footer:empty{display:none}.dz__popover__footer__totals{display:flex;align-items:center;justify-content:space-between;gap:var(--dz-popover-header-gap)}.dz__popover__table{width:100%;border-collapse:collapse;font-size:var(--dz-popover-table-font-size)}.dz__popover__row{transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__popover__row:hover{background:var(--dz-popover-row-hover-bg)}.dz__popover__cell{padding:var(--dz-popover-cell-padding);vertical-align:middle}.dz__popover__cell--icon{width:var(--dz-popover-icon-size);text-align:center;padding-right:0}.dz__popover__placeholder{display:inline-flex;align-items:center;justify-content:center;width:var(--dz-popover-icon-size);height:var(--dz-popover-icon-size);font-size:var(--dz-popover-icon-font-size);line-height:1;background:var(--dz-popover-icon-bg);border-radius:var(--dz-popover-icon-border-radius);overflow:hidden;vertical-align:middle}.dz__popover__placeholder img{width:100%;height:100%;object-fit:cover}.dz__popover__placeholder:empty{display:none}.dz__popover__cell--name{color:var(--dz-text-color-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0;width:100%}.dz__popover__cell--size{color:var(--dz-text-color-3);white-space:nowrap;text-align:right}.dz__popover__cell--action{width:var(--dz-item-action-size);text-align:center;padding-left:0;padding-right:calc(.2 * var(--dz-rem, 10px))}.dz__popover__cell--status{padding-left:.3rem;padding-right:.3rem}.dz__popover__cell--actions{width:calc(3.2 * var(--dz-rem, 10px));text-align:center;padding-left:0;padding-right:0}.dz__popover__row-action{display:inline-flex;align-items:center;justify-content:center;width:var(--dz-item-action-size);height:var(--dz-item-action-size);padding:0;vertical-align:middle;border-radius:var(--dz-border-radius-sm);color:var(--dz-item-action-color);background:var(--dz-item-action-bg);transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy),color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__popover__row-action:hover{background:var(--dz-item-action-bg-hover);color:var(--dz-item-action-color-hover)}.dz__popover__row-action>svg{width:var(--dz-status-icon-size);height:var(--dz-status-icon-size);display:block}.dz__popover__row-action--hidden{visibility:hidden;pointer-events:none}.dz__popover__remove{display:inline-flex;align-items:center;justify-content:center;width:var(--dz-popover-remove-size);height:var(--dz-popover-remove-size);vertical-align:middle;border-radius:var(--dz-border-radius-sm);background:var(--dz-popover-remove-bg);color:var(--dz-popover-remove-color);transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy),color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__popover__remove:before{content:"";display:block;width:var(--dz-popover-remove-icon-size);height:var(--dz-popover-remove-icon-size);background-color:currentColor;-webkit-mask:var(--dz-icon-remove) center / contain no-repeat;mask:var(--dz-icon-remove) center / contain no-repeat}.dz__popover__remove:hover{background:var(--dz-popover-remove-bg-hover);color:var(--dz-popover-remove-color-hover)}.dz__popover__remove--hidden{visibility:hidden;pointer-events:none}.dz__popover__cell--progress{width:calc(10 * var(--dz-rem, 10px));white-space:nowrap}.dz__popover__progress-bar{display:inline-block;width:calc(6 * var(--dz-rem, 10px));height:calc(.6 * var(--dz-rem, 10px));background:var(--dz-progress-bg);border-radius:var(--dz-progress-border-radius);overflow:hidden;vertical-align:middle}.dz__popover__progress-fill{height:100%;background:var(--dz-progress-fill-bg);border-radius:var(--dz-progress-border-radius);transition:width .2s ease-out}.dz__popover__progress-text{display:inline-block;width:calc(3 * var(--dz-rem, 10px));text-align:right;font-size:var(--dz-font-size-xs);color:var(--dz-text-color-3);margin-left:calc(.4 * var(--dz-rem, 10px));vertical-align:middle}.dz__popover__cell--status{width:calc(2.4 * var(--dz-rem, 10px));text-align:center}.dz__popover__status{display:inline-flex;align-items:center;justify-content:center;height:var(--dz-popover-icon-size);vertical-align:middle;color:var(--dz-text-color-3)}.dz__popover__status>svg{width:var(--dz-status-icon-size);height:var(--dz-status-icon-size);display:block}.dz__popover__status--pending{color:var(--dz-text-color-3)}.dz__popover__status--uploading{color:var(--dz-accent-color)}.dz__popover__status--complete{color:var(--dz-success-color)}.dz__popover__status--error{color:var(--dz-error-color)}.dz__popover__status--paused{color:var(--dz-warning-color)}.dz__popover__status--cancelled{color:var(--dz-text-color-3)}.dz__popover__status--uploading>svg{animation:dz-status-spin var(--dz-status-spin-duration) linear infinite}.dz__popover__row--uploading{animation:dz-popover-pulse 1.5s ease-in-out infinite}@keyframes dz-popover-pulse{0%,to{opacity:1}50%{opacity:.7}}}@layer component{.dz__progress{width:100%;margin-top:calc(.4 * var(--dz-rem, 10px))}.dz__progress__bar{width:100%;height:var(--dz-progress-height);background:var(--dz-progress-bg);border-radius:var(--dz-progress-border-radius);overflow:hidden}.dz__progress__fill{height:100%;background:var(--dz-progress-fill-bg);border-radius:var(--dz-progress-border-radius);transition:var(--dz-progress-transition)}.dz__progress--complete .dz__progress__fill{background:var(--dz-success-color)}.dz__progress--error .dz__progress__fill{background:var(--dz-error-color)}.dz__progress__status{margin-top:calc(.2 * var(--dz-rem, 10px));font-size:var(--dz-font-size-xs);color:var(--dz-text-color-3)}.dz__progress__status--complete{color:var(--dz-success-color)}.dz__progress__status--error{color:var(--dz-error-color)}.dz__overall-progress{display:flex;flex-direction:column;gap:var(--dz-overall-progress-gap);padding:var(--dz-overall-progress-padding)}.dz__overall-progress:empty{display:none}.dz__overall-progress__bar{width:100%;height:var(--dz-overall-progress-bar-height);background:var(--dz-progress-bg);border-radius:var(--dz-progress-border-radius);overflow:hidden}.dz__overall-progress__fill{height:100%;background:var(--dz-progress-fill-bg);border-radius:var(--dz-progress-border-radius);transition:var(--dz-progress-transition)}.dz__overall-progress[data-status=complete] .dz__overall-progress__fill{background:var(--dz-success-color)}.dz__overall-progress[data-status=paused] .dz__overall-progress__fill{background:var(--dz-warning-color)}.dz__overall-progress[data-status=error] .dz__overall-progress__fill{background:var(--dz-error-color)}.dz__overall-progress[data-status=error] .dz__overall-progress__bar{background:color-mix(in srgb,var(--dz-error-color) 18%,transparent)}.dz__overall-progress__stats{display:flex;align-items:center;gap:calc(.8 * var(--dz-rem, 10px));font-size:var(--dz-overall-progress-stats-font-size);color:var(--dz-overall-progress-stats-color);font-variant-numeric:tabular-nums}.dz__overall-progress__counts{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz__overall-progress__failed{color:var(--dz-error-color)}.dz__overall-progress__paused{color:var(--dz-warning-color)}.dz__overall-progress__actions{display:flex;align-items:center;gap:calc(.2 * var(--dz-rem, 10px));flex:0 0 auto}.dz__overall-progress__actions:empty{display:none}.dz__overall-progress__percent{flex:0 0 auto;min-width:var(--dz-overall-progress-percent-min-width);text-align:right;color:var(--dz-overall-progress-percent-color);font-weight:var(--dz-overall-progress-percent-font-weight)}.dz__overall-progress__action{padding:var(--dz-overall-progress-action-padding);font-size:var(--dz-overall-progress-action-font-size);font-weight:var(--dz-overall-progress-action-font-weight);color:var(--dz-overall-progress-action-color);background:transparent;border:none;border-radius:var(--dz-overall-progress-action-border-radius);font-family:inherit;cursor:pointer;transition:background-color var(--dz-transition-fast) var(--dz-easing-snappy)}.dz__overall-progress__action:hover{background:var(--dz-overall-progress-action-bg-hover)}}@layer component{:host([dir="rtl"]) .dz__file-item--list,:host([dir="rtl"]) .dz__file-item--detailed{flex-direction:row-reverse}:host([dir="rtl"]) .dz__file-item__info{text-align:right}:host([dir="rtl"]) .dz__file-item__meta{flex-direction:row-reverse}:host([dir="rtl"]) .dz__preview-item__remove{right:auto;left:var(--dz-preview-remove-offset)}:host([dir="rtl"]) .dz__popover__header{flex-direction:row-reverse}:host([dir="rtl"]) .dz__popover__cell--name{text-align:right}:host([dir="rtl"]) .dz__popover__cell--size{text-align:left}:host([dir="rtl"]) .dz__summary__line{flex-direction:row-reverse}}@layer overrides{@media (prefers-color-scheme: dark){:host{--dz-accent-color: #60a5fa;--dz-accent-color-hover: #3b82f6;--dz-accent-color-active: #2563eb;--dz-text-color-1: #f3f4f6;--dz-text-color-2: #d4d4d4;--dz-text-color-3: #a3a3a3;--dz-text-color-4: #6b7280;--dz-background: #1a1a1a;--dz-primary-bg: #2b2b2b;--dz-border-color: #3d3d3d;--dz-success-color: #34d399;--dz-error-color: #f87c86;--dz-warning-color: #fbbf24}}:host-context([data-theme="dark"]),:host-context([data-bs-theme="dark"]),:host-context(.dark){--dz-accent-color: #60a5fa;--dz-accent-color-hover: #3b82f6;--dz-accent-color-active: #2563eb;--dz-text-color-1: #f3f4f6;--dz-text-color-2: #d4d4d4;--dz-text-color-3: #a3a3a3;--dz-text-color-4: #6b7280;--dz-background: #1a1a1a;--dz-primary-bg: #2b2b2b;--dz-border-color: #3d3d3d;--dz-success-color: #34d399;--dz-error-color: #f87c86;--dz-warning-color: #fbbf24}:host([data-theme="dark"]){--dz-accent-color: #60a5fa;--dz-accent-color-hover: #3b82f6;--dz-accent-color-active: #2563eb;--dz-text-color-1: #f3f4f6;--dz-text-color-2: #d4d4d4;--dz-text-color-3: #a3a3a3;--dz-text-color-4: #6b7280;--dz-background: #1a1a1a;--dz-primary-bg: #2b2b2b;--dz-border-color: #3d3d3d;--dz-success-color: #34d399;--dz-error-color: #f87c86;--dz-warning-color: #fbbf24}:host-context([data-theme="light"]),:host-context([data-bs-theme="light"]),:host-context(.light),:host([data-theme="light"]){--dz-accent-color: #3b82f6;--dz-accent-color-hover: #2563eb;--dz-accent-color-active: #1d4ed8;--dz-text-color-1: #111827;--dz-text-color-2: #353b47;--dz-text-color-3: #6b7280;--dz-text-color-4: #a0a3a9;--dz-background: #ffffff;--dz-primary-bg: #f3f4f6;--dz-border-color: #e5e7eb;--dz-success-color: #10b981;--dz-error-color: #ef4444;--dz-warning-color: #f59e0b}}
