.arg-skel-load.svelte-1y4mxsc {
		background-color: gray;
		background-position-x: initial;
		background-position-y: initial;
		background-size: initial;

		background-attachment: initial;
		background-origin: initial;
		background-clip: initial;

		background-color: initial;
		width: 100%;
		aspect-ratio: 1.5;
		max-height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
	}
	.arg-skel-load.svelte-1y4mxsc:hover {
		cursor: progress;
	}

	.arg-skel-card-body.svelte-1y4mxsc {
		background: rgba(0, 0, 0, 0.12);
		height: 80%;
		transform: translate(0, 0);
	}

	.arg-skel-card-footer.svelte-1y4mxsc {
		background: #fff;
		line-height: 1.5;
	}
	.arg-skel-card-footer-line.svelte-1y4mxsc {
		transform: translate(0, 0);
		border-radius: 12px;
		height: 24px;
		width: 45%;
		background: rgba(0, 0, 0, 0.12);
		margin: 16px;
	}

	.blinking.svelte-1y4mxsc {
		overflow: hidden;
	}
	.blinking.svelte-1y4mxsc::after {
		background: linear-gradient(
			90deg,
			hsla(0, 0%, 100%, 0),
			hsla(0, 0%, 100%, 0.4),
			hsla(0, 0%, 100%, 0)
		);
		animation: svelte-1y4mxsc-loading 1.5s infinite;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: translateX(-100%);
		z-index: 1;
	}

	@keyframes svelte-1y4mxsc-loading {
		0% {
			transform: translateX(-100%);
		}
		100% {
			transform: translateX(50%);
		}
	}

	.tableHolder.svelte-uu0zf8 {
		transform: translate(0, 0);
		display: flex;
		height: 100%;
	}
	.tableHolder.fill-parent.svelte-uu0zf8 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: unset;
	}
	.table-three-dots.svelte-uu0zf8 {
		position: absolute;
		left: 0;
		top: 0;
		display: none;
	}

	.arg-band-with-title.svelte-tu5z6e {
		width: 100%;
		transform: translate(0, 0);
		border-top: 1px solid #a7a7a7;
		padding-top: 1.5rem;
		padding-bottom: 1rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.arg-band-title.svelte-tu5z6e {
		font-family: 'Inter-Regular';
		font-size: 1rem;
		width: 200px;
		padding-bottom: 1rem;
	}
	.arg-band-content.svelte-tu5z6e {
		flex: 1;
		transform: translate(0, 0);
	}

	@media (max-width: 768px) {
		.arg-band-title.svelte-tu5z6e {
			flex: 1;
		}
		.arg-band-with-title.svelte-tu5z6e {
			flex-direction: column;
		}
	}

	.noBorder.svelte-tu5z6e {
		border-top: none;
	}

	.file-drop-zone.svelte-8ww4gy {
		border: 2px dashed var(--mdc-theme-primary, #00cfc4);
		border-radius: 15px;
		width: 100%;
		height: 100%;

		display: flex;
		justify-content: center;
		align-items: center;
		transform: translate(0);
		box-sizing: border-box;
	}
	.file-drop-zone.svelte-8ww4gy p:where(.svelte-8ww4gy) {
		padding-left: 0.5rem;
		line-height: 1rem;
	}

	#test-croppie.svelte-zsotl9 {
		width: 720px;
		height: 404px;
		background-color: var(--color1);
		text-align: center;
		vertical-align: middle;
		line-height: 404px;
		border: 3px dashed var(--color9);
		border-radius: 1rem;
	}

	.cropper-controls.svelte-zsotl9 {
		padding-bottom: 0.5rem;
	}

	.video-upload-controls.svelte-o5qdx4 {
		display: flex;
		flex-direction: row;
		transform: translate(0);
		column-gap: 1rem;
	}
	.video-upload-filedrop.svelte-o5qdx4 {
		flex: 1;
		transform: translate(0);
	}
	.video-upload-preview.svelte-o5qdx4 {
		flex: 1;
		transform: translate(0);
	}
	.video-upload-stats.svelte-o5qdx4 {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		transform: translate(0);
	}
	.video-preview.svelte-o5qdx4 video:where(.svelte-o5qdx4) {
		max-height: 100%;
		width: 100%;
	}

	.video-thumbnail.svelte-o5qdx4 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.video-thumbnail.svelte-o5qdx4 .thumbImg:where(.svelte-o5qdx4) {
		width: 80px;
		height: 60px;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
		background-size: contain;
	}

	.video-thumbnail.svelte-o5qdx4 .thumbImg.selected:where(.svelte-o5qdx4) {
		border: 2px solid #00cfc4;
	}

	.video-thumnail-skeleton.svelte-o5qdx4 {
		width: 80px;
		height: 60px;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.video-info.svelte-o5qdx4 {
		display: flex;
		flex-direction: row;
	}
	.video-preview.svelte-o5qdx4 {
		width: 320px;
		height: 240px;
		border: 2px solid #00cfc4;
		border-radius: 10%;
		transform: translate(0, 0);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	video.svelte-o5qdx4 {
		max-width: 320;
	}

	.video-stats.svelte-o5qdx4 {
		display: flex;
		flex-direction: column;
		margin-bottom: 0.5rem;
	}
	.video-description.svelte-o5qdx4 {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.media-list-grid.svelte-9890a0 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		flex: 2;
	}
	.media-entry.svelte-9890a0 {
		width: 156px;
		margin-right: 1rem;
		margin-bottom: 1rem;
		display: flex;
		transform: translate(0, 0);

		justify-content: center;
		align-items: center;
	}
	.media-entry.svelte-9890a0:hover {
		cursor: default;
	}
	.media-entry.selected.svelte-9890a0 {
		border: 2px solid #00cfc4;
	}

	.media-image.svelte-9890a0 {
		max-width: 100%;

		object-fit: contain;
	}
	.media-image-holder.svelte-9890a0 {
		display: flex;
	}
	.media-list-grid-and-details.svelte-9890a0 {
		display: flex;
		flex-direction: row;
	}
	.media-list-details.svelte-9890a0 {
		flex: 1;
	}

	.media-list-controls.svelte-9890a0 {
		display: flex;
		flex-direction: row;
		align-content: flex-start;
		align-items: center;
		margin-bottom: 1rem;
	}
	.media-list.svelte-9890a0 {
		display: flex;
		flex-direction: column;
	}

	.media-thumbnail-time.svelte-9890a0 {
		position: absolute;
		bottom: 3px;
		right: 0;

		margin: 4px;
		color: #fafafa;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 3px 4px;
		height: 12px;
		border-radius: 2px;
		font-size: 10px;
		display: flex;
		flex-direction: row;
		align-items: center;
		display: inline-flex;
	}
	.media-thumbnail-icon.svelte-9890a0 {
		position: absolute;
		bottom: 3px;
		right: 0;

		margin: 4px;
		color: #f0f0f0;
		opacity: 0.5;

		height: 12px;
		border-radius: 2px;
		font-size: 10px;
		display: flex;
		flex-direction: row;
		align-items: center;
		display: inline-flex;
	}

	#media-gallery.svelte-whq0qu {
		width: 100%;
	}

	.html-edit-toolbar.svelte-cqs39 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;

		align-items: center;
		column-gap: 1rem;
		row-gap: 1rem;
	}
	.html-edit-button-group.svelte-cqs39 {
		display: flex;
	}

	#textEditor.svelte-12l5cr4 {
		background-color: white;
		height: 100%;
		width: 100%;
		font-family: 'Inter-Regular';
	}

	#floating-menu.svelte-12l5cr4 {
		display: flex;
		padding: 1rem;
		background-color: var(--color-yellowish);
	}

	.html-text-holder.svelte-1r3ic6o {
		display: flex;
		flex-direction: column;
	}
	.html-text-editable.svelte-1r3ic6o {
		max-height: 6rem;
		overflow: hidden;
	}

	.editor-lower-controls.svelte-1r3ic6o {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.showMoreLess.svelte-1r3ic6o {
		font-weight: bold;
		font-size: 0.75rem;
	}
	.showMoreLess.svelte-1r3ic6o:hover {
		color: red;
		cursor: default;
	}

	.html-text-holder-title.svelte-1r3ic6o {
		font-family: var(
			--mdc-typography-subtitle1-font-family,
			var(--mdc-typography-font-family, Roboto, sans-serif)
		);
		font-size: 0.75rem;
		color: var(--color-tealish);
		display: flex;
		align-items: center;
	}

	.title-info.svelte-1r3ic6o {
		margin-left: 4px;
		font-size: 15px;
	}

	.progress-bar.svelte-5i9mfq {
		width: 100%;
		height: 22px;
		transform: translate(0);
		display: flex;
		justify-content: center;
		background-color: #c6c6c6;
		border-radius: 6px;
		align-items: center;
	}

	.progress-bar.rounded.svelte-5i9mfq {
		border-radius: 16px;
		overflow: hidden;
	}

	.progress-fill-bar.svelte-5i9mfq {
		background-color: #5fcec4;
		height: 22px;
		border-radius: 6px;
		position: absolute;
		left: 0;
		z-index: 1;
		transform: translate(0);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.progress-bar.rounded.svelte-5i9mfq .progress-fill-bar:where(.svelte-5i9mfq) {
		border-radius: 16px;
	}

	.progress-value.svelte-5i9mfq {
		z-index: 2;
		font-family: 'RedHatMono-Medium';
		font-size: 10px;
		color: white;
	}

	.countdown-time.svelte-a4cslm {
		display: flex;
		justify-content: center;
		align-items: center;

		width: 4rem;
		height: 4rem;
	}
	.countdown-seconds.svelte-a4cslm {
		font-size: 14px;
		z-index: 100;
		font-family: 'RedHatMono-Medium';
	}
	.pie.svelte-a4cslm {
		--w: 4rem;
		width: var(--w);
		aspect-ratio: 1;
		display: flex;
		place-content: center;
		margin: 5px;
		font-size: 25px;
		font-weight: bold;
		font-family: sans-serif;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.pie.svelte-a4cslm:before {
		z-index: 50;
		content: '';
		position: absolute;
		border-radius: 50%;
		width: 3rem;
		height: 3rem;
		background: conic-gradient(var(--color-tealish) calc(var(--p) * 1%), #0000 0);
		transition: background-color 0.5s ease-in;
	}

	.blink.svelte-a4cslm {
		animation: svelte-a4cslm-blink-animation 0.2s steps(5, start) infinite;
		-webkit-animation: svelte-a4cslm-blink-animation 0.2s steps(5, start) infinite;
		color: #f05d3c;
	}
	@keyframes svelte-a4cslm-blink-animation {
		to {
			visibility: hidden;
		}
	}

	#test-croppie.svelte-1q5wxzc {
		width: 100%;
		height: 404px;
		background-color: var(--color1);
		text-align: center;
		vertical-align: middle;
		line-height: 404px;
		border: 3px dashed var(--color9);
		border-radius: 1rem;
	}

	.cropper-controls.svelte-1q5wxzc {
		padding-bottom: 0.5rem;
	}

	.avatar-chooser.svelte-u5l8bs {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		background-color: var(--color-tealish);
		width: 400px;
		height: 400px;
	}
	.avatar-holder.svelte-u5l8bs {
		padding: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		border: 1px solid var(--color-tealish);
	}
	.avatar-holder.selected.svelte-u5l8bs {
		border: 1px solid white;
		border-radius: 100%;
	}
	.avatar-holder.svelte-u5l8bs img:where(.svelte-u5l8bs) {
		max-width: 100px;
		max-height: 100px;
		object-fit: contain;
	}

	.course-cover-chooser.svelte-ztgtf8 {
		display: grid;
		grid-template-columns: 100px 100px 100px 100px;
		background-color: white;
		width: 400px;
		height: 500px;
		transform: translate(0);
	}
	.cover-holder.svelte-ztgtf8 {
		padding: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		border: 2px solid white;
	}
	.cover-holder.selected.svelte-ztgtf8 {
		border: 2px solid var(--color-redish);
	}
	.cover-holder.svelte-ztgtf8 img:where(.svelte-ztgtf8) {
		max-width: 70px;
		max-height: 70px;
		object-fit: contain;
	}

	.arg-pill.svelte-92fyqh {
		color: var(--fgc);
		padding: 0 0.75rem;
		border-radius: 15px;
		text-align: center;
		text-decoration: none;
		margin: var(--mrgn);
		height: 2rem;
		font-size: var(--fnts);
		line-height: 0.9rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--bgc);
		background-color: var(--bgc);
        user-select: none;
	}
	.arg-pill.svelte-92fyqh:hover {
		cursor: default;
		border: 1px solid var(--bgc);
	}
	.arg-pill.toggled.svelte-92fyqh {
		background-color: var(--fgc);
		color: var(--bgc);
	}
	.arg-pill.invisible.svelte-92fyqh{
		visibility: hidden;
	}
	.arg-pill.hidden.svelte-92fyqh{
		display: none;
	}

	.arg-pill.taller.svelte-92fyqh{
		height: 60px;
	}

	.file-table-pane.svelte-1de5f72 {
		font-family: 'Inter-Regular';
		width: 100%;

		transform: translate(0, 0);
		flex: 1;
		overflow-y: auto;
		padding-right: 6px;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.dot-menu-holder.svelte-1de5f72 {
		transform: translate(0, 0);
	}

	.folder-node.svelte-8g70m5 {
		padding-inline-start: 0;
		margin-block-start: 0;
		margin-block-end: 0;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.folder-node-id.svelte-8g70m5 {
		display: flex;
		flex-direction: row;
		width: 100%;
		box-sizing: border-box;

		align-items: center;
		justify-content: flex-start;
		align-content: center;
	}
	.folder-node-id.currentFolder.svelte-8g70m5 {
		background-color: #d1ebff;
	}
	.folder-name.svelte-8g70m5 {
		margin-block-start: 0;
		margin-block-end: 0;
		display: flex;
		flex-direction: column;
		font-size: 0.7rem;
		line-height: 33px;
		margin-left: 2px;
	}
	.tree-child.svelte-8g70m5 {
		list-style: none;
	}
	.folder-icon.svelte-8g70m5 {
		display: flex;
		width: 40px;

		flex-direction: row;
		align-content: center;
		justify-content: flex-end;
		align-items: center;
		color: var(--color-tealish);
		height: 33px;
	}

	.folder-icon.withChildren.svelte-8g70m5::before {
		content: 'expand_more';
		width: 10px;
		font-size: 12px;
		font-family: 'Material Icons';
		transform: rotate(270deg);
	}
	.folder-icon.withChildren.expanded.svelte-8g70m5::before {
		transform: rotate(0deg);
	}
	.folder-icon.svelte-8g70m5::before {
		width: 10px;
		font-size: 9px;
	}

	.title-folders.svelte-1qjo52k {
		font-family: 'RedHatMono-Medium' !important;
		color: var(--color-tealish) !important;
		font-size: 14px;
		margin-left: 15px;
	}
	.folder-tree.svelte-1qjo52k {
		display: flex;
		flex-direction: column;
		margin-block-start: 0;
		margin-block-end: 0;
		overflow-y: auto;
		flex: 1;
	}

	.file-path-breadcrumbs.svelte-1xedtjr {
		display: flex;
		flex-direction: row;
		align-content: center;
		align-items: center;
		justify-content: flex-start;
		height: 1.8rem;
		color: var(--color-tealish);
		font-family: 'Inter-Regular';
		font-size: 12px;
	}
	.file-path-part-sep.svelte-1xedtjr {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.file-path-part.svelte-1xedtjr {
		padding: 0.5rem;
		box-sizing: border-box;
		color: black;
	}
	.file-path-home.svelte-1xedtjr {
		color: var(--color-tealish);
	}

	.file-buttons-scroll.svelte-udownm {
		flex: 1;
		overflow-x: auto;
		display: flex;
		flex-wrap: nowrap;
		column-gap: 0.5rem;
	}
	.new-map-entry.svelte-udownm {
		width: 220px;
		display: flex;
		box-sizing: border-box;
		align-items: center;
	}
	.new-map-entry.svelte-udownm span:where(.svelte-udownm) {
		padding-right: 1rem;
	}

	.file-preview.svelte-cb2pe {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		font-family: 'Inter-Regular';
		font-size: 12px;
		padding: 1rem;

		box-sizing: border-box;
	}
	.file-name.svelte-cb2pe {
		display: flex;
		justify-content: flex-start;
		text-align: left;
	}
	.file-name-text.svelte-cb2pe {
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.file-preview-data.svelte-cb2pe {
		flex: 1;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
		transform: translate(0);
	}
	.file-preview-img.svelte-cb2pe {
		max-width: 90%;
		max-height: 90%;
	}
	.file-small-preview-img.svelte-cb2pe {
		max-width: 64px;
		max-height: 64px;
		aspect-ratio: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 2px solid #c6c6c6;
		border-radius: 15px;
	}
	.folder-previews.svelte-cb2pe {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 1rem;
		row-gap: 1rem;
		margin-bottom: 1rem;
	}

	.search-box-holder.svelte-1khmlc8 {
		display: flex;
		flex-direction: column;
		transform: translate(0);
		flex: 1;
		height: 100%;
	}
	.search-box-holder.svelte-1khmlc8 input:where(.svelte-1khmlc8) {
		flex: 1;
		height: 100%;
		border: 2px solid #c6c6c6;
		border-radius: 6px;
		font-family: 'Inter-Regular';
		font-size: 14px;
	}

	.file-manager.svelte-13u00pw {
		transform: translate(0);
		width: 100%;
		min-height: 200px;
		display: flex;
		flex-direction: row;

		user-select: none;
		font-family: 'Inter-Regular';
		font-size: 0.7rem;
		flex: 1;
		column-gap: 1rem;
	}
	.file-left-part.svelte-13u00pw {
		flex-basis: 75%;
		transform: translate(0);
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		z-index: 100;
	}
	.file-right-part.svelte-13u00pw {
		flex-basis: 25%;
		transform: translate(0);

		row-gap: 1rem;
		display: flex;
		flex-direction: column;
	}
	.file-top-bar.svelte-13u00pw {
		display: flex;
		min-height: 40px;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		transform: translate(0);
	}
	.file-top-bar-buttons.svelte-13u00pw {
		min-height: 40px;
		display: flex;
		column-gap: 0.5rem;
		row-gap: 0.5rem;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow-x: auto;
	}

	.file-top-bar-search.svelte-13u00pw {
		display: flex;
		height: 40px;
		flex-direction: row;
		align-content: center;
		align-items: center;
	}

	.file-body.svelte-13u00pw {
		display: flex;
		flex-direction: row;
		column-gap: 1rem;
		flex: 1;
		transform: translate(0, 0);
		overflow-y: auto;
	}
	.file-tree.svelte-13u00pw {
		flex-basis: 34%;
		transform: translate(0, 0);
		height: 100%;
		box-sizing: border-box;
		border: 2px solid #c6c6c6;
		border-radius: 15px;
		display: flex;
		padding: 6px;
	}
	.file-central.svelte-13u00pw {
		flex-basis: 66%;
		transform: translate(0, 0);
		display: flex;
		box-sizing: border-box;

		border: 2px solid #c6c6c6;
		border-radius: 15px;

		padding: 6px;
	}
	.file-list.svelte-13u00pw {
		font-family: 'Inter-Regular';
		width: 100%;

		transform: translate(0, 0);
		display: flex;
		flex-direction: column;
		padding: 6px;
		box-sizing: border-box;
	}
	.file-preview-holder.svelte-13u00pw {
		flex-basis: 25%;
		overflow-y: auto;
		transform: translate(0, 0);
		border: 2px solid #c6c6c6;
		border-radius: 15px;
		flex: 1;
		padding-right: 8px;
		box-sizing: border-box;
	} 

	/* width */
	.svelte-13u00pw::-webkit-scrollbar {
		width: 9px;
		border-radius: 20px;
	}

	/* Track */
	.svelte-13u00pw::-webkit-scrollbar-track {
		border-radius: 20px;
	}

	/* Handle */
	.svelte-13u00pw::-webkit-scrollbar-thumb {
		background: var(--color-tealish);
		border-radius: 20px;
		border: 4px solid rgba(0, 0, 0, 0);
	}

	/*
	::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #AAAAAA;
}*/

	/* Handle on hover */
	.svelte-13u00pw::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	.time-chart.svelte-xpvipg {
		min-width: 320px;
		min-height: 240x;
		flex: 1;
	}

	.photo-holder.svelte-1ulbc6n {
		transform: translate(0);
		width: 100%;
		height: 100%;
		display: flex;

		align-items: center;
		justify-content: center;
		padding: 0.5rem;
		box-sizing: border-box;
	}

	.photo-holder.withBackground.svelte-1ulbc6n {
		background-color: var(--color-tealish);
		border-radius: 100%;
	}

	.profile-image.svelte-1ulbc6n {
		max-width: 100%;
		object-fit: contain;
	}

	@media (max-width: 768px) {
		.photo-holder.svelte-1ulbc6n {
			padding: 0;
		}
	}

	.arg-modal.svelte-1c2beay {
		position: fixed;
		top: 0;
		left: 0;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		z-index: 10000;
		transform: translate(0);
	}

	.arg-modal-backdrop.svelte-1c2beay {
		opacity: 1;
		background-color: rgba(0, 0, 0, 0.32);
		z-index: -1;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.arg-modal-container.svelte-1c2beay {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		box-sizing: border-box;
		height: 100%;
		transform: translate(0);
		pointer-events: none;
	}

	.arg-modal-surface.svelte-1c2beay {
		min-width: 280px;
		width: 90%;
		border-radius: 4px;
		background-color: var(--color-whitish);
		position: relative;
		display: flex;
		flex-direction: column;
		flex-grow: 0;
		flex-shrink: 0;
		box-sizing: border-box;
		max-width: 100%;
		max-height: 100%;
		pointer-events: auto;
		overflow-y: auto;
	}

	.arg-modal-surface.svelte-1c2beay::before {
		position: absolute;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border: 2px solid rgba(0, 0, 0, 0);
		border-radius: inherit;
		content: '';
		pointer-events: none;
	}

	.arg-modal-header.svelte-1c2beay {
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		display: inline-flex;
		justify-content: space-between;
		padding: 0 24px 9px;
		z-index: 1;
		display: flex !important;
		align-items: center !important;
	}
	.arg-modal-title.svelte-1c2beay {
		font-size: 1.25rem;
	}
	.arg-modal-body.svelte-1c2beay {
		flex-grow: 1;
		box-sizing: border-box;
		margin: 0;
		overflow: auto;
		transform: translate(0);
		padding: 0px 24px 20px 24px;
	}

	.arg-modal-actions.svelte-1c2beay {
		display: flex;
		position: relative;
		flex-shrink: 0;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		box-sizing: border-box;
		min-height: 52px;
		margin: 0;
		padding: 8px;
		border-top: 1px solid rgba(0, 0, 0, 0);
	}
	@media (min-width: 960px) {
		.arg-modal-surface.svelte-1c2beay {
			width: calc(100vw - 400px);
		}
		.arg-modal-surface.small.svelte-1c2beay {
			width: 30%;
		}
		.arg-modal-surface.auto.svelte-1c2beay {
			width: auto;
		}
	}

	.container.svelte-n9cojq {
		padding: 5px 10px 10px 10px;

		display: flex;
		width: 40px;
		justify-content: space-between;
		height: 20px;
		align-items: flex-end;
	}
	.ball.svelte-n9cojq {
		width: 10px;
		height: 10px;
		background: #333;
		border-radius: 50%;
		animation: svelte-n9cojq-bounce 1.2s infinite ease-in-out;
	}

	/* (empty) .ball1 {
	}*/
	.ball2.svelte-n9cojq {
		animation-delay: 0.2s;
	}
	.ball3.svelte-n9cojq {
		animation-delay: 0.4s;
	}

	@keyframes svelte-n9cojq-bounce {
		0% {
			transform: translate(0, 0);
		}
		25% {
			transform: translate(0, -10px);
			background: #ccc;
		}
		/*     50% {transform: translate(0,-10px);background:#72c2c2;} */
		40% {
			transform: translate(0, 3px);
		}
		50% {
			transform: translate(0, 0px);
		}
	}

	.tti-controls.svelte-1dyvcev {
		display: flex;
		flex-wrap: wrap;
		column-gap: 0.5rem;
		transform: translate(0);
	}
	.change-pending.svelte-1dyvcev {
		position: absolute;
		top: 0;
		left: 0;
		background-color: orange;
		width: 6px;
		height: 6px;
		border-radius: 3px;
	}

	.countdown-time.svelte-1sng2yc {
		display: flex;
		justify-content: center;
		align-items: center;

		width: 28px;
		height: 28px;
		
	}
	.countdown-seconds.svelte-1sng2yc {
		font-size: 12px;
		z-index: 100;
		font-family: 'RedHatMono-Medium';
	}
	.pie.svelte-1sng2yc {
		--w: 28px;
		width: var(--w);
		aspect-ratio: 1;
		display: flex;
		place-content: center;
		margin: 5px;
		font-size: 25px;
		font-weight: bold;
		font-family: sans-serif;
		justify-content: center;
		align-items: center;
		align-content: center;
		margin-right: 28px;
	}
	.pie.svelte-1sng2yc:before {
		z-index: 50;
		content: '';
		position: absolute;
		border-radius: 50%;
		width: 28px;
		height: 28px;
		background: conic-gradient(var(--color-tealish) calc(var(--p) * 1%), #0000 0);
		transition: background-color 0.5s ease-in;
	}

	.blink.svelte-1sng2yc {
		animation: svelte-1sng2yc-blink-animation 0.2s steps(5, start) infinite;
		-webkit-animation: svelte-1sng2yc-blink-animation 0.2s steps(5, start) infinite;
		color: #f05d3c;
	}
	@keyframes svelte-1sng2yc-blink-animation {
		to {
			visibility: hidden;
		}
	}

	.svelte-1m4y2q2 {
		margin: 0;
		padding: 0;
	}

	a.svelte-1m4y2q2 {
		text-decoration: none;
	}

	.menu.svelte-1m4y2q2 {
		position: relative;

		left: 50%;
		width: 0px;
		transform: translate(-50%, 55%);
		z-index: 999;
	}

	.toggle.svelte-1m4y2q2 {
		display: none;
	}

	.toggle.svelte-1m4y2q2 + .style:where(.svelte-1m4y2q2) {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		cursor: pointer;
		transform: translate(-50%, -50%) scale(1);
		z-index: 5;
		display: flex;
		max-width: 200px;
		margin-bottom: 0;
		background: var(--color-tealish);
		color: #fff;
		font-size: 1rem;
		text-align: center;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-o-transition: all 0.8s;
		-ms-transition: all 0.8s;
		transition: all 0.8s;

		align-items: center;
		justify-content: center;
	}

	.menu.svelte-1m4y2q2 p:where(.svelte-1m4y2q2) {
		max-width: 85px;
		text-align: center;
		margin: 0 auto;
		line-height: 15px;
		font-weight: 700;
		font-size: 1rem;
	}

	.toggle.svelte-1m4y2q2 + .style:where(.svelte-1m4y2q2):hover {
		-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
	}

	.tab.svelte-1m4y2q2:hover {
		-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
		box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.7);
	}
	.toggle.svelte-1m4y2q2:checked + .style:where(.svelte-1m4y2q2) {
		transform: translate(-50%, -50%) scale(0.8);
	}

	.menu.svelte-1m4y2q2 input[type='checkbox']:where(.svelte-1m4y2q2) + label:where(.svelte-1m4y2q2):before {
		content: '';
		position: absolute;
	}

	.toggle.svelte-1m4y2q2 + .style:where(.svelte-1m4y2q2):before,
	.toggle.svelte-1m4y2q2 + .style:where(.svelte-1m4y2q2):after {
		content: '';
		position: absolute;
		margin: -3px;
		border-radius: 5px;
		transition: all 0.3s;
	}

	.toggle.svelte-1m4y2q2 + .style:where(.svelte-1m4y2q2):before {
		width: 30px;
		height: 0px;
		left: 10px;
		top: 25px;
	}

	.toggle.svelte-1m4y2q2 + .style:where(.svelte-1m4y2q2):after {
		width: 0px;
		height: 30px;
		left: 25px;
		top: 10px;
	}

	.toggle.svelte-1m4y2q2:checked + .style:where(.svelte-1m4y2q2):before,
	.toggle.svelte-1m4y2q2:checked + .style:where(.svelte-1m4y2q2):after {
		transform: rotate(135deg);
	}

	.toggle.svelte-1m4y2q2 ~ .tab:where(.svelte-1m4y2q2) {
		position: absolute;
		background: var(--color-tealish);
		color: #fff;
		width: 60px;
		height: 60px;
		left: 0px;
		top: 0px;
		transform: translate(-50%, -50%) scale(0);
		transition: all 0.3s;
		opacity: 0;
		border-radius: 50%;
		display: flex;
		font-size: 1rem;
		align-items: center;
		justify-content: center;
	}

	.toggle.svelte-1m4y2q2:checked ~ .tab:where(.svelte-1m4y2q2) {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}

	.menu.svelte-1m4y2q2 > .toggle:where(.svelte-1m4y2q2):checked ~ .tab:where(.svelte-1m4y2q2):nth-of-type(1) {
		top: -61px;
		left: 0px;
		transition-delay: 0s;
	}

	.menu.svelte-1m4y2q2 > .toggle:where(.svelte-1m4y2q2):checked ~ .tab:where(.svelte-1m4y2q2):nth-of-type(2) {
		top: -37px;
		left: 60px;
		transition-delay: 0.125s;
	}

	.menu.svelte-1m4y2q2 > .toggle:where(.svelte-1m4y2q2):checked ~ .tab:where(.svelte-1m4y2q2):nth-of-type(3) {
		top: 28px;
		left: 57px;
		transition-delay: 0.25s;
	}

	.menu.svelte-1m4y2q2 > .toggle:where(.svelte-1m4y2q2):checked ~ .tab:where(.svelte-1m4y2q2):nth-of-type(4) {
		top: 61px;
		left: 0px;
		transition-delay: 0.3s;
	}

	.menu.svelte-1m4y2q2 > .toggle:where(.svelte-1m4y2q2):checked ~ .tab:where(.svelte-1m4y2q2):nth-of-type(5) {
		top: 28px;
		left: -57px;
		transition-delay: 0.35s;
	}

	.menu.svelte-1m4y2q2 > .toggle:where(.svelte-1m4y2q2):checked ~ .tab:where(.svelte-1m4y2q2):nth-of-type(6) {
		top: -37px;
		left: -60px;
		transition-delay: 0.4s;
	}