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;
53 .ambiguity-button.selected {
54 background-color: var(--accent-color-bright);
55 color: var(--text-fg-on-accent-bright);
60 transform: translateY(0);
61 animation-timing-function: cubic-bezier(0.333, 0.667, 0.667, 1);
64 transform: translateY(-5px);
65 animation-timing-function: cubic-bezier(0.333, 0, 0,667, 0.333);
68 transform: translateY(0);
71 transform: translateY(0);
79 display: inline-block;
80 animation-name: bounce;
81 animation-duration: 2s;
82 animation-iteration-count: infinite;
83 animation-timing-function: linear;
86 .typing span:nth-child(2) {
90 .typing span:nth-child(3) {
100 transition-property: opacity;
101 transition-duration: 2s;
102 transition-delay: 1s;
107 background-color: var(--accent-color-bright);
108 color: var(--text-fg-on-accent-bright);
112 text-transform: uppercase;
126 @media (hover:hover) {
128 color: var(--accent-color-bright);
133 .star-button.selected {
134 color: var(--accent-color-bright);