/* RECENTS */
	.menu-recent-entry.svelte-13usj85 {
		max-width: 21rem;
		aspect-ratio: 1.77;
		/* UI Properties */
		background: var(--color-tealish) 0% 0% no-repeat padding-box;
		border-radius: 15px;
		opacity: 1;
		padding: 1rem;
		color: white;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		user-select: none;
		transform: translate(0, 0);
		box-sizing: border-box;
	}
	.menu-recent-entry.locked.svelte-13usj85 {
		border: 1px solid #c6c6c6;
		background-color: #f7f7f7;
		color: #b2b2b2;
	}
	.menu-recent-entry.argmap.svelte-13usj85 {
		border: 1px solid #c6c6c6;
		background-color: #f7f7f7;
		color: #b2b2b2;
	}
	.menu-recent-entry.svelte-13usj85:hover {
		cursor: default;
	}

	.menu-recent-entry-id.svelte-13usj85 {
		font-size: 0.7rem;
		font-family: 'RedHatMono-Regular';
		margin-bottom: 0.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.menu-recent-entry-name.svelte-13usj85 {
		font-size: 1rem;
		font-family: 'Chillax-Medium';

		display: -webkit-box;

		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.menu-recent-completed-text.svelte-13usj85 {
		display: none;
	}

	.menu-recents-completion-and-icon.svelte-13usj85 {
		display: flex;
		align-items: center;
		column-gap: 8px;
	}

	@media (max-width: 1100px) {
		.menu-recent-entry.svelte-13usj85 {
			padding: 0.75rem;
		}
		.menu-recent-entry-id.svelte-13usj85 {
			margin-bottom: 0rem;
		}
		.menu-recent-entry-argmap-id.svelte-13usj85 {
			margin-bottom: 0rem !important;
		}
		.menu-recent-entry-name.svelte-13usj85 {
			font-size: 0.7rem;
		}
		.menu-recent-bottom-row.svelte-13usj85 {
			height: 9px;
			column-gap: 0.5rem;
		}
		.menu-recent-icon.svelte-13usj85 img:where(.svelte-13usj85) {
			max-height: 18px;
			max-width: 18px;
		}
	}

	@media (min-width: 1300px) {
		.menu-recent-completed-text.svelte-13usj85 {
			display: inherit;
		}
	}

	.menu-recent-completed-pill.svelte-13usj85 {
		height: 26px;
		/* UI Properties */
		background: #ffffff 0% 0% no-repeat padding-box;
		border-radius: 15px;
		opacity: 1;
		color: var(--color-tealish);
		font-size: 0.65rem;
		font-family: 'RedHatMono-Regular';
		width: fit-content;
		padding-left: 0.9rem;
		padding-right: 0.9rem;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 1.2rem;
	}

	.menu-recent-bottom-row.svelte-13usj85 {
		position: absolute;
		bottom: 1rem;
		left: 0;
		right: 0;
		padding-left: 1rem;
		padding-right: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		transform: translate(0);
	}

	.menu-recent-icon.svelte-13usj85 {
		display: flex;
		aspect-ratio: 1;
		max-height: 18px;
		max-width: 18px;
		justify-content: center;
	}

	.menu-recent-entry-argmap-id.svelte-13usj85 {
		font-size: 0.7rem;
		color: var(--color-tealish);
		font-family: 'RedHatMono-Regular';
		margin-bottom: 0.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	/* (unused) .menu-recent-entry-argmap-id .material-icons {
		font-size: 19px;
	}*/

	.menu-recents-timestamp.svelte-13usj85 {
		height: 26px;
		opacity: 1;
		color: var(--color-tealish);
		font-size: 0.65rem;
		font-family: 'RedHatMono-Regular';
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 1.2rem;
	}

	.menu-recents-timestamp.course-timestamp.svelte-13usj85 {
		color: white;
	}

	.recents-grid.svelte-1j2ww95 {
		display: grid;
		margin: 0;
		grid-gap: 24px; 
		grid-template-columns: 1fr 1fr 1fr;
	}
	@media (max-width: 768px) {
		.recents-grid.svelte-1j2ww95 {
			grid-template-columns: 1fr 1fr;
			grid-gap: 8px;
		}
	}

	.menu-tile-holder.svelte-1v3a5os {
		display: grid;
		margin: 0;
		grid-gap: 24px;
		grid-template-columns: 1fr 1fr 1fr;
		transform: translate(0);
	}
	@media (max-width: 768px) {
		.menu-tile-holder.svelte-1v3a5os {
			grid-template-columns: 1fr 1fr;
			grid-gap: 8px;
		}
	}

	#menu-tile-learn.svelte-1v3a5os {
		background: var(--color-movish) 0% 0% no-repeat padding-box;
		border-radius: 27px;
	}
	#menu-tile-explore.svelte-1v3a5os {
		background: var(--color-blueish) 0% 0% no-repeat padding-box;
		border-radius: 173px;
		color: white;
	}
	#menu-tile-argmaps.svelte-1v3a5os {
		background: var(--color-redish) 0% 0% no-repeat padding-box;
		border-radius: 165px 167px 27px 27px;
	}

	#menu-tile-learn-design.svelte-1v3a5os {
		background: #d5e451 0% 0% no-repeat padding-box;
		border-radius: 173px;
	}
	#menu-tile-design-habit.svelte-1v3a5os {
		background: #5fcec4 0% 0% no-repeat padding-box;
		border-radius: 165px 167px 27px 27px;
	}

	#menu-tile-admin.svelte-1v3a5os {
		background: #edb5b1 0% 0% no-repeat padding-box;
		border-radius: 27px;
	}

	.main-menu-tile.svelte-1v3a5os {
		opacity: 1;
		max-width: 21rem;
		aspect-ratio: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: 'Chillax-Semibold';
		font-size: 1.5rem;
		text-align: center;
		user-select: none;
		padding: 0.5rem;
		flex: 1;
		transform: translate(0);
		box-sizing: border-box;
	}

	/*.menu-tile {
		display: flex;
		flex-direction: column;
		width: 100%;
	}*/

	@media (max-width: 768px) {
		.main-menu-tile.svelte-1v3a5os {
			font-size: 1rem;
		}
	}

	@media (max-width: 893px) {
		.main-menu-tile.svelte-1v3a5os {
			font-size: 1.3rem;
		}
	}
	.main-menu-tile.svelte-1v3a5os:hover {
		cursor: default;
	}

	#arg-main-menu.svelte-1jsrpe3 {
		width: 80%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	@media (max-width: 768px) {
		#arg-main-menu.svelte-1jsrpe3 {
			width: 90%;
		}
	}