@layer equip{.eq-file-drop{gap:var(--eq-space-1);min-width:0;font-family:var(--eq-font);color:var(--eq-ink);flex-direction:column;display:flex}.eq-file-drop-label{width:fit-content;font:var(--eq-weight-strong) var(--eq-text-s) / 1.3 var(--eq-font)}.eq-file-drop-zone{box-sizing:border-box;align-items:center;gap:var(--eq-space-3);min-height:var(--eq-h-l);padding:var(--eq-space-2) var(--eq-space-3);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), border-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur-move) var(--eq-spring);display:flex;position:relative}.eq-file-drop[data-dragging] .eq-file-drop-zone{border-style:dashed;border-color:var(--eq-ink);background:color-mix(in srgb, var(--eq-raised), var(--eq-ink) 6%);scale:1.02}@media (hover:hover){.eq-file-drop:not([data-disabled]) .eq-file-drop-zone:hover{border-color:color-mix(in srgb, var(--eq-line-strong), var(--eq-ink) 30%);background:color-mix(in srgb, var(--eq-raised), var(--eq-ink) 3%)}}.eq-file-drop:not([data-disabled],[data-dragging]) .eq-file-drop-zone:active{scale:var(--eq-press);transition:scale var(--eq-dur) var(--eq-ease)}.eq-file-drop-zone:has(.eq-file-drop-input:focus-visible){outline:2px solid var(--eq-focus);outline-offset:2px}.eq-file-drop[data-disabled] .eq-file-drop-zone{opacity:.45;cursor:not-allowed}.eq-file-drop-input{clip-path:inset(50%);opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.eq-file-drop-icon{width:20px;height:20px;color:var(--eq-ink-2);flex:none}.eq-file-drop-text{flex-direction:column;min-width:0;display:flex}.eq-file-drop-cta{font:var(--eq-weight) var(--eq-text-s) / 1.3 var(--eq-font)}.eq-file-drop-browse{font-weight:var(--eq-weight-strong);text-underline-offset:2px;text-decoration:underline}.eq-file-drop-hint{font:var(--eq-weight) var(--eq-text-xs) / 1.35 var(--eq-font);color:var(--eq-ink-2)}.eq-file-drop-error{font:var(--eq-weight) var(--eq-text-s) / 1.4 var(--eq-font);color:var(--eq-danger);margin:0}.eq-file-drop-error:empty{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.eq-file-drop-list{gap:var(--eq-space-1);margin:var(--eq-space-1) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.eq-file-drop-file{box-sizing:border-box;align-items:center;column-gap:var(--eq-space-2);min-height:var(--eq-h-s);padding:1px 1px 1px var(--eq-space-2);border:1px solid var(--eq-line);border-radius:var(--eq-radius-s);font:var(--eq-weight) var(--eq-text-s) / 1.3 var(--eq-font);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.eq-file-drop-file-icon{width:16px;height:16px;color:var(--eq-ink-3)}.eq-file-drop-name{min-width:0}.eq-file-drop-size{font-size:var(--eq-text-xs);font-variant-numeric:tabular-nums;color:var(--eq-ink-3);white-space:nowrap}.eq-file-drop-progress{width:calc(100% - var(--eq-space-2));height:2px;margin:0 0 var(--eq-space-1);border-radius:var(--eq-radius-full);appearance:none;background:var(--eq-tint-strong);border:0;grid-column:1/-1;display:block;overflow:hidden}.eq-file-drop-progress::-webkit-progress-bar{background:0 0}.eq-file-drop-progress::-webkit-progress-value{background:var(--eq-solid);transition:width var(--eq-dur-move) var(--eq-ease)}.eq-file-drop-progress::-moz-progress-bar{background:var(--eq-solid)}}
