.tab-list.svelte-18571s0 {
		display: flex;
		flex-direction: row;
		justify-content: center;
		text-align: center;
	}

  .tab-panel-container.svelte-111fgq6 {
    display: grid;
  }
  .tab-panel.svelte-111fgq6 {
    height: 100%;
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
button.svelte-x6ouqs {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0.5em 1em;
  color: #888;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  gap: 0.5em;
}
button.svelte-x6ouqs svg {
  opacity: 0.6;
}
@media (max-width: 420px) {
  button.svelte-x6ouqs {
    font-size: 0.875rem;
    padding: 0.5em 0.5em;
    gap: 0.125em;
  }
}

button.svelte-x6ouqs:hover {
  color: #444;
  background-color: rgba(128, 128, 128, 0.5019607843);
  border-radius: 8px 8px 0 0;
}

button.svelte-x6ouqs:hover:not(.selected) {
  border-radius: 8px;
}

.selected.svelte-x6ouqs {
  color: black;
  border-bottom: 4px solid black;
}
.selected.svelte-x6ouqs svg {
  opacity: 1;
}

html.dark-mode button.svelte-x6ouqs:hover {
  color: rgb(208, 208, 208);
}
html.dark-mode button.selected.svelte-x6ouqs {
  color: white;
  border-bottom: 4px solid white;
}
	.virtual-list-wrapper.svelte-1do58xu {
		overflow: auto;
		will-change: transform;
		-webkit-overflow-scrolling: touch;
	}

	.virtual-list-inner.svelte-1do58xu {
		position: relative;
		display: flex;
		width: 100%;
	}

	/* THIS IS THE COMPILED spinner.less STYLESHEET FROM vue-infinite-loading */
	/* COMPILED BECAUSE OTHERWISE THE USER WOULD HAVE TO ADD AN less PREPROCESSOR */


	.loading-wave-dots.svelte-e9of0x {
		/*
		$size: 8px;
		$wave: -6px;
		$delay: .14s;
		*/

		position: relative;
	}

	.loading-wave-dots.svelte-e9of0x .wave-item:where(.svelte-e9of0x) {
		position:          absolute;
		top:               50%;
		left:              50%;
		display:           inline-block;
		margin-top:        -4px; /*  = -$size / 2  */
		width:             8px; /*  = $size  */
		height:            8px; /*  = $size  */
		border-radius:     50%;
		-webkit-animation: svelte-e9of0x-loading-wave-dots linear 2.8s infinite;
		animation:         svelte-e9of0x-loading-wave-dots linear 2.8s infinite;
	}

	.loading-wave-dots.svelte-e9of0x .wave-item:where(.svelte-e9of0x):first-child {
		margin-left: -36px; /*  = -$size/2 + -$size * 4  */
	}

	.loading-wave-dots.svelte-e9of0x .wave-item:where(.svelte-e9of0x):nth-child(2) {
		margin-left:             -20px; /*  = -$size/2 + -$size * 2  */
		-webkit-animation-delay: 0.14s; /*  = $delay  */
		animation-delay:         0.14s; /*  = $delay  */
	}

	.loading-wave-dots.svelte-e9of0x .wave-item:where(.svelte-e9of0x):nth-child(3) {
		margin-left:             -4px; /*  = -$size/2  */
		-webkit-animation-delay: 0.28s; /*  = $delay * 2  */
		animation-delay:         0.28s; /*  = $delay * 2  */
	}

	.loading-wave-dots.svelte-e9of0x .wave-item:where(.svelte-e9of0x):nth-child(4) {
		margin-left:             12px; /*  = -$size/2 + $size * 2  */
		-webkit-animation-delay: 0.42s; /*  = $delay * 3  */
		animation-delay:         0.42s; /*  = $delay * 3  */
	}

	.loading-wave-dots.svelte-e9of0x .wave-item:where(.svelte-e9of0x):last-child {
		margin-left:             28px; /*  = -$size/2 + $size * 4  */
		-webkit-animation-delay: 0.56s; /*  = $delay * 4  */
		animation-delay:         0.56s; /*  = $delay * 4  */
	}

	@-webkit-keyframes svelte-e9of0x-loading-wave-dots {
		0% {
			-webkit-transform: translateY(0);
			transform:         translateY(0);
			background:        #bbb;
		}
		10% {
			-webkit-transform: translateY(-6px); /*  = translateY($wave)  */
			transform:         translateY(-6px); /*  = translateY($wave)  */
			background:        #999;
		}
		20% {
			-webkit-transform: translateY(0);
			transform:         translateY(0);
			background:        #bbb;
		}
		100% {
			-webkit-transform: translateY(0);
			transform:         translateY(0);
			background:        #bbb;
		}
	}

	@keyframes svelte-e9of0x-loading-wave-dots {
		0% {
			-webkit-transform: translateY(0);
			transform:         translateY(0);
			background:        #bbb;
		}
		10% {
			-webkit-transform: translateY(-6px); /*  = translateY($wave)  */
			transform:         translateY(-6px); /*  = translateY($wave)  */
			background:        #999;
		}
		20% {
			-webkit-transform: translateY(0);
			transform:         translateY(0);
			background:        #bbb;
		}
		100% {
			-webkit-transform: translateY(0);
			transform:         translateY(0);
			background:        #bbb;
		}
	}


	/*
	.loading-circles {
		$size: 5px;
		$radius: 12px;
		$shallow: 56%;
		$c-basic: #505050;
	}
	*/

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x) {
		width:             5px; /*  = $size  */
		height:            5px; /*  = $size  */
		-webkit-animation: svelte-e9of0x-loading-circles linear .75s infinite;
		animation:         svelte-e9of0x-loading-circles linear .75s infinite;
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):first-child {
		margin-top:  -14.5px; /*  = -$size/2 + -$radius  */
		margin-left: -2.5px; /*  = -$size/2  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(2) {
		margin-top:  -11.26px; /*  = -$size/2 + -$radius * .73  */
		margin-left: 6.26px; /*  = -$size/2 + $radius * .73  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(3) {
		margin-top:  -2.5px; /*  = -$size/2  */
		margin-left: 9.5px; /*  = -$size/2 + $radius  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(4) {
		margin-top:  6.26px; /*  = -$size/2 + $radius * .73  */
		margin-left: 6.26px; /*  = -$size/2 + $radius * .73  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(5) {
		margin-top:  9.5px; /*  = -$size/2 + $radius  */
		margin-left: -2.5px; /*  = -$size/2  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(6) {
		margin-top:  6.26px; /*  = -$size/2 + $radius * .73  */
		margin-left: -11.26px; /*  = -$size/2 + -$radius * .73  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(7) {
		margin-top:  -2.5px; /*  = -$size/2  */
		margin-left: -14.5px; /*  = -$size/2 + -$radius  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):last-child {
		margin-top:  -11.26px; /*  = -$size/2 + -$radius * .73  */
		margin-left: -11.26px; /*  = -$size/2 + -$radius * .73  */
	}

	@-webkit-keyframes svelte-e9of0x-loading-circles {
		0% {
			background: #dfdfdf; /*  = lighten($c-basic, $shallow)  */
		}
		90% {
			background: #505050; /*  = $c-basic  */
		}
		100% {
			background: #dfdfdf; /*  = lighten($c-basic, $shallow)  */
		}
	}

	@keyframes svelte-e9of0x-loading-circles {
		0% {
			background: #dfdfdf; /*  = lighten($c-basic, $shallow)  */
		}
		90% {
			background: #505050; /*  = $c-basic  */
		}
		100% {
			background: #dfdfdf; /*  = lighten($c-basic, $shallow)  */
		}
	}


	/*
	.loading-bubbles {
		$size: 1px;
		$radius: 12px;
		$shallow: 3px;
		$c-basic: #666;
	}
	*/

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x) {
		background:        #666; /*  = $c-basic  */
		-webkit-animation: svelte-e9of0x-loading-bubbles linear .75s infinite;
		animation:         svelte-e9of0x-loading-bubbles linear .75s infinite;
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):first-child {
		margin-top:  -12.5px; /*  = -$size/2 + -$radius  */
		margin-left: -0.5px; /*  = -$size/2  */
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(2) {
		margin-top:  -9.26px; /*  = -$size/2 + -$radius * .73  */
		margin-left: 8.26px; /*  = -$size/2 + $radius * .73  */
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(3) {
		margin-top:  -0.5px; /*  = -$size/2  */
		margin-left: 11.5px; /*  = -$size/2 + $radius  */
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(4) {
		margin-top:  8.26px; /*  = -$size/2 + $radius * .73  */
		margin-left: 8.26px; /*  = -$size/2 + $radius * .73  */
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(5) {
		margin-top:  11.5px; /*  = -$size/2 + $radius  */
		margin-left: -0.5px; /*  = -$size/2  */
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(6) {
		margin-top:  8.26px; /*  = -$size/2 + $radius * .73  */
		margin-left: -9.26px; /*  = -$size/2 + -$radius * .73  */
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(7) {
		margin-top:  -0.5px; /*  = -$size/2  */
		margin-left: -12.5px; /*  = -$size/2 + -$radius  */
	}

	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):last-child {
		margin-top:  -9.26px; /*  = -$size/2 + -$radius * .73  */
		margin-left: -9.26px; /*  = -$size/2 + -$radius * .73  */
	}

	@-webkit-keyframes svelte-e9of0x-loading-bubbles {
		0% {
			width:      1px;
			height:     1px;
			box-shadow: 0 0 0 3px #666; /*  = 0 0 0 $shallow $c-basic  */
		}
		90% {
			width:      1px;
			height:     1px;
			box-shadow: 0 0 0 0 #666; /*  = 0 0 0 0 $c-basic  */
		}
		100% {
			width:      1px;
			height:     1px;
			box-shadow: 0 0 0 3px #666; /*  = 0 0 0 $shallow $c-basic  */
		}
	}

	@keyframes svelte-e9of0x-loading-bubbles {
		0% {
			width:      1px;
			height:     1px;
			box-shadow: 0 0 0 3px #666; /*  = 0 0 0 $shallow $c-basic  */
		}
		90% {
			width:      1px;
			height:     1px;
			box-shadow: 0 0 0 0 #666; /*  = 0 0 0 0 $c-basic  */
		}
		100% {
			width:      1px;
			height:     1px;
			box-shadow: 0 0 0 3px #666; /*  = 0 0 0 $shallow $c-basic  */
		}
	}



	/* default adjust-huener */
	.loading-default.svelte-e9of0x {
		position:          relative;
		border:            1px solid #999;
		-webkit-animation: svelte-e9of0x-loading-rotating ease 1.5s infinite;
		animation:         svelte-e9of0x-loading-rotating ease 1.5s infinite;
	}

	.loading-default.svelte-e9of0x:before {
		/*
		$size: 6px
		*/

		content:          '';
		position:         absolute;
		display:          block;
		top:              0;
		left:             50%;
		margin-top:       -3px; /*  = -$size/2  */
		margin-left:      -3px; /*  = -$size/2  */
		width:            6px; /*  = $size  */
		height:           6px; /*  = $size  */
		background-color: #999;
		border-radius:    50%;
	}

	/* spiral adjust-huener */
	.loading-spiral.svelte-e9of0x {
		border:             2px solid #777;
		border-right-color: transparent;
		-webkit-animation:  svelte-e9of0x-loading-rotating linear .85s infinite;
		animation:          svelte-e9of0x-loading-rotating linear .85s infinite;
	}

	@-webkit-keyframes svelte-e9of0x-loading-rotating {
		0% {
			-webkit-transform: rotate(0);
			transform:         rotate(0);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform:         rotate(360deg);
		}
	}

	@keyframes svelte-e9of0x-loading-rotating {
		0% {
			-webkit-transform: rotate(0);
			transform:         rotate(0);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform:         rotate(360deg);
		}
	}

	/* common styles for the bubble adjust-huener and circle adjust-huener */
	.loading-bubbles.svelte-e9of0x,
	.loading-circles.svelte-e9of0x {
		position: relative;
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x),
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x) {
		/*
		$delay: .093s
		*/

		position:      absolute;
		top:           50%;
		left:          50%;
		display:       inline-block;
		border-radius: 50%;
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(2),
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(2) {
		-webkit-animation-delay: 0.093s; /*  = $delay  */
		animation-delay:         0.093s; /*  = $delay  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(3),
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(3) {
		-webkit-animation-delay: 0.186s; /*  = $delay * 2  */
		animation-delay:         0.186s; /*  = $delay * 2  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(4),
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(4) {
		-webkit-animation-delay: 0.279s; /*  = $delay * 3  */
		animation-delay:         0.279s; /*  = $delay * 3  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(5),
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(5) {
		-webkit-animation-delay: 0.372s; /*  = $delay * 4  */
		animation-delay:         0.372s; /*  = $delay * 4  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(6),
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(6) {
		-webkit-animation-delay: 0.465s; /*  = $delay * 5  */
		animation-delay:         0.465s; /*  = $delay * 5  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):nth-child(7),
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):nth-child(7) {
		-webkit-animation-delay: 0.558s; /*  = $delay * 6  */
		animation-delay:         0.558s; /*  = $delay * 6  */
	}

	.loading-circles.svelte-e9of0x .circle-item:where(.svelte-e9of0x):last-child,
	.loading-bubbles.svelte-e9of0x .bubble-item:where(.svelte-e9of0x):last-child {
		-webkit-animation-delay: 0.651s; /*  = $delay * 7  */
		animation-delay:         0.651s; /*  = $delay * 7  */
	}

	.loading-bubbles.svelte-e9of0x,
	.loading-circles.svelte-e9of0x,
	.loading-spiral.svelte-e9of0x,
	.loading-wave-dots.svelte-e9of0x,
	.loading-default.svelte-e9of0x {
		/*
		$size: 28px
		*/

		display:       inline-block;
		margin:        5px 0;
		width:         28px; /*  = $size  */
		height:        28px; /*  = $size  */
		font-size:     28px; /*  = $size  */
		line-height:   28px; /*  = $size  */
		border-radius: 50%;
	}

	.infinite-loading-container.svelte-1vaiug6 {
		clear:      both;
		text-align: center;
	}

	.btn-try-infinite.svelte-1vaiug6 {
		margin-top:    5px;
		padding:       5px 10px;
		color:         #999;
		font-size:     14px;
		line-height:   1;
		background:    transparent;
		border:        1px solid #ccc;
		border-radius: 3px;
		outline:       none;
		cursor:        pointer;
	}

	.btn-try-infinite.svelte-1vaiug6:not(:active):hover {
		opacity: 0.8;
	}
.svelte-1khhg63: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;
}

.jump.svelte-1khhg63 {
  position: absolute;
  left: 50%;
}
.jump.top.svelte-1khhg63 {
  top: 0;
}
.jump.bottom.svelte-1khhg63 {
  bottom: 0;
}
.jump.svelte-1khhg63 {
  padding: 0.5em 0;
}

button.svelte-1khhg63 {
  border: none;
  cursor: pointer;
  border-radius: 999px;
  padding: 0.5em 1em;
  transform: translate(-50%);
  display: flex;
  align-items: center;
  gap: 0.5em;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2509803922);
}
html.theme-light button.svelte-1khhg63 {
  color: #333;
  background-color: #d0e6e9;
}
html.theme-dark button.svelte-1khhg63 {
  color: white;
  background-color: #005ddf;
}.spinner.svelte-q952sb {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.small.svelte-q952sb {
  font-size: 0.75em;
}

.no-results.svelte-q952sb {
  padding-bottom: 1em;
}

.empty-local.svelte-q952sb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2em;
  text-align: center;
  opacity: 0.6;
}