.eb-upl{display:grid;gap:var(--space-2)}.eb-upl__zone{align-items:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);cursor:pointer;display:grid;gap:4px;justify-items:center;padding:var(--space-4) var(--space-3);position:relative;text-align:center;transition:background var(--motion-micro),border-color var(--motion-micro)}.eb-upl__zone:hover,.eb-upl__zone[data-drag]{background:var(--color-tint);border-color:var(--color-accent-2)}.eb-upl__zone input[type=file]{cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.eb-upl__zone input[type=file]:focus-visible+.eb-upl__in{border-radius:var(--radius-button);box-shadow:var(--shadow-focus)}.eb-upl__in{display:grid;gap:4px;justify-items:center;padding:2px 6px}.eb-upl__in svg{color:var(--color-accent-2)}.eb-upl__t{font-size:var(--fs-body);font-weight:var(--fw-medium)}.eb-upl__t u{text-decoration-thickness:var(--link-thickness);text-underline-offset:var(--link-offset)}.eb-upl__hint{color:var(--color-text-muted);font-size:var(--fs-caption)}.eb-upl__list{display:grid;gap:6px;list-style:none;margin:0;padding:0}.eb-upl__list:empty{display:none}.eb-upl__file{align-items:center;background:var(--color-surface-2);border-radius:var(--radius-button);display:flex;font-size:var(--fs-body-sm);gap:8px;padding:8px 10px}.eb-upl__file>svg{color:var(--color-accent-2);flex:0 0 auto}.eb-upl__nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eb-upl__state{color:var(--color-text-muted);font-size:var(--fs-caption);margin-inline-start:auto;white-space:nowrap}.eb-upl__bar{background:var(--color-border);border-radius:var(--radius-pill);flex:0 0 64px;height:3px;overflow:hidden}.eb-upl__bar i{background:var(--color-accent-2);display:block;height:100%;transition:width var(--motion-response) var(--ease-smooth)}.eb-upl__x{background:none;border:0;border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;display:grid;flex:0 0 auto;height:22px;place-items:center;width:22px}.eb-upl__x:hover{background:var(--color-accent-soft);color:var(--color-text)}.eb-upl__file[data-bad]{background:color-mix(in srgb,var(--color-sale) 10%,transparent)}.eb-upl__file[data-bad]>svg,.eb-upl__file[data-bad] .eb-upl__state{color:var(--color-sale)}.eb-upl__note{color:var(--color-text-muted);font-size:var(--fs-caption);line-height:var(--leading-body);margin:0}.eb-upl__note b{color:var(--color-text-2)}@media(max-width:768px){.eb-upl__zone{padding:var(--space-3)}.eb-upl__bar{display:none}}.eb-upl--media{display:grid;gap:8px}.eb-upl--media .eb-upl__grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.eb-upl--media .eb-upl__list{display:contents}@media(max-width:600px){.eb-upl--media .eb-upl__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.eb-upl__tile{aspect-ratio:1;background:var(--color-surface-2);border-radius:var(--radius-input);overflow:hidden;position:relative}.eb-upl__tile img,.eb-upl__tile video{display:block;height:100%;object-fit:cover;width:100%}.eb-upl__tile[data-state=up]:after{background:color-mix(in srgb,var(--color-inverse) 45%,transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.eb-upl__pct{bottom:14px;color:var(--color-on-inverse);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;inset-inline:6px;position:absolute;z-index:1}.eb-upl__prog{background:color-mix(in srgb,var(--color-on-inverse) 30%,transparent);border-radius:2px;bottom:6px;height:3px;inset-inline:6px;overflow:hidden;position:absolute;z-index:1}.eb-upl__prog i{background:var(--color-accent);display:block;height:100%;transition:width var(--motion-response) var(--ease-smooth)}.eb-upl__tile[data-state=bad]{border:1px solid var(--color-sale)}.eb-upl__bad{align-content:center;background:color-mix(in srgb,var(--color-sale) 12%,var(--color-surface));color:var(--color-sale);display:grid;font-size:var(--fs-caption);top:0;right:0;bottom:0;left:0;line-height:var(--leading-snug);padding:8px;position:absolute;text-align:center}.eb-upl__vid{align-items:center;background:color-mix(in srgb,var(--color-inverse) 55%,transparent);border-radius:var(--radius-pill);bottom:6px;color:var(--color-on-inverse);display:flex;font-size:10.5px;gap:4px;inset-inline-start:6px;padding:3px 7px 3px 5px;position:absolute;z-index:1}.eb-upl__kill{align-items:center;background:color-mix(in srgb,var(--color-inverse) 62%,transparent);border:0;border-radius:50%;color:var(--color-on-inverse);cursor:pointer;display:flex;height:26px;inset-block-start:6px;inset-inline-end:6px;justify-content:center;position:absolute;width:26px;z-index:2}.eb-upl__kill:hover{background:var(--color-sale)}.eb-upl__kill:focus-visible{box-shadow:var(--shadow-focus);outline:none}.eb-upl--media .eb-upl__zone{aspect-ratio:1;border-radius:var(--radius-input);font-size:10.5px;gap:4px;padding:6px}.eb-upl--media .eb-upl__in{gap:2px}.eb-upl--media .eb-upl__t{font-size:var(--fs-caption)}.eb-upl--media .eb-upl__hint{display:none}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-upload.css.map */