*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
			all: unset;
			display: revert;
		}
				
		*:focus {
			outline: none;
		}
		
		@font-face {
		  font-family: "Iskra Medium"; 
		  src: url('/fonts/Iskra-Medium.woff');
		}
		
		@font-face {
		  font-family: "Iskra Regular"; 
		  src: url('/fonts/Iskra-Regular.woff'); 
		}
		
		@font-face {
		  font-family: "Iskra Bold"; 
		  src: url('/fonts/Iskra-Bold.woff'); 
		}
		
		@font-face {
		  font-family: "JetBrains Mono"; 
		  src: url('/fonts/JetBrains-Mono.woff'); 
		}

		body {
			font-family: 'Iskra Regular', sans-serif;
			font-size: 1.2em;
			-webkit-font-smoothing: antialiased;
			box-sizing: border-box;
			color: #757575;
		}
		
		input, button, .ok {
			font-size: .9em;
			text-align: center;
			width: 90%;
			padding: .7em;
			margin-bottom: 1em;
			border: 0px;
			background-color: #eee;
			border-radius: .6em;
			color: #000;
		}
		
		label {
			padding-left: .6em;
			width: 90%;
			display: block;
			text-align: left !important;
			font-size: .8em;
			color: #757575;
			margin-bottom: .6em;
		}
		
		.pure-g {
			box-sizing: border-box;
			margin-left: 2em;
			margin-right: 2em;
			text-align: center;
		}
		
		.big {
			box-sizing: border-box;
			margin: .25em;
			text-align: center;
			background-color: #AF52DE;
			color: #FFF;
			border-radius: .6em;
			padding: 1.6em;
			height: 6em;
			font-size: .95em;
		}
		
		.medium {
			box-sizing: border-box;
			text-align: center;
			background-color: #4AA9FD;
			color: #FFF;
			border-radius: .6em;
			padding: 1.6em;
			margin: .25em;
			height: 6em;
			width: calc(50% - .5em);
			font-size: .95em;
		}
		
		.code {
			display: block;
			margin-top: 1.5em;
			font-size: .6em;
		}
		
		.tag {
			font-family: 'JetBrains Mono';
			font-style: normal;
			font-weight: 600;
			font-size: 2em;
			text-align: center;
			color: #757575;
			margin-bottom: .7em;
		}
		
		.divider {
			margin-top: 4em;
		}
		
		.divider2 {
			margin-top: 7em;
		}
		
		.example {
			width: 100%;
			height: auto;
			margin-bottom: 3em;
		}
		.uppr {
			text-transform: uppercase;
		}
		
		.pink {
			background-color: #FD4AC4;
		}
		
		.blue {
			background-color: #4AA9FD;
		}

		.violet {
			background-color: #CF3BCA;
		}
		
		.red {
			background-color: #FD4A74;
		}
		
		.active {
			color: #AF52DE;
		}
		
		.logo {
			font-family: "Iskra Bold"; 
			font-size: .7em;
			margin-top: 1.8em;
			margin-bottom: 8em;
			text-align: left !important;
			color: #000;
		}
		
		.button {
			background-color: #AF52DE;
			color: #FFF;
			border-radius: .6em;
			margin-top: 1em;
		}
		
		.button2 {
			background-color: #AF52DE;
			color: #FFF;
			border-radius: .6em;
		}
		
		.avatar {
			margin: .25em;
			padding: 1.6em;
		}
		
		.avatar img {
			margin-top: .6em;
			width: auto;
			height: 10em;
			border-radius: 1000em;
		}
		
		.about {
			margin-bottom: 2em;
			font-size: .9em;
		}
		
		.channel {
			box-sizing: border-box;
			margin: .25em;
			text-align: center;
			background-color: #AF52DE;
			color: #FFF;
			border-radius: .6em;
			padding: 1.2em;
			font-size: .95em;
		}
		
		.huge {
			display: block;
			padding-top: 3em;
			padding-bottom: 3em;
		}
		
		.notice {
			margin-bottom: 3em;
			font-size: .9em;
		}
		
		.disclamer {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 64px;
			font-size: .6em;
		}
		
		.disabled {
			color: #757575;
		}
		
		.menu {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 64px;
			border-top: 1px solid #f5f5f5;
			padding-top: 16px;
			background-color: #fff;
		}
		
		.add, .delete {
			position: absolute;
			right: 2em;
			top: 2.4em;
			width: 32px;
			height: 32px;
		}
		
		.menu ul {
			display: flex;
		}
		
		.menu li {
			display: inline;
			width: 33%;
			height: 32px;
			text-align: center;
			font-size: .6em;
		}
		
		.menu img {
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 50%;
			height: 2em;
			margin-bottom: .5em;
			align: center;
		}