| @keyframes prompt-input-v2-attachments-fade-left { | |
| from { | |
| visibility: hidden; | |
| } | |
| to { | |
| visibility: visible; | |
| } | |
| } | |
| @keyframes prompt-input-v2-attachments-fade-right { | |
| from { | |
| visibility: visible; | |
| } | |
| to { | |
| visibility: hidden; | |
| } | |
| } | |
| [data-component="prompt-input-v2-attachments"] { | |
| timeline-scope: --prompt-input-v2-attachments-scroll; | |
| [data-slot^="prompt-attachments-fade-"] { | |
| visibility: hidden; | |
| } | |
| } | |
| @supports (animation-timeline: --prompt-input-v2-attachments-scroll) and | |
| (timeline-scope: --prompt-input-v2-attachments-scroll) { | |
| [data-component="prompt-input-v2-attachments"] [data-slot="prompt-attachments-scroll"] { | |
| scroll-timeline: --prompt-input-v2-attachments-scroll x; | |
| } | |
| [data-component="prompt-input-v2-attachments"] [data-slot="prompt-attachments-fade-left"] { | |
| animation: prompt-input-v2-attachments-fade-left linear both; | |
| animation-timeline: --prompt-input-v2-attachments-scroll; | |
| animation-range: 0 0.1px; | |
| } | |
| [data-component="prompt-input-v2-attachments"] [data-slot="prompt-attachments-fade-right"] { | |
| animation: prompt-input-v2-attachments-fade-right linear both; | |
| animation-timeline: --prompt-input-v2-attachments-scroll; | |
| animation-range: calc(100% - 1.1px) calc(100% - 1px); | |
| } | |
| } | |