+1 -9

src/components/loader.css

reviewed

··· 3 3 width: 16px; 4 4 height: 16px; 5 5 pointer-events: none; 6 6 - animation: slow-appear 0.3s ease-in-out 1s both; 6 6 + animation: appear 0.3s ease-in-out 1s both; 7 7 vertical-align: middle; 8 8 margin: 8px; 9 9 - } 10 10 - @keyframes slow-appear { 11 11 - 0% { 12 12 - opacity: 0; 13 13 - } 14 14 - 100% { 15 15 - opacity: 1; 16 16 - } 17 9 } 18 10 .loader-container.abrupt { 19 11 animation: none;

+1

src/components/modal.css

reviewed

··· 10 10 align-items: center; 11 11 background-color: var(--backdrop-color); 12 12 backdrop-filter: blur(24px); 13 13 + animation: appear 0.5s var(--timing-function) both; 13 14 } 14 15 15 16 #modal-container > .light {

+9

src/index.css

reviewed

··· 267 267 268 268 /* KEYFRAMES */ 269 269 270 270 + @keyframes appear { 271 271 + from { 272 272 + opacity: 0; 273 273 + } 274 274 + to { 275 275 + opacity: 1; 276 276 + } 277 277 + } 278 278 + 270 279 @keyframes fade-in { 271 280 from { 272 281 opacity: 0;