@font-face {
	font-family: mah;
	src: url(mah.9e13aab96041f426.eot?4927786);
	src: url(mah.9e13aab96041f426.eot?4927786#iefix) format("embedded-opentype"), url(mah.af51b3bb9f258f6d.woff2?4927786) format("woff2"), url(mah.80dadcb9ee90585f.woff?4927786) format("woff"), url(mah.7b56fd4adb756b35.ttf?4927786) format("truetype"), url(mah.46fae6514c21bec4.svg?4927786#mah) format("svg");
	font-weight: 400;
	font-style: normal
}
[class^=icon-]:before, [class*=" icon-"]:before {
	font-family: mah;
	font-style: normal;
	font-weight: 400;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-pause:before {
	content: "\e800"
}
.icon-lightbulb:before {
	content: "\e803"
}
.icon-undo:before {
	content: "\e807"
}
.icon-spin1:before {
	content: "\e808"
}
.icon-cancel-circled2:before {
	content: "\e809"
}
.icon-calendar:before {
	content: "\e80a"
}
.icon-note-beamed:before {
	content: "\e80b"
}
.icon-resize-full-alt:before {
	content: "\e80d"
}
.icon-volume-low:before {
	content: "\e80e"
}
.icon-loop:before {
	content: "\e812"
}
.icon-cog:before {
	content: "\e813"
}
.icon-trash-empty:before {
	content: "\e815"
}
@font-face {
	font-family: editor;
	src: url(editor.e99c99200b5948c0.eot?34690429);
	src: url(editor.e99c99200b5948c0.eot?34690429#iefix) format("embedded-opentype"), url(editor.cb83a28c681dc182.woff2?34690429) format("woff2"), url(editor.ba7da210895fb47c.woff?34690429) format("woff"), url(editor.61a80421c752dd91.ttf?34690429) format("truetype"), url(editor.0794d8e052ce1255.svg?34690429#editor) format("svg");
	font-weight: 400;
	font-style: normal
}
[class^=icon-editor-]:before, [class*=" icon-editor-"]:before {
	font-family: editor;
	font-style: normal;
	font-weight: 400;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-editor-down-small:before {
	content: "\e800"
}
.icon-editor-left-small:before {
	content: "\e801"
}
.icon-editor-right-small:before {
	content: "\e802"
}
.icon-editor-up-small:before {
	content: "\e803"
}
.icon-editor-trash:before {
	content: "\e804"
}
.icon-editor-cancel-alt:before {
	content: "\e805"
}
.icon-editor-ok:before {
	content: "\e810"
}
.icon-editor-list-add:before {
	content: "\e832"
}
.icon-editor-docs:before {
	content: "\f0c5"
}
@font-face {
	font-family: Kulim Park;
	font-style: normal;
	font-weight: 400;
	src: url(kulim-park-v4-latin-ext_latin-regular.328c0ac02dbbd95a.eot);
	src: local(""), url(kulim-park-v4-latin-ext_latin-regular.328c0ac02dbbd95a.eot?#iefix) format("embedded-opentype"), url(kulim-park-v4-latin-ext_latin-regular.5ba427d3fc02fc32.woff2) format("woff2"), url(kulim-park-v4-latin-ext_latin-regular.2ca06e76c445b899.woff) format("woff"), url(kulim-park-v4-latin-ext_latin-regular.2a16ed6bdde62f9a.ttf) format("truetype"), url(kulim-park-v4-latin-ext_latin-regular.440f99b0cea8cc1a.svg#KulimPark) format("svg")
}
*, *:before, *:after {
	box-sizing: border-box
}
html {
	width: 100%;
	height: 100%;
	--main-bg-color: #2b424f;
	--main-bg-color-lt: #2e4856;
	--main-bg-color-dk: #253c46;
	--main-text-color: #1835ce;
	--main-text-color-lt: #51c80b;
	--main-text-color-dk: #1835ce;
	--dialog-text-color: #1835ce;
	--dialog-background-color: #fffff6;
	background-color: var(--main-bg-color)
}
body {
	font-family: Nunito, Tahoma, sans-serif;
	background-color: var(--main-bg-color);
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%
}
body {
	font-size: 1em;
	line-height: 1.5
}
button, select {
	background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7);
	border: 1px solid #afafaf;
	font-family: Kulim Park, Tahoma, sans-serif;
	font-size: inherit
}
input[type=radio] {
	font-size: inherit;
	width: .9em;
	height: .9em;
	vertical-align: middle
}
p {
	margin: 0;
	padding: 0
}
.hidden {
	display: none
}
.link {
	cursor: pointer
}
.overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background-color: #0003;
	max-height: 100%;
	font-size: .9em
}
@media only screen and (min-width: 700px) {
	.overlay {
		font-size: 1.1em
	}
}
@media only screen and (min-width: 1000px) {
	.overlay {
		font-size: 1.2em
	}
}
@media only screen and (min-width: 1900px) {
	.overlay {
		font-size: 1.2em
	}
}
@media only screen and (min-width: 2200px) {
	.overlay {
		font-size: 2em
	}
}
@media only screen and (max-height: 500px) {
	.overlay {
		font-size: .9em
	}
}
.overlay .overlay-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 98%;
	max-width: 98%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #707070;
	background-color: var(--dialog-background-color);
	line-height: 1.2em;
	padding: 1.5em 2em;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	box-shadow: 12px 14px 16px #00000080
}
@media only screen and (min-width: 2200px) {
	.overlay .overlay-popup {
		border-radius: 30px
	}
}
@media only screen and (min-width: 1900px) {
	.overlay .overlay-popup {
		max-height: 80%;
		max-width: 80%
	}
}
@media only screen and (max-width: 1000px) {
	.overlay .overlay-popup {
		padding: 1.5em
	}
}
@media only screen and (max-width: 280px) {
	.overlay .overlay-popup {
		padding: 1.5em 1em
	}
}
.overlay .close {
	right: 8px;
	top: 8px;
	position: absolute;
	color: #a9a9a9;
	cursor: pointer;
	padding: 3px;
	border-radius: 6px
}
.overlay .close i {
	font-size: 1.2em
}
.overlay .close:hover {
	color: #707070
}

html {
	width: 100%;
	height: 100%;
	--main-bg-color: #fcfcfc;
	--main-bg-color-lt: #2e4856;
	--main-bg-color-dk: #253c46;
	--main-text-color: #1835ce;
	--main-text-color-lt: #51c80b;
	--main-text-color-dk: #1835ce;
	--dialog-text-color: #1835ce;
	--dialog-background-color: #fffff6;
	background-color: var(--main-bg-color);
}
.overlay {
	background-color: #dadada29;
}

[_nghost-svu-c15] .controls[_ngcontent-svu-c15] .ctrl[_ngcontent-svu-c15] .button[_ngcontent-svu-c15]:hover {
    border: none!important;
}

g.hinted g.tile > rect {
    stroke: #1000ff!important;
    stroke-width: 3px;
}

g.selected.hinted g.tile rect.stone {
    stroke: #1000ff!important;
    stroke-width: 3px;
}