@charset 'UTF-8';
@import url("/res/css/chess2.css");
@import url("/res/themes/style.css");
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: normal;
	src: url("/res/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: bold;
	src: url("/res/fonts/Montserrat-Bold.ttf") format("truetype");
	font-display: swap;
}
@keyframes fail {
	0% {
		transform: translateX(-20px);
	}
	25% {
		transform: translateX(15px);
	}
	50% {
		transform: translateX(-10px);
	}
	75% {
		transform: translateX(5px);
	}
	100% {
		transform: translateX(0px);
	}
}
@keyframes show {
	0% {
		display: none;
		transform: scale(0);
	}
	80% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes show-converter {
	0% {
		display: none;
		transform: scaleY(0);
	}
	90% {
		transform: scaleY(1.2);
	}
	100% {
		transform: scaleY(1);
	}
}
@keyframes shake {
	0% {
		transform: translateX(-20px);
	}
	25% {
		transform: translateX(15px);
	}
	50% {
		transform: translateX(-10px);
	}
	75% {
		transform: translateX(5px);
	}
	100% {
		transform: translateX(0px);
	}
}
/* MEDAL */
@keyframes medal-colorize {
	0% {
		opacity: 0.8;
	}
	40% {
		opacity: 1;
	}
	70% {
		transform: scale(1);
	}
	100% {
		transform: scale(2.3);
	}
}
@keyframes glow-appear {
	0% {
		opacity: 0;
		transform: scale(0.7);
	}
	60% {
		opacity: 1;
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
/* Widget Stats */
@keyframes claimable {
	0% {
		transform: none;
	}
	35% {
		transform: scale(1.2);
	}
	40% {
		transform: scale(1.1) rotate(10deg);
	}
	45% {
		transform: scale(1.2) rotate(-10deg);
	}
	50% {
		transform: scale(1.2) rotate(10deg);
	}
	55% {
		transform: scale(1.2) rotate(-10deg);
	}
	60% {
		transform: scale(1.2) rotate(10deg);
	}
	65% {
		transform: scale(1.1) rotate(-10deg);
	}
	100% {
		transform: none;
	}
}
/* Test */
@keyframes next-board {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
	}
}
@keyframes old-task-ok {
	0% {
		background-color: transparent;
	}
	30% {
		background-color: #7fffb1;
	}
	100% {
		background-color: transparent;
	}
}
@keyframes task-ok {
	0% {
		background-image: linear-gradient(#ffffff 0%, #ffffff 48%, #7fffb1 52%, #7fffb1 100%);
		background-position: 0% 0%;
		background-color: transparent;
		background-size: 100% 200%;
	}
	33% {
		background-image: linear-gradient(#ffffff 0%, #ffffff 48%, #7fffb1 52%, #7fffb1 100%);
		background-position: 0% 100%;
		background-color: transparent;
	}
	34% {
		background-image: none;
		background-color: #7fffb1;
	}
	100% {
		background-position: 0% 100%;
		background-color: rgba(0, 255, 100, 0.0);
		background-size: 100% 200%;
	}
}
@keyframes task-fail {
	0% {
		background-color: transparent;
	}
	30% {
		background-color: rgba(255, 0, 0, 0.5);
	}
	100% {
		background-color: transparent;
	}
}
@keyframes blindfold-fade {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/* Lessons */
@keyframes newMsg {
	0% {
		transform: scale(0.93);
	}
	100% {
		transform: scale(1);
	}
}
* {
	box-sizing: border-box;
}
[hidden] {
	display: none !important;
}
/* Scroll */
::-webkit-scrollbar {
	height: 3px;
	width: 5px;
}
::-webkit-scrollbar-track {
	background-color: transparent;
}
::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: rgba(82, 63, 88, 0.5);
}
/* Tags */
* {
	font-family: "Montserrat", sans-serif;
}
body {
	margin: 0;
	font-size: 18px;
	color: #3c3c3c;
	background: #fff;
	background-color: #fafafa;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
}
h1, h2, h3, strong, b {
	font-weight: bold;
}
h1, h2 {
	color: #f9901c;
	font-size: 24px;
}
h3 {
	font-size: 18px;
	color: #3c3c3c;
}
a {
	outline: none;
	cursor: pointer;
	text-underline-offset: 5px;
}
img {
	width: 280px;
	max-width: 100%;
	height: auto;
	display: block;
}
ul {
	display: grid;
	gap: 20px;
	padding: 0px;
	line-height: 1.4em;
}
ul>li {
	display: block;
}
/* Special */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}
.test-content .fix {
	width: calc(100% - 20px);
}
.test-container {
	padding: 20px 0px 60px;
}
.tabs {
	display: grid;
	gap: 10px;
	align-items: center;
}
.tabs>a {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	padding: 6px 10px;
	box-shadow: 0px 0px 4px #958f8f8a;
	border-radius: 8px;
	font-weight: bold;
	transition: all 0.5s;
}
.tabs>a.active {
	color: #02acee;
}
.tabs>a .icon {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 28px;
	width: 28px;
	height: 28px;
	transition: all 0.5s;
}
.tabs>a.backmenu {
	width: 100%;
	height: 30px;
	box-shadow: none;
	background: url("/res/svg/arrowback.svg") no-repeat;
	background-position: center;
	background-size: 28px;
}
.tabs a:not(.active):hover>.icon, .tabs a.backmenu:hover {
	transform: scale(1.25);
}
.tabs .lessons .icon {
	background-image: url("/res/svg/lection.svg");
}
.tabs .lessons.active .icon {
	background-image: url("/res/svg/lection-active.svg");
}
.tabs .trainings .icon {
	background-image: url("/res/svg/puzzle.svg");
}
.tabs .trainings.active .icon {
	background-image: url("/res/svg/puzzle-active.svg");
}
.tabs .test .icon {
	background-image: url("/res/svg/test.svg");
}
.tabs .test.active .icon {
	background-image: url("/res/svg/test-active.svg");
}
.tabs .stats .icon {
	background-image: url("/res/svg/stats.svg");
}
.tabs .stats.active .icon {
	background-image: url("/res/svg/stats-hover.svg");
}
.tabs .tab-chess-stickers .icon {
	background-image: url("/res/svg/chess-stickers.svg");
}
.tabs .tab-chess-stickers.active .icon {
	background-image: url("/res/svg/chess-stickers-active.svg");
}
.tabs .tab-participation-stickers .icon {
	background-image: url("/res/svg/participation-stickers.svg");
}
.tabs .tab-participation-stickers.active .icon {
	background-image: url("/res/svg/participation-stickers-active.svg");
}
.tabs .tab-results-stickers .icon {
	background-image: url("/res/svg/results-stickers.svg");
}
.tabs .tab-results-stickers.active .icon {
	background-image: url("/res/svg/results-stickers-active.svg");
}
@media screen and (width >= 768px) {
	.tabs {
		grid-auto-flow: column;
		grid-auto-columns: minmax(auto, 320px);
	}
	.tabs:has(.backmenu) {
		grid-template-columns: 50px;
	}
	.tabs a.backmenu {
		grid-column: 1;
	}
	.tabs>a {
		justify-content: center;
		white-space: nowrap;
	}
}
.infotip {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	width: 12px;
	height: 12px;
	border: 2px solid #ccc;
	color: #bbb;
	border-radius: 50%;
}
.infotip>.msg {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 300px;
	height: auto;
	padding: 12px;
	border: 1px solid #8770d1;
	border-radius: 8px;
	background-color: #fff;
	color: #493b78;
	font-size: 20px;
	z-index: 4;
}
.app-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: grid;
	justify-items: center;
	align-items: center;
	overflow: auto;
	z-index: 999;
	background-color: rgba(46, 47, 66, 0.4);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 300ms;
}
.app-modal.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
/* Targets */
.app-modal>* {
	/* Grants */
	/* Messages */
	/* Forms */
	/* Store */
}
@use 'grant.scss';
.is-new {
	content: "NEW";
}
.is-ny {
	content: "NY";
}
.guest-lock {
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
	padding: 12px;
	diaply: grid;
	grid-template-columns: 1fr;
	justify-items: center;
}
.guest-lock>.title {
	padding: 18px 0;
}
.guest-lock a.action {
	margin: 8px auto;
	width: 220px;
}
.progressbar {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	aspect-ratio: 300 / 7;
	background-position: left top;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('/res/svg/progress.svg');
}
.progressbar.perfect {
	aspect-ratio: 300 / 19;
}
.progressbar .value {
	grid-area: 1/1/2/2;
	background-position: left top;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('/res/svg/progress-green.svg');
	transform-origin: left;
	z-index: 1;
}
.progressbar.perfect .value {
	background-image: url('/res/svg/progress-gold.svg');
}
.progressbar .value.full {
	transform: none;
}
.fix, .test-widget>.fail {
	color: #888;
	background-image: url("/res/img/fix.png");
	background-repeat: no-repeat;
	background-position: 40px 50%;
	background-size: 60px;
	margin: 0 auto;
	padding: 60px 60px 60px 140px;
	border: 1px solid #ccc;
	border-radius: 20px;
	font-size: 22px;
}
a.action, .app-modal>.buy-store-item .btn-send, .user-main .vendor .converter>a.btn-send, :is(.app-modal>.message nav, .app-modal>.form-dialog nav, :is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) nav.menu)>a {
	display: block;
	background-color: #0a24b1;
	color: #fafafa;
	border-radius: 10px;
	transform: scale(1);
	min-width: 120px;
	width: 100%;
	padding: 10px 22px;
	font-weight: bold;
	transition: transform 300ms;
	text-align: center;
}
:is(a.action, .app-modal>.buy-store-item .btn-send, .user-main .vendor .converter>a.btn-send, :is(.app-modal>.message nav, .app-modal>.form-dialog nav, :is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) nav.menu)>a):hover {
	transform: scale(1.08);
}
:is(a.action, .app-modal>.buy-store-item .btn-send, .user-main .vendor .converter>a.btn-send, :is(.app-modal>.message nav, .app-modal>.form-dialog nav, :is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) nav.menu)>a).btn-cancel {
	background-color: #ddd;
	color: #212121;
}
:is(a.action, .app-modal>.buy-store-item .btn-send, .user-main .vendor .converter>a.btn-send, :is(.app-modal>.message nav, .app-modal>.form-dialog nav, :is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) nav.menu)>a).btn-delete {
	background-color: #af1116;
	color: #fafafa;
}
/* App States */
body.waiting .await {
	background-image: url("/res/svg/wait.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 120px;
	min-height: 300px;
}
body.waiting .await * {
	visibility: hidden;
}
/* Layout */
header, footer, main {
	width: 100%;
	max-width: 100%;
	padding: 16px;
	margin: 0 auto;
	display: block;
}
header, footer {
	width: 100%;
	background: #523f58;
}
header {
	display: grid;
	padding: 10px 30px;
	grid-gap: 16px;
	z-index: 200;
}
footer {
	display: grid;
	color: #ffffff;
	font-size: 90%;
	padding: 0px;
	grid-template-columns: auto;
	grid-template-rows: auto auto;
}
main {
	flex: 1;
	margin-bottom: 80px;
}
/* Header */
header .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: all 0.6s;
}
header .logo:hover {
	transform: scale(1.02);
}
header .logo img {
	width: 192px;
	height: auto;
	margin: 0 auto;
}
/* header .logo > h1 {
	color: #fafafa;
	margin: 0;
	padding: 12px 8px 12px 72px;
	background-image: url("/res/svg/logo.svg");
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: left;
	font-size: 18px;
	text-transform: uppercase;
} */
/* Header Menu */
nav.icons {
	width: 100%;
	padding: 0 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}
nav.icons a:not(.home) {
	position: relative;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	background-color: #fff;
	padding: 5px;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 2px 0px 4px #1c1c1c8a;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 32px;
}
nav.icons a.home {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-position: center;
	background-size: 32px;
	background-repeat: no-repeat;
	background-image: url('/res/svg/home.svg');
}
@media screen and (min-width: 768px) {
	nav.icons a.home {
		margin-right: 16px;
	}
}
nav.icons a span {
	position: absolute;
	top: 40px;
	opacity: 0;
	width: fit-content;
	text-wrap: nowrap;
	text-align: center;
	display: none;
	border: 1px solid #523f58;
	background-color: #fafafa;
	color: #523f58;
	padding: 4px 6px;
	font-size: 10px;
	text-transform: capitalize;
	border-radius: 8px;
	transition: all 0.3s;
	z-index: 2;
}
nav.icons a {
	transition: all 0.4s;
}
nav.icons a:is(:hover, :focus) span {
	display: block;
	opacity: 1;
}
nav.icons a:is(:hover, .active, :focus):not(.home) {
	background-color: transparent;
	border: 1px solid #fff;
}
nav.icons a.helt {
	background-image: url("/res/svg/parts/helt.svg");
}
nav.icons a.stjerne {
	background-image: url("/res/svg/parts/stjerne.svg");
}
nav.icons a.titan {
	background-image: url("/res/svg/parts/titan.svg");
}
nav.icons a.lotus {
	background-image: url("/res/svg/parts/lotus.svg");
}
nav.icons a.diamant {
	background-image: url("/res/svg/parts/diamant.svg");
}
nav.icons a:is(:hover, .active, :focus).helt {
	background-image: url("/res/svg/parts/helt-light.svg");
}
nav.icons a:is(:hover, .active, :focus).stjerne {
	background-image: url("/res/svg/parts/stjerne-light.svg");
}
nav.icons a:is(:hover, .active, :focus).titan {
	background-image: url("/res/svg/parts/titan-light.svg");
}
nav.icons a:is(:hover, .active, :focus).lotus {
	background-image: url("/res/svg/parts/lotus-light.svg");
}
nav.icons a:is(:hover, .active, :focus).diamant {
	background-image: url("/res/svg/parts/diamant-light.svg");
}
nav.icons a:is(:hover, .active, :focus) {
	transform: scale(1.3);
}
/* Footer */
footer>* {
	padding: 30px;
}
footer>.copywrite {
	grid-area: 2/1/3/2;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100px;
	background-image: url("/res/img/sbs-logo.png");
	text-indent: -10000px;
	color: transparent;
	height: 100px;
}
/* Footer Menu */
footer>nav {
	grid-area: 1/1/2/2;
	display: grid;
	gap: 30px;
	grid-auto-flow: row;
	justify-content: center;
	justify-items: center;
	align-items: center;
	font-weight: bold;
	padding: 30px 110px;
}
footer>nav>a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: 30px;
	padding: 4px 0px;
	padding-left: 40px;
	transition: all 0.3s;
	text-underline-offset: 100px;
}
footer>nav>a:hover {
	text-underline-offset: 5px;
}
footer>nav>a:is(:hover, :focus) {
	text-decoration: underline;
	transform: scale(1.04);
}
footer>nav>a.hva-er-sjakkpass {
	background-image: url("/res/svg/hva-er-sjakkpass.svg");
}
footer>nav>a.om-prosjektet {
	background-image: url("/res/svg/om-prosjektet.svg");
}
footer>nav>a.for-klubber-og-skoler {
	background-image: url("/res/svg/for-klubber-og-skoler.svg");
}
footer>nav>a.kontakt {
	background-image: url("/res/svg/kontakt.svg");
}
footer>nav>a.terms {
	background-image: url("/res/svg/icon-terms.svg");
}
footer>nav>a.privacy {
	background-image: url("/res/svg/icon-privacy.svg");
}
footer>nav>a.updates {
	background-image: url("/res/svg/icon-updates.svg");
}
footer>nav>a.shop {
	background-image: url("/res/svg/shop-link.svg");
}
@media screen and (width >= 768px) {
	footer {
		grid-template-columns: 100px 1fr;
		grid-template-rows: auto;
	}
	footer>.copywrite {
		grid-area: 1/1/2/2;
		background-size: 100%;
		height: auto;
	}
	footer>nav {
		grid-area: 1/1/2/3;
		grid-template-columns: repeat(3, minmax(auto, 220px));
	}
}
@media screen and (width >= 920px) {
	header {
		grid-template-columns: 1fr auto 1fr;
	}
	header .logo {
		justify-self: start;
	}
	header .user-widget {
		justify-self: end;
		margin: 0;
	}
	footer>nav {
		grid-template-columns: repeat(4, minmax(auto, 220px));
	}
}
@media screen and (width >= 1024px) {
	main {
		width: 1000px;
	}
}
section.header {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto auto;
	gap: 30px;
	padding: 36px 0px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: contain;
	margin: 30px 0px 40px;
	border-radius: 10px;
	padding: 20px;
}
section.header>img {
	grid-area: 1/1/2/2;
	align-self: center;
	justify-self: center;
	width: 100%;
}
section.header>h2 {
	margin: 0px;
	padding: 0px;
	color: inherit;
	align-self: end;
	grid-area: 2/1/3/2;
}
section.header>p {
	margin: 0px;
	padding: 0px;
	align-self: start;
	grid-area: 3/1/4/2;
}
@media screen and (width >= 600px) {
	section.header {
		grid-template-columns: 220px 1fr;
		grid-template-rows: auto auto;
		padding: 10px 30px;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	}
	section.header>img {
		grid-area: 1/1/3/2;
	}
	section.header>h2 {
		grid-area: 1/2/2/3;
	}
	section.header>p {
		grid-area: 2/2/3/3;
	}
}
section.page a {
	color: rgb(9 121 223);
}
section.page>h3 {
	color: rgb(53, 152, 219);
}
section.page h1, section.page h2, section.page h3, section.page h4, section.page h5, section.page h6, section.page p {
	margin: 20px 0px;
}
section.page p {
	line-height: 1.8em;
}
section.page ul.list>li {
	background-repeat: no-repeat;
	background-position: top 2px left;
	background-size: 26px;
	background-image: url("/res/svg/marker.svg");
	padding: 0px 0px 0px 42px;
}
section.page ul.disc-list {
	margin-top: 8px;
	gap: 4px;
	padding-left: 30px;
	list-style-type: disc;
}
section.page ul.disc-list>li {
	display: list-item;
}
ul.parts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding: 0px;
	margin: 60px 0px;
	border-radius: 8px;
	box-shadow: 0px 0px 9px rgb(0 0 0 / 0.16);
	padding: 30px;
}
ul.parts>li {
	display: block;
}
ul.parts>li>a {
	display: grid;
	grid-template-rows: auto auto;
	gap: 16px;
	text-decoration: none;
}
ul.parts>li>a>img {
	margin: 0px;
	object-fit: contain;
	aspect-ratio: 1;
	transition: transform 0.4s;
}
ul.parts>li>a:is(:hover, :focus)>img {
	transform: scale(1.1);
}
ul.parts>li>a>h3 {
	margin: 0px;
	text-align: center;
	font-size: 22px;
	transition: all 0.3s;
	white-space: nowrap;
	text-transform: capitalize;
	font-size: 4vw;
	overflow: hidden;
	transition: color 0.6s;
}
ul.parts>li>a:is(:hover, :focus)>h3 {
	color: rgb(53, 152, 219);
}
@media screen and (width >= 920px) {
	ul.parts {
		grid-template-columns: repeat(5, 1fr);
	}
	ul.parts>li>a>h3 {
		font-size: 24px;
	}
}
.part {
	display: grid;
	grid-template-columns: 100px auto;
	grid-template-rows: auto auto;
	grid-column-gap: 1em;
	margin-bottom: 20px;
}
.part img {
	width: 100px;
	height: auto;
	grid-area: 1/1/3/2;
}
.part h2 {
	grid-area: 1/2/2/3;
	margin-bottom: 0;
	text-transform: capitalize;
	color: #3c3c3c;
}
.part h2 span {
	text-transform: uppercase;
}
.part p {
	grid-area: 2/2/3/3;
	margin: 0;
}
.stickers {
	margin: 10px auto 0;
}
.stickers>div {
	border-radius: 8px;
	box-shadow: 0px 0px 4px #958f8f8a;
	padding: 16px;
}
.stickers>div.fix {
	border-radius: 8px;
	box-shadow: 0px 2px 4px #958f8f8a;
	padding: 60px 140px;
	margin-top: 10px;
}
.stickers>div {
	margin: 0px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
	justify-items: center;
}
.stickers .sticker img {
	transition: 0.3s transform;
}
.stickers .sticker.no-content {
	filter: grayscale(1);
}
.stickers .sticker img:hover {
	transform: scale(1.1, 1.1);
}
@media screen and (width >= 920px) {
	.stickers>div {
		margin: 0px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 48px;
	}
}
.text-sticker {
	display: grid;
	grid-template-rows: repeat(4, auto);
	grid-template-columns: 1fr;
	align-items: start;
	gap: 30px;
	padding: 70px 0px;
	background-repeat: no-repeat;
	background-image: url("/res/svg/target.svg");
	background-size: 50px;
	background-position: 50% 0px;
}
.text-sticker>* {
	margin: 0px;
	padding: 0px;
}
.text-sticker>h3 {
	grid-area: 1/1/2/2;
}
.text-sticker>article {
	grid-area: 3/1/4/2;
}
.text-sticker>nav.steps {
	grid-area: 2/1/3/2;
}
.text-sticker>nav.nodes {
	grid-area: 4/1/5/2;
}
.text-sticker>h3 {
	font-size: 22px;
	text-align: center;
	padding-bottom: 10px;
}
.text-sticker .steps {
	border-radius: 10px;
	background-color: #1c9e3e;
	color: #fff;
	font-weight: bold;
}
.text-sticker>.steps>h4 {
	margin: 0px;
	padding: 20px 20px 0px;
}
.text-sticker>.steps>ul {
	display: grid;
	gap: 20px;
	margin: 0px;
	padding: 20px 20px 20px 40px;
}
.text-sticker>.steps>ul>li {
	display: list-item;
	list-style: decimal;
}
.text-sticker>ul.notes {
	display: grid;
	gap: 20px;
}
.text-sticker>ul.notes>li {
	display: block;
	padding: 13px;
	border: 3px solid #1c9e3e;
	border-radius: 10px;
	font-size: 16px;
}
.text-sticker>ul.notes>li::before {
	content: "";
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 50%;
}
.text-sticker>ul.notes>li>p {
	margin: 0px;
}
.text-sticker>ul.notes>li.tips {
	border-color: #ff9900;
	background-color: #ff990008;
}
.text-sticker>ul.notes>li.rule {
	border-color: #c70000;
	background-color: #c7000008;
}
.text-sticker>ul.notes>li.qa {
	border-color: #02a85d;
	background-color: #02a85d08;
}
.text-sticker>ul.notes>li.cooltoknow {
	border-color: #00aeff;
	background-color: #00aeff08;
}
.text-sticker>ul.notes>li.funfact {
	border-color: #ffcd00;
	background-color: #ffcd0008;
}
.text-sticker>ul.notes>li.quote {
	border-color: #007aff;
	background-color: #007aff08;
}
.text-sticker>ul.notes>li.redflag {
	border-color: #ff002b;
	background-color: #ff002b08;
}
.text-sticker>ul.notes>li.game {
	border-color: #9900ff;
	background-color: #9900ff08;
}
.text-sticker>ul.notes>li.glossary {
	border-color: #a8977e;
	background-color: #a8977e08;
}
.text-sticker>ul.notes>li.discussion {
	border-color: #86c500;
	background-color: #86c50008;
}
.text-sticker>ul.notes>li.tips::before {
	background-image: url("/res/svg/notes/tips.svg");
}
.text-sticker>ul.notes>li.rule::before {
	background-image: url("/res/svg/notes/rule.svg");
}
.text-sticker>ul.notes>li.qa::before {
	background-image: url("/res/svg/notes/qa.svg");
}
.text-sticker>ul.notes>li.cooltoknow::before {
	background-image: url("/res/svg/notes/cooltoknow.svg");
}
.text-sticker>ul.notes>li.funfact::before {
	background-image: url("/res/svg/notes/funfact.svg");
}
.text-sticker>ul.notes>li.quote::before {
	background-image: url("/res/svg/notes/quote.svg");
}
.text-sticker>ul.notes>li.redflag::before {
	background-image: url("/res/svg/notes/redflag.svg");
}
.text-sticker>ul.notes>li.game::before {
	background-image: url("/res/svg/notes/game.svg");
}
.text-sticker>ul.notes>li.glossary::before {
	background-image: url("/res/svg/notes/glossary.svg");
}
.text-sticker>ul.notes>li.discussion::before {
	background-image: url("/res/svg/notes/discussion.svg");
}
.text-sticker>ul.notes article ul {
	display: block;
	padding-left: 20px;
}
.text-sticker>ul.notes article ul>li {
	display: list-item;
}
@media screen and (width >= 920px) {
	.text-sticker {
		display: grid;
		grid-template-rows: auto auto auto;
		grid-template-columns: 1fr 300px;
		padding: 120px 0px;
		background-position: 50% 40px;
	}
	.text-sticker>h3 {
		grid-area: 1/1/2/3;
		padding-bottom: 20px;
	}
	.text-sticker>article {
		grid-area: 2/1/5/2;
	}
	.text-sticker>nav.steps {
		grid-area: 2/2/3/3;
	}
	.text-sticker>nav.nodes {
		grid-area: 3/2/4/3;
	}
}
section.sticker {
	margin-bottom: 20px;
	position: relative;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
}
section.sticker>h2 {
	grid-area: 1/1/2/2;
	z-index: 10;
	align-self: center;
	padding: 7px 12px;
	background: #ffffff;
	border-radius: 10px;
	justify-self: left;
	margin: 0 0 0 4%;
	box-shadow: 0px 0px 8px #958f8f8a;
	border: solid 4px #fff;
	text-transform: uppercase;
	font-size: 19px;
	max-width: 55%;
}
section.sticker>h2, section.sticker>h2 a {
	color: #af1116;
	text-decoration: none;
}
section.sticker>img {
	width: 100%;
	grid-area: 1/1/2/2;
}
@media screen and (width >= 920px) {
	section.sticker>h2 {
		padding: 8px 18px;
		margin: 0 0 0 5%;
		font-size: 32px;
		max-width: 64%;
		letter-spacing: 1px;
	}
}
section.passport h3 {
	font-size: 22px;
}
section.passport h3:not(:first-child) {
	margin: 32px 0 8px;
}
section.project ul.authors {
	display: grid;
	gap: 20px;
	padding: 0px;
}
section.project ul.authors>li {
	display: grid;
	gap: 20px;
	grid-template-columns: auto;
	grid-template-rows: repeat(4, auto);
}
section.project ul.authors>li>* {
	margin: 0px;
}
section.project ul.authors>li>img {
	grid-area: 1/1/2/2;
	width: 100%;
	width: 100%;
}
section.project ul.authors>li>h4 {
	grid-area: 2/1/3/2;
	margin-top: 16px;
	margin: 0px;
	font-size: 24px;
}
section.project ul.authors>li>p.role {
	grid-area: 3/1/4/2;
	background-color: rgb(53, 152, 219, 0.1);
	color: rgb(53, 152, 219);
	padding: 2px 18px;
	border-radius: 18px;
	justify-self: start;
	font-weight: bold;
}
section.project ul.authors>li>p {
	grid-area: 4/1/5/2;
}
@media screen and (width >= 600px) {
	section.project ul.authors>li {
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto auto 1fr;
	}
	section.project ul.authors>li>img {
		grid-area: 1/1/5/2;
		width: 200px;
	}
	section.project ul.authors>li>h4 {
		grid-area: 1/2/2/3;
	}
	section.project ul.authors>li>p.role {
		grid-area: 2/2/3/3;
	}
	section.project ul.authors>li>p {
		grid-area: 3/2/4/3;
	}
}
section.clubs ul.samples {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(3, 1fr);
	padding: 0px;
	margin: 0px 0px 60px;
}
section.clubs ul.samples>li>a {
	display: grid;
	grid-template-columns: 120px 1fr;
	grid-template-rows: 1fr;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	transition: transform 0.4s;
	gap: 10px;
}
section.clubs ul.samples>li>a:hover {
	transform: scale(1.03);
}
section.clubs ul.samples>li>a>h4 {
	grid-area: 1/2/2/3;
	margin: 0px;
	padding: 10px;
	text-align: center;
	align-self: center;
	font-size: 22px;
	color: rgb(60 60 60);
	transition: color 0.6s;
}
section.clubs ul.samples>li>a:hover>h4 {
	color: rgb(53, 152, 219);
}
section.clubs ul.samples>li>a>img {
	grid-area: 1/1/2/2;
	display: block;
	transition: transform 0.3s;
	width: 100%;
}
@media screen and (width >= 600px) {
	section.clubs ul.samples {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
		align-items: stretch;
	}
	section.clubs ul.samples>li>a {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		box-shadow: none;
		height: 100%;
		border-radius: 0px;
		overflow: visible;
	}
	section.clubs ul.samples>li>a>img {
		grid-area: 1/1/2/2;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
	}
	section.clubs ul.samples>li>a>h4 {
		grid-area: 2/1/3/2;
		align-self: stretch;
		font-size: 18px;
		overflow: hidden;
	}
}
@media screen and (width >= 920px) {
	section.clubs ul.samples>li {
		grid-template-rows: 60px auto;
	}
}
section.clubs ul.passports {
	display: grid;
	padding: 0px;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
section.clubs ul.passports>li {
	display: block;
}
@media screen and (width >= 600px) {
	section.clubs ul.passports {
		grid-template-columns: repeat(4, 1fr);
	}
}
section.blog ul.news {
	display: grid;
	margin: 40px 0px 0px;
}
section.blog ul.news>li {
	display: grid;
	gap: 10px;
	border-radius: 8px;
	box-shadow: 0px 0px 9px rgb(0 0 0 / 0.2);
	padding: 8px 16px;
}
section.blog ul.news>li>.date {
	margin: 0px;
	display: block;
	color: rgb(26 110 167);
	padding: 7px 17px 5px 40px;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: 32px;
	background-image: url("/res/svg/event.svg");
}
section.blog ul.news>li>p {
	margin: 0px;
}
section.blog a.show-more {
	display: inline-block;
	padding: 4px;
	margin-top: 8px;
	transition: all 0.3s;
}
section.blog a.show-more:hover {
	text-decoration: underline;
}
form.contact {
	display: grid;
	gap: 10px;
	position: relative;
	margin-bottom: 100px;
}
form.contact>:is(.ok, .error, .wait) {
	display: none;
}
form.contact>.error {
	padding: 20px 30px;
	border-radius: 6px;
	background-color: #af1116;
	color: #fff;
	font-size: 20px;
	text-align: center;
	animation: shake 0.3s;
}
form.contact.fail>.error {
	display: block;
}
form.contact.ok>* {
	display: none;
}
form.contact.ok>.ok {
	display: block;
	padding: 60px;
	text-align: center;
	border-radius: 10px;
	background-color: rgb(19, 125, 109, 0.1);
	border: 3px solid rgb(19, 125, 109, 0.2);
	color: rgb(19, 125, 109);
	font-size: 22px;
}
form.contact.wait>.wait {
	display: block;
	z-index: 1000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100px;
	background-image: url("/res/svg/wait.svg");
	transition: all 0.3s;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: rgba(255, 255, 255, 0.8);
}
form.contact>:is(p, h3) {
	margin: 10px 0px;
}
form.contact :is(input, textarea) {
	padding: 6px 10px;
	border: 2px solid #ccc;
	border-radius: 6px;
	font-size: 18px;
	resize: none;
}
form.contact>input[name="phone"] {
	margin-bottom: 24px;
}
form.contact figure.image {
	position: relative;
	background-color: #ddd;
	margin: 0px;
	margin-bottom: 24px;
	border-radius: 6px;
	color: #000;
	padding: 0px;
	font-size: 18px;
	justify-self: start;
	cursor: pointer;
	overflow: hidden;
}
form.contact figure.image.empty {
	background-image: url("/res/svg/upload-black.svg");
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: 20px 50%;
	padding: 16px 40px 16px 70px;
	opacity: 0.5;
}
form.contact figure.image.empty:hover {
	opacity: 1;
}
form.contact figure.image>img {
	max-height: 200px;
	max-width: 100%;
	object-fit: cover;
}
form.contact figure.image>.placeholder {
	display: none;
}
form.contact figure.image.empty>.placeholder {
	display: block;
}
form.contact figure.image.empty>.nav {
	display: none;
	transform: translateY(-100%);
}
form.contact figure.image>nav {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	justify-items: center;
	padding: 0px 50px;
	transform: translateY(-100%);
	transition: all 0.3s;
}
form.contact figure.image.empty>nav {
	display: none;
}
form.contact figure.image:hover>nav {
	transform: translateY(0%);
}
form.contact figure.image>nav>a {
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 50%;
	transition: all 0.3s;
}
form.contact figure.image>nav>a:hover {
	transform: scale(1.2);
}
form.contact figure.image>nav>a.select {
	background-image: url("/res/svg/upload-white.svg");
}
form.contact figure.image>nav>a.remove {
	background-image: url("/res/svg/remove-white.svg");
	background-size: 70%;
}
form.contact a.send {
	border-radius: 6px;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	transition: all 0.3s;
	background-color: #00a350;
	color: #fff;
}
form.contact .send:hover {
	background-color: #2db5a0;
}
.timer, .user-main .market-page section.slot.slot-lottery>.timer {
	font-size: 10px;
	color: #081b88;
	padding: 36px;
	display: grid;
	grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
	background-position: center;
	background-size: 92%;
	background-repeat: no-repeat;
	max-width: fit-content;
	margin: 0 auto;
}
:is(.timer, .user-main .market-page section.slot.slot-lottery>.timer)>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
:is(.timer, .user-main .market-page section.slot.slot-lottery>.timer)>p, :is(.timer, .user-main .market-page section.slot.slot-lottery>.timer)>div>p {
	margin: 0;
	font-size: 26px;
	font-weight: bold;
}
:is(.timer, .user-main .market-page section.slot.slot-lottery>.timer)>div>:is(p, span) {
	padding: 0;
}
@media screen and (width >= 768px) {
	.timer, .user-main .market-page section.slot.slot-lottery>.timer {
		font-size: 18px;
		padding: 70px;
	}
	:is(.timer, .user-main .market-page section.slot.slot-lottery>.timer)>div>p, :is(.timer, .user-main .market-page section.slot.slot-lottery>.timer)>p {
		font-size: 44px;
	}
}
@media screen and (width >= 768px) {
	section.lottery-content .wrapper {
		display: grid;
		grid-template-columns: 2fr 3fr;
		gap: 20px;
	}
}
.user-widget {
	display: grid;
	position: relative;
	justify-self: center;
}
.user-widget>.user {
	color: #fff;
	font-size: 20px;
	letter-spacing: -0.02em;
}
.user-widget>.guest {
	display: flex;
	align-items: center;
	transition: transform 0.3s linear;
}
.user-widget>.guest:hover {
	transform: scale(1.1);
}
.user-widget>.guest {
	cursor: pointer;
}
.user-widget>.auth {
	display: flex;
}
.user-widget>.auth>p {
	margin: 0;
	align-items: center;
	display: flex;
}
.user-widget>.auth>.coins {
	font-size: 18px;
	padding-right: 44px;
	background-position: 85% 40%;
	background-size: 34px;
	background-repeat: no-repeat;
	background-image: url("/res/svg/coin-glow.svg");
}
.user-widget>.auth>:is(.username, img) {
	cursor: pointer;
}
.user-widget>.auth>:is(.username, img):hover {
	transform: scale(1.1);
	transition: transform 0.3s linear;
}
.user-widget>.auth>.username {
	padding-right: 14px;
}
.user-widget>.auth>img {
	align-self: center;
	display: block;
	width: 40px;
	height: 40px;
	object-fit: cover;
	border: 1px solid #fcfcfc;
	border-radius: 8px;
}
.user-widget>.auth>nav {
	position: absolute;
	top: 100%;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-self: center;
	margin-top: 12px;
	padding: 14px 0;
	background-color: #fcfcfc;
	border-radius: 6px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	font-weight: normal;
	z-index: 1100;
	justify-items: stretch;
}
.user-widget>.auth>nav>a {
	display: block;
	padding: 12px 26px;
	color: #0979df;
	font-size: 16px;
	text-decoration: none;
	transition: all 300ms;
	letter-spacing: normal;
}
.user-widget>.auth>nav>a:hover {
	background-color: #eee;
	text-decoration: underline;
}
.lottery-banner {
	position: relative;
	display: block;
	border-radius: 8px;
	box-shadow: 0px 0px 9px rgb(0 0 0 / 0.16);
	overflow: hidden;
	margin-top: 28px;
	transition: all 0.3s;
}
.lottery-banner:hover {
	transform: scale(1.07);
}
.lottery-banner>picture, .lottery-banner>picture img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.lottery-banner .ticket {
	position: absolute;
	top: 36px;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: top 55% left 50%;
	background-image: url('/res/svg/ticket-glow.svg');
	z-index: 2;
}
@media screen and (width >= 768px) {
	.lottery-banner .ticket {
		left: -6%;
		width: 46%;
		top: 0;
	}
}
.daily-puzzle {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	gap: 16px;
	margin-bottom: 32px;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0px 0px 9px rgb(0 0 0 / 0.16);
}
.daily-puzzle>.settings {
	grid-area: 2/1/5/2;
	z-index: 10;
}
.daily-puzzle>h2 {
	grid-area: 1/1/2/2;
	margin: 0;
	padding: 6px;
	color: #0a24b1;
}
.daily-puzzle>nav.menu {
	grid-area: 1/1/2/2;
	justify-self: flex-end;
	align-self: center;
	align-items: center;
	display: flex;
	gap: 16px;
	z-index: 2;
}
.daily-puzzle>nav.menu>a {
	display: block;
	padding: 7px 12px;
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: 50% 50%;
	text-indent: -1000px;
	width: 26px;
	height: 26px;
	overflow: hidden;
	transition: all 0.5s;
}
.daily-puzzle>nav.menu>a:hover {
	transform: scale(1.1);
}
.daily-puzzle>nav.menu>a.config {
	background-image: url("/res/svg/config.svg");
}
.daily-puzzle>nav.menu>a.mute {
	background-image: url("/res/svg/mute.svg");
}
.daily-puzzle>nav.menu>a.mute.active {
	background-image: url("/res/svg/unmute.svg");
}
.daily-puzzle>nav.menu>.infotip:hover>.msg {
	display: block;
}
.daily-puzzle>.notes {
	grid-area: 2/1/3/2;
	display: grid;
	grid-auto-flow: row;
	gap: 20px;
	padding: 8px;
}
.daily-puzzle.istoday .date-view>a.next {
	filter: grayscale(1);
	opacity: 0.8;
	cursor: default;
	pointer-events: none;
}
.daily-puzzle.istoday .date-view>a.next:hover {
	transform: scale(1);
}
.daily-puzzle>.notes>.quest {
	border-radius: 16px;
	border: 2px solid #eee;
	background-color: rgba(255, 255, 255, 0.4);
	font-size: 20px;
	padding: 16px 20px 16px 60px;
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: 10px 50%;
	animation: 0.3s message;
}
.daily-puzzle.color-white>.notes>.quest {
	background-image: url("/res/svg/white-paws.svg");
}
.daily-puzzle.color-black>.notes>.quest {
	background-image: url("/res/svg/black-paws.svg");
}
.daily-puzzle>.notes>.perl {
	width: 100%;
	height: 80px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
}
.daily-puzzle.level-easy:is(.today, .lost, .lost-ok, .lost-fail)>.notes>.perl {
	background-image: url("/res/svg/vault/perl/white-full.svg");
}
.daily-puzzle.level-medium:is(.today, .lost, .lost-ok, .lost-fail)>.notes>.perl {
	background-image: url("/res/svg/vault/perl/pink-full.svg");
}
.daily-puzzle.level-hard:is(.today, .lost, .lost-ok, .lost-fail)>.notes>.perl {
	background-image: url("/res/svg/vault/perl/black-full.svg");
}
.daily-puzzle:is(.lost, .lost-ok, .lost-fail)>.notes>.perl {
	filter: grayscale(1);
	opacity: 0.8;
}
.daily-puzzle.level-easy.claiming>.notes>.perl {
	background-image: url("/res/svg/vault/perl/white-animation.svg");
}
.daily-puzzle.level-medium.claiming>.notes>.perl {
	background-image: url("/res/svg/vault/perl/pink-animation.svg");
}
.daily-puzzle.level-hard.claiming>.notes>.perl {
	background-image: url("/res/svg/vault/perl/black-animation.svg");
}
.daily-puzzle.claiming>.notes>.perl {
	display: none;
}
.daily-puzzle:is(.claimed-ok, .claimed-fail, .claimed-replay)>.notes>.perl {
	background-image: url("/res/svg/vault/perl/empty.svg");
}
.daily-puzzle>.chess-stats {
	grid-area: 3/1/4/2;
}
.daily-puzzle>.dialog {
	grid-area: 4/1/5/2;
}
.daily-puzzle>.task-info {
	grid-area: 6/1/7/2;
	justify-self: end;
}
.daily-puzzle vio-board, .daily-puzzle .marker {
	grid-area: 5/1/6/2;
}
.daily-puzzle>nav.menu {
	z-index: 10;
}
.daily-puzzle>vio-board {
	z-index: 1;
}
.daily-puzzle>.marker {
	z-index: 2;
	display: none;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	background-color: rgba(255, 255, 255, 0.4);
}
.daily-puzzle:is(.claimed-ok, .lost-ok) .marker {
	display: block;
	background-image: url("/res/svg/ok-dailypuzzle.svg");
}
.daily-puzzle:is(.claimed-fail, .lost-fail) .marker {
	display: block;
	background-color: rgba(160, 160, 160, 0.2);
}
.daily-puzzle>.calendar {
	grid-area: 3/1/4/2;
}
.daily-puzzle.show-settings>.dialog {
	display: none;
}
@media screen and (width < 767px) {
	.daily-puzzle>h2 {
		text-align: center;
	}
	.daily-puzzle>nav.menu {
		grid-area: 2/1/3/2;
		align-self: start;
		padding-top: 16px;
		flex-direction: column;
	}
	.daily-puzzle .date-view, .daily-puzzle .quest {
		max-width: calc(100% - 32px);
	}
}
@media screen and (width >= 768px) {
	.daily-puzzle>nav.menu>.infotip>.msg {
		width: 400px;
	}
	.daily-puzzle>vio-board {
		--notation: fullsize;
	}
}
@media screen and (width >= 768px) and (width < 929px) {
	.daily-puzzle>.calendar {
		width: 400px;
		margin: 0 auto;
	}
}
@media screen and (width >= 930px) {
	.daily-puzzle {
		grid-template-columns: 600px 1fr;
		grid-template-rows: auto auto 1fr auto auto;
	}
	.daily-puzzle>nav.menu {
		grid-area: 1/2/2/3;
	}
	.daily-puzzle>.notes {
		grid-area: 2/2/3/3;
		align-items: start;
		align-content: start;
	}
	.daily-puzzle>.dialog {
		grid-area: 4/2/5/3;
		--dialog: full;
	}
	.daily-puzzle>vio-board, .daily-puzzle>.marker {
		grid-area: 2/1/5/2;
	}
	.daily-puzzle>.settings {
		grid-area: 1/2/6/3;
		container-type: size;
	}
	.daily-puzzle>.task-info {
		grid-area: 5/1/6/2;
	}
	.daily-puzzle>.chess-stats {
		grid-area: 3/2/4/3;
	}
	.daily-puzzle>.calendar {
		grid-area: 3/2/5/3;
	}
}
.sticker-widget {
	display: grid;
	gap: 20px;
}
.sticker-widget .fix {
	margin: 6px;
}
.sticker-widget>nav {
	margin: 0 7px;
}
.sticker-stats {
	display: grid;
	padding: 7px;
}
.sticker-stats * {
	margin: 0;
}
.sticker-stats .info {
	font-size: 16px;
	color: grey;
}
.sticker-stats>.user {
	display: grid;
	grid-template-columns: 1fr;
	gap: 26px;
}
.sticker-stats>.user>div:not(.medal), .sticker-stats>.user .list li {
	cursor: pointer;
	transition: all 0.3s;
}
.sticker-stats>.user>div:not(.medal):hover {
	background-color: rgba(177, 177, 177, 0.2);
	transform: scale(1.05);
}
.sticker-stats>.user .list li:hover {
	background-color: rgba(177, 177, 177, 0.2);
	transform: scale(1.02);
}
.sticker-stats>.user>div, .sticker-stats>.user .list {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	align-content: start;
	row-gap: 12px;
	column-gap: 24px;
	padding: 12px;
	width: 100%;
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
}
.sticker-stats>.user>div>h3 {
	text-align: center;
}
.sticker-stats>.user>div:not(.medal) {
	grid-template-columns: 60px 1fr 60px;
	position: relative;
}
.sticker-stats>.user>div:not(.medal) .marker {
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.sticker-stats>.user>div:not(.medal).is-done .marker {
	background-image: url('/res//svg/ok-done.svg');
}
.sticker-stats>.user>div:not(.medal).perfect .marker {
	background-image: url('/res//svg/ok-gold.svg');
}
.sticker-stats>.user>div:not(.medal) img {
	grid-area: 1/1/2/2;
	justify-self: center;
	align-self: center;
}
.sticker-stats>.user>div:not(.medal) .marker {
	grid-area: 1/3/2/4;
	justify-self: center;
	align-self: center;
}
.sticker-stats>.user>div:not(.medal) h3 {
	grid-area: 1/2/2/3;
	justify-self: center;
	align-self: center;
}
.sticker-stats>.user>div:not(.medal) .progressbar {
	grid-area: 2/1/3/4;
}
.sticker-stats>.user>div:not(.medal) .progressbar.perfect {
	grid-area: 3/1/4/4;
}
.sticker-stats>.user>div:not(.medal) .target {
	grid-area: 4/1/5/4;
}
.sticker-stats>.user>div:not(.medal) .info {
	grid-area: 5/1/6/4;
}
.sticker-stats>.user .target, .sticker-stats>.user .target p {
	font-size: 20px;
	padding: 4px 0;
}
.sticker-stats>.user .medal h3 {
	font-size: 24px;
	padding-bottom: 12px;
	border-bottom: 3px solid rgba(149, 143, 143, 0.2);
}
.sticker-stats>.user .medal>img, .sticker-stats>.user .medal>.marker {
	grid-area: 1/1/2/2;
	margin: 0 auto;
	max-width: 180px;
	aspect-ratio: 1;
}
.sticker-stats>.user .medal>.marker {
	height: 100%;
}
.sticker-stats>.user .medal>.marker {
	z-index: 5;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.sticker-stats>.user .medal:is(.no-medal, .bronze)>.marker {
	display: none;
}
.sticker-stats>.user .medal.no-medal {
	filter: grayscale(1);
	opacity: 0.8;
}
.sticker-stats>.user.helt .medal.silver>.marker {
	background-image: url("/res/svg/medal/silver-helt.svg");
}
.sticker-stats>.user.helt .medal.gold>.marker {
	background-image: url("/res/svg/medal/gold-helt.svg");
}
.sticker-stats>.user.stjerne .medal.silver>.marker {
	background-image: url("/res/svg/medal/silver-stjerne.svg");
}
.sticker-stats>.user.stjerne .medal.gold>.marker {
	background-image: url("/res/svg/medal/gold-stjerne.svg");
}
.sticker-stats>.user.titan .medal.silver>.marker {
	background-image: url("/res/svg/medal/silver-titan.svg");
}
.sticker-stats>.user.titan .medal.gold>.marker {
	background-image: url("/res/svg/medal/gold-titan.svg");
}
.sticker-stats>.user.lotus .medal.silver>.marker {
	background-image: url("/res/svg/medal/silver-lotus.svg");
}
.sticker-stats>.user.lotus .medal.gold>.marker {
	background-image: url("/res/svg/medal/gold-lotus.svg");
}
.sticker-stats>.user.diamant .medal.silver>.marker {
	background-image: url("/res/svg/medal/silver-diamant.svg");
}
.sticker-stats>.user.diamant .medal.gold>.marker {
	background-image: url("/res/svg/medal/gold-diamant.svg");
}
@media screen and (min-width: 768px) {
	.sticker-stats>.user h3, .sticker-stats>.user h4 {
		font-size: 22px;
	}
	.sticker-stats>.user .medal {
		grid-template-columns: 1fr 4fr;
		grid-area: 1/1/2/3;
	}
	.sticker-stats>.user .medal h3 {
		grid-area: 1/2/2/3;
		text-align: left;
	}
	.sticker-stats>.user .medal img, .sticker-stats>.user .medal>.marker {
		grid-area: 1/1/5/2;
		margin: auto 0;
	}
	.sticker-stats>.user .medal p {
		grid-column: 2/3;
	}
}
@media screen and (min-width: 768px) {
	.sticker-stats .user {
		grid-template-columns: 1fr 1fr;
	}
	.sticker-stats .user .list {
		grid-area: 4/1/5/3;
	}
}
.sticker-stats .training .list-btn, .sticker-stats .lesson .list-btn {
	position: absolute;
	right: 12px;
	bottom: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	font-size: 24px;
	font-weight: bold;
	border-radius: 50%;
	border: 1px solid #9792ff;
	color: #9792ff;
	transition: all 0.3s;
	z-index: 1;
}
.sticker-stats:not(.show-trainings) .training .list-btn {
	transform: rotate(180deg);
}
.sticker-stats.show-trainings .training .list-btn {
	transform: rotateX(0);
}
.sticker-stats:not(.show-lessons) .lesson .list-btn {
	transform: rotate(180deg);
}
.sticker-stats.show-lessons .lesson .list-btn {
	transform: rotateX(0);
}
.sticker-stats:not(.show-lessons) .lessons.list, .sticker-stats:is(.show-lessons) .trainings.list, .sticker-stats:not(.show-trainings) .trainings.list, .sticker-stats:is(.show-trainings) .lessons.list {
	display: none;
}
.sticker-stats .training .list-btn:hover, .sticker-stats .lesson .list-btn:hover {
	color: #7f7bc8;
	border-color: #7f7bc8;
	border-width: 3px;
}
.sticker-stats .list li {
	display: grid;
	grid-template-columns: 50px 1fr 50px;
	gap: 8px;
	padding: 14px 0;
	position: relative;
	filter: grayscale(1);
	opacity: 0.8;
}
.sticker-stats .list li img, .sticker-stats .list li .marker {
	justify-self: center;
	align-self: center;
}
.sticker-stats .list li img {
	grid-area: 1/1/3/2;
}
.sticker-stats .list li .marker {
	width: 100%;
	height: 100%;
	grid-area: 1/3/3/4;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.sticker-stats .list li h4 {
	grid-area: 1/2/2/3;
}
.sticker-stats .list li .target {
	grid-area: 2/2/3/3;
}
.sticker-stats .list li:not(:last-child) {
	border-bottom: 3px solid rgba(149, 143, 143, 0.2);
}
.sticker-stats .list li.is-done {
	filter: none;
	opacity: 1;
}
.sticker-stats .list li.locked {
	transform: scale(1);
	pointer-events: none;
	cursor: default;
}
.sticker-stats .list li.locked .marker {
	background-image: url('/res/svg/gold-lock.svg');
}
@media screen and (width >= 768px) {
	.sticker-stats .list li {
		grid-template-columns: 60px 1fr 1fr 60px;
		align-items: center;
		gap: 12px;
		min-height: 90px;
	}
	.sticker-stats .list li img {
		grid-area: 1/1/2/2;
	}
	.sticker-stats .list li .marker {
		grid-area: 1/4/2/5;
	}
	.sticker-stats .list li h4 {
		grid-area: 1/2/2/3;
	}
	.sticker-stats .list li .target {
		grid-area: 1/3/2/4;
	}
}
.sticker-stats .lessons .perfect .marker {
	background-image: url('/res/svg/ok-gold.svg');
}
.sticker-stats .lessons .target {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.sticker-stats .lessons .target p {
	padding: 4px;
	padding-left: 28px;
	background-size: 24px;
	background-position: left center;
	background-repeat: no-repeat;
}
.sticker-stats .lessons .target p:first-child {
	padding-left: 0;
}
.sticker-stats .lessons .target .pages {
	background-image: url('/res/svg/eyes.svg');
}
.sticker-stats .lessons .target .flames {
	background-image: url('/res/svg/flame.svg');
}
.sticker-stats .lessons .target .stars {
	background-image: url('/res/svg/star.svg');
}
.sticker-stats .trainings li img {
	grid-area: 1/1/4/2;
}
.sticker-stats .trainings li .marker {
	grid-area: 1/3/4/4;
}
.sticker-stats .trainings li h4 {
	grid-area: 1/2/2/3;
}
.sticker-stats .trainings li .target {
	grid-area: 2/2/3/3;
}
.sticker-stats .trainings li .info {
	grid-area: 3/2/4/3;
}
@media screen and (min-width: 768px) {
	.sticker-stats .trainings li img {
		grid-area: 1/1/3/2;
	}
	.sticker-stats .trainings li .marker {
		grid-area: 1/4/3/5;
	}
	.sticker-stats .trainings li h4 {
		grid-area: 1/2/2/3;
	}
	.sticker-stats .trainings li .target {
		grid-area: 1/3/3/4;
	}
	.sticker-stats .trainings li .info {
		grid-area: 2/2/3/3;
	}
}
.sticker-stats .trainings .is-done .marker {
	background-image: url('/res/svg/ok-done.svg');
}
.sticker-stats .trainings .perfect .marker {
	background-image: url('/res/svg/ok-gold.svg');
}
.lessons-widget {
	container-type: inline-size;
	container-name: chess-lesson;
	padding: 7px;
}
/* Lesson List */
/* Lesson */
.trainings-widget {
	container-type: inline-size;
}
.trainings-widget>* {
	padding: 7px;
}
.trainings-widget>.wait {
	background-image: url("/res/svg/wait.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 120px;
	min-height: 500px;
}
.test-widget {
	container-type: inline-size;
}
.test-widget>* {
	padding: 7px;
}
.test-widget>.home {
	padding: 0 7px;
}
.app-modal>* {
	display: grid;
	gap: 12px;
	width: fit-content;
	height: fit-content;
	margin: 20px;
	padding: 22px;
	animation: show 200ms;
}
@media screen and (width >= 768px) {
	.app-modal>* {
		gap: 18px;
		padding: 28px;
		margin: 30px;
	}
}
@media screen and (width >= 1024px) {
	.app-modal>* {
		gap: 24px;
		padding: 32px;
		margin: 40px;
	}
}
.app-modal>.wait {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100px;
	background-image: url("/res/svg/wait.svg");
}
.app-modal>.wait>* {
	visibility: hidden;
}
.app-modal>*>.close-btn {
	position: absolute;
	overflow: hidden;
	text-indent: -1000px;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 300ms;
}
.app-modal>*>.close-btn:hover {
	transform: scale(1.15);
}
.app-modal>* p, .app-modal>* h2 {
	margin: 0;
}
.app-modal>* :is(h2, p, nav):empty {
	display: none;
}
.app-modal>* h2 {
	text-align: center;
}
.app-modal>.grant-perk.snowball .img {
	background-image: url('/res/img/snowball.png');
}
.app-modal>.grant-perk.tomato .img {
	background-image: url('/res/svg/tomato.svg');
}
.app-modal>.grant-perk.hints .img {
	background-image: url('/res/svg/notes/tips.svg');
}
.app-modal>.grant-perk.undo .img {
	background-image: url('/res/svg/replay.svg');
}
.app-modal>.grant-ticket .img {
	background-image: url('/res/svg/ticket-buy.svg');
}
.app-modal>.grant-medal {
	justify-content: center;
	max-width: 450px;
}
.app-modal>.grant-medal p {
	text-align: center;
}
.app-modal>.grant-medal>img, .app-modal>.grant-medal>.marker {
	grid-area: 3/1;
	justify-self: center;
}
.app-modal>.grant-medal.no-medal>img {
	filter: grayscale(1);
	animation: medal-colorize 1200ms linear 0.3s;
}
.app-modal>.grant-medal>.marker {
	width: 280px;
	max-width: 100%;
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 3;
}
.app-modal>.grant-medal:is(.no-medal, .bronze)>.marker {
	display: none;
}
.app-modal>.grant-medal:is(.silver, .gold)>.marker {
	animation: glow-appear 1.2s linear 0.3s;
}
.app-modal>.grant-medal.helt.silver>.marker {
	background-image: url("/res/svg/medal/silver-helt.svg");
}
.app-modal>.grant-medal.helt.gold>.marker {
	background-image: url("/res/svg/medal/gold-helt.svg");
}
.app-modal>.grant-medal.stjerne.silver>.marker {
	background-image: url("/res/svg/medal/silver-stjerne.svg");
}
.app-modal>.grant-medal.stjerne.gold>.marker {
	background-image: url("/res/svg/medal/gold-stjerne.svg");
}
.app-modal>.grant-medal.titan.silver>.marker {
	background-image: url("/res/svg/medal/silver-titan.svg");
}
.app-modal>.grant-medal.titan.gold>.marker {
	background-image: url("/res/svg/medal/gold-titan.svg");
}
.app-modal>.grant-medal.lotus.silver>.marker {
	background-image: url("/res/svg/medal/silver-lotus.svg");
}
.app-modal>.grant-medal.lotus.gold>.marker {
	background-image: url("/res/svg/medal/gold-lotus.svg");
}
.app-modal>.grant-medal.diamant.silver>.marker {
	background-image: url("/res/svg/medal/silver-diamant.svg");
}
.app-modal>.grant-medal.diamant.gold>.marker {
	background-image: url("/res/svg/medal/gold-diamant.svg");
}
.app-modal>.notice nav {
	display: none;
}
.app-modal>.message nav {
	justify-content: center;
}
.app-modal>.message nav {
	justify-content: center;
}
.app-modal>.form-dialog .error {
	display: none;
}
.app-modal>.form-dialog form {
	display: grid;
	gap: 10px;
	grid-auto-flow: row;
}
@media screen and (width < 768px) {
	.app-modal>.form-dialog {
		max-width: 304px;
	}
}
@media screen and (width >= 768px) {
	.app-modal>.form-dialog {
		width: 376px;
	}
	.app-modal>.form-dialog form {
		gap: 16px;
	}
	.app-modal>.form-dialog input {
		padding: 10px 16px;
	}
}
@media screen and (width >= 1024px) {
	.app-modal>.form-dialog {
		width: 424px;
	}
	.app-modal>.form-dialog form {
		gap: 20px;
	}
	.app-modal>.form-dialog input {
		padding: 14px 20px;
		font-size: 20px;
	}
}
.app-modal>.form-dialog.fail {
	animation: 0.2s fail;
}
.app-modal>.form-dialog.fail .error {
	display: block;
	padding: 6px 10px;
	background-color: rgba(255, 0, 0, 0.1);
	color: #800;
}
@media screen and (width >= 600px) {
	.app-modal>.form-dialog.fail .error {
		padding: 10px 16px;
	}
}
@media screen and (width >= 1024px) {
	.app-modal>.form-dialog.fail .error {
		padding: 14px 20px;
		font-size: 20px;
	}
}
.app-modal>.login nav a.forget {
	grid-area: 1/1;
}
.app-modal>.login nav a.btn-send {
	grid-area: 2/1;
}
.app-modal>.login nav span.text {
	grid-area: 3/1;
}
.app-modal>.login nav a.google {
	grid-area: 4/1;
}
.app-modal>.login nav span.question {
	grid-area: 5/1;
}
.app-modal>.login nav a.join {
	grid-area: 5/1;
	justify-self: end;
}
.app-modal>.avatar>.image-list {
	display: grid;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	grid-template-columns: repeat(4, 1fr);
}
.app-modal>.avatar>.image-list>li {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	aspect-ratio: 1;
	gap: 0px;
	padding: 0px;
	border-radius: 8px;
	outline: 1px solid #ddd;
	overflow: hidden;
	cursor: pointer;
}
.app-modal>.avatar>.image-list>li.owned {
	outline: 4px solid #eab73f;
	box-shadow: 1px 1px 3px #553d0490;
}
.app-modal>.avatar>.image-list>li.owned::after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('/res/svg/coin.svg');
	z-index: 3;
}
.app-modal>.avatar>.image-list>li img {
	grid-area: 1/1/2/2;
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	transform: scale(1);
	transition: transform 300ms;
}
.app-modal>.avatar>.image-list>li:hover {
	outline: 1px solid #000;
	box-shadow: 2px 2px 3px #000000a3;
}
.app-modal>.avatar>.image-list>li.owned:hover {
	outline: 4px solid #dfa215;
	box-shadow: 2px 2px 4px #553d04;
}
.app-modal>.avatar>.image-list>li:hover img {
	transform: scale(1.1);
}
@media screen and (width >= 768px) {
	.app-modal>.avatar>.image-list {
		grid-template-columns: repeat(7, 1fr);
	}
}
@media screen and (width >= 1024px) {
	.app-modal>.avatar>.image-list {
		grid-template-columns: repeat(9, 1fr);
	}
}
.app-modal>.buy-ticket {
	background-image: url('/res/svg/ticket.svg');
	background-size: 148px;
}
.is-new, .is-ny {
	position: relative;
}
:is(.is-new, .is-ny)::after {
	position: absolute;
	top: -6px;
	right: -6px;
	background: #08b732;
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0.7em;
	border-radius: 50%;
	line-height: 1;
	white-space: nowrap;
	transform: rotate(10deg);
	box-shadow: 0 0 .2em .2em #ddd;
	z-index: 5;
}
.user-header {
	display: grid;
	grid-template-columns: 1fr 3fr;
	width: 100%;
	column-gap: 12px;
	margin: 0 auto 24px;
}
.user-header>div:not(.avatar) {
	position: relative;
	grid-area: 1/2/2/3;
	display: flex;
	align-items: center;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	border-radius: 28px;
	border: 2.5px solid #fff;
	box-shadow: 0 0 6px 3px #a2a2a2ac;
}
.user-header h3 {
	margin: 0;
	padding: 6px 10px;
	font-size: 28px;
	color: #3c3c3c;
	background-color: #fff;
	border-radius: 12px;
}
.user-header>div:is(.bank, .achievements)>h3 {
	padding-right: 56px;
}
.user-header>div:is(.bank, .achievements)>h3+span.info-msg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -36px;
	padding: 12px;
	width: 12px;
	height: 12px;
	border: 2px solid #ccc;
	color: #bbb;
	border-radius: 50%;
}
.user-header>div:is(.bank, .achievements)>h3+span.info-msg+p {
	position: absolute;
	top: 60%;
	right: 0;
	display: none;
	width: 130%;
	height: auto;
	padding: 12px;
	border: 1px solid #8770d1;
	border-radius: 8px;
	background-color: #fff;
	color: #493b78;
	font-size: 20px;
	z-index: 4;
}
.user-header>div:is(.bank, .achievements)>h3+span.info-msg:hover+p {
	display: block;
}
.user-header>.achievements {
	background-image: url("/res/img/achievements-mini.jpg");
}
.user-header>.bank {
	background-image: url("/res/img/bank-mini.jpg");
}
.user-header>.settings {
	background-image: url("/res/img/settings-mini.jpg");
}
.user-header>.profile {
	background-image: url("/res/img/profile-mini.jpg");
}
.user-header>.market {
	background-image: url("/res/img/market-mini.png");
}
@media screen and (min-width: 768px) {
	.user-header {
		grid-template-columns: 1fr 5fr;
	}
	.user-header h2 {
		font-size: 18px;
	}
	.user-header>div:not(.avatar) {
		padding-left: 68px;
	}
	.user-header h3 {
		font-size: 36px;
	}
	.user-header>div:is(.bank, .achievements)>h3+span.info-msg+p {
		width: 90%;
	}
	.user-header>.achievements {
		background-image: url("/res/img/achievements-full.jpg");
	}
	.user-header>.bank {
		background-image: url("/res/img/bank-full.jpg");
	}
	.user-header>.settings {
		background-image: url("/res/img/settings-full.jpg");
	}
	.user-header>.profile {
		background-image: url("/res/img/profile-full.jpg");
	}
	.user-header>.market {
		background-image: url("/res/img/market-full.png");
	}
}
.user-header>.avatar {
	grid-area: 1/1/2/2;
	display: grid;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 20px;
	border: 2px solid #fff;
	box-shadow: 0 0 6px 3px #a2a2a2aa;
}
.user-header>.avatar img {
	grid-area: 1/1/2/2;
	object-fit: cover;
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
}
.user-header>.avatar .select {
	grid-area: 1/1/2/2;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateY(-100%);
	background-image: url("/res/svg/upload-white.svg");
	background-size: 44px;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 300ms;
}
.user-header>.avatar:hover .select {
	transform: translateY(0%);
	z-index: 5;
}
.user-header>.avatar h2 {
	grid-area: 1/1/2/2;
	margin: 0;
	justify-self: center;
	align-self: end;
	padding: 4px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	color: #3c3c3c;
	font-size: 16px;
	text-align: center;
	z-index: 2;
}
.user-nav {
	display: grid;
	grid-auto-flow: row;
	gap: 12px;
	margin-bottom: 24px;
}
.user-nav>a {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	padding: 8px;
	box-shadow: 0px 0px 4px #958f8f8a;
	border-radius: 8px;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
}
.user-nav>a>.icon {
	display: block;
	width: 28px;
	height: 28px;
	background-position: center;
	background-size: 28px;
	background-repeat: no-repeat;
	transition: all 0.3s;
}
.user-nav>a.active {
	color: #02acee;
}
.user-nav>a:hover:not(.active)>.icon {
	transform: scale(1.25);
}
.user-nav>a.profile>.icon {
	background-image: url("/res/svg/profile-user.svg");
}
.user-nav>a.profile>.icon.incognito {
	background-image: url("/res/svg/profile-incognito.svg");
}
.user-nav>a.bank>.icon {
	background-image: url("/res/svg/bank.svg");
}
.user-nav>a.market>.icon {
	background-image: url("/res/svg/market.svg");
}
.user-nav>a.achievments>.icon {
	background-image: url("/res/svg/achievments.svg");
}
.user-nav>a.settings>.icon {
	background-image: url("/res/svg/settings.svg");
}
.user-nav>a.profile.active>.icon {
	background-image: url("/res/svg/profile-user-hover.svg");
}
.user-nav>a.profile.active>.icon.incognito {
	background-image: url("/res/svg/profile-incognito-hover.svg");
}
.user-nav>a.bank.active>.icon {
	background-image: url("/res/svg/bank-hover.svg");
}
.user-nav>a.market.active>.icon {
	background-image: url("/res/svg/market-hover.svg");
}
.user-nav>a.achievments.active>.icon {
	background-image: url("/res/svg/achievments-hover.svg");
}
.user-nav>a.settings.active>.icon {
	background-image: url("/res/svg/settings-hover.svg");
}
@media screen and (min-width: 768px) {
	.user-nav {
		grid-auto-flow: column;
	}
	.user-nav>a {
		justify-content: center;
	}
}
.user-main .user-info {
	width: 100%;
	margin: 0 auto;
}
.user-main .user-info>li:not(:last-child) {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	row-gap: 16px;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 16px;
	border: 3px solid #fff;
	box-shadow: 0 0 6px #ccc;
	border-radius: 8px;
}
.user-main .user-info>li:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	width: 100%;
}
.user-main .user-info>li * {
	justify-self: center;
	margin: 0;
}
.user-main .user-info>li:last-child>a {
	width: 100%;
}
.user-main .user-info>li.email {
	position: relative;
}
.user-main .user-info>li.email>span.info-msg {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	width: 12px;
	height: 12px;
	border: 2px solid #ccc;
	color: #bbb;
	border-radius: 50%;
}
.user-main .user-info>li.email>span.info-msg+p {
	position: absolute;
	top: 46%;
	right: 0;
	display: none;
	width: 70%;
	max-width: fit-content;
	height: auto;
	padding: 12px;
	border: 1px solid #0a24b1;
	border-radius: 8px;
	background-color: #fff;
	color: #0a24b1;
	font-size: 20px;
	z-index: 4;
}
.user-main .user-info>li.email>span.info-msg:hover+p {
	display: block;
}
@media screen and (min-width: 768px) {
	.user-main .user-info>li:not(:last-child) {
		grid-template-columns: 120px 1fr 220px;
		padding: 16px 48px;
	}
	.user-main .user-info>li * {
		justify-self: start;
	}
	.user-main .user-info>li:last-child {
		flex-direction: row;
	}
	.user-main .user-info>li:last-child>a {
		width: max-content;
	}
	.user-main .user-info>li.email>span.info-msg {
		top: auto;
	}
}
.user-main .bank-page {
	display: grid;
	gap: 24px;
	grid-auto-flow: row;
}
.user-main .bank-page li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	padding: 12px;
	padding-left: 110px;
	background-position: 24px 50%;
	background-size: 65px;
	background-repeat: no-repeat;
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
}
.user-main .bank-page li>.infotip {
	position: absolute;
	top: 6px;
	right: 6px;
}
.user-main .bank-page li>span:hover>.msg {
	display: block;
}
.user-main .bank-page li p {
	margin: 0;
	padding: 8px;
}
.user-main .bank-page li .available {
	margin: 0;
	padding: 8px;
	color: #0a24b1;
}
.user-main .bank-page .moves {
	background-image: url("/res/svg/animation-moves.svg");
}
.user-main .bank-page .hearts {
	background-image: url("/res/svg/animation-hearts.svg");
}
.user-main .bank-page .bonustime {
	background-image: url("/res/svg/animation-clock.svg");
}
.user-main .bank-page .time {
	display: none;
	background-image: url("/res/svg/animation-clock.svg");
}
.user-main .bank-page .puzzles {
	background-image: url("/res/svg/animation-puzzle.svg");
}
.user-main .bank-page .stars {
	background-image: url("/res/svg/animation-star.svg");
}
.user-main .bank-page .flames {
	background-image: url("/res/svg/animation-flames.svg");
}
.user-main .bank-page .pages {
	background-image: url("/res/svg/animation-eyes.svg");
}
.user-main .bank-page .perlwhite {
	background-image: url("/res/svg/vault/perl/white-animation.svg");
}
.user-main .bank-page .perlpink {
	background-image: url("/res/svg/vault/perl/pink-animation.svg");
}
.user-main .bank-page .perlblack {
	background-image: url("/res/svg/vault/perl/black-animation.svg");
}
@media screen and (width >= 768px) {
	.user-main .bank-page {
		grid-template-columns: 1fr 1fr;
	}
}
.user-main .vendor {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	height: auto;
	background-color: #0a23b10f;
	border: 2px solid #0a24b1;
	padding: 12px;
	border-radius: 12px;
}
.user-main .vendor .converter {
	opacity: 1;
}
.user-main .vendor .show-btn {
	position: absolute;
	top: 31px;
	right: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px;
	width: 22px;
	height: 22px;
	border: 1px solid #0a24b1;
	border-radius: 50%;
	color: #0a24b1;
	font-weight: bold;
	font-size: 32px;
	transition: all 0.3s;
}
.user-main .vendor .show-btn:hover {
	transform: scale(1.1) rotate(180deg);
}
.user-main .vendor.show-converter .show-btn {
	transform: rotate(45deg);
}
.user-main .vendor h3 {
	margin: 0;
	padding: 20px;
	padding-right: 50px;
	margin: 0 auto;
	width: fit-content;
	text-align: center;
	font-size: 28px;
	background-position: right 42%;
	background-size: 44px;
	background-repeat: no-repeat;
	background-image: url('/res/svg/coin-glow.svg');
}
@keyframes marquee {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}
.user-main .vendor .rate {
	display: flex;
	white-space: nowrap;
	will-change: transform;
}
.user-main .vendor .rate>ul {
	margin: 0;
	padding: 0 10px;
	display: flex;
	gap: 20px;
	animation: marquee 30s linear infinite;
}
.user-main .vendor .rate:hover>ul {
	animation-play-state: paused;
}
.user-main .vendor .rate>ul>li {
	position: relative;
	margin: 0;
	padding: 6px 30px;
	background-position: left;
	background-size: 28px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.user-main .vendor .rate>ul>li::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	width: 28px;
	height: 28px;
	transform: translateY(-54%);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('/res/svg/coin.svg');
}
.user-main .vendor .rate>ul li.hearts {
	background-image: url('/res/svg/bank-heart.svg');
}
.user-main .vendor .rate>ul li.moves {
	background-image: url('/res/svg/white-paws.svg');
}
.user-main .vendor .rate>ul li.pages {
	background-image: url('/res/svg/eyes.svg');
}
.user-main .vendor .rate>ul li.flames {
	background-image: url('/res/svg/flame.svg');
}
.user-main .vendor .rate>ul li.stars {
	background-image: url('/res/svg/star.svg');
}
.user-main .vendor .rate>ul li.puzzles {
	background-image: url('/res/svg/bank-puzzle.svg');
}
.user-main .vendor .rate>ul li.time {
	display: none;
	background-image: url('/res/svg/clock.svg');
}
.user-main .vendor .rate>ul li.bonustime {
	background-image: url('/res/svg/clock.svg');
}
.user-main .vendor .rate>ul li.perlwhite {
	background-image: url('/res/svg/vault/perl/perl-white.svg');
}
.user-main .vendor .rate>ul li.perlpink {
	background-image: url('/res/svg/vault/perl/perl-pink.svg');
}
.user-main .vendor .rate>ul li.perlblack {
	background-image: url('/res/svg/vault/perl/perl-black.svg');
}
.user-main .vendor:not(.show-converter) .converter {
	display: none;
	opacity: 0;
}
.user-main .market-page {
	margin: 0;
	padding: 4px;
	display: grid;
	gap: 40px;
	margin-bottom: 40px;
}
.user-main .market-page section.group {
	display: grid;
	gap: 40px;
}
.user-main .achievements .achive-part {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	padding: 12px;
	margin-bottom: 24px;
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
}
.user-main .achievements .achive-part>a, .user-main .achievements .achive-part>ul li>a {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	justify-self: center;
	align-self: center;
	transition: all 0.3s;
}
.user-main .achievements .achive-part>a>.marker, .user-main .achievements .achive-part>ul li>a>.marker {
	grid-area: 1/1/2/2;
	width: auto;
	height: 100%;
	z-index: 3;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.user-main .achievements .achive-part>ul li>a>img {
	grid-area: 1/1/2/2;
}
.user-main .achievements .achive-part>a>img {
	grid-area: 1/1/2/2;
	width: 120px;
}
.user-main .achievements .achive-part>a:hover, .user-main .achievements .achive-part>ul li:hover {
	transform: scale(1.15);
}
.user-main .achievements .achive-part>ul {
	display: flex;
	flex-wrap: wrap;
}
.user-main .achievements .achive-part>ul li {
	flex-basis: calc((100% - 80px) / 5);
	transition: all 0.3s;
}
.user-main .achievements .achive-part .no-medal {
	filter: grayscale(1);
	opacity: 0.8;
}
.user-main .achievements .achive-part .no-medal .marker, .user-main .achievements .achive-part .bronze .marker {
	display: none;
}
.user-main .achievements .achive-part.helt .silver .marker {
	background-image: url("/res/svg/medal/silver-helt.svg");
}
.user-main .achievements .achive-part.helt .gold .marker {
	background-image: url("/res/svg/medal/gold-helt.svg");
}
.user-main .achievements .achive-part.stjerne .silver .marker {
	background-image: url("/res/svg/medal/silver-stjerne.svg");
}
.user-main .achievements .achive-part.stjerne .gold .marker {
	background-image: url("/res/svg/medal/gold-stjerne.svg");
}
.user-main .achievements .achive-part.titan .silver .marker {
	background-image: url("/res/svg/medal/silver-titan.svg");
}
.user-main .achievements .achive-part.titan .gold .marker {
	background-image: url("/res/svg/medal/gold-titan.svg");
}
.user-main .achievements .achive-part.lotus .silver .marker {
	background-image: url("/res/svg/medal/silver-lotus.svg");
}
.user-main .achievements .achive-part.lotus .gold .marker {
	background-image: url("/res/svg/medal/gold-lotus.svg");
}
.user-main .achievements .achive-part.diamant .silver .marker {
	background-image: url("/res/svg/medal/silver-diamant.svg");
}
.user-main .achievements .achive-part.diamant .gold .marker {
	background-image: url("/res/svg/medal/gold-diamant.svg");
}
@media screen and (min-width: 768px) {
	.user-main .achievements .achive-part {
		grid-template-columns: auto 1fr;
		column-gap: 16px;
		padding: 12px 40px;
	}
	.user-main .achievements .achive-part>a>img {
		width: 190px;
	}
	.user-main .achievements .achive-part>ul li {
		flex-basis: calc((100% - 120px) / 7);
	}
}
.user-main .user-settings {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	gap: 16px;
}
.user-main .user-settings .togglers {
	display: flex;
	flex-direction: column;
	padding: 12px;
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
}
.user-main .user-settings .togglers a {
	padding: 16px;
	width: 100%;
	align-self: center;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 56px;
	background-image: url("/res/svg/off.svg");
}
.user-main .user-settings .togglers>.checked {
	background-image: url("/res/svg/on.svg");
}
.user-main .user-settings .themes {
	justify-self: center;
	width: 100%;
	padding-bottom: 12px;
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
}
.user-main .user-settings .themes h3 {
	text-align: center;
}
.user-main .user-settings .themes img {
	margin: 0 auto;
	width: 190px;
}
.user-main .user-settings .themes ul {
	gap: 0;
}
.user-main .user-settings .themes li {
	display: grid;
	grid-template-columns: 60px 1fr;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 16px 8px;
	cursor: pointer;
	transition: all 0.3s;
}
.user-main .user-settings .themes li::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 70px;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	aspect-ratio: 1;
}
.user-main .user-settings .themes li:is(:hover):not(.checked)::before {
	transform: scale(1.1);
}
.user-main .user-settings .themes li.checked>.selector {
	grid-column: 1/2;
	background-image: url("/res/svg/selected.svg");
	background-size: 56px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left;
}
.user-main .user-settings .themes li p {
	margin: 0;
	padding-left: 80px;
}
@media screen and (width >= 768px) {
	.user-main .user-settings {
		grid-template-columns: 4fr 5fr;
	}
	.user-main .user-settings .togglers {
		grid-area: 1/1/2/2;
		padding-top: 58px;
	}
	.user-main .user-settings .themes {
		grid-area: 1/2/2/3;
	}
}
.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings {
	background-color: #fff;
	display: grid;
	gap: 10px;
	grid-template-rows: auto 1fr;
	align-content: start;
	margin: 0px;
	padding: 0 10px;
	box-shadow: 3px 3px 5px #1111114f;
	border-radius: 10px;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	overflow: hidden;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>* {
	margin: 0px;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>.close {
	margin-top: 10px;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>.close {
	justify-self: end;
	width: 48px;
	height: 48px;
	text-indent: -10000px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50%;
	background-image: url("/res/svg/stop.svg");
	transition: all 0.3s;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>.close:hover {
	transform: scale(1.1);
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul {
	display: grid;
	gap: 10px;
	align-content: start;
	padding: 0px;
	overflow: auto;
	margin-bottom: 10px;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li {
	display: block;
	margin: 0px;
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #ddd;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.toggler {
	padding: 16px;
	padding-right: 90px;
	border-radius: 6px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right 16px top 50%;
	background-size: 64px;
	background-image: url("/res/svg/off.svg");
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.toggler.enabled {
	background-image: url("/res/svg/on.svg");
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select, :is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select>h3 {
	padding: 16px;
	margin: 0px;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select>ul {
	display: grid;
	margin: 0px 0px 10px;
	padding: 0px;
	gap: 6px;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select>ul>li {
	cursor: pointer;
	margin: 0px;
	padding: 16px 20px 16px 110px;
	display: block;
	border-radius: 6px;
	position: relative;
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: left 6px top 50%;
	transition: all 0.3s;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select>ul>:is(li.selected, li:hover) {
	color: #000;
	background-color: rgb(0 0 0 / 4%);
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select>ul>li.selected {
	background-image: url("/res/svg/selected.svg");
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select>ul>li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 50px;
	height: 100%;
	aspect-ratio: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	transition: all 0.3s;
}
:is(.daily-puzzle>.settings, .trainings-widget>.training>.settings, .test-widget>.tasks-view>.settings, .lessons-widget>.lesson>.page>.kit>.settings)>ul>li.select>ul>li:hover:not(.selected)::before {
	transform: scale(1.1);
}
.daily-puzzle>.notes>.date-view, .daily-puzzle>.calendar>.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
:is(.daily-puzzle>.notes>.date-view, .daily-puzzle>.calendar>.header)>a, :is(.daily-puzzle>.notes>.date-view, .daily-puzzle>.calendar>.header)>span {
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 8px;
	transition: all 0.3s;
	color: #0a24b1;
}
:is(.daily-puzzle>.notes>.date-view, .daily-puzzle>.calendar>.header)>a:hover {
	transform: scale(1.1);
}
:is(.daily-puzzle>.notes>.date-view, .daily-puzzle>.calendar>.header)>a.day {
	font-weight: bold;
}
:is(.daily-puzzle>.notes>.date-view, .daily-puzzle>.calendar>.header) a.prev, :is(.daily-puzzle>.notes>.date-view, .daily-puzzle>.calendar>.header) a.next {
	padding: 4px 14px;
	font-size: 30px;
}
.daily-puzzle>.chess-stats {
	height: 200px;
	margin: 0;
	position: relative;
}
.daily-puzzle>.chess-stats>li {
	display: block;
	height: 80px;
	cursor: pointer;
}
.daily-puzzle>.chess-stats>li>.icon {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	background-size: 80px;
	filter: none;
	z-index: 210000;
	transform: scale(1.01);
}
.daily-puzzle>.chess-stats>li>.title {
	display: none;
}
.daily-puzzle>.chess-stats>li.claimable:not(.claimed)>.icon {
	animation: none;
}
.daily-puzzle>.chess-stats>li.claimed>.icon {
	filter: none;
	background-image: url('/res/svg/vault/perl/empty.svg');
}
.daily-puzzle>.chess-stats>.perlwhite>.icon {
	background-image: url("/res/svg/vault/perl/white-animation.svg");
}
.daily-puzzle>.chess-stats>.perlpink>.icon {
	background-image: url("/res/svg/vault/perl/pink-animation.svg");
}
.daily-puzzle>.chess-stats>.perlblack>.icon {
	background-image: url("/res/svg/vault/perl/black-animation.svg");
}
.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog {
	background-color: #fff;
	display: grid;
	gap: 10px;
	container-name: widget-dialog;
	overflow: hidden;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target {
	margin: 0px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>h3 {
	font-size: 24px;
	margin: 0px;
	padding: 10px;
	text-align: center;
	color: #fff;
	border-radius: 8px;
	order: 1;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>h3:empty {
	display: none;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target.ok h3 {
	background-color: #1c9e3e;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target.fail h3 {
	background-color: #af1116;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>p, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.reason {
	color: #555;
	margin: 10px 0 0;
	order: 2;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.reason {
	order: 2;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats {
	order: 3;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav {
	margin-left: 10px;
	display: grid;
	gap: 10px;
	order: 4;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a {
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: 60px;
	font-size: 24px;
	height: 60px;
	font-weight: bold;
	text-align: left;
	transition: all 0.5s;
	padding-left: 70px;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a:hover {
	color: #02acee;
	transform: scale(1.05) translate(5px, 0px);
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a:is(.play, .replay, .undo) {
	background-image: url("/res/svg/replay.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a:hover:is(.play, .replay, .undo) {
	background-image: url("/res/svg/replay-hover.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a.next {
	background-image: url("/res/svg/next.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a.next:hover {
	background-image: url("/res/svg/next-hover.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a.resume {
	background-image: url("/res/svg/resume.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a.resume:hover {
	background-image: url("/res/svg/resume-hover.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a:is(.jump-to-menu, .menu, .home) {
	background-image: url("/res/svg/menu.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a:hover:is(.jump-to-menu, .menu) {
	background-image: url("/res/svg/menu-hover.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a.animate {
	background-image: url("/res/svg/hide.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a.animate:hover {
	background-image: url("/res/svg/show.svg");
}
/* Side Style */
@container widget-dialog style(--dialog: full) {
	:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target {
		margin: 16px;
	}
	:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>h3 {
		font-size: 34px;
	}
	:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>nav>a {
		height: 80px;
		font-size: 28px;
		padding-left: 80px;
		background-size: 58px;
	}
}
.daily-puzzle>.task-info, .trainings-widget>.training>.task-info, .test-widget>.tasks-view>.task-info {
	font-size: 14px;
}
.admin-user :is(.daily-puzzle>.task-info, .trainings-widget>.training>.task-info, .test-widget>.tasks-view>.task-info):hover {
	cursor: pointer;
	color: #000;
	text-decoration: underline;
}
.daily-puzzle>.calendar {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 8px;
	background-color: #fafafa;
}
.daily-puzzle>.calendar>.calendar-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-auto-flow: row;
	gap: 10px;
	padding: 0;
	margin: 0;
}
.daily-puzzle>.calendar>.calendar-list>.item {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 2px solid #ddd;
	cursor: pointer;
	color: #0a23b1d8;
	background-color: #fff;
}
.daily-puzzle>.calendar>.calendar-list>.item.no-puzzle {
	background-color: #cccccc78;
	pointer-events: none;
	cursor: default;
	opacity: 0.8;
	color: #4e4e4e;
}
.daily-puzzle>.calendar>.calendar-list>.item.claimed {
	color: transparent;
	border-color: #1c9e3e;
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
}
.daily-puzzle>.calendar>.calendar-list>.item.claimed.perlwhite {
	background-image: url("/res/svg/vault/perl/perl-white.svg");
}
.daily-puzzle>.calendar>.calendar-list>.item.claimed.perlpink {
	background-image: url("/res/svg/vault/perl/perl-pink.svg");
}
.daily-puzzle>.calendar>.calendar-list>.item.claimed.perlblack {
	background-image: url("/res/svg/vault/perl/perl-black.svg");
}
.daily-puzzle>.calendar>.calendar-list>.item.solved {
	color: transparent;
	border-color: #1c9e3e;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("/res/svg/ok-dailypuzzle.svg");
}
.daily-puzzle>.calendar>.calendar-list>.item.mon {
	grid-column: 1/2;
}
.daily-puzzle>.calendar>.calendar-list>.item.tue {
	grid-column: 2/3;
}
.daily-puzzle>.calendar>.calendar-list>.item.wed {
	grid-column: 3/4;
}
.daily-puzzle>.calendar>.calendar-list>.item.thu {
	grid-column: 4/5;
}
.daily-puzzle>.calendar>.calendar-list>.item.fri {
	grid-column: 5/6;
}
.daily-puzzle>.calendar>.calendar-list>.item.sat {
	grid-column: 6/7;
}
.daily-puzzle>.calendar>.calendar-list>.item.sun {
	grid-column: 7/8;
}
.daily-puzzle>.calendar .item.active {
	border-color: #0a24b1;
}
.lessons-widget>.lessons {
	display: grid;
	gap: 10px;
	justify-items: start;
}
@container chess-lesson (width < 880px) {
	.lessons-widget>.lessons {
		margin: 0;
		display: grid;
		gap: 10px;
		justify-items: start;
	}
}
@container chess-lesson (width >= 880px) {
	.lessons-widget>.lessons {
		margin: 0 0 0 58px;
		font-size: 22px;
	}
}
.lessons-widget>.lessons>li {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 12px;
	width: 100%;
	height: fit-content;
	cursor: pointer;
	padding: 14px;
	padding-left: 72px;
	margin: 0;
	color: #05a6eb;
	background-color: #fff;
	transition: all 0.3s;
	background-position: left -10px top 50%;
	background-size: 70px;
	background-repeat: no-repeat;
	background-image: url("/res/svg/blue-pencil.svg");
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.lessons-widget>.lessons>li:hover {
	box-shadow: 0 0 6px 2px #ccc;
	border: 1px solid #888;
}
.lessons-widget>.lessons>li.done {
	background-image: url("/res/svg/green-pencil.svg");
	color: #438d28;
}
.lessons-widget>.lessons>li>h3 {
	margin: 0px;
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
}
.lessons-widget>.lessons>li>ul.stats {
	display: flex;
}
.lessons-widget>.lessons>li ul.stats>li {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 24px;
	background-position: top 50% right 0;
	background-size: 20px;
	background-repeat: no-repeat;
	color: #3c3c3c;
}
.lessons-widget>.lessons>li.done>ul.stats>li {
	filter: grayscale(1) opacity(0.8);
}
.lessons-widget>.lessons>li>ul.stats>.flames {
	background-image: url("/res/svg/flame.svg");
}
.lessons-widget>.lessons>li>ul.stats>.stars {
	background-image: url("/res/svg/star.svg");
}
.lessons-widget>.lessons>li>ul.stats>.pages {
	background-image: url("/res/svg/eyes.svg");
}
.lessons-widget>.lesson {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto 1fr auto;
}
/* Layout */
.lessons-widget>.lesson>h3 {
	grid-area: 1/1/2/2;
}
.lessons-widget>.lesson>nav.menu {
	grid-area: 1/2/2/3;
}
.lessons-widget>.lesson>nav.pages {
	grid-area: 3/1/4/3;
}
.lessons-widget>.lesson>.page {
	grid-area: 2/1/3/3;
}
/* Title */
.lessons-widget>.lesson>h3 {
	margin: 0;
	padding: 22px;
	padding-left: 0;
	font-size: 26px;
}
/* Menu */
/* Page Nav */
.lessons-widget>.lesson>nav.pages {
	width: 100%;
	padding: 20px;
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 8px;
}
.lessons-widget>.lesson>nav.pages>a {
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1;
	background-color: #5d70e0;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	transition: all 0.3s;
}
.lessons-widget>.lesson>nav.pages>a:hover {
	transform: scale(1.1);
}
.lessons-widget>.lesson>nav.pages>a.active {
	background-color: #0a24b1;
	border: 2px solid #fff;
	box-shadow: 0 0 0 3px #0a24b1;
}
.lessons-widget>.lesson>nav.pages>a.locked {
	cursor: default;
	background-color: #bfbebe;
}
.lessons-widget>.lesson>nav.pages>a.locked:hover {
	transform: scale(1);
}
/* Page */
.trainings-widget>.home>ul {
	margin: 0;
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr 1fr;
}
.trainings-widget>.home>ul>li {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 50px;
	min-height: 180px;
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
	transition: all 0.3s;
}
.trainings-widget>.home>ul>li:hover {
	transform: scale(1.05);
}
.trainings-widget>.home>ul>li.progress {
	cursor: pointer;
}
.trainings-widget>.home>ul>li>.marker {
	grid-area: 1/1/3/2;
	display: none;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 40%;
	background-size: 50%;
	z-index: 3;
}
.trainings-widget>.home>ul>li:is(.done, .locked)>.marker {
	display: block;
}
.trainings-widget>.home>ul>li.done>.marker {
	background-image: url("/res/svg/ok-done.svg");
}
.trainings-widget>.home>ul>li.locked :not(.marker) {
	filter: grayscale(1);
	opacity: 0.8;
}
.trainings-widget>.home>ul>li.locked:hover {
	transform: scale(1);
}
.trainings-widget>.home>ul>li.locked>.marker {
	cursor: default;
	background-image: url("/res/svg/gold-lock.svg");
}
.trainings-widget>.home>ul>li img {
	grid-area: 1/1/2/2;
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
}
.trainings-widget>.home>ul>li h3 {
	grid-area: 1/1/3/2;
	align-self: flex-end;
	margin: 0;
	padding: 12px 6px;
	text-align: center;
	background-color: #fafafaca;
	width: 100%;
	z-index: 2;
}
@media screen and (width >= 768px) {
	.trainings-widget>.home>ul {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.trainings-widget>.home>ul>li {
		min-height: 200px;
	}
}
@media screen and (width >= 1024px) {
	.trainings-widget>.home>ul {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
.trainings-widget>.training {
	display: grid;
	grid-auto-flow: row;
	gap: 20px;
}
.trainings-widget>.training>img {
	display: block;
	overflow: hidden;
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: cover;
}
.trainings-widget>.training>h3 {
	font-size: 22px;
	padding: 0;
	align-self: center;
}
.trainings-widget>.training>.task-info {
	justify-self: end;
	align-self: center;
}
.trainings-widget>.training.state-play>vio-nav {
	display: none;
}
.trainings-widget>.training.state-play>vio-log {
	display: none;
}
.trainings-widget>.training:not(.show-movelog)>vio-log {
	display: none;
}
.trainings-widget>.training:is(:not(.result-blindfold), .move-0)>.target-menu {
	display: none;
}
@container (width < 860px) {
	.trainings-widget>.training {
		grid-template-columns: 45px 1fr auto;
		grid-template-rows: minmax(45px, auto) auto 40px;
		grid-auto-rows: auto;
		grid-auto-flow: row;
	}
	.trainings-widget>.training>* {
		grid-column: 1/4;
	}
	.trainings-widget>.training>img {
		grid-area: 1/1/2/2;
	}
	.trainings-widget>.training>h3 {
		grid-area: 1/2/2/3;
	}
	.trainings-widget>.training>.test-menu {
		grid-area: 1/3/2/4;
	}
	.trainings-widget>.training>vio-board {
		grid-row: 4;
	}
	.trainings-widget>.training>.settings {
		grid-row: 2;
		z-index: 10;
	}
	.trainings-widget>.training>.dialog {
		grid-row: 2;
		z-index: 9;
	}
	.trainings-widget>.training>.notes {
		grid-row: 2;
		z-index: 8;
	}
	.trainings-widget>.training>.puzzles-progress {
		grid-row: 3;
	}
	.trainings-widget>.training>.puzzles-fail-counter {
		grid-row: 3;
	}
	.trainings-widget>.training>.move-progress {
		grid-row: 3;
	}
	.trainings-widget>.training>.move-counter {
		grid-row: 3;
	}
	.trainings-widget>.training>.task-info {
		grid-row: 5;
	}
	.trainings-widget>.training>.target-menu {
		display: none;
	}
	.trainings-widget>.training>vio-nav {
		grid-row: 6;
	}
	.trainings-widget>.training>vio-log {
		grid-row: 7;
		max-height: 600px;
	}
	.trainings-widget>.training>.move-counter {
		justify-self: center;
		padding: 0px;
		margin: 0px;
		width: auto;
		height: auto;
		font-size: 20px;
		align-self: center;
		background-color: transparent !important;
		color: #8ba1c3;
		background-image: none;
	}
}
@container (width >= 860px) {
	.trainings-widget>.training {
		grid-template-columns: 45px 1fr 332px;
		grid-template-rows: 45px 40px 1fr auto auto;
		grid-template-rows: 45px 40px auto 1fr auto auto;
	}
	.trainings-widget>.training>img {
		grid-area: 1/1/2/2;
	}
	.trainings-widget>.training>h3 {
		grid-area: 1/2/2/3;
		font-size: 24px;
		padding: 12px 0;
	}
	.trainings-widget>.training>.test-menu {
		grid-area: 1/3/2/4;
	}
	.trainings-widget>.training>vio-board, .trainings-widget>.training>.move-progress, .trainings-widget>.training>.puzzles-progress, .trainings-widget>.training>.puzzles-fail-counter, .trainings-widget>.training>.task-info {
		grid-column: 1/3;
	}
	.trainings-widget>.training>.settings, .trainings-widget>.training>.dialog, .trainings-widget>.training>.notes, .trainings-widget>.training>.move-counter, .trainings-widget>.training>.target-menu, .trainings-widget>.training>vio-nav, .trainings-widget>.training>vio-log {
		grid-column: 3;
	}
	.trainings-widget>.training>.puzzles-progress {
		grid-row: 2;
	}
	.trainings-widget>.training>.puzzles-fail-counter {
		grid-row: 2;
	}
	.trainings-widget>.training>.move-progress {
		grid-row: 2;
	}
	.trainings-widget>.training>vio-board {
		grid-row: 3/6;
		--notation: fullsize;
	}
	.trainings-widget>.training>.task-info {
		grid-row: 6;
	}
	.trainings-widget>.training>.settings {
		grid-row: 2/7;
		z-index: 10;
		container-type: size;
	}
	.trainings-widget>.training>.dialog {
		grid-row: 2/6;
		z-index: 8;
		--dialog: full;
	}
	.trainings-widget>.training>.notes {
		grid-row: 2/4;
		z-index: 7;
	}
	.trainings-widget>.training>.move-counter {
		grid-row: 4;
		align-self: center;
		justify-self: center;
		z-index: 7;
	}
	.trainings-widget>.training>.target-menu {
		grid-row: 5;
		z-index: 7;
	}
	.trainings-widget>.training>vio-nav {
		grid-row: 6;
		z-index: 7;
	}
	.trainings-widget>.training>vio-log {
		grid-row: 2/6;
		z-index: 9;
		container-type: size;
	}
	.trainings-widget>.training:not(.show-movelog)>vio-log {
		display: none;
	}
	.trainings-widget>.training>.move-counter {
		background-image: url("/res/svg/move-counter.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		margin: 40px 0px;
		height: 160px;
		width: 160px;
		display: grid;
		padding-top: 42px;
		justify-items: center;
		text-align: center;
		color: #000;
		font-size: 40px;
		transition: background-color 0.3s;
	}
}
.test-widget>.home {
	display: grid;
	justify-self: center;
	align-items: stretch;
	justify-items: center;
	grid-template-rows: auto auto;
	background-repeat: no-repeat;
	background-position: 50% 20px;
	background-size: 50px;
	background-image: url("/res/svg/target.svg");
	padding-bottom: 100px;
}
.test-widget>.home>h3, .test-widget>.home>nav {
	grid-column: 1;
}
.test-widget>.home>h3 {
	grid-row: 1;
	margin: 90px 0px 40px;
	padding: 0px;
	font-size: 22px;
	text-align: center;
}
.test-widget>.home>nav {
	grid-row: 2;
	display: grid;
	grid-auto-flow: row;
	max-width: 360px;
	gap: 10px;
}
.test-widget>.home>nav>a {
	height: 110px;
	display: flex;
	align-items: center;
	padding: 4px;
	padding-left: 140px;
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 50%;
	transition: all 0.5s;
}
.test-widget>.home>nav>a:hover.active {
	color: #02acee;
	transform: scale(1.05) translate(5px, 0px);
}
.test-widget>.home>nav>a:not(.active) {
	opacity: 0.2;
	cursor: default;
}
.test-widget>.home>nav>a.play-white {
	background-image: url("/res/svg/play-white.svg");
}
.test-widget>.home>nav>a.play-black {
	background-image: url("/res/svg/play-black.svg");
}
@container (width < 460px) {
	.test-widget>.home>h3 {
		font-size: 18px;
	}
	.test-widget>.home>nav>a {
		font-size: 24px;
	}
}
.test-widget>.tasks-view {
	display: grid;
	gap: 20px;
}
.test-widget>.tasks-view>.dialog>h3 {
	margin-bottom: 12px;
}
.test-widget>.tasks-view>.dialog>.chess-stats {
	grid-row: 3;
}
.test-widget>.tasks-view>.dialog>nav {
	grid-row: 4;
}
.test-widget>.tasks-view>.task-info {
	justify-self: end;
	align-self: center;
}
/* State */
.test-widget>.tasks-view.state-play>vio-log {
	display: none;
}
.test-widget>.tasks-view.state-play>vio-nav {
	display: none;
}
.test-widget>.tasks-view:not(.show-movelog)>vio-log {
	display: none;
}
.test-widget>.tasks-view:is(:not(.result-blindfold), .move-0)>.target-menu {
	display: none;
}
.test-widget>.tasks-view.state-puzzle-ok, .test-widget>.tasks-view.state-ok {
	animation: 3s task-ok;
}
.test-widget>.tasks-view.state-puzzle-fail, .test-widget>.tasks-view.state-fail {
	animation: 3s task-fail;
}
@container (width < 860px) {
	.test-widget>.tasks-view {
		grid-template-columns: 1fr auto;
		grid-template-rows: auto 40px repeat(4, auto);
	}
	.test-widget>.tasks-view>* {
		grid-column: 1/3;
	}
	.test-widget>.tasks-view>.test-menu {
		grid-column: 2;
		grid-row: 1;
	}
	.test-widget>.tasks-view>.settings {
		grid-row: 1;
		z-index: 10;
	}
	.test-widget>.tasks-view>.dialog {
		grid-row: 1;
		z-index: 9;
	}
	.test-widget>.tasks-view>.notes {
		grid-column: 1;
		grid-row: 1;
		z-index: 8;
	}
	.test-widget>.tasks-view>.puzzles-progress {
		grid-row: 2;
	}
	.test-widget>.tasks-view>.puzzles-fail-counter {
		grid-row: 2;
	}
	.test-widget>.tasks-view>.move-progress {
		grid-row: 2;
	}
	.test-widget>.tasks-view>.move-counter {
		grid-row: 2;
	}
	.test-widget>.tasks-view>vio-board {
		grid-row: 3;
	}
	.test-widget>.tasks-view>.task-info {
		grid-row: 4;
	}
	.test-widget>.tasks-view>.target-menu {
		display: none;
	}
	.test-widget>.tasks-view>vio-nav {
		grid-row: 5;
	}
	.test-widget>.tasks-view>vio-log {
		grid-row: 6;
		max-height: 600px;
	}
	.test-widget>.tasks-view>.move-counter {
		justify-self: center;
		padding: 0px;
		margin: 0px;
		width: auto;
		height: auto;
		font-size: 20px;
		align-self: center;
		background-color: transparent !important;
		color: #8ba1c3;
		background-image: none;
	}
}
@container (width >= 860px) {
	.test-widget>.tasks-view {
		grid-template-columns: 600px 1fr;
		grid-template-rows: 40px auto 1fr auto auto;
	}
	.test-widget>.tasks-view>.puzzles-progress, .test-widget>.tasks-view>.puzzles-fail-counter, .test-widget>.tasks-view>.move-progress, .test-widget>.tasks-view>.task-info, .test-widget>.tasks-view>vio-board {
		grid-column: 1;
	}
	.test-widget>.tasks-view>.test-menu, .test-widget>.tasks-view>.settings, .test-widget>.tasks-view>.dialog, .test-widget>.tasks-view>.notes, .test-widget>.tasks-view>.move-counter, .test-widget>.tasks-view>.target-menu, .test-widget>.tasks-view>vio-nav, .test-widget>.tasks-view>vio-log {
		grid-column: 2;
	}
	.test-widget>.tasks-view>.puzzles-progress {
		grid-row: 1;
	}
	.test-widget>.tasks-view>.puzzles-fail-counter {
		grid-row: 1;
	}
	.test-widget>.tasks-view>.move-progress {
		grid-row: 1;
	}
	.test-widget>.tasks-view>.test-menu {
		grid-row: 1;
	}
	.test-widget>.tasks-view>vio-board {
		grid-row: 2/5;
		--notation: fullsize;
	}
	.test-widget>.tasks-view>.task-info {
		grid-row: 5;
	}
	.test-widget>.tasks-view>.settings {
		grid-row: 2/6;
		z-index: 10;
		container-type: size;
	}
	.test-widget>.tasks-view>.dialog {
		grid-row: 2/5;
		z-index: 8;
		--dialog: full;
	}
	.test-widget>.tasks-view>.notes {
		grid-row: 2;
		z-index: 7;
	}
	.test-widget>.tasks-view>.move-counter {
		grid-row: 3;
		z-index: 7;
		align-self: center;
		justify-self: center;
	}
	.test-widget>.tasks-view>.target-menu {
		grid-row: 4;
		z-index: 7;
	}
	.test-widget>.tasks-view>vio-nav {
		grid-row: 5;
		z-index: 7;
	}
	.test-widget>.tasks-view>vio-log {
		grid-row: 2/5;
		z-index: 9;
		container-type: size;
	}
	.test-widget>.tasks-view>.move-counter {
		background-image: url("/res/svg/move-counter.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		margin: 40px 0px;
		height: 160px;
		width: 160px;
		display: grid;
		padding-top: 42px;
		justify-items: center;
		text-align: center;
		color: #000;
		font-size: 40px;
		transition: background-color 0.3s;
	}
	.test-widget>.tasks-view>.target-menu {
		align-content: start;
		display: grid;
	}
	.test-widget>.tasks-view>.target-menu>a {
		font-size: 28px;
		font-weight: bold;
		transition: all 0.5s;
	}
	.test-widget>.tasks-view>.target-menu>a:hover {
		color: #02acee;
		transform: scale(1.05) translate(5px, 0px);
	}
	.test-widget>.tasks-view>.target-menu>a.resign-and-show {
		justify-self: stretch;
		margin-left: 40px;
		margin-bottom: 20px;
		padding: 16px 20px 16px 120px;
		background-repeat: no-repeat;
		background-size: 80px;
		background-position: 20px 7px;
		background-image: url("/res/svg/hide.svg");
	}
	.test-widget>.tasks-view>.target-menu>a.resign-and-show:hover {
		background-image: url("/res/svg/show.svg");
	}
}
@container (width < 500px) {
	.test-widget>.tasks-view>.notes {
		align-self: center;
	}
	.test-widget>.tasks-view>.test-menu {
		flex-direction: column;
		gap: 10px;
	}
}
:is(.app-modal>.grant-coins, .app-modal>.grant-perk, .app-modal>.grant-ticket, .app-modal>.grant-store-item) h2 {
	font-size: 90px;
	color: #fff;
	text-shadow: 0 0 10px #3f3f3f;
}
:is(.app-modal>.grant-coins, .app-modal>.grant-perk, .app-modal>.grant-ticket, .app-modal>.grant-store-item) img, :is(.app-modal>.grant-coins, .app-modal>.grant-perk, .app-modal>.grant-ticket, .app-modal>.grant-store-item) .img {
	width: 240px;
}
:is(.app-modal>.grant-coins, .app-modal>.grant-perk, .app-modal>.grant-ticket, .app-modal>.grant-store-item) .img {
	height: 240px;
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.app-modal>.grant-medal, .app-modal>.form-dialog, .app-modal>.avatar, .app-modal>.notice, .app-modal>.message, .app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket {
	position: relative;
	background-color: #fafafa;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	color: #000;
}
:is(.app-modal>.grant-medal, .app-modal>.form-dialog, .app-modal>.avatar, .app-modal>.notice, .app-modal>.message, .app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket)>.close-btn {
	top: -16px;
	right: -16px;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fafafa;
	border-radius: 50%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	background-image: url("/res/svg/stop.svg");
	background-size: 20px;
}
:is(.app-modal>.grant-medal, .app-modal>.form-dialog, .app-modal>.avatar, .app-modal>.notice, .app-modal>.message, .app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) h2 {
	color: #0a24b1;
}
.app-modal>.notice, .app-modal>.message {
	max-width: 600px;
}
.app-modal>.message nav, .app-modal>.form-dialog nav, :is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) nav.menu {
	display: grid;
	gap: 20px;
	grid-auto-flow: column;
}
.app-modal>.form-dialog input {
	padding: 6px 10px;
	background-color: transparent;
	outline: none;
	width: 100%;
	border: 2px solid #ccc;
	border-radius: 6px;
	font-size: 18px;
}
@media screen and (width >= 768px) {
	.app-modal>.form-dialog input {
		padding: 10px 16px;
	}
}
@media screen and (width >= 1024px) {
	.app-modal>.form-dialog input {
		padding: 14px 20px;
		font-size: 20px;
	}
}
.app-modal>.form-dialog input:focus {
	border-color: rgba(10, 36, 177, 0.8);
}
.app-modal>.form-dialog .password {
	display: grid;
	align-items: stretch;
	grid-template-columns: 1fr auto;
}
.app-modal>.form-dialog .password input {
	grid-area: 1/1/2/3;
}
.app-modal>.form-dialog .password .toggler {
	grid-area: 1/2/2/3;
	display: block;
	background-image: url("/res/svg/hide.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	aspect-ratio: 1.2;
}
.app-modal>.form-dialog .password.active .toggler {
	background-image: url("/res/svg/show.svg");
}
:is(.app-modal>.join, .app-modal>.login)>nav {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	align-items: center;
	gap: 10px;
}
:is(.app-modal>.join, .app-modal>.login)>nav a {
	min-width: 0px;
}
:is(.app-modal>.join, .app-modal>.login)>nav a.link {
	font-size: 16px;
}
:is(.app-modal>.join, .app-modal>.login)>nav a.link:hover {
	text-decoration: underline;
}
:is(.app-modal>.join, .app-modal>.login)>nav span {
	color: #888;
	font-size: 18px;
}
:is(.app-modal>.join, .app-modal>.login)>nav span.text {
	text-align: center;
}
:is(.app-modal>.join, .app-modal>.login)>nav a.google, :is(.app-modal>.join, .app-modal>.login)>nav a.apple {
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position: 16px;
	background-color: transparent;
	border: 2px solid #ccc;
	color: #000;
	font-weight: normal;
	transform: scale(1);
}
:is(.app-modal>.join, .app-modal>.login) :is(>nav a.google, >nav a.apple):hover, :is(.app-modal>.join, .app-modal>.login) :is(>nav a.google, >nav a.apple):focus {
	box-shadow: 0px 0px 6px 2px rgba(204, 204, 204, 0.4);
}
:is(.app-modal>.join, .app-modal>.login)>nav a.google {
	background-size: 24px;
	background-image: url("/res/svg/google.svg");
}
:is(.app-modal>.join, .app-modal>.login)>nav a.apple {
	background-size: 20px;
	background-image: url("/res/svg/apple.svg");
}
.app-modal>.join .terms a, :is(.app-modal>.join, .app-modal>.login)>nav a.link {
	padding: 0px;
	color: #0979df;
	max-width: fit-content;
	text-decoration: none;
	background-color: transparent;
	font-weight: normal;
	min-width: auto;
}
.app-modal>.buy-perk, .app-modal>.buy-ticket {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	padding-top: 120px;
	background-position: 50% 18px;
	background-size: 86px;
	background-repeat: no-repeat;
	min-width: 280px;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket) nav.count-menu, :is(.app-modal>.buy-perk, .app-modal>.buy-ticket) input {
	grid-area: 1/1;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket) input {
	border: none;
	outline: none;
	background: transparent;
	font: inherit;
	width: 140px;
	text-align: center;
	margin: 0 auto;
	border-radius: 0;
	z-index: 2;
	-moz-appearance: textfield;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket) input:hover, :is(.app-modal>.buy-perk, .app-modal>.buy-ticket) input:focus {
	border-bottom: 1px solid #081b88;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket) input::-webkit-outer-spin-button, :is(.app-modal>.buy-perk, .app-modal>.buy-ticket) input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket) nav.count-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket) nav.count-menu>a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px;
	width: 22px;
	height: 22px;
	border: 1px solid #0a24b1;
	border-radius: 50%;
	color: #0a24b1;
	font-weight: bold;
	font-size: 28px;
	transition: all 0.3s;
	user-select: none;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket) nav.count-menu>a:hover {
	transform: scale(1.1);
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket):is(.max, .fail) a.plus, :is(.app-modal>.buy-perk, .app-modal>.buy-ticket).min a.minus {
	pointer-events: none;
	filter: grayscale(1);
	opacity: 0.5;
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket).snowball {
	background-image: url('/res/img/snowball.png');
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket).tomato {
	background-image: url('/res/svg/tomato.svg');
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket).hints {
	background-image: url('/res/svg/notes/tips.svg');
}
:is(.app-modal>.buy-perk, .app-modal>.buy-ticket).undo {
	background-image: url('/res/svg/replay.svg');
}
.user-main .vendor .converter {
	display: grid;
	padding: 12px;
	padding-top: 0;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr auto auto;
	gap: 16px;
	animation: show-converter 300ms ease-in;
}
.user-main .vendor .converter.type-buy>ul {
	grid-area: 1/1/2/2;
}
.user-main .vendor .converter.type-buy>.coin-input {
	grid-area: 3/2/4/3;
}
.user-main .vendor .converter.type-buy>.list-input {
	grid-area: 3/1/4/2;
}
.user-main .vendor .converter.type-buy>.coin {
	grid-area: 1/2/2/3;
}
.user-main .vendor .converter>ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-auto-flow: row;
	gap: 8px;
	margin: 0;
}
@media screen and (width >= 768px) {
	.user-main .vendor .converter>ul {
		grid-template-columns: repeat(6, 1fr);
		gap: 12px;
	}
}
.user-main .vendor .converter>ul>li {
	width: 100%;
	height: auto;
	min-height: 30px;
	aspect-ratio: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 70%;
	overflow: hidden;
	text-indent: -1000px;
	transition: all 0.3s;
	cursor: pointer;
}
.user-main .vendor .converter>ul>li:hover {
	transform: scale(1.1);
}
.user-main .vendor .converter>ul>li.selected {
	border: 1px solid #0a24b1;
	box-shadow: 0px 0px 6px #958f8fab;
	border-radius: 8px;
	transform: scale(1.2);
}
.user-main .vendor .converter>ul li.hearts {
	background-image: url('/res/svg/bank-heart.svg');
}
.user-main .vendor .converter>ul li.moves {
	background-image: url('/res/svg/white-paws.svg');
}
.user-main .vendor .converter>ul li.puzzles {
	background-image: url('/res/svg/bank-puzzle.svg');
}
.user-main .vendor .converter>ul li.pages {
	background-image: url('/res/svg/eyes.svg');
}
.user-main .vendor .converter>ul li.flames {
	background-image: url('/res/svg/flame.svg');
}
.user-main .vendor .converter>ul li.stars {
	background-image: url('/res/svg/star.svg');
}
.user-main .vendor .converter>ul li.time {
	display: none;
	background-image: url('/res/svg/clock.svg');
}
.user-main .vendor .converter>ul li.bonustime {
	background-image: url('/res/svg/clock.svg');
}
.user-main .vendor .converter>ul li.perlblack {
	background-image: url('/res/svg/vault/perl/black-full.svg');
}
.user-main .vendor .converter>ul li.perlpink {
	background-image: url('/res/svg/vault/perl/pink-full.svg');
}
.user-main .vendor .converter>ul li.perlwhite {
	background-image: url('/res/svg/vault/perl/white-full.svg');
}
.user-main .vendor .converter .coin {
	align-self: center;
	justify-self: center;
	padding: 50px;
	background-image: url('/res/svg/coin.svg');
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}
.user-main .vendor .converter>input {
	outline-color: transparent;
	width: 100%;
	max-width: 160px;
	justify-self: center;
	padding: 6px 10px;
	border: 2px solid #ccc;
	border-radius: 6px;
	font-size: 18px;
}
.user-main .vendor .converter>input:focus {
	outline-color: #0a24b1;
}
.user-main .vendor .converter.fail>input {
	border-color: #af1116;
}
.user-main .vendor .converter>a.btn-send {
	grid-area: 4/1/5/3;
	max-width: 160px;
	justify-self: center;
	padding-top: 38px;
	background-size: 30px;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url('/res/svg/exchange-arrows.svg');
}
.user-main .vendor .converter.locked>a.btn-send {
	background-color: #696e8b;
	cursor: default;
	pointer-events: none;
}
.user-main .vendor .converter.locked>a.btn-send:hover {
	transform: scale(1);
}
.user-main .vendor .converter .error {
	color: #af1116;
	grid-area: 2/1/3/3;
	font-size: 16px;
	margin: 0;
	text-align: center;
}
@media screen and (width >= 768px) {
	.user-main .vendor .converter>a.btn-send {
		grid-area: 3/1/5/3;
	}
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list {
	grid-template-columns: 1fr;
	justify-items: center;
	padding: 12px;
}
@media screen and (width >= 768px) {
	:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list {
		padding: 24px;
	}
}
@media screen and (width >= 930px) {
	:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list {
		padding: 36px;
	}
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li {
	grid-template-columns: 1fr;
	padding: 12px;
	justify-items: center;
}
@media screen and (width >= 768px) {
	:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li {
		padding: 24px;
	}
}
@media screen and (width >= 930px) {
	:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li {
		padding: 36px;
	}
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li.owned {
	filter: grayscale(1);
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li.owned:hover {
	transform: scale(1);
	cursor: default;
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li.owned>a.buy-btn {
	display: none;
}
.user-main .market-page section.slot.slot-throws>ul.market-list>li {
	background-size: auto 70%;
}
.user-main .market-page section.slot.slot-throws>ul.market-list>li.snowball {
	background-image: url('/res/img/snowball.png');
}
.user-main .market-page section.slot.slot-throws>ul.market-list>li.tomato {
	background-image: url('/res/svg/tomato.svg');
	background-size: 160px;
}
.user-main .market-page section.slot.slot-throws>ul.market-list>li.hints {
	background-image: url('/res/svg/notes/tips.svg');
}
.user-main .market-page section.slot.slot-throws>ul.market-list>li.undo {
	background-image: url('/res/svg/replay.svg');
}
.user-main .market-page section.slot.slot-lottery {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-bottom: 40px;
	grid-template-areas: 'title'
		'ltitle'
		'timer'
		'tickets'
		'ticket';
}
@media screen and (width >= 768px) {
	.user-main .market-page section.slot.slot-lottery {
		grid-template-columns: 220px 1fr;
		grid-template-areas: 'title title'
			'ltitle ltitle'
			'ticket timer'
			'tickets tickets';
	}
}
.user-main .market-page section.slot.slot-lottery.hidden {
	display: none;
}
.user-main .market-page section.slot.slot-lottery>h3 {
	grid-area: title;
}
.user-main .market-page section.slot.slot-lottery>h2 {
	grid-area: ltitle;
	font-size: 28px;
	color: #f33;
	margin: 0;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
}
.user-main .market-page section.slot.slot-lottery>h2:hover {
	transform: scale(1.1);
}
.user-main .market-page section.slot.slot-lottery>.ticket {
	grid-area: ticket;
	align-self: center;
	background-image: url('/res/svg/ticket-glow.svg');
	background-size: auto 70%;
}
.user-main .market-page section.slot.slot-lottery.expired .ticket {
	filter: grayscale(1);
	opacity: 0.8;
	background-image: url('/res/svg/ticket.svg');
	transform: scale(1);
	cursor: default;
}
.user-main .market-page section.slot.slot-lottery.expired .ticket:hover {
	transform: scale(1);
}
.user-main .market-page section.slot.slot-lottery.expired .ticket:hover a.buy-btn {
	border-color: #ccc;
	color: #bbb;
}
.user-main .market-page section.slot.slot-lottery>ul.tickets-list {
	grid-area: tickets;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 8px;
	margin: 0;
	width: fit-content;
}
.user-main .market-page section.slot.slot-lottery>ul.tickets-list>h4 {
	padding: 0;
	margin: 0;
	align-self: center;
	font-weight: bold;
}
.user-main .market-page section.slot.slot-lottery>ul.tickets-list>li {
	text-align: center;
	padding: 6px 14px;
	font-size: 14px;
	font-weight: bold;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.user-main .market-page section.slot.slot-lottery>ul.tickets-list>li:nth-child(4n) {
	background-image: url('/res/svg/ticket-yellow.svg');
}
.user-main .market-page section.slot.slot-lottery>ul.tickets-list>li:nth-child(4n+1) {
	background-image: url('/res/svg/ticket-rose.svg');
}
.user-main .market-page section.slot.slot-lottery>ul.tickets-list>li:nth-child(4n+2) {
	background-image: url('/res/svg/ticket-green.svg');
}
.user-main .market-page section.slot.slot-lottery>ul.tickets-list>li:nth-child(4n+3) {
	background-image: url('/res/svg/ticket-purple.svg');
}
.user-main .market-page section.slot.slot-lottery>.timer {
	grid-area: timer;
}
@media screen and (width >= 768px) {
	.user-main .market-page section.slot.slot-lottery>.timer {
		margin: 0;
	}
}
.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	display: grid;
	align-items: center;
	justify-items: center;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
	overflow: visible;
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.object-wrapper {
	grid-area: 1/1/2/2;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: grid;
	align-items: center;
	justify-items: end;
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.object-wrapper>object {
	width: 200px;
	transition: transform 0.9s 3s;
	transform: translateX(100%);
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault).active>.object-wrapper>object {
	transition: transform 0.9s;
	transform: translateX(30px);
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	height: 30px;
	width: 30px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	offset-rotate: 0deg;
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.moves {
	background-image: url("/res/svg/white-paws.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.hearts {
	background-image: url("/res/svg/bank-heart.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.bonustime {
	background-image: url("/res/svg/clock.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.time {
	background-image: url("/res/svg/clock.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.puzzles {
	background-image: url("/res/svg/bank-puzzle.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.stars {
	background-image: url("/res/svg/star.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.flames {
	background-image: url("/res/svg/flame.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.pages {
	background-image: url("/res/svg/eyes.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.perlwhite {
	background-image: url("/res/svg/vault/perl/perl-white.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.perlpink {
	background-image: url("/res/svg/vault//perl/perl-pink.svg");
}
:is(.daily-puzzle>.chess-stats>.vault, :is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.vault)>.vault-token.perlblack {
	background-image: url("/res/svg/vault/perl/perl-black.svg");
}
.lessons-widget>.lesson>nav.menu, .trainings-widget>.training .test-menu, .test-widget>.tasks-view>.test-menu {
	display: flex;
	justify-self: end;
	align-self: center;
	gap: 16px;
}
:is(.lessons-widget>.lesson>nav.menu, .trainings-widget>.training .test-menu, .test-widget>.tasks-view>.test-menu)>a {
	width: 26px;
	height: 26px;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	text-indent: -1000px;
	background-position: center;
	background-size: 26px;
	background-repeat: no-repeat;
	transition: all 0.5s;
}
:is(.lessons-widget>.lesson>nav.menu, .trainings-widget>.training .test-menu, .test-widget>.tasks-view>.test-menu)>a:hover {
	transform: scale(1.15);
}
:is(.lessons-widget>.lesson>nav.menu, .trainings-widget>.training .test-menu, .test-widget>.tasks-view>.test-menu)>a.mute {
	background-image: url("/res/svg/mute.svg");
}
:is(.lessons-widget>.lesson>nav.menu, .trainings-widget>.training .test-menu, .test-widget>.tasks-view>.test-menu)>a.mute.active {
	background-image: url("/res/svg/unmute.svg");
}
:is(.lessons-widget>.lesson>nav.menu, .trainings-widget>.training .test-menu, .test-widget>.tasks-view>.test-menu)>a.config {
	background-image: url("/res/svg/config.svg");
}
:is(.lessons-widget>.lesson>nav.menu, .trainings-widget>.training .test-menu, .test-widget>.tasks-view>.test-menu)>a.stop {
	background-image: url("/res/svg/stop.svg");
}
.lessons-widget>.lesson>.page {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	gap: 16px;
}
.lessons-widget>.lesson>.page.text-state>vio-board {
	display: none;
}
.lessons-widget>.lesson>.page.text-state>.kit {
	grid-area: 1/1;
}
@container chess-lesson (width < 880px) {
	.lessons-widget>.lesson>.page.chess-state {
		grid-template-rows: auto auto;
	}
	.lessons-widget>.lesson>.page.chess-state>vio-board {
		grid-area: 2/1;
		--notation: compact;
	}
	.lessons-widget>.lesson>.page.chess-state>.kit {
		grid-area: 1/1;
	}
	.lessons-widget>.lesson>.page.chess-state>.kit .dialog-target>h3 {
		font-size: 24px;
	}
}
@container chess-lesson (width >= 880px) {
	.lessons-widget>.lesson>.page.chess-state {
		grid-template-columns: 540px 1fr;
	}
	.lessons-widget>.lesson>.page.chess-state>vio-board {
		grid-area: 1/1;
		--notation: fullsize;
	}
	.lessons-widget>.lesson>.page.chess-state>.kit {
		grid-area: 1/2;
		container-type: size;
		overflow: auto;
	}
	.lessons-widget>.lesson>.page>.kit>.dialog {
		--dialog: full;
	}
}
/* Page Kit */
.lessons-widget>.lesson>.page>.kit {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto;
	gap: 12px;
}
.lessons-widget>.lesson>.page>.kit:not(.game-state)>:is(.log, nav) {
	display: none;
}
.lessons-widget>.lesson>.page>.kit>.settings {
	grid-area: 1/1/-1/-1;
}
.lessons-widget>.lesson>.page>.kit>.dialog {
	grid-area: 1/1/-1/-1;
}
.lessons-widget>.lesson>.page>.kit>.log {
	grid-area: 1/1/2/2;
}
.lessons-widget>.lesson>.page>.kit>nav {
	grid-area: 2/1/3/2;
	align-self: start;
}
/* Page Log */
.lessons-widget>.lesson>.page>.kit>.log {
	z-index: 7;
}
/* Page Dialog */
.lessons-widget>.lesson>.page>.kit>.dialog {
	z-index: 8;
}
/* Page Settings */
.lessons-widget>.lesson>.page>.kit>.settings {
	z-index: 9;
}
/* Page Menu */
.lessons-widget>.lesson>.page>.kit>nav.page-menu {
	overflow: hidden;
}
.lessons-widget>.lesson>.page>.kit>nav.page-menu>a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 16px;
	font-size: 22px;
	font-weight: bold;
	transition: all 0.3s;
}
.lessons-widget>.lesson>.page>.kit>nav.page-menu>a::before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
}
.lessons-widget>.lesson>.page>.kit>nav.page-menu>a:hover {
	transform: scale(1.03);
}
.lessons-widget>.lesson>.page>.kit>nav.page-menu>a.next::before {
	background-image: url("/res/svg/next.svg");
}
.lessons-widget>.lesson>.page>.kit>nav.page-menu>a.undo::before {
	background-image: url("/res/svg/replay.svg");
}
.lessons-widget>.lesson>.page>.kit>nav.page-menu>a:hover.next::before {
	background-image: url("/res/svg/next-hover.svg");
}
.lessons-widget>.lesson>.page>.kit>nav.page-menu>a:hover.undo::before {
	background-image: url("/res/svg/replay-hover.svg");
}
@keyframes note-message {
	0% {
		background-position: 0 50%;
		background-size: 10px;
	}
	75% {
		background-size: 60px;
		background-position: 16px 50%;
	}
	100% {
		background-position: 10px 50%;
		background-size: 36px;
	}
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.note {
	border-radius: 16px;
	border: 2px solid #eee;
	background-color: rgba(255, 255, 255, 0.4);
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.message, :is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz>.question {
	font-size: 20px;
	padding: 16px 20px 16px 60px;
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: 10px 50%;
	animation: 0.3s note-message;
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes).white>.quest {
	background-image: url("/res/svg/white-paws.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes).black>.quest {
	background-image: url("/res/svg/black-paws.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.hint {
	border-color: #ff9900;
	background-color: #fff9f1;
	color: #a66400;
	background-image: url("/res/svg/notes/tips.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.rule {
	border-color: #ffd1d1;
	background-color: #fff9f9;
	color: #751c1c;
	background-image: url("/res/svg/notes/rule.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.redflag {
	border-color: #ff002b;
	background-color: #ff002b08;
	color: #dd0000;
	background-image: url("/res/svg/notes/redflag.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz {
	display: grid;
	gap: 10px;
	border-color: #d2ebe0;
	background-color: #f8fffc;
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz>.question {
	background-image: url("/res/svg/notes/qa.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz>nav {
	display: grid;
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz>nav a {
	font-size: 26px;
	padding: 14px 20px 14px 60px;
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: 14px 50%;
	background-image: url("/res/svg/answer-off.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz>nav a:hover {
	background-image: url("/res/svg/answer-on.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz>nav a.ok {
	background-image: url("/res/svg/ok-square.svg");
}
:is(.trainings-widget>.training>.notes, .test-widget>.tasks-view>.notes)>.quiz>nav a.fail {
	background-image: url("/res/svg/fail-square.svg");
}
.trainings-widget>.training>.puzzles-progress, .test-widget>.tasks-view>.puzzles-progress {
	border-radius: 10px;
	box-shadow: 3px 3px 5px #1111114f;
	background-color: #695271;
	overflow: hidden;
	display: grid;
}
:is(.trainings-widget>.training>.puzzles-progress, .test-widget>.tasks-view>.puzzles-progress) .progress-level {
	height: 100%;
	background-color: #eee;
	transition: all 0.4s;
	justify-self: end;
}
.trainings-widget>.training>.puzzles-fail-counter, .test-widget>.tasks-view>.puzzles-fail-counter {
	display: flex;
	width: 200px;
	justify-self: center;
}
:is(.trainings-widget>.training>.puzzles-fail-counter, .test-widget>.tasks-view>.puzzles-fail-counter) .item {
	height: 100%;
	flex-grow: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 30px;
}
:is(.trainings-widget>.training>.puzzles-fail-counter, .test-widget>.tasks-view>.puzzles-fail-counter) .item.ok {
	background-image: url("/res/svg/heart.svg");
}
:is(.trainings-widget>.training>.puzzles-fail-counter, .test-widget>.tasks-view>.puzzles-fail-counter) .item.fail {
	background-image: url("/res/svg/broken-heart.svg");
}
.trainings-widget>.training>.move-progress, .test-widget>.tasks-view>.move-progress {
	border-radius: 10px;
	box-shadow: 3px 3px 5px #1111114f;
	background-color: #eee;
	overflow: hidden;
}
:is(.trainings-widget>.training>.move-progress, .test-widget>.tasks-view>.move-progress)>.level {
	background-color: rgb(105, 82, 113);
	transition: width 0.3s;
	height: 100%;
}
:is(.trainings-widget>.training>vio-nav, .test-widget>.tasks-view>vio-nav)>a.burger {
	grid-column: 3;
	background-image: url("/res/svg/hide-notation.svg");
}
:is(.trainings-widget>.training>vio-nav, .test-widget>.tasks-view>vio-nav)>a.burger.disabled {
	background-image: url("/res/svg/show-notation.svg");
	cursor: pointer;
}
.trainings-widget>.training>.target-menu {
	align-content: start;
	display: grid;
}
.trainings-widget>.training>.target-menu>a {
	font-size: 28px;
	font-weight: bold;
	transition: all 0.5s;
}
.trainings-widget>.training>.target-menu>a:hover {
	color: #02acee;
	transform: scale(1.05) translate(5px, 0px);
}
.trainings-widget>.training>.target-menu>a.resign-and-show {
	justify-self: stretch;
	margin-left: 40px;
	margin-bottom: 20px;
	padding: 16px 20px 16px 120px;
	background-repeat: no-repeat;
	background-size: 80px;
	background-position: 20px 7px;
	background-image: url("/res/svg/hide.svg");
}
.trainings-widget>.training>.target-menu>a.resign-and-show:hover {
	background-image: url("/res/svg/show.svg");
}
.app-modal>.grant-coins, .app-modal>.grant-perk, .app-modal>.grant-ticket, .app-modal>.grant-store-item {
	position: static;
	gap: 4px;
	padding: 0;
}
:is(.app-modal>.grant-coins, .app-modal>.grant-perk, .app-modal>.grant-ticket, .app-modal>.grant-store-item)>.close-btn {
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	background-size: 40px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url('/res/svg/admin/close-white.svg');
}
:is(.app-modal>.join, .app-modal>.login)>form .checkbox {
	padding-left: 34px;
	background-image: url("/res/svg/admin/checkbox-off.svg");
	background-position: left;
	background-repeat: no-repeat;
	cursor: pointer;
	outline: none;
	text-underline-offset: 5px;
}
:is(.app-modal>.join, .app-modal>.login)>form .checkbox:is(:hover, :focus) {
	text-decoration: underline;
}
:is(.app-modal>.join, .app-modal>.login)>form .checkbox.checked {
	background-image: url("/res/svg/admin/checkbox-on.svg");
}
.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board, .user-main .market-page section.slot.slot-throws, .user-main .market-page section.slot.slot-lottery {
	padding: 12px;
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board, .user-main .market-page section.slot.slot-throws, .user-main .market-page section.slot.slot-lottery)>h3 {
	font-size: 24px;
	margin: 0;
	display: flex;
	flex-direction: row;
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board, .user-main .market-page section.slot.slot-throws, .user-main .market-page section.slot.slot-lottery)>h3 span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	margin-left: 12px;
	padding: 12px;
	width: 12px;
	height: 12px;
	border: 2px solid #a7a7a7;
	color: #666666;
	border-radius: 50%;
	font-size: 20px;
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board, .user-main .market-page section.slot.slot-throws, .user-main .market-page section.slot.slot-lottery)>h3 span>.msg {
	position: absolute;
	top: 0;
	left: -150px;
	display: none;
	width: 300px;
	height: auto;
	padding: 12px;
	border: 1px solid #0a24b1;
	border-radius: 8px;
	background-color: #fff;
	color: #081b88;
	font-size: 20px;
	z-index: 150;
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board, .user-main .market-page section.slot.slot-throws, .user-main .market-page section.slot.slot-lottery)>h3 span:hover>.msg {
	display: block;
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list, .user-main .market-page section.slot.slot-throws>ul.market-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: row;
	row-gap: 48px;
}
@media screen and (width >= 768px) {
	:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list, .user-main .market-page section.slot.slot-throws>ul.market-list {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (width >= 930px) {
	:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list, .user-main .market-page section.slot.slot-throws>ul.market-list {
		grid-template-columns: repeat(4, 1fr);
	}
}
:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li, .user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket {
	position: relative;
	border-radius: 12px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px #958f8f8a;
	display: grid;
	cursor: pointer;
	transition: all 0.3s;
}
:is(:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li, .user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket):hover {
	transform: scale(1.05);
	z-index: 10;
}
:is(:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li, .user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket) img {
	width: 280px;
	max-width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 1;
	object-fit: cover;
}
:is(:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li, .user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket)>.cost {
	position: absolute;
	bottom: -34px;
	left: 0;
	padding: 10px;
	padding-left: 28px;
	width: 100px;
	background-position: center;
	background-size: 100px;
	background-repeat: no-repeat;
	background-image: url('/res/svg/cost.svg');
	transform: rotate(13deg);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #00632b;
}
:is(:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li, .user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket)>a.buy-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	width: 12px;
	height: 12px;
	border: 2px solid #ccc;
	border-radius: 50%;
	color: #bbb;
	font-weight: bold;
	font-size: 28px;
	transition: all 0.3s;
	position: absolute;
	bottom: 6px;
	right: 6px;
}
:is(:is(.user-main .market-page section.slot.slot-avatar, .user-main .market-page section.slot.slot-board)>ul.market-list>li, .user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket):hover>a.buy-btn {
	border-color: #0a24b1;
	color: #0a24b1;
}
.user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket {
	padding: 40px 12px;
	background-position: 12% 50%;
	background-repeat: no-repeat;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: row;
}
:is(.user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket)>p {
	margin: 0;
	padding: 8px;
	text-align: center;
	font-size: 30px;
	grid-area: 1 / 2 / 2 / 3;
}
:is(.user-main .market-page section.slot.slot-throws>ul.market-list>li, .user-main .market-page section.slot.slot-lottery>.ticket)>p.bold {
	font-weight: bold;
}
/* Question */
/* Stats */
/* Page Log */
.lessons-widget>.lesson>.page>.kit>.log {
	display: grid;
	margin: 0px;
	gap: 12px;
	align-content: start;
}
.lessons-widget>.lesson>.page>.kit>.log :is(p, h1, h2, h3, h4, h5, h6) {
	margin: 0;
	padding: 8px;
}
.lessons-widget>.lesson>.page>.kit>.log :is(h1, h2, h3, h4, h5, h6) {
	font-size: 22px;
}
.lessons-widget>.lesson>.page>.kit>.log>li {
	position: relative;
	padding: 12px;
	background-color: #fff;
	border-width: 3px;
	border-style: solid;
	border-radius: 8px;
}
.lessons-widget>.lesson>.page>.kit>.log>li:last-child {
	animation: newMsg 0.6s;
}
.lessons-widget>.lesson>.page>.kit>.log>li.ok {
	border: none;
	background-color: #1b9e3e;
	color: #fff;
	font-weight: bold;
	padding: 14px 12px 14px 55px;
	background-image: url("/res/svg/ok-square.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.fail {
	border: none;
	background-color: #ed1b23;
	color: #fff;
	font-weight: bold;
	padding: 14px 12px 14px 55px;
	background-image: url("/res/svg/fail-square.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.description.description, .lessons-widget>.lesson>.page>.kit>.log>li.intro.intro {
	border: none;
	padding-left: 12px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.lessons-widget>.lesson>.page>.kit>.log>li.quest {
	background-image: url("/res/svg/white-paws.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.quest.black-color {
	background-image: url("/res/svg/black-paws.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.tips {
	border-color: #ffd525;
	background-image: url("/res/svg/notes/tips.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.rule {
	border-color: #e50606;
	background-color: rgba(229, 6, 6, 0.08);
	background-image: url("/res/svg/notes/rule.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.qa {
	border-color: #38b737;
	background-color: rgba(56, 183, 55, 0.05);
	background-image: url("/res/svg/notes/qa.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.quote {
	color: #0380ea;
	border-color: #0254ce;
	background-image: url("/res/svg/notes/quote.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.redflag {
	color: #e50606;
	border-color: #b70202;
	background-image: url("/res/svg/notes/redflag.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.cooltoknow {
	border-color: #ffa21a;
	background-color: rgba(255, 162, 26, 0.1);
	background-image: url("/res/svg/notes/cooltoknow.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.funfact {
	border-color: #ffd525;
	background-color: rgba(255, 213, 37, 0.1);
	background-image: url("/res/svg/notes/funfact.svg");
}
:is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) .price {
	font-weight: bold;
	color: #0a24b1;
}
.lessons-widget>.lesson>.page>.kit>.log>li:not(.choice, .quiz), :is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.question, :is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.answers>li {
	padding: 12px 12px 12px 55px;
	background-repeat: no-repeat;
	background-position: left 16px top 50%;
	background-size: 30px;
}
.lessons-widget>.lesson>.page>.kit>.log li>.msg-stats {
	position: absolute;
	display: flex;
	top: 3px;
	right: 3px;
	gap: 4px;
	padding: 0;
}
.lessons-widget>.lesson>.page>.kit>.log li>.msg-stats:empty {
	display: none;
}
.lessons-widget>.lesson>.page>.kit>.log li>.msg-stats>li {
	width: 20px;
	height: 20px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px;
	padding: 0;
}
.lessons-widget>.lesson>.page>.kit>.log li>.msg-stats>.flame+.star {
	margin-left: 20px;
}
.lessons-widget>.lesson>.page>.kit>.log li>.msg-stats>.flame {
	background-image: url("/res/svg/flame.svg");
}
.lessons-widget>.lesson>.page>.kit>.log li>.msg-stats>.star {
	background-image: url("/res/svg/star.svg");
}
.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice {
	padding-left: 0;
	border-color: #38b737;
	background-color: rgba(56, 183, 55, 0.05);
}
:is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.question {
	background-image: url("/res/svg/notes/qa.svg");
}
:is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.answers {
	display: grid;
	gap: 4px;
	padding-left: 12px;
}
:is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.answers>li {
	background-image: url("/res/svg/answer-off.svg");
	cursor: pointer;
}
:is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.answers>li:hover {
	background-image: url("/res/svg/answer-on.svg");
}
:is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.answers>li.ok {
	background-image: url("/res/svg/ok-square.svg");
}
:is(.lessons-widget>.lesson>.page>.kit>.log>li.quiz, .lessons-widget>.lesson>.page>.kit>.log>li.choice)>.answers>li.fail {
	background-image: url("/res/svg/fail-square.svg");
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats {
	margin: 8px 2px;
	padding: 20px;
	box-shadow: 0px 0px 4px #958f8f8a;
	background-color: #fff;
	display: grid;
	gap: 0;
	position: relative;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats.empty {
	display: none;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>li {
	display: grid;
	grid-template-columns: auto 1fr;
	font-size: 18px;
	height: max-content;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>li>.icon {
	height: 48px;
	width: 48px;
	aspect-ratio: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 28px;
	filter: grayscale() opacity(0.5);
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>li>.title {
	padding: 10px 0;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>li.claimable:not(.claimed)>.icon {
	cursor: grab;
	filter: none;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: claimable;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats .puzzles>.icon {
	background-image: url("/res/svg/bank-puzzle.svg");
	animation-delay: 0.9s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.time>.icon {
	background-image: url("/res/svg/clock.svg");
	animation-delay: 0.5s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.moves>.icon {
	background-image: url("/res/svg/white-paws.svg");
	animation-delay: 0.1s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.moves>.icon {
	background-image: url("/res/svg/black-paws.svg");
	animation-delay: 1.2s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.hearts>.icon {
	background-image: url("/res/svg/bank-heart.svg");
	animation-delay: 1.7s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.bonustime>.icon {
	background-image: url("/res/svg/clock.svg");
	animation-delay: 1.4s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.flames>.icon {
	background-image: url("/res/svg/flame.svg");
	animation-delay: 0.1s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.pages>.icon {
	background-image: url("/res/svg/eyes.svg");
	animation-delay: 0.4s;
}
:is(.daily-puzzle>.dialog, .trainings-widget>.training>.dialog, .test-widget>.tasks-view>.dialog, .lessons-widget>.lesson>.page>.kit>.dialog)>.dialog-target>.chess-stats>.stars>.icon {
	background-image: url("/res/svg/star.svg");
	animation-delay: 0.7s;
}
:is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) .cost, :is(.app-modal>.buy-store-item, .app-modal>.buy-perk, .app-modal>.buy-ticket) .price {
	padding: 4px;
	padding-right: 36px;
	width: fit-content;
	background-position: top -2px right;
	background-repeat: no-repeat;
	background-size: 30px;
	background-image: url('/res/svg/coin.svg');
}
/* Core */
/* Chess */
/* Global */
/* Main */
/* Page */
.page:is(.privacy, .terms)>ul>li>h3 {
	margin: 0;
}
.header:is(.privacy, .terms, .updates)>h2 {
	text-transform: uppercase;
}
/* Pages */
/* Widgets */