.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(11.7027863777%, 37.7089783282%, 26.8730650155%);
}
html.theme-dark .green.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(11.7027863777%, 37.7089783282%, 26.8730650155%);
}

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

html.theme-light .grey.svelte-lqjpag {
  fill: #78909c;
}
html.theme-light .grey.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(28.8687782805%, 35.8672699849%, 39.3665158371%);
}
html.theme-dark .grey.svelte-lqjpag {
  fill: #78909c;
}
html.theme-dark .grey.svelte-lqjpag .outlined:where(.svelte-lqjpag) {
  stroke: rgb(28.8687782805%, 35.8672699849%, 39.3665158371%);
}

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

html.theme-light .outlined.svelte-lqjpag {
  stroke: rgb(69.4777025855%, 59.3718549367%, 1.8948464341%);
}
html.theme-dark .outlined.svelte-lqjpag {
  stroke: rgb(30.5396494881%, 26.0975186535%, 0.8328995315%);
}.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(58.0085251492%, 77.6641091219%, 80.3444160273%);
}
html.theme-light .tile.green.svelte-1dab9eu {
  background-color: #afda8b;
  border-color: rgb(53.9869281046%, 78.7189542484%, 33.2810457516%);
}
html.theme-light .tile.purple.svelte-1dab9eu {
  background-color: #c48bda;
  border-color: rgb(66.0653594771%, 33.2810457516%, 78.7189542484%);
}
html.theme-light .tile.red.svelte-1dab9eu, html.theme-light .tile.penalty.svelte-1dab9eu {
  background-color: #d47792;
  border-color: rgb(76.9008653741%, 26.9422718808%, 41.4463796692%);
}
html.theme-light .tile.orange.svelte-1dab9eu {
  background-color: #c39a41;
  border-color: rgb(61.9921568627%, 48.6149019608%, 19.5764705882%);
}
html.theme-light .tile.daily-vertical.svelte-1dab9eu {
  color: black;
  background-color: #8ecae6;
  border-color: rgb(31.7953964194%, 68.010230179%, 84.9104859335%);
}
html.theme-light .tile.daily-horizontal.svelte-1dab9eu {
  color: black;
  background-color: #ffb703;
  border-color: rgb(80.9411764706%, 57.8151260504%, 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%, 29.1764705882%, 69.9607843137%);
}
html.theme-dark .tile.green.svelte-1dab9eu {
  background-color: #00762d;
  border-color: rgb(0%, 37.0196078431%, 14.1176470588%);
}
html.theme-dark .tile.purple.svelte-1dab9eu {
  background-color: #704270;
  border-color: rgb(35.137254902%, 20.7058823529%, 35.137254902%);
}
html.theme-dark .tile.red.svelte-1dab9eu, html.theme-dark .tile.penalty.svelte-1dab9eu {
  background-color: #e04200;
  border-color: rgb(70.2745098039%, 20.7058823529%, 0%);
}
html.theme-dark .tile.orange.svelte-1dab9eu {
  background-color: #e08300;
  border-color: rgb(70.2745098039%, 41.0980392157%, 0%);
}
html.theme-dark .tile.daily-vertical.svelte-1dab9eu {
  color: black;
  background-color: #219ebc;
  border-color: rgb(10.3529411765%, 49.568627451%, 58.9803921569%);
}
html.theme-dark .tile.daily-horizontal.svelte-1dab9eu {
  color: black;
  background-color: #fb8500;
  border-color: rgb(78.7450980392%, 41.7254901961%, 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);
}