.scroll-shadow.svelte-19zw8wz {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  flex-direction: column;
  display: flex;
  --scroll-shadow-size: 14;
  --scroll-shadow-top: radial-gradient(
    farthest-side at 50% 0%,
    var(--shadow-color),
    #0000
  );
  --scroll-shadow-bottom: radial-gradient(
    farthest-side at 50% 100%,
    var(--shadow-color),
    #0000
  );
  --scroll-shadow-left: radial-gradient(
    farthest-side at 0%,
    var(--shadow-color),
    #0000
  );
  --scroll-shadow-right: radial-gradient(
    farthest-side at 100%,
    var(--shadow-color),
    #0000
  );
  --shadow-color: #0003;
}
html.dark-mode .scroll-shadow.svelte-19zw8wz {
  --shadow-color: #0006;
}

.scroll-shadow.svelte-19zw8wz::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  --m: var(--scroll-shadow-size, 14) * 1px;
  background: var(--scroll-shadow-top) top/100% min(var(--t), var(--m)), var(--scroll-shadow-bottom) bottom/100% min(var(--b), var(--m)), var(--scroll-shadow-left) left/min(var(--l), var(--m)) 100%, var(--scroll-shadow-right) right/min(var(--r), var(--m)) 100%;
  background-repeat: no-repeat;
}.svelte-lqjpag: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;
}

svg.svelte-lqjpag {
  transition: fill 0.25s ease;
  overflow: visible;
}

.tile.svelte-lqjpag {
  z-index: -1;
  position: absolute;
  top: 0.1em;
  left: 0.1em;
}

.yellow.svelte-lqjpag {
  fill: #f9d923;
}

.drawer.svelte-lqjpag path:where(.svelte-lqjpag) {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
}

.green.svelte-lqjpag {
  fill: #36ae7c;
}
html.theme-light .green.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(29.8421052632, 96.1578947368, 68.5263157895);
}
html.theme-dark .green.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(29.8421052632, 96.1578947368, 68.5263157895);
}

html.theme-light .penalty.svelte-lqjpag {
  fill: #eb5353;
}
html.theme-light .penalty.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(193.5, 22.5, 22.5);
}
html.theme-dark .penalty.svelte-lqjpag {
  fill: #eb5353;
}
html.theme-dark .penalty.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(193.5, 22.5, 22.5);
}

html.theme-light .grey.svelte-lqjpag {
  fill: #78909c;
}
html.theme-light .grey.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(73.6153846154, 91.4615384615, 100.3846153846);
}
html.theme-dark .grey.svelte-lqjpag {
  fill: #78909c;
}
html.theme-dark .grey.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(73.6153846154, 91.4615384615, 100.3846153846);
}

.current.svelte-lqjpag {
  fill: currentColor;
}

html.theme-light .outlined.svelte-lqjpag {
  stroke: rgb(177.1681415929, 151.3982300885, 4.8318584071);
}
html.theme-dark .outlined.svelte-lqjpag {
  stroke: rgb(77.8761061947, 66.5486725664, 2.1238938053);
}.svelte-1dab9eu: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;
}

.tile.svelte-1dab9eu {
  box-sizing: border-box;
  z-index: 500;
  position: relative;
  transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease, transform 0.3s 0.1s ease;
  border: 1px solid #d0e6e9;
  border-bottom: 2px solid #d0e6e9;
  border-radius: 10%;
  width: 100%;
  height: 100%;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
}
.tile.share.svelte-1dab9eu {
  width: 48px;
  height: 48px;
  font-size: 28px;
  border-width: 2px;
  border-bottom-width: 6px;
}
.tile.classic-share.svelte-1dab9eu {
  width: 108px;
  height: 108px;
  font-size: 56px;
  border-width: 4px;
  border-bottom-width: 8px;
}
.tile.small.svelte-1dab9eu {
  width: var(--tile-width);
  height: var(--tile-width);
  font-size: calc(var(--tile-width) / 2);
}
.tile.logo.svelte-1dab9eu, .tile.splash.svelte-1dab9eu, .tile.drawer.svelte-1dab9eu {
  cursor: initial;
}
.tile.logo.svelte-1dab9eu .score:where(.svelte-1dab9eu), .tile.splash.svelte-1dab9eu .score:where(.svelte-1dab9eu), .tile.drawer.svelte-1dab9eu .score:where(.svelte-1dab9eu) {
  display: none;
}
.tile.logo.svelte-1dab9eu {
  font-size: 1rem;
  width: 1.5em;
  height: 1.5em;
}
.tile.splash.svelte-1dab9eu {
  width: 1.5em;
  height: 1.5em;
  font-size: 1.5em;
}
.tile.drawer.svelte-1dab9eu {
  width: 1.5em;
  height: 1.5em;
  font-size: 0.875rem;
  border-width: 1.5px 1.5px 2px 1.5px;
}
.tile.dragging.svelte-1dab9eu {
  transform: scale(1.125);
  transition: transform 0.2 ease 0.2;
}
.tile.selected.svelte-1dab9eu {
  transform: scale(1.125);
  transition: transform 0.2 ease;
}
html.theme-light .tile.svelte-1dab9eu {
  background-color: #f5f6fa;
}
html.theme-light .tile.blue.svelte-1dab9eu, html.theme-light .tile.hovered.svelte-1dab9eu, html.theme-light .tile.selected.svelte-1dab9eu {
  background-color: #d0e6e9;
  border-color: rgb(147.9217391304, 198.0434782609, 204.8782608696);
}
html.theme-light .tile.green.svelte-1dab9eu {
  background-color: #afda8b;
  border-color: rgb(137.6666666667, 200.7333333333, 84.8666666667);
}
html.theme-light .tile.purple.svelte-1dab9eu {
  background-color: #c48bda;
  border-color: rgb(168.4666666667, 84.8666666667, 200.7333333333);
}
html.theme-light .tile.red.svelte-1dab9eu, html.theme-light .tile.penalty.svelte-1dab9eu {
  background-color: #d47792;
  border-color: rgb(196.0972067039, 68.7027932961, 105.6882681564);
}
html.theme-light .tile.orange.svelte-1dab9eu {
  background-color: #c39a41;
  border-color: rgb(158.08, 123.968, 49.92);
}
html.theme-light .tile.daily-vertical.svelte-1dab9eu {
  color: black;
  background-color: #8ecae6;
  border-color: rgb(81.0782608696, 173.4260869565, 216.5217391304);
}
html.theme-light .tile.daily-horizontal.svelte-1dab9eu {
  color: black;
  background-color: #ffb703;
  border-color: rgb(206.4, 147.4285714286, 0);
}
html.theme-dark .tile.svelte-1dab9eu {
  background-color: #2f3640;
}
html.theme-dark .tile.blue.svelte-1dab9eu, html.theme-dark .tile.hovered.svelte-1dab9eu, html.theme-dark .tile.selected.svelte-1dab9eu {
  background-color: #005ddf;
  border-color: rgb(0, 74.4, 178.4);
}
html.theme-dark .tile.green.svelte-1dab9eu {
  background-color: #00762d;
  border-color: rgb(0, 94.4, 36);
}
html.theme-dark .tile.purple.svelte-1dab9eu {
  background-color: #704270;
  border-color: rgb(89.6, 52.8, 89.6);
}
html.theme-dark .tile.red.svelte-1dab9eu, html.theme-dark .tile.penalty.svelte-1dab9eu {
  background-color: #e04200;
  border-color: rgb(179.2, 52.8, 0);
}
html.theme-dark .tile.orange.svelte-1dab9eu {
  background-color: #e08300;
  border-color: rgb(179.2, 104.8, 0);
}
html.theme-dark .tile.daily-vertical.svelte-1dab9eu {
  color: black;
  background-color: #219ebc;
  border-color: rgb(26.4, 126.4, 150.4);
}
html.theme-dark .tile.daily-horizontal.svelte-1dab9eu {
  color: black;
  background-color: #fb8500;
  border-color: rgb(200.8, 106.4, 0);
}
.tile.svelte-1dab9eu .score:where(.svelte-1dab9eu) {
  position: absolute;
  font-size: 0.5em;
  font-weight: normal;
  opacity: 0.8;
  bottom: 0;
  right: 0.4em;
}
.tile.svelte-1dab9eu .debug-id:where(.svelte-1dab9eu) {
  position: absolute;
  opacity: 0;
  font-size: 0.5em;
  font-weight: normal;
  top: 0;
  right: 0;
  padding: 0.2em;
}
.tile.svelte-1dab9eu .multiplier:where(.svelte-1dab9eu) {
  position: absolute;
  height: 1.875em;
  width: 1.875em;
  top: 0;
  left: 0;
  font-size: 0.625em;
  line-height: 1;
  padding: 0.125em;
  font-weight: normal;
  border-radius: calc(0.1 * var(--tile-width)) 0 0 0;
  display: flex;
  align-items: start;
  justify-content: start;
}
.tile.svelte-1dab9eu .multiplier.mult-2:where(.svelte-1dab9eu) {
  background: linear-gradient(to bottom right, #dcf381 0%, #dcf381 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
.tile.svelte-1dab9eu .multiplier.mult-3:where(.svelte-1dab9eu) {
  background: linear-gradient(to bottom right, #f28080 0%, #f28080 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
.tile.svelte-1dab9eu .multiplier.mult-4:where(.svelte-1dab9eu) {
  background: linear-gradient(to bottom right, #8282f2 0%, #8282f2 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
html.dark-mode .tile.svelte-1dab9eu {
  border-color: black;
}
html.dark-mode .tile.svelte-1dab9eu .mult-2:where(.svelte-1dab9eu) {
  background: linear-gradient(to bottom right, #9a6818 0%, #9a6818 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
html.dark-mode .tile.svelte-1dab9eu .mult-3:where(.svelte-1dab9eu) {
  background: linear-gradient(to bottom right, #9a181f 0%, #9a181f 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
html.dark-mode .tile.svelte-1dab9eu .mult-4:where(.svelte-1dab9eu) {
  background: linear-gradient(to bottom right, #187498 0%, #187498 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}.title.svelte-d5hff5 {
  visibility: visible;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.2rem;
}

.subtitle.svelte-d5hff5 {
  cursor: pointer !important;
  width: 2em;
  height: 2em;
  font-size: 0.8rem;
  position: absolute;
}
.subtitle.svelte-d5hff5:first-of-type {
  z-index: 2;
  transform: rotate(-4deg);
  top: 0;
}
.subtitle.svelte-d5hff5:last-of-type {
  z-index: 1;
  bottom: 0;
  right: 0;
  transform: rotate(4deg);
}