.ds-file-btn{cursor:pointer;max-width:100%;display:inline-flex;position:relative}.ds-file-input{opacity:0;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.ds-file-input:focus-visible+.ds-btn{outline:2px solid var(--brand);outline-offset:2px}.ds-file-btn:has(.ds-file-input:disabled){cursor:not-allowed}.ds-file-btn:has(.ds-file-input:disabled) .ds-btn{opacity:.45}.ds-file-btn:hover:not(:has(.ds-file-input:disabled)) .ds-btn--secondary{background:var(--bg-elevated)}.ds-file-chip{max-width:100%}.ds-file-chip .ds-file-chip-icon{color:var(--text-muted);flex:none}.ds-file-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;font:inherit;font-size:var(--text-xs);color:var(--text-primary);text-align:left;background:0 0;border:none;padding:0;overflow:hidden}button.ds-file-chip-name{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px}button.ds-file-chip-name:hover{-webkit-text-decoration-color:var(--text-secondary);text-decoration-color:var(--text-secondary)}button.ds-file-chip-name:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.ds-attach{flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ds-attach>li{min-width:0;max-width:100%;display:inline-flex}@media (width<=900px){.ds-file-chip.ds-file-chip{height:36px}.ds-file-chip .ds-chip-x{width:30px;height:30px}.ds-file-chip-name{max-width:60vw}}