1
@keyframes summarize-sheet-enter {
2
  from {
3
    transform: translateX(12px);
4
    opacity: 0;
5
  }
6
  to {
7
    transform: translateX(0);
8
    opacity: 1;
9
  }
10
}
11
 
12
@keyframes summarize-sheet-backdrop-enter {
13
  from {
14
    opacity: 0;
15
  }
16
  to {
17
    opacity: 1;
18
  }
19
}
20
 
21
.summarize-sheet {
22
  animation: summarize-sheet-enter 200ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
23
}
24
 
25
.summarize-sheet-backdrop {
26
  animation: summarize-sheet-backdrop-enter 200ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
27
}
28
 
29
@media (prefers-reduced-motion: reduce) {
30
  .summarize-sheet,
31
  .summarize-sheet-backdrop {
32
    animation: none;
33
  }
34
}