.svelte-1hc2q3o:export {
  text: #333;
  background: white;
  status-warn: #ffd740;
  star: #f9d923;
  star-bonus: #36ae7c;
  star-penalty: #eb5353;
  daily-vertical-dark: #219ebc;
  daily-horizontal-dark: #fb8500;
  daily-selected-dark: #8ecae6;
  daily-vertical-light: #8ecae6;
  daily-horizontal-light: #ffb703;
  daily-selected-light: #023047;
  tile-default-light: #f5f6fa;
  tile-default-dark: #2f3640;
  tile-blue-light: #d0e6e9;
  tile-blue-dark: #005ddf;
  tile-green-light: #afda8b;
  tile-green-dark: #00762d;
  tile-orange-light: #c39a41;
  tile-orange-dark: #e08300;
  tile-purple-light: #c48bda;
  tile-purple-dark: #704270;
  tile-red-light: #d47792;
  tile-red-dark: #e04200;
  multiplier-2-light: #dcf381;
  multiplier-3-light: #f28080;
  multiplier-4-light: #8282f2;
  multiplier-2-dark: #9a6818;
  multiplier-3-dark: #9a181f;
  multiplier-4-dark: #187498;
}

.section.svelte-1hc2q3o {
  display: flex;
  justify-content: start;
  gap: 1rem;
  width: 100%;
  padding: 1em 0;
}

.section-text.svelte-1hc2q3o {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.section-text.svelte-1hc2q3o :where(.svelte-1hc2q3o) {
  margin: 0;
}

.secondary.svelte-1hc2q3o {
  font-size: 0.8rem;
  opacity: 0.6;
}

html.theme-light .error.svelte-1hc2q3o {
  color: #eb5353;
}
html.theme-dark .error.svelte-1hc2q3o {
  color: #eb5353;
}.svelte-ot7opo:export {
  text: #333;
  background: white;
  status-warn: #ffd740;
  star: #f9d923;
  star-bonus: #36ae7c;
  star-penalty: #eb5353;
  daily-vertical-dark: #219ebc;
  daily-horizontal-dark: #fb8500;
  daily-selected-dark: #8ecae6;
  daily-vertical-light: #8ecae6;
  daily-horizontal-light: #ffb703;
  daily-selected-light: #023047;
  tile-default-light: #f5f6fa;
  tile-default-dark: #2f3640;
  tile-blue-light: #d0e6e9;
  tile-blue-dark: #005ddf;
  tile-green-light: #afda8b;
  tile-green-dark: #00762d;
  tile-orange-light: #c39a41;
  tile-orange-dark: #e08300;
  tile-purple-light: #c48bda;
  tile-purple-dark: #704270;
  tile-red-light: #d47792;
  tile-red-dark: #e04200;
  multiplier-2-light: #dcf381;
  multiplier-3-light: #f28080;
  multiplier-4-light: #8282f2;
  multiplier-2-dark: #9a6818;
  multiplier-3-dark: #9a181f;
  multiplier-4-dark: #187498;
}

table.svelte-ot7opo {
  width: 100%;
}

.device-id.svelte-ot7opo {
  font-family: monospace;
}

html.theme-light .active.svelte-ot7opo {
  color: #36ae7c;
}
html.theme-dark .active.svelte-ot7opo {
  color: #36ae7c;
}.content.svelte-rllqvq {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 24em;
}

.input-container.svelte-rllqvq {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#email.svelte-rllqvq {
  color: black;
}

.premium.svelte-rllqvq {
  padding: 1rem 0;
}

.controls.svelte-rllqvq {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.25em;
}
.controls.svelte-rllqvq .action svg {
  width: 20px;
  height: 20px;
}.letter.selected.svelte-1uwvv14 {
  fill: #36ae7c;
}

.bg.selected.svelte-1uwvv14 {
  fill: currentColor;
}.svelte-19q8f23:export {
  text: #333;
  background: white;
  status-warn: #ffd740;
  star: #f9d923;
  star-bonus: #36ae7c;
  star-penalty: #eb5353;
  daily-vertical-dark: #219ebc;
  daily-horizontal-dark: #fb8500;
  daily-selected-dark: #8ecae6;
  daily-vertical-light: #8ecae6;
  daily-horizontal-light: #ffb703;
  daily-selected-light: #023047;
  tile-default-light: #f5f6fa;
  tile-default-dark: #2f3640;
  tile-blue-light: #d0e6e9;
  tile-blue-dark: #005ddf;
  tile-green-light: #afda8b;
  tile-green-dark: #00762d;
  tile-orange-light: #c39a41;
  tile-orange-dark: #e08300;
  tile-purple-light: #c48bda;
  tile-purple-dark: #704270;
  tile-red-light: #d47792;
  tile-red-dark: #e04200;
  multiplier-2-light: #dcf381;
  multiplier-3-light: #f28080;
  multiplier-4-light: #8282f2;
  multiplier-2-dark: #9a6818;
  multiplier-3-dark: #9a181f;
  multiplier-4-dark: #187498;
}

#feedback svg {
  stroke: #ff5252;
}

.action.feedback-submitted {
  animation-duration: 2s;
  animation-name: svelte-19q8f23-ut3238a;
}
@keyframes svelte-19q8f23-ut3238a {
  0% {
    box-shadow: 0 0 0 0 rgba(54, 174, 124, 0.7);
  }
  25% {
    background-color: rgba(54, 174, 124, 0.7);
  }
  75% {
    background-color: initial;
    box-shadow: 0 0 0 10px rgba(54, 174, 124, 0);
  }
  100% {
    background-color: initial;
    box-shadow: 0 0 0 0 rgba(54, 174, 124, 0);
  }
}

.content.svelte-19q8f23 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#feedback-form.svelte-19q8f23 {
  width: 100%;
  max-width: 20em;
}

.feedback.svelte-19q8f23 {
  width: 100%;
  min-height: 4em;
}

.email.svelte-19q8f23 {
  text-decoration: underline;
}
html.theme-light .email.svelte-19q8f23 {
  color: #005ddf;
}
html.theme-dark .email.svelte-19q8f23 {
  color: #8ecae6;
}.svelte-zx82mz:export {
  text: #333;
  background: white;
  status-warn: #ffd740;
  star: #f9d923;
  star-bonus: #36ae7c;
  star-penalty: #eb5353;
  daily-vertical-dark: #219ebc;
  daily-horizontal-dark: #fb8500;
  daily-selected-dark: #8ecae6;
  daily-vertical-light: #8ecae6;
  daily-horizontal-light: #ffb703;
  daily-selected-light: #023047;
  tile-default-light: #f5f6fa;
  tile-default-dark: #2f3640;
  tile-blue-light: #d0e6e9;
  tile-blue-dark: #005ddf;
  tile-green-light: #afda8b;
  tile-green-dark: #00762d;
  tile-orange-light: #c39a41;
  tile-orange-dark: #e08300;
  tile-purple-light: #c48bda;
  tile-purple-dark: #704270;
  tile-red-light: #d47792;
  tile-red-dark: #e04200;
  multiplier-2-light: #dcf381;
  multiplier-3-light: #f28080;
  multiplier-4-light: #8282f2;
  multiplier-2-dark: #9a6818;
  multiplier-3-dark: #9a181f;
  multiplier-4-dark: #187498;
}

h2.svelte-zx82mz {
  width: 100%;
  text-align: center;
}

.content.svelte-zx82mz {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.header.svelte-zx82mz {
  margin-top: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.header.svelte-zx82mz svg {
  width: 2.5rem;
  height: 2.5rem;
}

/* (unused) img {
  border: 2px solid currentColor;
  border-radius: 1em;
  margin-bottom: 1em;
}*/

.feature-list.svelte-zx82mz {
  text-align: left;
  padding-left: 1.5em;
  width: 100%;
}
.feature-list.svelte-zx82mz li:where(.svelte-zx82mz) {
  margin-bottom: 0.5em;
}

li.svelte-zx82mz > a:where(.svelte-zx82mz) {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  gap: 0.5em;
  font-size: 1.25rem;
  color: black;
  width: 100%;
}
@media (max-width: 900px) {
  li.svelte-zx82mz > a:where(.svelte-zx82mz) {
    font-size: 1.25rem;
  }
}

html.theme-light a.svelte-zx82mz {
  color: #005ddf;
}
html.theme-dark a.svelte-zx82mz {
  color: #8ecae6;
}

.content.svelte-zx82mz .action {
  padding: 0.5em;
  margin-left: auto;
  margin-right: auto;
}

.links.svelte-zx82mz {
  display: grid;
  align-items: center;
  justify-items: center;
  gap: 0.5em;
}

/* (unused) .donate {
  padding-top: 1em;
  animation: shake 2s infinite;
}*/

@keyframes svelte-zx82mz-shake {
  50%, 100% {
    transform: rotate(0);
  }
  5%, 45% {
    transform: rotate(-2deg);
  }
  10%, 40% {
    transform: rotate(2deg) scale(1.05);
  }
  15%, 25%, 35% {
    transform: rotate(-4deg) scale(1.1);
  }
  20%, 30% {
    transform: rotate(4deg) scale(1.1);
  }
}.button-container.svelte-iwd9x4 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.button-container.svelte-iwd9x4 svg {
  font-size: 24px;
  margin-left: auto;
}.letter.selected.svelte-4ygcea {
  stroke: #36ae7c;
}

.bg.selected.svelte-4ygcea {
  fill: currentColor;
}