.file-types,.file-types-details{flex-direction:column;gap:6px;display:flex}.file-types-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;display:flex}.file-types-toggle svg{flex-shrink:0;transition:transform .2s cubic-bezier(.22,1,.36,1),stroke .15s}.file-types-toggle:hover svg{stroke:#6b6479}.file-types-strip{background:#ffffff0a;border-radius:999px;gap:1px;width:100%;height:4px;display:flex;overflow:hidden}.file-types-strip.collapsed{flex:1;height:3px}.file-types-strip.collapsed>div{opacity:.55}.file-types-details{animation:.2s cubic-bezier(.22,1,.36,1) file-types-reveal;overflow:hidden}.file-types-details .file-types-strip>div{transform-origin:0;animation:.4s cubic-bezier(.22,1,.36,1) both file-types-grow}.file-types-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-types-legend>div{align-items:center;gap:6px;display:flex}.file-types-legend i{border-radius:999px;flex-shrink:0;width:6px;height:6px}.file-types-legend span{color:#6b6479;font-family:IBM Plex Mono,monospace;font-size:10px}@keyframes file-types-reveal{0%{opacity:0;max-height:0}to{opacity:1;max-height:100px}}@keyframes file-types-grow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.file-types-details,.file-types-details .file-types-strip>div{animation:none}.file-types-toggle svg{transition:none}}