| .stop-generating { | |
| position: absolute; | |
| bottom: 128px; | |
| left: 50%; | |
| transform: translateX(-50%); | |
| z-index: 1000000; | |
| } | |
| .stop-generating button { | |
| backdrop-filter: blur(20px); | |
| -webkit-backdrop-filter: blur(20px); | |
| background-color: var(--blur-bg); | |
| color: var(--colour-3); | |
| cursor: pointer; | |
| animation: show_popup 0.4s; | |
| } | |
| @keyframes show_popup { | |
| from { | |
| opacity: 0; | |
| transform: translateY(10px); | |
| } | |
| } | |
| @keyframes hide_popup { | |
| to { | |
| opacity: 0; | |
| transform: translateY(10px); | |
| } | |
| } | |
| .stop-generating-hiding button { | |
| animation: hide_popup 0.4s; | |
| } | |
| .stop-generating-hidden button { | |
| display: none; | |
| } | |