*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:2rem;background:#f7fafc;line-height:1.6}.container{max-width:1200px;margin:0 auto}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}h1{font-size:2.5rem;margin-bottom:.5rem}.subtitle{opacity:.9;font-size:1.1rem}.back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:1rem;opacity:.8;transition:opacity .2s}.back-link:hover{opacity:1}.card,.example-section,.theme-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.card h2,.example-section h2,.theme-card h2{margin-bottom:1rem;color:#2d3748;font-size:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.card h3,.example-section h3,.theme-card h3{margin-bottom:.75rem;color:#4a5568;font-size:1.25rem}.card h3.subsection,.example-section h3.subsection{margin:2rem 0 1rem;font-size:1.2rem;color:#667eea}.card p,.example-section p,.theme-card p{margin-bottom:1rem;color:#666}.demo-card{background:var(--demo-card-bg, #fff);border:var(--demo-card-border, 1px solid #e5e7eb);border-radius:8px;padding:1.5rem}.demo-card h3,.demo-card h4{margin:0 0 .5rem;font-size:1rem;color:#374151;border:none;padding:0}.demo-card p{margin:0 0 1rem;font-size:.8125rem;color:#6b7280}.demo-card code{background:#f3f4f6;padding:.125rem .375rem;border-radius:3px;font-size:.7rem}.description{color:#718096;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-text{display:block;margin-top:.25rem;font-size:.875rem;color:#666}.controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;align-items:center}.controls label,.toggle-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-label{margin-bottom:.75rem}.controls input[type=checkbox]{width:16px;height:16px}.demo-area{background:#f7fafc;padding:1.5rem;border-radius:8px;margin:1rem 0}.demo-label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem}.demo-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;margin-bottom:1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:999px;font-size:.85rem;font-weight:500;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none}.demo-toggle input{margin:0;cursor:pointer}.card:has(.demo-toggle input:checked) .demo-toggle,.example-section:has(.demo-toggle input:checked) .demo-toggle{background:#dcfce7;border-color:#86efac;color:#166534}.card:has(.demo-toggle):not(:has(.demo-toggle input:checked)),.example-section:has(.demo-toggle):not(:has(.demo-toggle input:checked)){opacity:.6}.output{margin-top:1rem}.output-label{font-weight:500;margin-bottom:.5rem;color:#4a5568}.output pre,pre{background:#f7fafc;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.875rem;border:1px solid #e2e8f0}.dark-output .output{background:#2d3748;color:#a0aec0;padding:1rem;border-radius:8px;margin-top:1rem;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto;border:none}.dark-output .output-label{color:#667eea;font-weight:600;margin-bottom:.5rem}.dark-output .output pre{margin:0;padding:0;border:none;background:transparent;color:inherit;white-space:pre-wrap;word-wrap:break-word}.badge{display:inline-block;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge.new{background:#f56565}.log-panel{font-family:ui-monospace,SFMono-Regular,Menlo,Courier New,monospace;font-size:.85rem;line-height:1.5;padding:1rem 1.25rem;border-radius:8px;max-height:var(--log-max-height, 220px);overflow:auto;background:#f7fafc;color:#2d3748;border:1px solid #e2e8f0}.log-panel--dark{background:#0f172a;color:#e2e8f0;border-color:transparent}.muted{color:#6b7280}.mt-1{margin-top:1rem}.code-block{margin:1.5rem 0;position:relative}.code-block pre{background:#2d3748;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;font-size:.875rem;line-height:1.6}.code-block .copy-button{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;font-size:.75rem;background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2);border-radius:4px}.code-block .copy-button:hover{background:#fff3;color:#fff}code{background:#edf2f7;padding:.2rem .4rem;border-radius:3px;font-size:.9em;color:#667eea;font-family:Courier New,monospace}pre code,.code-block code,.code-block pre code{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}.note{background:#edf2f7;padding:1rem;border-radius:6px;border-left:4px solid #667eea;margin:1rem 0}.note.warning{background:#fef3c7;border-left-color:#f59e0b}.note-title{font-weight:600;color:#667eea;margin-bottom:.5rem}.note ul{margin-left:1.5rem;margin-top:.5rem}.note li{margin-bottom:.5rem}.grid,.grid-2,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min, 300px),1fr));gap:var(--grid-gap, 2rem)}.grid-2{--grid-min: 400px}.reference-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:2rem}.reference-table th,.reference-table td{padding:.75rem 1rem;text-align:left;border:1px solid #e5e7eb}.reference-table th{background:#f3f4f6;font-weight:600}.reference-table tbody tr:hover{background:#f9fafb}.reference-table tr.is-highlight{background:#eff6ff}.reference-table code{background:#e5e7eb;padding:.125rem .375rem;border-radius:3px;font-size:.75rem}h2{color:#2d3748;margin-bottom:1rem}h3{color:#4a5568;margin-bottom:.75rem}ul{line-height:1.8}li{color:#4a5568}a{color:#667eea;text-decoration:none}a:hover{text-decoration:underline}button,button.btn-primary{cursor:pointer;background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;transition:background .2s}button:hover,button.btn-primary:hover{background:#5a67d8}button:disabled,button[disabled]{opacity:.5;cursor:not-allowed}button.secondary,button.btn-secondary{background:#6b7280;color:#fff}button.secondary:hover,button.btn-secondary:hover{background:#4b5563}button.btn-outline{background:#fff;color:#374151;border:1px solid #d1d5db}button.btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}footer{text-align:center;padding:2rem;color:#718096;font-size:.875rem}footer a{color:#667eea}html{scroll-behavior:smooth}.card,.example-section{scroll-margin-top:1rem}.chapter-nav{position:fixed;top:33vh;right:0;z-index:9000;pointer-events:none}.chapter-nav__panel,.chapter-nav__toggle{pointer-events:auto}.chapter-nav__toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:48px;padding:0;background:#667eea;color:#fff;border:none;border-radius:10px 0 0 10px;box-shadow:0 6px 18px #667eea59;cursor:pointer;transition:background .2s,box-shadow .2s}.chapter-nav__toggle:hover{background:#5a67d8}.chapter-nav[data-open=true] .chapter-nav__toggle{background:#4c51bf}.chapter-nav__toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.chapter-nav__toggle svg circle{fill:currentColor;stroke:none}.chapter-nav__panel{position:fixed;z-index:9000;width:260px;max-width:72vw;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 20px 25px -5px #0000001f,0 8px 10px -6px #0000001a;padding:.5rem;opacity:0;visibility:hidden;transform:translate(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.chapter-nav[data-open=true] .chapter-nav__panel{opacity:1;visibility:visible;transform:translate(0)}.chapter-nav__back{display:block;margin-bottom:.35rem;padding:.45rem .6rem;border-radius:6px;font-size:.82rem;font-weight:600;color:#4c51bf;text-decoration:none;background:#eef2ff;transition:background .15s,color .15s}.chapter-nav__back:hover{background:#e0e7ff;color:#3730a3;text-decoration:none}.chapter-nav__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:.25rem .5rem .4rem}.chapter-nav__list{list-style:none;margin:0;padding:0}.chapter-nav__item{display:block;padding:.4rem .6rem;border-radius:6px;border-left:3px solid transparent;font-size:.85rem;line-height:1.35;color:#4a5568;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.chapter-nav__item:hover{background:#f3f4f6;color:#2d3748;text-decoration:none}.chapter-nav__item.is-active{background:#eef2ff;color:#4338ca;border-left-color:#667eea;font-weight:600}@media (max-width: 768px){.chapter-nav__panel{width:80vw;max-width:80vw;max-height:80vh}.chapter-nav__title{font-size:.9rem}.chapter-nav__item{font-size:1.05rem;padding:.7rem .85rem}.chapter-nav__toggle{width:40px;height:44px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.chapter-nav__panel{transition:none}}@media (max-width: 768px){body{padding:1rem}h1{font-size:2rem}.grid,.grid-2,.card-grid{grid-template-columns:1fr}.card,.example-section,.theme-card{padding:1.5rem}}@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))}:host(:not([managed])){--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 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18'/><path d='m6 6 12 12'/></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-item-object-fit: cover;--dz-preview-row-height: calc(16 * var(--dz-rem, 10px));--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-status-overlay-bg: color-mix(in srgb, var(--dz-background) 80%, transparent);--dz-preview-status-overlay-icon-size: calc(4.8 * var(--dz-rem, 10px));--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);display:inline-flex;align-items:center;justify-content:center}.dz__dropzone__icon>svg{width:1em;height:1em;display:block}.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;display:inline-flex}.dz__minimal__icon>svg{width:1em;height:1em;display:block}.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__icon>svg{width:1em;height:1em;display:block}.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:var(--dz-preview-item-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__placeholder>svg{width:1em;height:1em;display:block}.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}[data-grid-status=overlay] .dz__preview-item[data-status=complete] .dz__preview-item__status,[data-grid-status=overlay] .dz__preview-item[data-status=error] .dz__preview-item__status{top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--dz-preview-status-overlay-bg);pointer-events:none;filter:none}[data-grid-status=overlay] .dz__preview-item[data-status=complete] .dz__preview-item__status>svg,[data-grid-status=overlay] .dz__preview-item[data-status=error] .dz__preview-item__status>svg{width:var(--dz-preview-status-overlay-icon-size);height:var(--dz-preview-status-overlay-icon-size);filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.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--grid[data-grid-layout=natural]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.dz__file-list--grid[data-grid-layout=natural] .dz__preview-item{aspect-ratio:auto;height:var(--dz-preview-row-height, calc(16 * var(--dz-rem, 10px)));width:auto}.dz__file-list--grid[data-grid-layout=natural] .dz__preview-item__image{width:auto;height:100%;object-fit:contain}.dz__file-list--grid[data-grid-layout=natural] .dz__preview-item__placeholder{aspect-ratio:1;height:100%;width:auto}.dz__file-list--grid[data-grid-layout=natural] .dz__show-more{flex:1 0 100%}.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;display:inline-flex}.dz__overlay__icon>svg{width:1em;height:1em;display:block}.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}}