3 background-color: var(--accent-color);
4 color: var(--text-fg-on-accent);
20 background-color: var(--accent-color-bright);
21 color: var(--text-fg-on-accent-bright);
28 @media (hover:hover) {
29 button:hover .vote-choice {
30 background-color: var(--accent-color);
31 color: var(--text-fg-on-accent);
39 justify-content: center;
41 background-color: var(--accent-color);
42 margin-bottom: 0.25em;
51 overflow-wrap: break-word;
55 .ambiguity-button.selected {
56 background-color: var(--accent-color-bright);
57 color: var(--text-fg-on-accent-bright);
62 transform: translateY(0);
63 animation-timing-function: cubic-bezier(0.333, 0.667, 0.667, 1);
66 transform: translateY(-5px);
67 animation-timing-function: cubic-bezier(0.333, 0, 0,667, 0.333);
70 transform: translateY(0);
73 transform: translateY(0);
81 display: inline-block;
82 animation-name: bounce;
83 animation-duration: 2s;
84 animation-iteration-count: infinite;
85 animation-timing-function: linear;
88 .typing span:nth-child(2) {
92 .typing span:nth-child(3) {
102 transition-property: opacity;
103 transition-duration: 2s;
104 transition-delay: 1s;
109 background-color: var(--accent-color-bright);
110 color: var(--text-fg-on-accent-bright);
114 text-transform: uppercase;
128 @media (hover:hover) {
130 color: var(--accent-color-bright);
135 .star-button.selected {
136 color: var(--accent-color-bright);