.file-drop-anchor{position:relative}.file-drop-overlay{inset:var(--file-drop-overlay-inset,0);z-index:12;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.file-drop-overlay__content{justify-content:center;align-items:center;gap:var(--nj-semantic-size-spacing-4);width:100%;height:auto;min-height:100%;padding:var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-16);border-radius:var(--nj-semantic-size-border-radius-md);background:var(--nj-semantic-color-background-neutral-primary-default);border:2px dashed var(--nj-semantic-color-border-neutral-strong-default);flex-direction:column;transition:border-color .14s,background-color .14s;animation:.18s cubic-bezier(.2,.8,.3,1) both file-drop-overlay-pop;display:flex;box-shadow:0 12px 24px #00000029}.file-drop-overlay.is-drag-over .file-drop-overlay__content{border-color:var(--nj-semantic-color-border-brand-strong-default);background:color-mix(in srgb, var(--nj-semantic-color-background-brand-tertiary-default) 45%, var(--nj-semantic-color-background-neutral-primary-default) 55%)}.file-drop-overlay__formats{text-align:center;font-size:var(--nj-semantic-font-size-label-sm);color:var(--nj-semantic-color-text-neutral-secondary-default);margin:0}@keyframes file-drop-overlay-pop{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.file-drop-overlay,.file-drop-overlay__content{animation:none}}