* {
	tab-size: 4;
	margin: 0px;
	padding: 0px;
	border: none;
	
	line-height: normal;
	list-style: none;
	
	quotes: none;
	
	cursor: inherit;
}

a, abbr, acronym, address, applet, area, article, aside,
audio, b, basefont, bdi, bdo, big, blockquote, body,
button, caption, center, cite, code, col, colgroup,
data, datalist, dd, del, details, dfn, dialog, dir,
dl, dt, em, embed, fieldset, figcaption, figure, font,
footer, form, frame, frameset, h1, h2, h3, h4, h5, h6,
header, i, iframe, input, ins,
kbd, label, legend, li, link, main, map, mark, meta,
meter, nav, noframes, noscript, object, ol, optgroup, option,
output, p, param, picture, pre, progress, q, rp, rt,
ruby, s, samp, section, select, small, source,
strike, strong, style, sub, summary, sup, table,
tbody, td, template, textarea, tfoot, th, thead, time,
title, tr, track, tt, u, ul, var, video, wbr,
area, base, br, col, embed, hr, img, input, keygen,
link, meta, param, source, track, wbr {
	margin: 1px;
	padding: 3px;
	background: none;
}

button:focus, input:focus, textarea:focus {
	outline: none;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

:root {
	--EditorTextColor: rgb(20, 20, 20);
	--EditorDisabledTextColor: rgb(190, 190, 190);
	--EditorBorderColor: rgb(130, 133, 164);
	--EditorHoverColor: rgba(130, 200, 130, 0.5);
	--EditorActiveColor: rgba(200, 130, 130, 0.5);
	--EditorSelectedColor: rgba(130, 130, 200, 0.5);
	--EditorLightGradient: linear-gradient(150deg, rgba(221,227,227,1) 0%, rgba(231,236,236,1) 31%, rgba(227,232,232,1) 100%);
	--EditorMediumGradient: linear-gradient(150deg, rgba(221,227,227,1) 0%, rgba(222,225,225,1) 35%, rgba(201,210,210,1) 100%);
	--EditorGradient: linear-gradient(150deg, rgba(221,227,227,1) 0%, rgba(212,215,215,1) 35%, rgba(191,198,198,1) 100%);
}

* {
	color: var(--EditorTextColor);
	
	font-size: 12px;
	font-weight: 100;
	font-family: monospace;
	vertical-align: center;
	text-decoration: none;
	
	line-height: normal;
	list-style: none;
	
	image-rendering: pixelated;
}

body {
	background: var(--EditorLightGradient);
}

.makehoveroutline {
}
						
.makehoveroutline:not(:has(.makehoveroutline:hover)):hover {
	outline: black 2px solid;
}

.ec_1{

				display: flex;
				flex-direction: row;
			
}
.ec_2{

						flex: 1.0;
						margin-right: -5px;
					
}
.ec_3{

				display: flex;
				flex-direction: row;
			
}
.ec_4{

						flex: 1.0;
						margin-right: -5px;
					
}
.ec_5{

				display: flex;
				flex-direction: row;
			
}
.ec_6{

						flex: 1.0;
						margin-right: -5px;
					
}
.ec_7{

				display: flex;
				flex-direction: row;
			
}
.ec_8{

						flex: 1.0;
						margin-right: -5px;
					
}
.eference{

					display: flex;
					flex-direction: column;
				
}
.ec_9{

				display: flex;
				flex-direction: column;
			
}

			.drop_zone_box {
			}
		
			.drop_zone_column {
				position: relative;
				height: 0px;
				
				height: 6px;
				margin-top: -3px;
				margin-bottom: -3px;
			}
			.drop_between_column {
				margin: auto;
				width: 0%;
				height: 0%;
				background: var(--EditorActiveColor);
			}
			
			.drop_zone_row {
				position: relative;
				width: 0px;
				
				width: 6px;
				margin-left: -3px;
				margin-right: -3px;
			}
			.drop_between_row {
				margin: auto;
				width: 0%;
				height: 0%;
				background: var(--EditorActiveColor);
			}
		

					.drop_ghost {
						position: fixed;
						z-index: 99999;
						
						background: var(--EditorLightGradient);
					}
				

			.subject_heading {
				font-size: 14px;
			}
	
 
			.window_heading {
				font-size: 13px;
			}
	
 
			.label {
				font-size: 12px;
			}
	
 
			.tiny_label {
				font-size: 9px;
			}
	

			.message {
				font-size: 12px;
			}
	

			.info {
				font-size: 11px;
			}
		

			.span {
			}
		
 
			.number_label {
				font-size: 12px;
			}
	
.layered_canvas{

				position: relative;
				overflow: hidden;
			
}
.ec_10{

					position: absolute;
					left: 0px;
					top: 0px;
					width: 100%;
					height: 100%;
				
}
.ec_11{

				touch-action: none;
			
}

			.sprite {
				margin: 0px;
				padding: 0px;
			}
		
.toast{

				position: fixed;
				padding: 10px;
				top: 0px;
				left: 0px;
				right: 0px;
				z-index: 999999;
			
}
.ec_12{

				text-align: center;
				margin: 20px;
			
}
.dropdown{

				position: fixed;
				z-index: 99999;
			
}

			.dropdown_menu_option {
				text-align: left;
				padding: 0px;
				margin: 1px;
				border: solid 1px rgba(0,0,0,0.0);
			}
			
			.dropdown_menu_option:hover, .dropdown_menu_option:focus {
				border: solid 1px var(--EditorBorderColor);
				background: var(--EditorGradient);
			}
		
.ec_13{

						display: flex;
						flex-direction: row;
						align-items: center;
					
}

			.icon {
				margin: 0px;
				padding: 0px;
				width: 16px;
				height: 16px;
			}
		

			.small_icon {
				margin: 0px;
				padding: 1px;
				width: 8px;
				height: 8px;
			}
		

			.thin_icon {
				margin: 0px;
				padding: 0px;
				width: 5px;
				height: 3px;
			}
		

			.skinny_icon {
				margin: 0px;
				padding: 0px;
				width: 6px;
				height: 16px;
			}
		

			button.text_button {
				border: 1px solid var(--EditorBorderColor);
				border-radius: 5px;
				background: var(--EditorGradient);
				
				padding: 2px;
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.text_button:disabled {
				color: var(--EditorDisabledTextColor);
			}
			
			button.text_button:enabled:hover, button.text_button:enabled:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.text_button:enabled:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
		

			button.icon_button {
				width: 20px;
				height: 20px;
				min-width: 20px;
				min-height: 20px;
				max-width: 20px;
				max-height: 20px;
				padding: 0px;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 2px;
				background: var(--EditorGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.icon_button:disabled {
				color: var(--EditorDisabledTextColor);
			}
			
			button.icon_button:enabled:hover, button.icon_button:enabled:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.icon_button:enabled:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
		

			button.small_icon_button {
				width: 15px;
				height: 15px;
				min-width: 15px;
				min-height: 15px;
				max-width: 15px;
				max-height: 15px;
				padding: 0px;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 2px;
				background: var(--EditorGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.small_icon_button:disabled {
				color: var(--EditorDisabledTextColor);
			}
			
			button.small_icon_button:enabled:hover, button.small_icon_button:enabled:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.small_icon_button:enabled:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
		

			button.thin_icon_button {
				font-size: 0px;
				width: 13px;
				height: 9px;
				min-width: 13px;
				min-height: 9px;
				max-width: 13px;
				max-height: 9px;
				padding: 1px;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 2px;
				background: var(--EditorGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.thin_icon_button:disabled {
				color: var(--EditorDisabledTextColor);
			}
			
			button.thin_icon_button:enabled:hover, button.thin_icon_button:enabled:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.thin_icon_button:enabled:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
		

			button.drop_down_text_button {
				border: 1px solid var(--EditorBorderColor);
				border-radius: 5px;
				background: var(--EditorGradient);
				
				padding: 2px;
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.drop_down_text_button:disabled {
				color: var(--EditorDisabledTextColor);
			}
			
			button.drop_down_text_button:enabled:hover, button.drop_down_text_button:enabled:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.drop_down_text_button:enabled:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
		
.spinner{

				display: flex;
				flex-direction: column;
			
}

				.shifter {
					height:min-content;
					margin-top:auto;
					margin-bottom:auto;
					
					padding: 1px;
					
					background: var(--EditorGradient);
					border: solid 1px var(--EditorBorderColor);
					border-radius: 300px;
					
					transition: outline 0.1s, outline-offset 0.1s;
				}
				
				.shifter:hover, .shifter:focus {
					outline: 3px solid var(--EditorHoverColor);
					outline-offset: -3px;
				}
				
				.shifter:active {
					outline: 3px solid var(--EditorActiveColor);
					outline-offset: -3px;
				}
			

				.vertical_shifter {
					height:min-content;
					margin-top:auto;
					margin-bottom:auto;
					
					padding: 1px;
					
					background: var(--EditorGradient);
					border: solid 1px var(--EditorBorderColor);
					border-radius: 300px;
					
					transition: outline 0.1s, outline-offset 0.1s;
				}
				
				.vertical_shifter:hover, .vertical_shifter:focus {
					outline: 3px solid var(--EditorHoverColor);
					outline-offset: -3px;
				}
				
				.vertical_shifter:active {
					outline: 3px solid var(--EditorActiveColor);
					outline-offset: -3px;
				}
			

				.knob {
					position: relative;
					
					display: inline-block;
					width: 16px;
					height: 16px;
					max-width: 16px;
					max-height: 16px;
					
					border: solid 1px var(--EditorBorderColor);
					border-radius: 300px;
					background: var(--EditorGradient);
				}
				
				.knob:hover, .knob:focus {
					outline: 3px solid var(--EditorHoverColor);
					outline-offset: -3px;
				}
				
				.knob:active {
					outline: 3px solid var(--EditorActiveColor);
					outline-offset: -3px;
				}
			

						.dial {
							position: absolute;
							
							background: var(--EditorTextColor);
							
							left: 6px;
							top: 6px;
							
							width: 8px;
							height: 2px;
							
							transform-origin: 1px 50%;
						}
					

			button.text_switch_button {
				border: 1px solid var(--EditorBorderColor);
				border-radius: 5px;
				background: var(--EditorGradient);
				
				padding: 2px;
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.text_switch_button:hover, button.text_switch_button:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.text_switch_button:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
			
			button.text_switch_is_on, button.text_switch_is_on:hover, button.text_switch_is_on:focus, button.text_switch_is_on:active {
				filter: brightness(0.8);
			}
		

			input.field {
				padding: 2px;
				max-height: 1.3em;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 4px;
				background: var(--EditorLightGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			input.field:disabled {
				color: var(--EditorDisabledTextColor);
			}
			
			input.field:enabled:hover, input.field:enabled:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			input.field:enabled:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
		
.number_field{

				display: flex;
				flex-direction: row;
			
}
.ec_14{

						max-width: 55px;
					
}
.ec_15{

				display: flex;
				flex-direction: row;
			
}

				.progress_bar {
					position: relative;
					min-width: 100px;
					min-height: 16px;
					
					border: 1px solid var(--EditorBorderColor);
					border-radius: 5px;
					background: var(--EditorLightGradient);
					
					padding: 2px 2px 4px 2px;
				}
			

					.ec_16 {
						position: absolute;
						display: block;
						left: 0px;
						height: calc(100% - 6px);
						
						border-radius: 5px;
						border: 1px solid var(--EditorBorderColor);
						background: var(--EditorMediumGradient);
					}
				

					.ec_17 {
						position: absolute;
						left: 0px;
						right: 0px;
						top: auto;
						bottom: auto;
						text-align: center;
					}
				
.ec_18{

				display: flex;
				flex-direction: row;
			
}

				.xy {
					position: relative;
					
					display: inline-block;
					
					border: solid 1px var(--EditorBorderColor);
					border-radius: 3px;
				}
				
				.xy:hover, .xy:focus {
					outline: 3px solid var(--EditorHoverColor);
					outline-offset: -3px;
				}
				
				.xy:active {
					outline: 3px solid var(--EditorActiveColor);
					outline-offset: -3px;
				}
			
.ec_19{

						position: absolute;
						z-index: 10;
						
						border: solid 1px black;
						border-radius: 5px;
						width: 4px;
						height: 4px;
					
}
.ec_20{

						position: absolute;
						left: 0px;
						top: 0px;
					
}
.value_field{

				display: flex;
				flex-direction: row;
			
}
.ec_21{

				min-width: 60px;
				border-radius: 5px;
			
}
.color_field{

				display: flex;
				flex-direction: row;
			
}
.color_picker{

				display: flex;
				flex-direction: column;
			
}
.ec_22{

						display: flex;
						flex-direction: row;
					
}
.ec_23{

								width: 200px;
								height: 200px;
							
}
.ec_24{

								width: 20px;
								height: 200px;
							
}
.ec_25{

						display: flex;
						flex-direction: row;
					
}
.ec_26{

								min-width: 60px;
								border-radius: 5px;
							
}

				.slider {
					min-width: 100px;
					max-height: 1.3em;
					
					border: 1px solid var(--EditorBorderColor);
					border-radius: 5px;
					background: var(--EditorLightGradient);
					
					padding: 2px 2px 4px 2px;
					
					transition: outline 0.1s, outline-offset 0.1s;
				}
				
				.slider:hover, .slider:focus {
					outline: 3px solid var(--EditorHoverColor);
					outline-offset: -3px;
				}
				
				.slider:active {
					outline: 3px solid var(--EditorActiveColor);
					outline-offset: -3px;
				}
			

				.ec_27 {
					display: block;
					height: 100%;
					
					border-radius: 5px;
					border: 1px solid var(--EditorBorderColor);
					background: var(--EditorMediumGradient);
				}
			

				.vertical_slider {
					min-width: 1em;
					min-height: 100px;
					
					border: 1px solid var(--EditorBorderColor);
					border-radius: 5px;
					background: var(--EditorLightGradient);
					
					padding: 2px 2px 4px 2px;
					
					transition: outline 0.1s, outline-offset 0.1s;
				}
				
				.vertical_slider:hover, .vertical_slider:focus {
					outline: 3px solid var(--EditorHoverColor);
					outline-offset: -3px;
				}
				
				.vertical_slider:active {
					outline: 3px solid var(--EditorActiveColor);
					outline-offset: -3px;
				}
			

				.ec_28 {
					display: block;
					width: calc(100% - 2px);
					
					border-radius: 5px;
					border: 1px solid var(--EditorBorderColor);
					background: var(--EditorMediumGradient);
				}
			

				.bound_slider {
					position: relative;
					min-width: 100px;
					
					border: 1px solid var(--EditorBorderColor);
					border-radius: 5px;
					background: var(--EditorLightGradient);
					
					padding: 2px 2px 4px 2px;
					
					transition: outline 0.1s, outline-offset 0.1s;
				}
				
				.bound_slider:hover, .bound_slider:focus {
					outline: 3px solid var(--EditorHoverColor);
					outline-offset: -3px;
				}
				
				.bound_slider:active {
					outline: 3px solid var(--EditorActiveColor);
					outline-offset: -3px;
				}
			

					.ec_29 {
						position: absolute;
						display: block;
						height: calc(100% - 6px);
						
						border-radius: 5px;
						border: 1px solid var(--EditorBorderColor);
						background: var(--EditorMediumGradient);
					}
				

				.select {
					display: flex;
					flex-direction: row;
					width: 100%;
					max-width: 300px;
					
					border: 1px solid var(--EditorBorderColor);
					border-radius: 5px;
					background: var(--EditorGradient);
				}
			
.ec_30{

						flex: 1;
						padding: 2px;
					
}

			.select_option {
			}
			
			.select_option:hover, .select_option:focus {
				background: var(--EditorGradient);
			}
		
.ec_31{

					display: none;
				
}
.ec_32{

					position: absolute;
					top: -1000vh;
					left: -1000vw;
					width: 1px;
					height: 1px;
				
}

						.file_input_button {
							min-width: 100px;
						}
					

			.ec_33 {
				position: relative;
			}
			
			.ec_34 {
				position: absolute;
				left: 0px;
				top: 0px;
				max-height: 90%;
				image-rendering: auto;
			}
			
			.ec_35 {
				position: absolute;
				right: 0px;
				bottom: 0px;
				background: var(--EditorGradient);
				border: 1px solid var(--EditorBorderColor);
				border-radius: 3px;
				display: none;
			}
			
			.ec_33:hover .ec_35 {
				display: block;
			}
		
.image_data_input{

			display: flex;
			flex-direction: row;
		
}

			textarea.textarea {
				padding: 4px;
				line-height: 1.0;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 4px;
				background: var(--EditorLightGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			textarea.textarea:hover, textarea.textarea:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			textarea.textarea:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
		

			.line_numbering, .line_numbering br {
				font-size: 12px;
				line-height: 1.0;
				padding: 0px;
				margin: 0px;
			}
			
			.line_numbering {
				margin-left: 5px;
				margin-right: 5px;
				margin-top: 7px;
				text-align: right;
			}
		
.ec_36{

			display: flex;
			flex-direction: row;
			
			overflow: auto;
		
}
.ec_37{

					flex: 1.0;
					text-wrap: nowrap;
					font-size: 12px;
					resize: none;
					overflow: clip;
					overflow-horizontal: scroll;
				
}

			input[type='checkbox'].checkbox {
				position: relative;
				
				appearance: none;
				border: 1px solid var(--EditorBorderColor);
				border-radius: 2px;
				background: var(--EditorGradient);
				
				width: 18px;
				height: 18px;
				min-width: 18px;
				min-height: 18px;
				max-width: 18px;
				max-height: 18px;
				padding: 0px;
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			input[type='checkbox'].checkbox:enabled:hover, input[type='checkbox'].checkbox:enabled:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			input[type='checkbox'].checkbox:enabled:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
			
			input[type='checkbox'].checkbox:checked:after {
				content: "";
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAAlJSVLVk3SjCfjAAAAAXRSTlMAQObYZgAAAAFvck5UAc+id5oAAAAfSURBVAjXY2BgZGBgY2CQZHBIYZg4gSHNAchkYGEAABwUAqnPATILAAAAAElFTkSuQmCC);
				background-size: 16px;
				width: 16px;
				height: 16px;
				display: block;
				margin: 0px;
			}
		
.connection{

			position: absolute;
			
			height: 12px;
			background-size: 12px;
			transform-origin: 0% 50%;
		
}

			button.text_button_button {
				border: 1px solid var(--EditorBorderColor);
				border-radius: 5px;
				background: var(--EditorGradient);
				
				padding: 2px;
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.text_button_button:hover, button.text_button_button:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.text_button_button:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
			
			button.text_button_selected, button.text_button_selected:hover, button.text_button_selected:focus, button.text_button_selected:active {
				outline: 3px solid var(--EditorSelectedColor);
				outline-offset: -3px;
			}
		

			button.icon_button_button {
				width: 20px;
				height: 20px;
				min-width: 20px;
				min-height: 20px;
				max-width: 20px;
				max-height: 20px;
				padding: 0px;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 2px;
				background: var(--EditorGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.icon_button_button:hover, button.icon_button_button:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.icon_button_button:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
			
			button.icon_button_selected, button.icon_button_selected:hover, button.icon_button_selected:focus, button.icon_button_selected:active {
				outline: 3px solid var(--EditorSelectedColor);
				outline-offset: -3px;
			}
		

			button.small_icon_swatch_button {
				width: 15px;
				height: 15px;
				min-width: 15px;
				min-height: 15px;
				max-width: 15px;
				max-height: 15px;
				padding: 0px;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 2px;
				background: var(--EditorGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.small_icon_swatch_button:hover, button.small_icon_swatch_button:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.small_icon_swatch_button:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
			
			button.small_icon_swatch_selected, button.small_icon_swatch_selected:hover, button.small_icon_swatch_selected:focus, button.small_icon_swatch_selected:active {
				outline: 3px solid var(--EditorSelectedColor);
				outline-offset: -3px;
			}
		

			button.sprite_swatch_button {
				width: 20px;
				height: 20px;
				min-width: 20px;
				min-height: 20px;
				max-width: 20px;
				max-height: 20px;
				padding: 0px;
				
				border: 1px solid var(--EditorBorderColor);
				border-radius: 2px;
				background: var(--EditorGradient);
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.sprite_swatch_button:hover, button.sprite_swatch_button:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.sprite_swatch_button:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
			
			button.sprite_swatch_selected, button.sprite_swatch_selected:hover, button.sprite_swatch_selected:focus, button.sprite_swatch_selected:active {
				outline: 3px solid var(--EditorSelectedColor);
				outline-offset: -3px;
			}
		

			button.ec_38 {
				border: 1px solid var(--EditorBorderColor);
				border-radius: 5px;
				background: var(--EditorGradient);
				
				padding: 2px;
				
				transition: outline 0.1s, outline-offset 0.1s;
			}
			
			button.ec_38:hover, button.ec_38:focus {
				outline: 3px solid var(--EditorHoverColor);
				outline-offset: -3px;
			}
			
			button.ec_38:active {
				outline: 3px solid var(--EditorActiveColor);
				outline-offset: -3px;
			}
			
			button.ec_39, button.ec_39:hover, button.ec_39:focus, button.ec_39:active {
				outline: 3px solid var(--EditorSelectedColor);
				outline-offset: -3px;
			}
		

			.item_selected, .item_selected:hover, .item_selected:focus, .item_selected:active {
				border-radius: 3px;
				outline: 6px solid var(--EditorSelectedColor);
				outline-offset: -6px;
			}
		

			.ui_item {
				border: 1px solid var(--EditorBorderColor);
				border-radius: 3px;
				
				margin-top: 1px;
				margin-bottom: 1px;
			}
		
.ec_40{

			border: 1px solid var(--EditorBorderColor);
			border-radius: 5px;
			background: var(--EditorGradient);
			
			padding: 2px;
			
			transition: outline 0.1s, outline-offset 0.1s;
		
}
.ec_41{

			display: flex;
			flex-direction: row;
			
			border: 1px solid var(--EditorBorderColor);
			border-radius: 5px;
			
			padding: 2px;
			
			transition: outline 0.1s, outline-offset 0.1s;
		
}
.ec_42{

					display: flex;
					align-items: center;
					
					border: 1px solid var(--EditorBorderColor);
					border-radius: 5px;
					background: var(--EditorGradient);
					
					margin-left: -3px;
					margin-top: -3px;
					margin-bottom: -3px;
				
}
.ec_43{

					flex: 1.0;
				
}

			.item_group {
				min-height: 20px;
				min-width: 20px;
			}
		
.ec_44{

				align-items: baseline;
			
}
.ec_45{

						flex: 1;
					
}
.ec_46{

				position: relative;
				min-height: 18px;
			
}

						.ec_47{
							position: absolute;
							left: 0px;
							top: 0px;
							opacity: 0.3;
						}
						
						.ec_47:hover{
							opacity: 1.0;
						}
					

							.expandable_content {
								margin: 0px;
								margin-left: 4px;
							}
						
.ec_48{

						flex: 1;
						text-align: left;
					
}
.ec_49{

					padding-left: 4px;
					border-left: solid 1px var(--EditorBorderColor);
				
}
.ec_50{

								padding-left: 4px;
								border-left: solid 1px var(--EditorBorderColor);
							
}
.ec_51{

								flex: 1;
								text-align: left;
							
}
.ec_52{

				display: flex;
				flex-direction: column;
				gap: 4px;
			
}
.ec_53{

						display: flex;
						flex-direction: column;
					
}
.move_center_handle{

			position: absolute;
		
}
.resize_side_handle{

			position: absolute;
		
}
.resize_corner_handle{

			position: absolute;
		
}
.ec_54{

			display: contents;
		
}
.flex_column{

			display: flex;
			flex-direction: column;
		
}
.flex_row{

			display: flex;
			flex-direction: row;
		
}
.flex_wrap_row{

			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		
}

			.break {
				margin: 5px auto;
				background: var(--EditorBorderColor);
				height: 1px;
				padding: 0px;
				width: 80%;
			}
		

			.table {
			}
		

			.tr {
				margin: 0px;
				padding: 0px;
			}
		

			.td {
				margin: 0px;
				padding: 0px;
				vertical-align: top;
			}
		

			.scroll_bar {
				display: none;
			}
		
.ec_55{

					flex: 1;
				
					box-sizing: border-box; 
					padding: 3px;
					min-width: 6px;
					min-height: 6px;
			
					border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAgMAAAC5PL9AAAAADFBMVEUAAAAlJSVLVk2apXwQaYLKAAAAAXRSTlMAQObYZgAAAAFvck5UAc+id5oAAAAaSURBVAjXY2B1YJC+wJD/haEejOQvMLA6AABEQAauAtESrwAAAABJRU5ErkJggg==);
					border-image-slice: 3 fill;
					border-image-width: 6px;
				
}
.ec_56{

							position: relative;
							box-sizing: border-box; 
							min-width: 6px;
							min-height: 6px;
					
							border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAgMAAAC5PL9AAAAADFBMVEUAAAAlJSXg6cRLVk2DcOjQAAAAAXRSTlMAQObYZgAAAAFvck5UAc+id5oAAAAaSURBVAjXY2B1YJC+wJD/haEejOQvMLA6AABEQAauAtESrwAAAABJRU5ErkJggg==);
							border-image-slice: 3 fill;
							border-image-width: 6px;
						
}

			.tiny_frame {
				padding: 1px;
				
				overflow: hidden;
		
				background: var(--EditorLightGradient);
				border: solid 1px var(--EditorBorderColor);
				border-radius: 4px;
			}
		

			.box_view {
				overflow: auto;
				
				padding: 1px;
				height: calc(100% - 2px);
			}
		

			.frame {
				padding: 1px;
				
				overflow: hidden;
				
				margin-top: 1px;
				margin-bottom: 1px;
				
				background: var(--EditorLightGradient);
				border: solid 1px var(--EditorBorderColor);
				border-radius: 4px;
			}
		

			.frame_highlighted {
				padding: 1px;
				
				overflow: hidden;
				
				margin-top: 2px;
				margin-bottom: 2px;
		
				background: var(--EditorLightGradient);
				border: solid 1px var(--EditorBorderColor);
				border-radius: 4px;
			}
		
.split_project_pane_row{

			display: flex;
			flex-direction: row;
			
			width: 100vw;
		
}
.ec_57{

							width: 10px;
							height: 100%;
							
							background: #bf40403d;
							border-radius: 6px;
						
}
.ec_58{

					flex: 1;
				
}
.split_project_pane_column{

			display: flex;
			flex-direction: column;
			
			height: 100vh;
		
}
.ec_59{

							width: 100%;
							height: 10px;
							
							background: #bf40403d;
							border-radius: 6px;
						
}
.ec_60{

					flex: 1;
				
}
.window_context_scratch{

			position: fixed;
			top: 1000vh;
			left: 1000vw;
		
}
.non_windows{

					display: contents;
				
}
.windows{

					position: absolute;
					left: 0px;
					top: 0px;
				
}
.view{

			display: flex;
			
			min-width: 100vw;
			min-height: 100vh;
			
			justify-content: center;
			align-items: center;
			
			inset: 0px;
			
			margin-left: 100vw;
			margin-top: 100vh;
		
}
.ec_61{

						display: flex;
						flex-direction: row;
					
}
.ec_62{

								flex: 1;
								overflow: hidden;
							
}
.ec_63{

									white-space: nowrap;
								
}
.ec_64{

						display: flex;
						flex-direction: row;
						gap: 2px;
						height: calc(100% - 25px);
					
}
.ec_65{

								flex: 1;
							
}
.window_holder{

			display: flex;
			
			position: fixed;
			
			justify-content: center;
			align-items: center;
		
}
.modal{

				background-color: rgba(0, 0, 0, 0.3);
				inset: 0px;
			
}
.game_window{

			position: absolute;
			
			box-sizing: border-box; 
			padding: 5px;
			min-width: 69px;
			min-height: 37px;
	
			border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgAgMAAADf85YXAAAADFBMVEUAAAAlJSXg6cSapXxhdAWTAAAAAXRSTlMAQObYZgAAAAFvck5UAc+id5oAAABLSURBVCjPY2ANRQEBDFKrgGD9fxj4wpAFEtgPF/gLFFiN4IIF1r3/jyqw+z+awH80gez9BFX8J1kFYYF8ggL1I0pAHlXgCwN6cgAAoFXR9sky+boAAAAASUVORK5CYII=);
			border-image-slice: 16 24 15 22 fill;
			border-image-width: 32px 48px 30px 44px;
			
			filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
		
}
.editor_window{

			position: absolute;
			
			box-sizing: border-box; 
			padding: 5px;
			min-width: 69px;
			min-height: 37px;
			
			border: 1px solid black;
			border-radius: 3px;
			
			background: var(--EditorGradient);
			
			filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
		
}
.ec_66{

							display: flex;
							flex-direction: row;
							justify-content: center;
						
}
.ec_67{

							display: flex;
							flex-direction: row;
							justify-content: center;
						
}
.task_bar{

					display: flex;
					flex-direction: row;
					
					position: fixed;
					left: 0px;
					bottom: 0px;
					width: 100%;
					height: 24px;
					z-index: 99999;
					
					border: 1px solid var(--EditorBorderColor);
					background: var(--EditorGradient);
				
}
.ec_68{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: center;
					justify-content: center;
				
}
.ec_69{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: center;
					justify-content: center;
				
}
.deck_board_view{

					display: flex;
					flex-direction: row;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: center;
					justify-content: center;
				
}
.card_layout_editor_view{

						display: flex;
						flex-direction: column;
						gap: 4px;
						
						width: 100%;
						height: 100%;
						align-items: normal;
						justify-content: normal;
					
}
.file_bar{

								border: 1px solid var(--EditorBorderColor);
								border-radius: 10px;
								
								background: var(--EditorMediumGradient);
							
}
.display{

											position: relative;
											
											border: 1px solid var(--EditorBorderColor);
											border-radius: 10px;
											
											background: var(--EditorMediumGradient);
										
}
.ec_70{

													position: absolute;
													left: 0px;
													top: 0px;
												
}
.ec_71{

																	display: flex;
																	flex-direction: row;
																
}
.ec_72{
 
																			display: flex;
																			flex-direction: row;
																		
}
.convert_csv_view{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: normal;
					justify-content: normal;
				
}
.ec_73{

													position: relative;
													
													border: 1px solid var(--EditorBorderColor);
													border-radius: 10px;
													
													background: var(--EditorMediumGradient);
												
}
.ec_74{

															width: 100%;
															height: 100%;
														
}
.ec_75{

													position: relative;
													
													border: 1px solid var(--EditorBorderColor);
													border-radius: 10px;
													
													background: var(--EditorMediumGradient);
												
}
.ec_76{

															width: 100%;
															height: 100%;
														
}
.ec_77{

										position: relative;
										
										border: 1px solid var(--EditorBorderColor);
										border-radius: 10px;
										
										background: var(--EditorMediumGradient);
									
}
.image_filter_view{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: normal;
					justify-content: normal;
				
}
.ec_78{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: center;
					justify-content: center;
				
}
.ec_79{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: center;
					justify-content: center;
				
}
.ec_80{

				position: absolute;
				right: 200px;
				bottom: 200px;
			
}
.ec_81{

						position: relative;
					
}
.ec_82{

								position: absolute;
								min-width: 150px;
								width: max-content;
								padding: 6px;
								border: solid 2px black;
								border-radius: 30px;
								background: whitesmoke;
								opacity: 0.0;
								
								transition: opacity 0.5s;
							
}
.ec_83{

										position: absolute;
										right: 37px;
										top: 33px;
									
}
.ec_84{

						position: absolute;
						background: red;
						border-radius: 10px;
						width: 6px;
						height: 6px;
						z-index: 1000;
					
}
.ec_85{

				position: relative;
				
				opacity: 1.0;
				transition: opacity 0.3s;
			
}
.ec_86{

						position: absolute;
						left: 0px;
						top: 0px;
						width: 16px;
						height: 16px;
						z-index: 10;
					
}
.ec_87{

				position: relative;
			
}
.ec_88{

						position: absolute;
						left: 0px;
						top: 0px;
						width: 64px;
						height: 64px;
						z-index: 1;
					
}
.ec_89{

						position: absolute;
						left: 0px;
						top: 0px;
						width: 64px;
						height: 64px;
						z-index: 2;
					
}
.ec_90{

						position: absolute;
						left: 0px;
						top: 0px;
						width: 64px;
						height: 64px;
						z-index: 3;
					
}
.ec_91{

				position: relative;
			
}
.ec_92{

						position: absolute;
						left: 0px;
						top: 0px;
						width: 80px;
						height: 12px;
						z-index: 1;
					
}
.ec_93{

				display: flex;
				flex-direction: row;
			
}
.ec_94{

				display: flex;
				flex-direction: column;
			
}
.ec_95{

						display: flex;
						flex-direction: column;
					
}
.ec_96{

				display: flex;
				flex-direction: column;
			
}
.ec_97{

						display: flex;
						flex-direction: row;
					
}
.ec_98{

								display: flex;
								flex-direction: row;
							
}
.card{

				width: 300px;
				min_height: 64px;
				margin: 1px;
				padding: 0px;
			
}
.deck{

				display: flex;
				flex-direction: column;
				gap: 0px;
			
}

			.ec_99 {
				display: flex;
				flex-direction: row;
				width: 100%;
				height: 100%;
				align-items: center;
				justify-content: center;
				gap: 4px;
				
				padding: 4px;
			}
			
			.ec_100 {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				gap: 4px;
			}
			
			.ec_101 {
				min-height: 32px;
				padding: 1px;
						
				background: var(--EditorGradient);
				border: 1px solid;
				border-color: var(--EditorBorderColor);
				border-radius: 6px;
			}
			
			.ec_102 {
				display: flex;
				flex-direction: row;
			}
		
.word_game_tool{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: normal;
					justify-content: normal;
				
}
.ec_103{

							display: flex;
							flex-direction: column;
							align-items: center;
						
}
.ec_104{

									position: relative;
								
}
.ec_105{

											font-size: 8vw;
											letter-spacing: 2vw;
											text-align: center;
										
}
.ec_106{

											position: absolute;
											right: 19vw;
											top: -19vw;
											z-index: -2;
										
}
.ec_107{

												position: relative;
											
}
.ec_108{

														position: absolute;
														width: 30vw;
														opacity: 0.0;
													
}
.ec_109{

									height: 3px;
									color: black;
									margin-bottom: 32px;
								
}
.ec_110{

									font-size: 3vw;
								
}
.ec_111{

									height: 3px;
									color: black;
									margin-top: 32px;
								
}
.ec_112{

									font-size: 6vw;
									text-align: center;
								
}
.box_meta_element{

				position: absolute;
				
				background: rgba(200, 200, 200, 0.03);
				border: dashed 2px black;
			
}
.ec_113{

				position: absolute;
				
				background: rgba(210, 210, 210, 0.03);
				border: dashed 2px black;
			
}
.image_meta_element{

				position: absolute;
				
				background: var(--EditorGradient);
				border: 1px solid var(--EditorBorderColor);
				border-radius: 4px;
			
}
.ec_114{

						width: 95%;
						height: 200px;
					
}
.ec_115{

				display: flex;
				flex-direction: row;
				align-items: center;
			
}
.ec_116{

				border-left: none;
				border-right: none;
				
				border-radius: 0px;
			
}
.ec_117{

				margin-left: 10px;
				margin-top: 0px;
				margin-bottom: 0px;
				
				padding-top: 0px;
				padding-bottom: 0px;
			
}
.ec_118{

												background: #00800021;
												padding: 0px;
												margin: 0px;
												margin-left: 5px;
											
}
.ec_119{

			background-color: #78d57e;
			padding: 1px 4px;
			border-radius: 3px;
		
}
.ec_120{

			background-color: #78d57e;
			padding: 1px 4px;
			border-radius: 3px;
		
}
.ec_121{

			background-color: #78d57e;
			padding: 1px 4px;
			border-radius: 3px;
		
}
.ec_122{

			background-color: #d08080;
			padding: 1px 4px;
			border-radius: 3px;
		
}
.ec_123{

						width: 95%;
						height: 200px;
					
}
.ec_124{

			background-color: #b1afe6;
			padding: 1px 4px;
			border-radius: 3px;
		
}
.ec_125{

			background-color: #df88b9;
			padding: 1px 4px;
			border-radius: 3px;
		
}
.ec_126{

									width: 95%;
									height: 200px;
								
}

				.ec_127{
					display: inline-block;
					padding: 6px 4px;
					border-radius: 3px;
				}
				
				.ec_127{background-color: #afd9af;}
				.ec_127 .ec_127{background-color: #dfdb9a;}
				.ec_127 .ec_127 .ec_127{background-color: #afd9af;}
				.ec_127 .ec_127 .ec_127 .ec_127{background-color: #dfdb9a;}
				.ec_127 .ec_127 .ec_127 .ec_127 .ec_127{background-color: #afd9af;}
				.ec_127 .ec_127 .ec_127 .ec_127 .ec_127 .ec_127{background-color: #dfdb9a;}
				.ec_127 .ec_127 .ec_127 .ec_127 .ec_127 .ec_127 .ec_127{background-color: #afd9af;}
			
.ec_128{

						width: 95%;
						height: 200px;
					
}
.ec_129{

						width: 95%;
						height: 200px;
					
}
.make_template_editor_view{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100vh;
					align-items: normal;
					justify-content: normal;
				
}
.ec_130{

										position: relative;
										
										padding: 3px;
										
										border: 1px solid var(--EditorBorderColor);
										border-radius: 3px;
										
										background: var(--EditorMediumGradient);
										
										background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBDcmVhdGVkIHdpdGggSW5rc2NhcGUgKGh0dHA6Ly93d3cuaW5rc2NhcGUub3JnLykgLS0+Cjxzdmcgd2lkdGg9IjkzLjQ2Nm1tIiBoZWlnaHQ9Ijk0LjcxNG1tIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA5My40NjYgOTQuNzE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KIDxkZWZzPgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ5NzkiPgogICA8c3RvcCBzdG9wLWNvbG9yPSIjYmY0MDQwIiBvZmZzZXQ9IjAiLz4KICAgPHN0b3Agc3RvcC1jb2xvcj0iIzYwNjI5ZiIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50OTgxIiB4MT0iNDQuMjY2IiB4Mj0iODQuNTY5IiB5MT0iMTM4LjIyIiB5Mj0iMTM4LjIyIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTUuMDcgLS44OTc1NykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgPHN0b3Agc3RvcC1jb2xvcj0iI2JmNDA0MCIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIHN0b3AtY29sb3I9IiM2MDYyOWYiIG9mZnNldD0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXJHcmFkaWVudDEwMTYiIHgxPSI0NC4yNjYiIHgyPSI4NC41NjkiIHkxPSIxMzguMjIiIHkyPSIxMzguMjIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLjc0MjIgMCAwIC43NDIyIDg5LjAxNCAtOTAuNDU1KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHhsaW5rOmhyZWY9IiNsaW5lYXJHcmFkaWVudDk3OSIvPgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQxMDUyIiB4MT0iNDQuMjY2IiB4Mj0iODQuNTY5IiB5MT0iMTM4LjIyIiB5Mj0iMTM4LjIyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC43Mzk4NSAwIDAgLjczOTg1IC0xODUuNzUgLTE5MS4zOCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4bGluazpocmVmPSIjbGluZWFyR3JhZGllbnQ5NzkiLz4KIDwvZGVmcz4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNC42MTQgLTg1LjQ4OCkiPgogIDxyZWN0IHRyYW5zZm9ybT0icm90YXRlKC00NSkiIHg9Ii03MC44IiB5PSIxMTcuMTciIHdpZHRoPSI0MC4zMDMiIGhlaWdodD0iNDAuMzAzIiByeT0iNS40NjEiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQ5ODEpIiBvcGFjaXR5PSIuMTQ2OCIvPgogIDxyZWN0IHRyYW5zZm9ybT0icm90YXRlKDQ0Ljc2MykiIHg9IjEyMS44NyIgeT0iLTIuODIyOCIgd2lkdGg9IjI5LjkxMyIgaGVpZ2h0PSIyOS45MTMiIHJ5PSI0LjA1MzIiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQxMDE2KSIgb3BhY2l0eT0iLjA2MTkzNSIvPgogIDxyZWN0IHRyYW5zZm9ybT0icm90YXRlKDIyNS4yMikiIHg9Ii0xNTMiIHk9Ii0xMDQuMDIiIHdpZHRoPSIyOS44MTgiIGhlaWdodD0iMjkuODE4IiByeT0iNC4wNDAzIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50MTA1MikiIG9wYWNpdHk9Ii4wNTE1MTUiLz4KIDwvZz4KPC9zdmc+Cg==);
										background-repeat: no-repeat;
										background-position-x: right;
										background-position-y: bottom;
									
}
.ec_131{

												display: flex;
												flex-direction: row;
											
}
.ec_132{

														display: flex;
														flex-direction: row;
													
}
.ec_133{

												
}
.ec_134{

							display: flex;
							flex-direction: row;
							justify-content: center;
						
}
.ec_135{

				display: flex;
				flex-direction: column;
			
}
.ec_136{

						display: flex;
						flex-direction: row;
					
}
.ec_137{

				display: flex;
				flex-direction: row;
			
}
.ec_138{

				display: flex;
				flex-direction: row;
			
}
.ec_139{

				position: relative;
				width: 46px;
				height: 46px;
			
}
.ec_140{

						position: absolute;
						right: 0px;
						bottom: 0px;
					
}
.ec_141{

				display: flex;
				flex-direction: row;
			
}
.ec_142{

						display: grid;
						grid-template-columns: repeat(8, 64px);
						grid-template-rows: repeat(8, 64px);
					
}
.ec_143{

				position: relative;
				border: solid black 1px;
			
}
.ec_144{

						position: absolute;
						left: 0px;
						top: 0px;
					
}
.ec_145{

						position: absolute;
						left: 0px;
						top: 0px;
					
}
.ec_146{

				position: relative;
			
}
.ec_147{

				position: absolute;
				left: 0px;
				top: 0px;
			
}
.ec_148{

					position: relative;
				
}
.ec_149{

							position: absolute;
							left: 0px;
							top: 0px;
						
}
.ec_150{

							position: absolute;
							left: 0px;
							top: 0px;
						
}
.ec_151{

				position: absolute;
				left: 0px;
				top: 0px;
			
}
.ec_152{

						display: flex;
						flex-direction: row;
					
}
.ec_153{

										display: flex;
										flex-direction: row;
										flex-wrap: wrap;
										align-content: start;
										
										width: 316px;
										max-height: 512px;
										overflow: scroll;
										border: solid 1px black;
										border-radius: 5px;
									
}
.ec_154{

								display: flex;
								flex-direction: row;
							
}
.ec_155{

										display: flex;
										flex-direction: column;
									
}
.ec_156{

												min-width: 360px;
												padding: 3px;
												display: flex;
												flex-direction: column;
												border: solid 1px black;
												border-radius: 3px;
											
}
.ec_157{

										display: flex;
										flex-direction: row;
									
}
.ec_158{

						display: flex;
						flex-direction: column;
					
}
.ec_159{

								display: flex;
								flex-direction: row;
							
}
.ec_160{

				display: flex;
				flex-direction: column;
			
}
.ec_161{

						display: flex;
						flex-direction: column;
					
}
.ec_162{

				display: flex;
				flex-direction: column;
			
}
.ec_163{

						display: flex;
						flex-direction: column;
					
}
.ec_164{

						display: flex;
						flex-direction: column;
					
}
.ec_165{

				display: flex;
				flex-direction: column;
			
}
.ec_166{

						display: flex;
						flex-direction: column;
					
}
.ec_167{

				display: flex;
				flex-direction: column;
			
}
.ec_168{

						display: flex;
						flex-direction: column;
						
						margin-left: 10px;
					
}
.ec_169{

						display: flex;
						flex-direction: row;
					
}
.ec_170{

								min-width: 200px;
							
}
.ec_171{

								position: relative;
								flex: 1;
							
}
.ec_172{

										border: solid 1px black;
										border-radius: 5px;
									
}
.dice_toy_view{

					display: flex;
					flex-direction: column;
					gap: 4px;
					
					width: 100%;
					height: 100%;
					align-items: center;
					justify-content: center;
				
}
.ec_173{

							width: 512px;
							height: 512px;
							border: solid black 1px;
						
}