h1.svelte-11obbij {
        font-size: 4em;
        font-weight: 100;
        text-align: center;
        margin: 0 0 30px 0;
        color: ghostwhite;
    }

    .main-container.svelte-11obbij {
        backdrop-filter: blur(4px) brightness(40%);
        color: ghostwhite;
        border-radius: 10px;
        padding: 40px 60px;
    }

    .abcRioButton {
        margin: auto;
    }


    .brand-group.svelte-d8j1hi {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .lang-switch.svelte-d8j1hi {
        display: inline-flex;
        align-items: center;
        margin-left: 8px;
        background: transparent;
        border: 0;
        padding: 0.5rem 0.5rem;
        color: rgba(255, 255, 255, 0.55);
    }

    .lang-switch.svelte-d8j1hi:hover,
    .lang-switch.svelte-d8j1hi:focus-visible {
        color: rgba(255, 255, 255, 0.75);
        text-decoration: none;
    }

    .stemma-row.svelte-d8j1hi .stemma-name:where(.svelte-d8j1hi) {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .stemma-row.svelte-d8j1hi .stemma-action:where(.svelte-d8j1hi) {
        flex: 0 0 auto;
    }

    .stemma-action-placeholder.svelte-d8j1hi {
        visibility: hidden;
        pointer-events: none;
    }


  svg.svelte-1kxu7be {
      width: var(--chevron-icon-width, 20px);
      height: var(--chevron-icon-width, 20px);
      color: var(--chevron-icon-colour, currentColor);
  }


    svg.svelte-1hraxrc {
        width: var(--clear-icon-width, 20px);
        height: var(--clear-icon-width, 20px);
        color: var(--clear-icon-color, currentColor);
    }


    .loading.svelte-y9fi5p {
        width: var(--spinner-width, 20px);
        height: var(--spinner-height, 20px);
        color: var(--spinner-color, var(--icons-color));
        animation: svelte-y9fi5p-rotate 0.75s linear infinite;
        transform-origin: center center;
        transform: none;
    }

    .circle_path.svelte-y9fi5p {
        stroke-dasharray: 90;
        stroke-linecap: round;
    }

    @keyframes svelte-y9fi5p-rotate {
        100% {
            transform: rotate(360deg);
        }
    }


    .svelte-select.svelte-1ul7oo4 {
        /* deprecating camelCase custom props in favour of kebab-case for v5 */
        --borderRadius: var(--border-radius);
        --clearSelectColor: var(--clear-select-color);
        --clearSelectWidth: var(--clear-select-width);
        --disabledBackground: var(--disabled-background);
        --disabledBorderColor: var(--disabled-border-color);
        --disabledColor: var(--disabled-color);
        --disabledPlaceholderColor: var(--disabled-placeholder-color);
        --disabledPlaceholderOpacity: var(--disabled-placeholder-opacity);
        --errorBackground: var(--error-background);
        --errorBorder: var(--error-border);
        --groupItemPaddingLeft: var(--group-item-padding-left);
        --groupTitleColor: var(--group-title-color);
        --groupTitleFontSize: var(--group-title-font-size);
        --groupTitleFontWeight: var(--group-title-font-weight);
        --groupTitlePadding: var(--group-title-padding);
        --groupTitleTextTransform: var(--group-title-text-transform);
        --groupTitleBorderColor: var(--group-title-border-color);
        --groupTitleBorderWidth: var(--group-title-border-width);
        --groupTitleBorderStyle: var(--group-title-border-style);
        --indicatorColor: var(--chevron-color);
        --indicatorHeight: var(--chevron-height);
        --indicatorWidth: var(--chevron-width);
        --inputColor: var(--input-color);
        --inputLeft: var(--input-left);
        --inputLetterSpacing: var(--input-letter-spacing);
        --inputMargin: var(--input-margin);
        --inputPadding: var(--input-padding);
        --itemActiveBackground: var(--item-active-background);
        --itemColor: var(--item-color);
        --itemFirstBorderRadius: var(--item-first-border-radius);
        --itemHoverBG: var(--item-hover-bg);
        --itemHoverColor: var(--item-hover-color);
        --itemIsActiveBG: var(--item-is-active-bg);
        --itemIsActiveColor: var(--item-is-active-color);
        --itemIsNotSelectableColor: var(--item-is-not-selectable-color);
        --itemPadding: var(--item-padding);
        --listBackground: var(--list-background);
        --listBorder: var(--list-border);
        --listBorderRadius: var(--list-border-radius);
        --listEmptyColor: var(--list-empty-color);
        --listEmptyPadding: var(--list-empty-padding);
        --listEmptyTextAlign: var(--list-empty-text-align);
        --listMaxHeight: var(--list-max-height);
        --listPosition: var(--list-position);
        --listShadow: var(--list-shadow);
        --listZIndex: var(--list-z-index);
        --multiItemBG: var(--multi-item-bg);
        --multiItemBorderRadius: var(--multi-item-border-radius);
        --multiItemDisabledHoverBg: var(--multi-item-disabled-hover-bg);
        --multiItemDisabledHoverColor: var(--multi-item-disabled-hover-color);
        --multiItemHeight: var(--multi-item-height);
        --multiItemMargin: var(--multi-item-margin);
        --multiItemPadding: var(--multi-item-padding);
        --multiSelectInputMargin: var(--multi-select-input-margin);
        --multiSelectInputPadding: var(--multi-select-input-padding);
        --multiSelectPadding: var(--multi-select-padding);
        --placeholderColor: var(--placeholder-color);
        --placeholderOpacity: var(--placeholder-opacity);
        --selectedItemPadding: var(--selected-item-padding);
        --spinnerColor: var(--spinner-color);
        --spinnerHeight: var(--spinner-height);
        --spinnerWidth: var(--spinner-width);

        --internal-padding: 0 0 0 16px;

        border: var(--border, 1px solid #d8dbdf);
        border-radius: var(--border-radius, 6px);
        min-height: var(--height, 42px);
        position: relative;
        display: flex;
        align-items: stretch;
        padding: var(--padding, var(--internal-padding));
        background: var(--background, #fff);
        margin: var(--margin, 0);
        width: var(--width, 100%);
        font-size: var(--font-size, 16px);
        max-height: var(--max-height);
    }

    .svelte-1ul7oo4 {
        box-sizing: var(--box-sizing, border-box);
    }

    .svelte-select.svelte-1ul7oo4:hover {
        border: var(--border-hover, 1px solid #b2b8bf);
    }

    .value-container.svelte-1ul7oo4 {
        display: flex;
        flex: 1 1 0%;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px 10px;
        padding: var(--value-container-padding, 5px 0);
        position: relative;
        overflow: var(--value-container-overflow, hidden);
        align-self: stretch;
    }

    .prepend.svelte-1ul7oo4,
    .indicators.svelte-1ul7oo4 {
        display: flex;
        flex-shrink: 0;
        align-items: center;
    }

    .indicators.svelte-1ul7oo4 {
        position: var(--indicators-position);
        top: var(--indicators-top);
        right: var(--indicators-right);
        bottom: var(--indicators-bottom);
    }

    input.svelte-1ul7oo4 {
        position: absolute;
        cursor: default;
        border: none;
        color: var(--input-color, var(--item-color));
        padding: var(--input-padding, 0);
        letter-spacing: var(--input-letter-spacing, inherit);
        margin: var(--input-margin, 0);
        min-width: 10px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent;
        font-size: var(--font-size, 16px);
    }

    .svelte-1ul7oo4:not(.multi) > .value-container:where(.svelte-1ul7oo4) > input:where(.svelte-1ul7oo4) {
        width: 100%;
        height: 100%;
    }

    input.svelte-1ul7oo4::placeholder {
        color: var(--placeholder-color, #78848f);
        opacity: var(--placeholder-opacity, 1);
    }

    input.svelte-1ul7oo4:focus {
        outline: none;
    }

    .svelte-select.focused.svelte-1ul7oo4 {
        border: var(--border-focused, 1px solid #006fe8);
        border-radius: var(--border-radius-focused, var(--border-radius, 6px));
    }

    .disabled.svelte-1ul7oo4 {
        background: var(--disabled-background, #ebedef);
        border-color: var(--disabled-border-color, #ebedef);
        color: var(--disabled-color, #c1c6cc);
    }

    .disabled.svelte-1ul7oo4 input:where(.svelte-1ul7oo4)::placeholder {
        color: var(--disabled-placeholder-color, #c1c6cc);
        opacity: var(--disabled-placeholder-opacity, 1);
    }

    .selected-item.svelte-1ul7oo4 {
        position: relative;
        overflow: var(--selected-item-overflow, hidden);
        padding: var(--selected-item-padding, 0 20px 0 0);
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--selected-item-color, inherit);
        font-size: var(--font-size, 16px);
    }

    .multi.svelte-1ul7oo4 .selected-item:where(.svelte-1ul7oo4) {
        position: absolute;
        line-height: var(--height, 42px);
        height: var(--height, 42px);
    }

    .selected-item.svelte-1ul7oo4:focus {
        outline: none;
    }

    .hide-selected-item.svelte-1ul7oo4 {
        opacity: 0;
    }

    .icon.svelte-1ul7oo4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .clear-select.svelte-1ul7oo4 {
        all: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--clear-select-width, 40px);
        height: var(--clear-select-height, 100%);
        color: var(--clear-select-color, var(--icons-color));
        margin: var(--clear-select-margin, 0);
        pointer-events: all;
        flex-shrink: 0;
    }

    .clear-select.svelte-1ul7oo4:focus {
        outline: var(--clear-select-focus-outline, 1px solid #006fe8);
    }

    .loading.svelte-1ul7oo4 {
        width: var(--loading-width, 40px);
        height: var(--loading-height);
        color: var(--loading-color, var(--icons-color));
        margin: var(--loading--margin, 0);
        flex-shrink: 0;
    }

    .chevron.svelte-1ul7oo4 {
        width: var(--chevron-width, 40px);
        height: var(--chevron-height, 40px);
        background: var(--chevron-background, transparent);
        pointer-events: var(--chevron-pointer-events, none);
        color: var(--chevron-color, var(--icons-color));
        border: var(--chevron-border, 0 0 0 1px solid #d8dbdf);
        flex-shrink: 0;
    }

    .multi.svelte-1ul7oo4 {
        padding: var(--multi-select-padding, var(--internal-padding));
    }

    .multi.svelte-1ul7oo4 input:where(.svelte-1ul7oo4) {
        padding: var(--multi-select-input-padding, 0);
        position: relative;
        margin: var(--multi-select-input-margin, 5px 0);
        flex: 1 1 40px;
    }

    .svelte-select.error.svelte-1ul7oo4 {
        border: var(--error-border, 1px solid #ff2d55);
        background: var(--error-background, #fff);
    }

    .a11y-text.svelte-1ul7oo4 {
        z-index: 9999;
        border: 0px;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        padding: 0px;
        white-space: nowrap;
    }

    .multi-item.svelte-1ul7oo4 {
        background: var(--multi-item-bg, #ebedef);
        margin: var(--multi-item-margin, 0);
        outline: var(--multi-item-outline, 1px solid #ddd);
        border-radius: var(--multi-item-border-radius, 4px);
        height: var(--multi-item-height, 25px);
        line-height: var(--multi-item-height, 25px);
        display: flex;
        cursor: default;
        padding: var(--multi-item-padding, 0 5px);
        overflow: hidden;
        gap: var(--multi-item-gap, 4px);
        outline-offset: -1px;
        max-width: var(--multi-max-width, none);
        color: var(--multi-item-color, var(--item-color));
    }

    .multi-item.disabled.svelte-1ul7oo4:hover {
        background: var(--multi-item-disabled-hover-bg, #ebedef);
        color: var(--multi-item-disabled-hover-color, #c1c6cc);
    }

    .multi-item-text.svelte-1ul7oo4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .multi-item-clear.svelte-1ul7oo4 {
        display: flex;
        align-items: center;
        justify-content: center;
        --clear-icon-color: var(--multi-item-clear-icon-color, #000);
    }

    .multi-item.active.svelte-1ul7oo4 {
        outline: var(--multi-item-active-outline, 1px solid #006fe8);
    }

    .svelte-select-list.svelte-1ul7oo4 {
        box-shadow: var(--list-shadow, 0 2px 3px 0 rgba(44, 62, 80, 0.24));
        border-radius: var(--list-border-radius, 4px);
        max-height: var(--list-max-height, 252px);
        overflow-y: auto;
        background: var(--list-background, #fff);
        position: var(--list-position, absolute);
        z-index: var(--list-z-index, 2);
        border: var(--list-border);
    }

    .prefloat.svelte-1ul7oo4 {
        opacity: 0;
        pointer-events: none;
    }

    .list-group-title.svelte-1ul7oo4 {
        color: var(--group-title-color, #8f8f8f);
        cursor: default;
        font-size: var(--group-title-font-size, 16px);
        font-weight: var(--group-title-font-weight, 600);
        height: var(--height, 42px);
        line-height: var(--height, 42px);
        padding: var(--group-title-padding, 0 20px);
        text-overflow: ellipsis;
        overflow-x: hidden;
        white-space: nowrap;
        text-transform: var(--group-title-text-transform, uppercase);
        border-width: var(--group-title-border-width, medium);
        border-style: var(--group-title-border-style, none);
        border-color: var(--group-title-border-color, color);
    }

    .empty.svelte-1ul7oo4 {
        text-align: var(--list-empty-text-align, center);
        padding: var(--list-empty-padding, 20px 0);
        color: var(--list-empty-color, #78848f);
    }

    .item.svelte-1ul7oo4 {
        cursor: default;
        height: var(--item-height, var(--height, 42px));
        line-height: var(--item-line-height, var(--height, 42px));
        padding: var(--item-padding, 0 20px);
        color: var(--item-color, inherit);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        transition: var(--item-transition, all 0.2s);
        align-items: center;
        width: 100%;
    }

    .item.group-item.svelte-1ul7oo4 {
        padding-left: var(--group-item-padding-left, 40px);
    }

    .item.svelte-1ul7oo4:active {
        background: var(--item-active-background, #b9daff);
    }

    .item.active.svelte-1ul7oo4 {
        background: var(--item-is-active-bg, #007aff);
        color: var(--item-is-active-color, #fff);
    }

    .item.first.svelte-1ul7oo4 {
        border-radius: var(--item-first-border-radius, 4px 4px 0 0);
    }

    .item.hover.svelte-1ul7oo4:not(.active) {
        background: var(--item-hover-bg, #e7f2ff);
        color: var(--item-hover-color, inherit);
    }

    .item.not-selectable.svelte-1ul7oo4,
    .item.hover.item.not-selectable.svelte-1ul7oo4,
    .item.active.item.not-selectable.svelte-1ul7oo4,
    .item.not-selectable.svelte-1ul7oo4:active {
        color: var(--item-is-not-selectable-color, #999);
        background: transparent;
    }

    .required.svelte-1ul7oo4 {
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.fullHeight.svelte-ly5h8m {
  min-height: calc(100vh - 56px);
}


	.circle.svelte-7w2xrx {
		height: var(--size);
		width: var(--size);
		border-color: var(--color) transparent var(--color) var(--color);
		border-width: calc(var(--size) / 15);
		border-style: solid;
		border-image: initial;
		border-radius: 50%;
		animation: var(--duration) linear 0s infinite normal none running svelte-7w2xrx-rotate;
	}
	.pause-animation.svelte-7w2xrx {
		animation-play-state: paused;
	}
	@keyframes svelte-7w2xrx-rotate {
		0% {
			transform: rotate(0);
		}
		100% {
			transform: rotate(360deg);
		}
	}


	.circle.svelte-18p56hv {
		width: var(--size);
		height: var(--size);
		box-sizing: border-box;
		position: relative;
		border: 3px solid transparent;
		border-top-color: var(--colorOuter);
		border-radius: 50%;
		animation: svelte-18p56hv-circleSpin var(--durationOuter) linear infinite;
	}
	.circle.svelte-18p56hv::before,
	.circle.svelte-18p56hv::after {
		content: '';
		box-sizing: border-box;
		position: absolute;
		border: 3px solid transparent;
		border-radius: 50%;
	}
	.circle.svelte-18p56hv::after {
		border-top-color: var(--colorInner);
		top: 9px;
		left: 9px;
		right: 9px;
		bottom: 9px;
		animation: svelte-18p56hv-circleSpin var(--durationInner) linear infinite;
	}
	.circle.svelte-18p56hv::before {
		border-top-color: var(--colorCenter);
		top: 3px;
		left: 3px;
		right: 3px;
		bottom: 3px;
		animation: svelte-18p56hv-circleSpin var(--durationCenter) linear infinite;
	}
	.pause-animation.svelte-18p56hv,
	.pause-animation.svelte-18p56hv::after,
	.pause-animation.svelte-18p56hv::before {
		animation-play-state: paused;
	}

	@keyframes svelte-18p56hv-circleSpin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}


	.wrapper.svelte-1ld5hqc {
		width: var(--size);
		height: var(--size);
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 0;
		box-sizing: border-box;
	}
	.inner.svelte-1ld5hqc {
		transform: scale(calc(var(--floatSize) / 52));
	}
	.ball-container.svelte-1ld5hqc {
		animation: svelte-1ld5hqc-ballTwo var(--duration) infinite;
		width: 44px;
		height: 44px;
		flex-shrink: 0;
		position: relative;
	}
	.single-ball.svelte-1ld5hqc {
		width: 44px;
		height: 44px;
		position: absolute;
	}
	.ball.svelte-1ld5hqc {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		position: absolute;
		animation: svelte-1ld5hqc-ballOne var(--duration) infinite ease;
	}
	.pause-animation.svelte-1ld5hqc {
		animation-play-state: paused;
	}
	.ball-top-left.svelte-1ld5hqc {
		background-color: var(--ballTopLeftColor);
		top: 0;
		left: 0;
	}
	.ball-top-right.svelte-1ld5hqc {
		background-color: var(--ballTopRightColor);
		top: 0;
		left: 24px;
	}
	.ball-bottom-left.svelte-1ld5hqc {
		background-color: var(--ballBottomLeftColor);
		top: 24px;
		left: 0;
	}
	.ball-bottom-right.svelte-1ld5hqc {
		background-color: var(--ballBottomRightColor);
		top: 24px;
		left: 24px;
	}
	@keyframes svelte-1ld5hqc-ballOne {
		0% {
			position: absolute;
		}
		50% {
			top: 12px;
			left: 12px;
			position: absolute;
			opacity: 0.5;
		}
		100% {
			position: absolute;
		}
	}
	@keyframes svelte-1ld5hqc-ballTwo {
		0% {
			transform: rotate(0deg) scale(1);
		}
		50% {
			transform: rotate(360deg) scale(1.3);
		}
		100% {
			transform: rotate(720deg) scale(1);
		}
	}


	.wrapper.svelte-114lbwa {
		position: relative;
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-114lbwa {
		position: absolute;
		width: var(--size);
		height: var(--size);
		background-color: var(--color);
		border-radius: 100%;
		opacity: 0.6;
		top: 0;
		left: 0;
		animation-fill-mode: both;
		animation-name: svelte-114lbwa-bounce !important;
	}
	.pause-animation.svelte-114lbwa {
		animation-play-state: paused;
	}
	@keyframes svelte-114lbwa-bounce {
		0%,
		100% {
			transform: scale(0);
		}
		50% {
			transform: scale(1);
		}
	}


	.svelte-1xynvbs {
		overflow: hidden;
		position: relative;
		text-indent: -9999px;
		display: inline-block;
		background: #f86;
		border-radius: 50%;
		transform: rotateZ(90deg);
		transform-origin: 50% 50%;
		animation: svelte-1xynvbs-plus-loader-background var(--duration) infinite ease-in-out;
	}

	.svelte-1xynvbs::after {
		background: #f86;
		border-radius: 50% 0 0 50%;
		content: '';
		position: absolute;
		right: 50%;
		top: 0;
		width: 50%;
		height: 100%;
		transform-origin: 100% 50%;
		animation: svelte-1xynvbs-plus-loader-top var(--duration) infinite linear;
	}

	.svelte-1xynvbs::before {
		background: #fc6;
		border-radius: 50% 0 0 50%;
		content: '';
		position: absolute;
		right: 50%;
		top: 0;
		width: 50%;
		height: 100%;
		transform-origin: 100% 50%;
		animation: svelte-1xynvbs-plus-loader-bottom var(--duration) infinite linear;
	}
	.pause-animation.svelte-1xynvbs,
	.pause-animation.svelte-1xynvbs::before,
	.pause-animation.svelte-1xynvbs::after {
		animation-play-state: paused;
	}

	@keyframes svelte-1xynvbs-plus-loader-top {
		2.5% {
			background: #f86;
			transform: rotateY(0deg);
			animation-timing-function: ease-in;
		}

		13.75% {
			background: #ff430d;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		13.76% {
			background: #ffae0d;
			transform: rotateY(90deg);
			animation-timing-function: ease-out;
		}

		25% {
			background: #fc6;
			transform: rotateY(180deg);
		}

		27.5% {
			background: #fc6;
			transform: rotateY(180deg);
			animation-timing-function: ease-in;
		}

		41.25% {
			background: #ffae0d;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		41.26% {
			background: #2cc642;
			transform: rotateY(90deg);
			animation-timing-function: ease-out;
		}

		50% {
			background: #6d7;
			transform: rotateY(0deg);
		}

		52.5% {
			background: #6d7;
			transform: rotateY(0deg);
			animation-timing-function: ease-in;
		}

		63.75% {
			background: #2cc642;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		63.76% {
			background: #1386d2;
			transform: rotateY(90deg);
			animation-timing-function: ease-out;
		}

		75% {
			background: #4ae;
			transform: rotateY(180deg);
		}

		77.5% {
			background: #4ae;
			transform: rotateY(180deg);
			animation-timing-function: ease-in;
		}

		91.25% {
			background: #1386d2;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		91.26% {
			background: #ff430d;
			transform: rotateY(90deg);
			animation-timing-function: ease-in;
		}

		100% {
			background: #f86;
			transform: rotateY(0deg);
			animation-timing-function: step-start;
		}
	}

	@keyframes svelte-1xynvbs-plus-loader-bottom {
		0% {
			background: #fc6;
			animation-timing-function: step-start;
		}

		50% {
			background: #fc6;
			animation-timing-function: step-start;
		}

		75% {
			background: #4ae;
			animation-timing-function: step-start;
		}

		100% {
			background: #4ae;
			animation-timing-function: step-start;
		}
	}

	@keyframes svelte-1xynvbs-plus-loader-background {
		0% {
			background: #f86;
			transform: rotateZ(180deg);
		}

		25% {
			background: #f86;
			transform: rotateZ(180deg);
			animation-timing-function: step-start;
		}

		27.5% {
			background: #6d7;
			transform: rotateZ(90deg);
		}

		50% {
			background: #6d7;
			transform: rotateZ(90deg);
			animation-timing-function: step-start;
		}

		52.5% {
			background: #6d7;
			transform: rotateZ(0deg);
		}

		75% {
			background: #6d7;
			transform: rotateZ(0deg);
			animation-timing-function: step-start;
		}

		77.5% {
			background: #f86;
			transform: rotateZ(270deg);
		}

		100% {
			background: #f86;
			transform: rotateZ(270deg);
			animation-timing-function: step-start;
		}
	}


	.wrapper.svelte-1rlyajf {
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-1rlyajf {
		width: var(--size);
		height: var(--size);
		background-color: var(--color);
		animation-duration: var(--duration);
		border-radius: 100%;
		display: inline-block;
		animation: svelte-1rlyajf-scaleOut var(--duration) ease-in-out infinite;
	}
	.pause-animation.svelte-1rlyajf {
		animation-play-state: paused;
	}
	@keyframes svelte-1rlyajf-scaleOut {
		0% {
			transform: scale(0);
		}
		100% {
			transform: scale(1);
			opacity: 0;
		}
	}


	.wrapper.svelte-11s1867 {
		width: var(--size);
		height: var(--stroke);
		transform: scale(calc(var(--floatSize) / 75));
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.line.svelte-11s1867 {
		width: var(--size);
		height: var(--stroke);
		background: var(--color);
		border-radius: var(--stroke);
		transform-origin: center center;
		animation: svelte-11s1867-spineLine var(--duration) ease infinite;
	}
	.pause-animation.svelte-11s1867 {
		animation-play-state: paused;
	}
	@keyframes svelte-11s1867-spineLine {
		0% {
			transform: rotate(-20deg);
			height: 5px;
			width: 75px;
		}
		5% {
			height: 5px;
			width: 75px;
		}
		30% {
			transform: rotate(380deg);
			height: 5px;
			width: 75px;
		}
		40% {
			transform: rotate(360deg);
			height: 5px;
			width: 75px;
		}
		55% {
			transform: rotate(0deg);
			height: 5px;
			width: 5px;
		}
		65% {
			transform: rotate(0deg);
			height: 5px;
			width: 85px;
		}
		68% {
			transform: rotate(0deg);
			height: 5px;
		}
		75% {
			transform: rotate(0deg);
			height: 5px;
			width: 1px;
		}
		78% {
			height: 5px;
			width: 5px;
		}
		90% {
			height: 5px;
			width: 75px;
			transform: rotate(0deg);
		}
		99%,
		100% {
			height: 5px;
			width: 75px;
			transform: rotate(-20deg);
		}
	}


	.wrapper.svelte-1et11w8 {
		height: var(--size);
		width: var(--size);
		display: inline-block;
		text-align: center;
		font-size: 10px;
	}
	.rect.svelte-1et11w8 {
		height: 100%;
		width: 10%;
		display: inline-block;
		margin-right: 4px;
		transform: scaleY(0.4);
		background-color: var(--color);
		animation: svelte-1et11w8-stretch var(--duration) ease-in-out infinite;
	}
	.pause-animation.svelte-1et11w8 {
		animation-play-state: paused;
	}
	@keyframes svelte-1et11w8-stretch {
		0%,
		40%,
		100% {
			transform: scaleY(0.4);
		}
		20% {
			transform: scaleY(1);
		}
	}


	.wrapper.svelte-1u7a0eb {
		height: calc(var(--size) / 15);
		width: calc(var(--size) * 2);
		background-color: var(--rgba);
		position: relative;
		overflow: hidden;
		background-clip: padding-box;
	}
	.lines.svelte-1u7a0eb {
		height: calc(var(--size) / 15);
		background-color: var(--color);
	}

	.small-lines.svelte-1u7a0eb {
		position: absolute;
		overflow: hidden;
		background-clip: padding-box;
		display: block;
		border-radius: 2px;
		will-change: left, right;
		animation-fill-mode: forwards;
	}
	.small-lines.\31 .svelte-1u7a0eb{
		animation: var(--duration) cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none
			running svelte-1u7a0eb-long;
	}
	.small-lines.\32 .svelte-1u7a0eb{
		animation: var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) calc((var(--duration) + 0.1) / 2)
			infinite normal none running svelte-1u7a0eb-short;
	}
	.pause-animation.svelte-1u7a0eb {
		animation-play-state: paused;
	}

	@keyframes svelte-1u7a0eb-long {
		0% {
			left: -35%;
			right: 100%;
		}
		60% {
			left: 100%;
			right: -90%;
		}
		100% {
			left: 100%;
			right: -90%;
		}
	}
	@keyframes svelte-1u7a0eb-short {
		0% {
			left: -200%;
			right: 100%;
		}
		60% {
			left: 107%;
			right: -8%;
		}
		100% {
			left: 107%;
			right: -8%;
		}
	}


	.wrapper.svelte-1ctay1k {
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-1ctay1k {
		border-radius: 100%;
		animation-fill-mode: both;
		position: absolute;
		opacity: 0;
		width: var(--size);
		height: var(--size);
		background-color: var(--color);
		animation: svelte-1ctay1k-bounce var(--duration) linear infinite;
	}
	.pause-animation.svelte-1ctay1k {
		animation-play-state: paused;
	}
	@keyframes svelte-1ctay1k-bounce {
		0% {
			opacity: 0;
			transform: scale(0);
		}
		5% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: scale(1);
		}
	}


	.wrapper.svelte-c5p9k6 {
		position: relative;
		width: var(--size);
		height: var(--size);
	}
	.border.svelte-c5p9k6 {
		border-color: var(--color);
		position: absolute;
		top: 0px;
		left: 0px;
		width: var(--size);
		height: var(--size);
		opacity: 0.4;
		perspective: 800px;
		border-width: 6px;
		border-style: solid;
		border-image: initial;
		border-radius: 100%;
	}
	.border.\31 .svelte-c5p9k6{
		animation: var(--duration) linear 0s infinite normal none running svelte-c5p9k6-ringOne;
	}
	.border.\32 .svelte-c5p9k6{
		animation: var(--duration) linear 0s infinite normal none running svelte-c5p9k6-ringTwo;
	}
	.pause-animation.svelte-c5p9k6 {
		animation-play-state: paused;
	}

	@keyframes svelte-c5p9k6-ringOne {
		0% {
			transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		100% {
			transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
		}
	}
	@keyframes svelte-c5p9k6-ringTwo {
		0% {
			transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		100% {
			transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
		}
	}


	.wrapper.svelte-mqydc1 {
		height: var(--size);
		width: var(--size);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dot.svelte-mqydc1 {
		height: var(--dotSize);
		width: var(--dotSize);
		background-color: var(--color);
		margin: 2px;
		display: inline-block;
		border-radius: 100%;
		animation: svelte-mqydc1-sync var(--duration) ease-in-out infinite alternate both running;
	}
	.pause-animation.svelte-mqydc1 {
		animation-play-state: paused;
	}

	@-webkit-keyframes svelte-mqydc1-sync {
		33% {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
		66% {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@keyframes svelte-mqydc1-sync {
		33% {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
		66% {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}


	.wrapper.svelte-10ysxtf {
		width: var(--size);
		height: calc(var(--size) / 2);
		overflow: hidden;
	}
	.rainbow.svelte-10ysxtf {
		width: var(--size);
		height: var(--size);
		border-left-color: transparent;
		border-bottom-color: transparent;
		border-top-color: var(--color);
		border-right-color: var(--color);
		box-sizing: border-box;
		transform: rotate(-200deg);
		border-radius: 50%;
		border-style: solid;
		animation: var(--duration) ease-in-out 0s infinite normal none running svelte-10ysxtf-rotate;
	}
	.pause-animation.svelte-10ysxtf {
		animation-play-state: paused;
	}
	@keyframes svelte-10ysxtf-rotate {
		0% {
			border-width: 10px;
		}
		25% {
			border-width: 3px;
		}
		50% {
			transform: rotate(115deg);
			border-width: 10px;
		}
		75% {
			border-width: 3px;
		}
		100% {
			border-width: 10px;
		}
	}


	.wrapper.svelte-1uk4jqe {
		width: calc(var(--size) * 1.3);
		height: calc(var(--size) * 1.3);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.firework.svelte-1uk4jqe {
		border: calc(var(--size) / 10) dotted var(--color);
		width: var(--size);
		height: var(--size);
		border-radius: 50%;
		animation: svelte-1uk4jqe-fire var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	}
	.pause-animation.svelte-1uk4jqe {
		animation-play-state: paused;
	}

	@keyframes svelte-1uk4jqe-fire {
		0% {
			opacity: 1;
			transform: scale(0.1);
		}
		25% {
			opacity: 0.85;
		}
		100% {
			transform: scale(1);
			opacity: 0;
		}
	}


	.wrapper.svelte-1yesw5o {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--size);
		height: calc(var(--size) / 2.5);
	}
	.cube.svelte-1yesw5o {
		position: absolute;
		top: 0px;
		width: calc(var(--size) / 5);
		height: calc(var(--size) / 2.5);
		background-color: var(--color);
		animation: svelte-1yesw5o-motion var(--duration) cubic-bezier(0.895, 0.03, 0.685, 0.22) infinite;
	}
	.pause-animation.svelte-1yesw5o {
		animation-play-state: paused;
	}
	@keyframes svelte-1yesw5o-motion {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}


	.wrapper.svelte-pnnsu3 {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--size);
		height: var(--size);
	}
	.ring.svelte-pnnsu3 {
		position: absolute;
		border: 2px solid var(--color);
		border-radius: 50%;
		background-color: transparent;
		animation: svelte-pnnsu3-motion var(--duration) ease infinite;
	}
	.pause-animation.svelte-pnnsu3 {
		animation-play-state: paused;
	}
	@keyframes svelte-pnnsu3-motion {
		0% {
			transform: translateY(var(--motionOne));
		}
		50% {
			transform: translateY(var(--motionTwo));
		}
		100% {
			transform: translateY(var(--motionThree));
		}
	}


	.wrapper.svelte-1luu01o {
		height: var(--size);
		width: var(--size);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.spinner.svelte-1luu01o {
		height: var(--size);
		width: var(--size);
		animation: svelte-1luu01o-rotate var(--duration) infinite linear;
	}
	.dot.svelte-1luu01o {
		width: 60%;
		height: 60%;
		display: inline-block;
		position: absolute;
		top: 0;
		background-color: var(--color);
		border-radius: 100%;
		animation: svelte-1luu01o-bounce var(--duration) infinite ease-in-out;
	}
	.pause-animation.svelte-1luu01o {
		animation-play-state: paused;
	}

	@keyframes svelte-1luu01o-rotate {
		100% {
			transform: rotate(360deg);
		}
	}
	@keyframes svelte-1luu01o-bounce {
		0%,
		100% {
			transform: scale(0);
		}
		50% {
			transform: scale(1);
		}
	}


	.square.svelte-11g0eio {
		height: var(--size);
		width: var(--size);
		background-color: var(--color);
		animation: svelte-11g0eio-squareDelay var(--duration) 0s infinite cubic-bezier(0.09, 0.57, 0.49, 0.9);
		animation-fill-mode: both;
		perspective: 100px;
		display: inline-block;
	}
	.pause-animation.svelte-11g0eio {
		animation-play-state: paused;
	}
	@keyframes svelte-11g0eio-squareDelay {
		25% {
			-webkit-transform: rotateX(180deg) rotateY(0);
			transform: rotateX(180deg) rotateY(0);
		}
		50% {
			-webkit-transform: rotateX(180deg) rotateY(180deg);
			transform: rotateX(180deg) rotateY(180deg);
		}
		75% {
			-webkit-transform: rotateX(0) rotateY(180deg);
			transform: rotateX(0) rotateY(180deg);
		}
		100% {
			-webkit-transform: rotateX(0) rotateY(0);
			transform: rotateX(0) rotateY(0);
		}
	}


	.wrapper.svelte-og5eod {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--size);
		height: var(--size);
	}
	.shadow.svelte-og5eod {
		color: var(--color);
		font-size: var(--size);
		overflow: hidden;
		width: var(--size);
		height: var(--size);
		border-radius: 50%;
		margin: 28px auto;
		position: relative;
		transform: translateZ(0);
		animation: svelte-og5eod-load var(--duration) infinite ease, svelte-og5eod-round var(--duration) infinite ease;
	}
	.pause-animation.svelte-og5eod {
		animation-play-state: paused;
	}
	@keyframes svelte-og5eod-load {
		0% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
				0 -0.83em 0 -0.477em;
		}
		5%,
		95% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
				0 -0.83em 0 -0.477em;
		}
		10%,
		59% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
				-0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
		}
		20% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em,
				-0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
		}
		38% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em,
				-0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
		}
		100% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
				0 -0.83em 0 -0.477em;
		}
	}
	@keyframes svelte-og5eod-round {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}


	.wrapper.svelte-15q7j0m {
		height: var(--size);
		width: var(--size);
		border-radius: 100%;
		animation: svelte-15q7j0m-moonStretchDelay var(--duration) 0s infinite linear;
		animation-fill-mode: forwards;
		position: relative;
	}
	.circle-one.svelte-15q7j0m {
		top: var(--moonSize);
		background-color: var(--color);
		width: calc(var(--size) / 7);
		height: calc(var(--size) / 7);
		border-radius: 100%;
		animation: svelte-15q7j0m-moonStretchDelay var(--duration) 0s infinite linear;
		animation-fill-mode: forwards;
		opacity: 0.8;
		position: absolute;
	}
	.circle-two.svelte-15q7j0m {
		opacity: 0.1;
		border: calc(var(--size) / 7) solid var(--color);
		height: var(--size);
		width: var(--size);
		border-radius: 100%;
		box-sizing: border-box;
	}
	.pause-animation.svelte-15q7j0m {
		animation-play-state: paused;
	}
	@keyframes svelte-15q7j0m-moonStretchDelay {
		100% {
			transform: rotate(360deg);
		}
	}


	.wrapper.svelte-1gr3osz {
		height: var(--size);
		width: var(--size);
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.wrapper.svelte-1gr3osz :where(.svelte-1gr3osz) {
		line-height: 0;
		box-sizing: border-box;
	}
	.spinner-inner.svelte-1gr3osz {
		height: var(--size);
		width: var(--size);
		transform: scale(calc(var(--size) / 70));
	}

	.mask.svelte-1gr3osz {
		position: absolute;
		border-radius: 2px;
		overflow: hidden;
		perspective: 1000;
		backface-visibility: hidden;
	}

	.plane.svelte-1gr3osz {
		background: var(--color);
		width: 400%;
		height: 100%;
		position: absolute;
		z-index: 100;
		perspective: 1000;
		backface-visibility: hidden;
	}

	#top.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		z-index: 2000;
		animation: svelte-1gr3osz-trans1 var(--duration) ease-in infinite 0s backwards;
	}
	#middle.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		transform: translate3d(0px, 0, 0);
		background: var(--rgba);
		animation: svelte-1gr3osz-trans2 var(--duration) linear infinite calc(var(--duration) / 4) backwards;
	}
	#bottom.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		z-index: 2000;
		animation: svelte-1gr3osz-trans3 var(--duration) ease-out infinite calc(var(--duration) / 2) backwards;
	}
	#top.svelte-1gr3osz {
		width: 53px;
		height: 20px;
		left: 20px;
		top: 5px;
		transform: skew(-15deg, 0);
		z-index: 100;
	}
	#middle.svelte-1gr3osz {
		width: 33px;
		height: 20px;
		left: 20px;
		top: 21px;
		transform: skew(-15deg, 40deg);
	}
	#bottom.svelte-1gr3osz {
		width: 53px;
		height: 20px;
		top: 35px;
		transform: skew(-15deg, 0);
	}

	.pause-animation.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		animation-play-state: paused;
	}

	@keyframes svelte-1gr3osz-trans1 {
		from {
			transform: translate3d(53px, 0, 0);
		}
		to {
			transform: translate3d(-250px, 0, 0);
		}
	}
	@keyframes svelte-1gr3osz-trans2 {
		from {
			transform: translate3d(-160px, 0, 0);
		}
		to {
			transform: translate3d(53px, 0, 0);
		}
	}
	@keyframes svelte-1gr3osz-trans3 {
		from {
			transform: translate3d(53px, 0, 0);
		}
		to {
			transform: translate3d(-220px, 0, 0);
		}
	}


	span.svelte-1wtjgh6 {
		width: var(--size);
		height: calc(var(--size) / 4);
		position: relative;
		display: block;
	}
	div.svelte-1wtjgh6 {
		width: calc(var(--size) / 4);
		height: calc(var(--size) / 4);
		position: absolute;
		left: 0%;
		top: 0;
		border-radius: 2px;
		background: var(--color);
		transform: translateX(-50%) rotate(45deg) scale(0);
		animation: svelte-1wtjgh6-diamonds var(--duration) linear infinite;
	}
	div.svelte-1wtjgh6:nth-child(1) {
		animation-delay: calc(var(--duration) * 2 / 3 * -1);
	}
	div.svelte-1wtjgh6:nth-child(2) {
		animation-delay: calc(var(--duration) * 2 / 3 * -2);
	}
	div.svelte-1wtjgh6:nth-child(3) {
		animation-delay: calc(var(--duration) * 2 / 3 * -3);
	}
	.pause-animation.svelte-1wtjgh6 div:where(.svelte-1wtjgh6) {
		animation-play-state: paused;
	}

	@keyframes svelte-1wtjgh6-diamonds {
		50% {
			left: 50%;
			transform: translateX(-50%) rotate(45deg) scale(1);
		}
		100% {
			left: 100%;
			transform: translateX(-50%) rotate(45deg) scale(0);
		}
	}


	div.svelte-1s9xlzj {
		position: relative;
		width: var(--size);
		height: var(--size);
		background-color: transparent;
		box-shadow: inset 0px 0px 0px 2px var(--color);
		border-radius: 50%;
	}
	div.svelte-1s9xlzj::before,
	div.svelte-1s9xlzj::after {
		position: absolute;
		content: '';
		background-color: var(--color);
	}
	div.svelte-1s9xlzj::after {
		width: calc(var(--size) / 2.4);
		height: 2px;
		top: calc(var(--size) / 2);
		left: calc(var(--size) / 2);
		transform-origin: 1px 1px;
		animation: svelte-1s9xlzj-rotate calc(var(--duration) / 4) linear infinite;
	}
	div.svelte-1s9xlzj::before {
		width: calc(var(--size) / 3);
		height: 2px;
		top: calc((var(--size) / 2));
		left: calc((var(--size) / 2));
		transform-origin: 1px 1px;
		animation: svelte-1s9xlzj-rotate var(--duration) linear infinite;
	}
	.pause-animation.svelte-1s9xlzj,
	.pause-animation.svelte-1s9xlzj::before,
	.pause-animation.svelte-1s9xlzj::after {
		animation-play-state: paused;
	}
	@keyframes svelte-1s9xlzj-rotate {
		100% {
			transform: rotate(360deg);
		}
	}


	.wrapper.svelte-1rumbqe {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(var(--size) * 2.5);
		height: var(--size);
		overflow: hidden;
	}
	.bar.svelte-1rumbqe {
		position: absolute;
		top: calc(var(--size) / 10);
		width: calc(var(--size) / 5);
		height: calc(var(--size) / 10);
		margin-top: calc(var(--size) - var(--size) / 10);
		transform: skewY(0deg);
		background-color: var(--color);
		animation: svelte-1rumbqe-motion var(--duration) ease-in-out infinite;
	}
	.pause-animation.svelte-1rumbqe {
		animation-play-state: paused;
	}
	@keyframes svelte-1rumbqe-motion {
		25% {
			transform: skewY(25deg);
		}
		50% {
			height: 100%;
			margin-top: 0;
		}
		75% {
			transform: skewY(-25deg);
		}
	}


	.wrapper.svelte-14u7y84 {
		display: inherit;
		position: relative;
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-14u7y84 {
		position: absolute;
		width: var(--size);
		height: var(--size);
		border: thick solid var(--rgba);
		border-radius: 50%;
		opacity: 1;
		top: 0px;
		left: 0px;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.3, 0.61, 0.355, 1);
		animation-direction: normal, normal;
		animation-fill-mode: none, none;
		animation-play-state: running, running;
		animation-name: svelte-14u7y84-puff-1, svelte-14u7y84-puff-2;
		box-sizing: border-box;
	}
	.pause-animation.svelte-14u7y84 {
		animation-play-state: paused;
	}
	@keyframes svelte-14u7y84-puff-1 {
		0% {
			transform: scale(0);
		}
		100% {
			transform: scale(1);
		}
	}
	@keyframes svelte-14u7y84-puff-2 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}


	.wrapper.svelte-jnrlfo {
		width: var(--size);
		height: calc(var(--size) * 1.5);
		margin-left: var(--size);
		background: var(--color);
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		animation: svelte-jnrlfo-bump var(--duration) ease-in infinite alternate;
	}
	.wrapper.svelte-jnrlfo::after {
		content: '';
		box-sizing: border-box;
		left: 50%;
		top: 100%;
		transform: translate(-50%, 0);
		position: absolute;
		border: var(--size) solid transparent;
		border-top-color: var(--color);
	}

	.pause-animation.svelte-jnrlfo {
		animation-play-state: paused;
	}
	@keyframes svelte-jnrlfo-bump {
		0% {
			transform: translate(-50%, 5px);
		}
		100% {
			transform: translate(-50%, -5px);
		}
	}


	.wrapper.svelte-10o3xbl {
		width: var(--size);
		height: calc(var(--size) * 1.5);
		margin-left: var(--size);
		margin-top: var(--size);
		background: var(--color);
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		animation: svelte-10o3xbl-bump var(--duration) ease-in infinite alternate;
	}
	.wrapper.svelte-10o3xbl::after {
		content: '';
		box-sizing: border-box;
		left: 50%;
		bottom: 100%;
		transform: translate(-50%, 0);
		position: absolute;
		border: var(--size) solid transparent;
		border-bottom-color: var(--color);
	}

	.pause-animation.svelte-10o3xbl {
		animation-play-state: paused;
	}
	@keyframes svelte-10o3xbl-bump {
		0% {
			transform: translate(-50%, 5px);
		}
		100% {
			transform: translate(-50%, -5px);
		}
	}


    .about-diagram.svelte-tlqchn {
        width: 100%;
        max-width: 360px;
        height: 220px;
    }


    .stats-card.svelte-hfmtb0 {
        position: fixed;
        right: calc(12px + env(safe-area-inset-right, 0px));
        bottom: calc(12px + env(safe-area-inset-bottom, 0px));
        z-index: 1100;
        box-sizing: border-box;
        width: 120px;
        padding: 6px 9px;
        background: rgba(33, 37, 41, 0.78);
        color: rgba(255, 255, 255, 0.88);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
        font-size: 11px;
        line-height: 1.4;
        white-space: nowrap;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        pointer-events: none;
        transition: background-color 140ms ease;
        user-select: none;
    }

    .stats-card.active.svelte-hfmtb0 {
        background: rgba(74, 58, 22, 0.82);
    }

    table.svelte-hfmtb0 {
        width: 100%;
        border-collapse: collapse;
    }

    td.svelte-hfmtb0 {
        padding: 0;
    }

    .label.svelte-hfmtb0 {
        color: rgba(255, 255, 255, 0.55);
        text-align: left;
    }

    .value.svelte-hfmtb0 {
        text-align: right;
        font-variant-numeric: tabular-nums;
        font-weight: 600;
    }


    .authenticate-bg.svelte-1n46o8q {
        background-image: url("/assets/bg.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .authenticate-holder.svelte-1n46o8q {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }