@layer theme {
	:root {
		color-scheme: light dark;
		--body: light-dark(#fff, #1f1f1f);
		--text: light-dark(#636d7b, #999);
		--emph: light-dark(#515d6e, #ccc);
		--lead: light-dark(#1c2129, #fff);
		--fore: light-dark(#fff, #000);
		--main: light-dark(#04875f, #05a876);
		--mute: light-dark(#f6f6f6, #262626);
		--soft: light-dark(#e9e9e9, #2f2f2f);
		--edge: light-dark(#d9d9d9, #3c3c3c);
		--deep: light-dark(#c9c9c9, #454545);
		--fail: light-dark(#d92d20, #f15e64);
		--warn: light-dark(#f79009, #f0bc64);
		--safe: light-dark(#34a853, #10ddd3);
		--info: light-dark(#155eef, #84adff);
		--mark: color-mix(in oklab, var(--main), var(--lead)27%);
		--seco: color-mix(in oklab, var(--main), transparent 93%);
		--sans: system-ui, -apple-system, sans-serif
	}

	.lght {
		color-scheme: light
	}

	.dark {
		color-scheme: dark
	}
}

@layer core {
	* {
		box-sizing: border-box;
		border: 0;
		min-width: 0;
		margin: 0;
		padding: 0
	}

	html {
		font-family: var(--sans);
		scroll-behavior: smooth;
		-webkit-text-size-adjust: 100%;
		overflow-wrap: break-word;
		line-height: 1.5
	}

	body {
		background: var(--body);
		min-height: 100svh;
		color: var(--text);
		flex-direction: column;
		display: flex;
		overflow-x: clip
	}

	:where(img, svg, iframe) {
		max-width: 100%;
		height: auto;
		display: block
	}

	:where(h1, h2, h3, h4, h5, h6, input, button, textarea, select) {
		font: inherit;
		color: inherit
	}

	:where(button, [type=button], [type=submit]) {
		cursor: pointer;
		background: 0 0
	}

	a {
		color: inherit;
		text-decoration: none
	}

	summary {
		user-select: none;

		&::-webkit-details-marker {
			display: none
		}
	}

	li {
		list-style: none
	}

	address {
		font-style: normal
	}

	label {
		font-weight: 600;
		display: inline-flex
	}

	:where(input, select, textarea) {
		background: var(--body);
		border: 1px solid var(--edge);
		min-height: 2.5rem;
		color: var(--emph);
		border-radius: .25rem;
		width: 100%;
		padding: .25rem 1rem;
		font-size: 1rem;
		box-shadow: 0 2px 2px #0001;

		&:hover {
			border-color: var(--deep)
		}

		&:focus {
			border-color: color-mix(in oklab, var(--main)40%, transparent);
			outline: 4px solid color-mix(in oklab, var(--main)15%, transparent)
		}

		.dark & {
			background: var(--mute);

			&:focus {
				background: var(--body)
			}
		}
	}

	textarea {
		min-height: 8rem;
		padding-top: .875rem
	}

	.fail {
		color: color-mix(in oklab, var(--fail), var(--lead)12%);

		& :where(input, select, textarea) {
			background: color-mix(in oklab, var(--fail)6%, transparent);
			border-color: color-mix(in oklab, var(--fail)21%, transparent);

			&:focus {
				outline-color: color-mix(in oklab, var(--fail)15%, transparent)
			}
		}
	}

	:is(div, section):has(>ins.adsbygoogle[data-ad-status=unfilled]) {
		display: none !important
	}
}

@layer blocks {
	:where(.cnt) {
		width: min(100% - 3rem, var(--mw, 728px));
		margin-inline: auto;

		@media (width>=63rem) {
			--mw: 1092px
		}
	}

	:where([class*=btn]) {
		--bg: transparent;
		--co: var(--emph);
		--bx: transparent;
		--wh: 2.25rem;
		--g: .375rem;
		--ic: 1.25rem;
		--j: center;
		--d: inline-flex;
		--ic-c: currentColor;
		--r: .5rem;
		--f: .875rem;
		--b: .25rem;
		--i: 1rem;
		display: var(--d);
		align-items: center;
		justify-content: var(--j);
		text-align: var(--j);
		cursor: pointer;
		gap: var(--g);
		border-radius: var(--r);
		min-width: var(--wh);
		min-height: var(--wh);
		padding-block: var(--b);
		padding-inline: var(--i);
		font-weight: 500;
		line-height: 1.5rem;
		font-size: var(--f);
		background: var(--bg);
		color: var(--co);
		box-shadow: 0 0 0 1px var(--bx);

		&:before,
		&:after,
		& :where(.icn, .icb, .ica) {
			font-size: var(--ic);
			color: var(--ic-c)
		}

		&:hover {
			background: var(--bg-h, var(--bg));
			color: var(--co-h, var(--co));
			box-shadow: 0 0 0 1px var(--bx-h, var(--bx))
		}

		&:focus {
			outline: none
		}

		&:where(.dsbl, [disabled]) {
			filter: grayscale()brightness(.9)opacity(.6);
			pointer-events: none
		}

		&[class*=-main] {
			--bg: var(--main);
			--bg-h: var(--mark);
			--co: var(--fore)
		}

		&[class*=-mute] {
			--bg: var(--mute);
			--bg-h: var(--soft);
			--co: var(--emph);
			--co-h: var(--lead)
		}

		&[class*=-soft] {
			--bg: var(--soft);
			--bg-h: var(--edge);
			--co: var(--lead)
		}

		&[class*=-ghst] {
			--bg-h: var(--soft);
			--co: var(--lead)
		}

		&[class*=-edge] {
			--bx: var(--edge);
			--bg-h: var(--mute)
		}

		&[class*=-link] {
			--pi: 0;
			--pb: 0;
			--wh: 0;
			text-decoration: underline;

			&:hover {
				text-decoration: none
			}
		}

		&[class*=-sm] {
			--wh: 2rem;
			--i: .75rem;
			--f: .75rem
		}

		&[class*=-lg] {
			--wh: 3rem;
			--i: 1.5rem;
			--f: 1rem
		}

		&[class*=-xl] {
			--wh: 3rem;
			--i: 1.5rem;
			--f: 1rem;
			--ic: 1.75rem
		}

		&.dwn {
			--bg: var(--body);
			--co: var(--lead);
			--ic-c: var(--main)
		}
	}

	.typ {
		color: var(--emph);
		overflow-wrap: break-word;
		font-size: 1rem;
		line-height: 1.5rem;

		& :where(p, blockquote, pre, img, dl, table) {
			margin-block: 1.5rem
		}

		&>:first-child {
			margin-top: 0
		}

		&>:last-child {
			margin-bottom: 0
		}

		& a:not([class]) {
			color: var(--main);
			font-weight: 700;
			text-decoration: underline;

			&:hover {
				text-decoration: none
			}
		}

		& li {
			margin-block: .5rem;

			&>:first-child {
				margin-top: 1.5rem
			}
		}

		& :is(ul, ol) {
			margin-block: 1.5rem;
			padding-inline-start: 1.5rem;

			&:not([class]) li {
				list-style-type: disc
			}
		}

		& ol:not([class]) li {
			list-style-type: decimal;

			&::marker {
				font-weight: 600
			}

			&:has(h2, h3)::marker {
				color: var(--lead);
				font-weight: 700
			}

			&:has(h2)::marker {
				font-size: 1.25rem
			}

			&:has(h3)::marker {
				font-size: 1.125rem
			}
		}

		& ul li::marker {
			font-size: 1.25rem
		}

		& :is(h1, h2, h3, h4, h5, h6) {
			color: var(--lead);
			text-wrap: balance;
			margin-block: 2rem .25rem;
			font-weight: 600;

			&+* {
				margin-top: .5rem
			}
		}

		& h1 {
			font-size: 2rem;
			line-height: 2.25rem
		}

		& h2 {
			font-size: 1.5rem;
			line-height: 2rem
		}

		& h3 {
			font-size: 1.25rem;
			line-height: 1.75rem
		}

		& :is(h4, h5, h6) {
			font-size: 1.125rem;
			line-height: 1.75rem
		}

		& p {
			text-wrap: pretty
		}

		& blockquote {
			color: var(--lead);
			z-index: 1;
			border-inline-start: 4px solid var(--main);
			padding-inline-start: 1.5rem;
			font-size: 1.25rem;
			font-weight: 700;
			position: relative
		}

		& pre {
			background: var(--mute);
			color: var(--sub);
			border-radius: .375rem;
			padding: 1rem;
			overflow: auto
		}

		& strong {
			font-weight: 700
		}

		& cite {
			color: var(--emph);
			font-size: .875rem
		}

		& figcaption {
			color: var(--emph);
			margin-top: .5rem;
			font-size: .75rem;
			font-style: italic
		}

		& img {
			object-fit: cover;
			border-radius: 1rem
		}

		& table {
			border-collapse: collapse;
			table-layout: auto;
			border: 1px solid var(--soft);
			width: 100%;

			& colgroup {
				display: none
			}

			& tr {
				border-bottom: 1px solid var(--soft);

				&:last-child {
					border-bottom: 0
				}
			}

			& :is(th, td) {
				text-align: start;
				padding: 1rem;
				font-size: .875rem;

				&:first-child {
					width: 15%
				}

				& p {
					margin: 0
				}
			}

			& td {
				vertical-align: top
			}

			& th p {
				white-space: nowrap
			}
		}
	}

	:where([data-expa-canv]) {
		visibility: hidden;
		opacity: 0;
		transition: .3s ease all, display .3s ease allow-discrete;
		display: none;
		transform: scale(.95);

		&[aria-hidden=false] {
			visibility: visible;
			opacity: 1;
			display: flex;
			transform: scale(1);

			@starting-style {
				opacity: 0;
				transform: scale(.95)
			}
		}
	}

	:where([data-expa]:not(header), [data-crsl]) {
		isolation: isolate;
		position: relative
	}

	:where([data-crsl-trck]) {
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overflow: auto;

		&::-webkit-scrollbar {
			display: none
		}
	}

	:where([data-crsl-prev], [data-crsl-next]) {
		height: var(--wh);
		z-index: 10;
		margin-block: auto;
		position: absolute;
		inset-block: 0;

		&[disabled] {
			opacity: 0
		}

		@media (width>=36rem) {
			margin-inline: 1rem
		}
	}

	[data-crsl-prev] {
		inset-inline-start: 0
	}

	[data-crsl-next] {
		inset-inline-end: 0
	}

	[data-crsl-trck=sht] {
		& img {
			height: 256px
		}

		@media (width<=36rem) {
			& {
				margin-inline: -1.5rem;
				padding-inline: 1.5rem
			}
		}
	}
}

@layer tools {
	[class*=pz] {
		padding: var(--p)
	}

	.pz0 {
		--p: 0
	}

	.pz8 {
		--p: .5rem
	}

	.pz12 {
		--p: .75rem
	}

	.pz16 {
		--p: 1rem
	}

	.pz24 {
		--p: 1.5rem
	}

	[class*=px] {
		padding-inline: var(--i)
	}

	.px0 {
		--i: 0
	}

	.px4 {
		--i: .25rem
	}

	.px8 {
		--i: .5rem
	}

	.px12 {
		--i: .75rem
	}

	.px16 {
		--i: 1rem
	}

	.px24 {
		--i: 1.5rem
	}

	[class*=pv] {
		padding-block: var(--b)
	}

	.pv0 {
		--b: 0
	}

	.pv8 {
		--b: .5rem
	}

	.pv16 {
		--b: 1rem
	}

	[class*=fz] {
		font-size: var(--f)
	}

	.fz10 {
		--f: .625rem
	}

	.fz12 {
		--f: .75rem
	}

	.fz14 {
		--f: .875rem
	}

	.fz16 {
		--f: 1rem
	}

	.fz20 {
		--f: 1.25rem
	}

	.fz24 {
		--f: 1.5rem
	}

	[class*=gp] {
		gap: var(--g)
	}

	.gp0 {
		--g: 0
	}

	.gp2 {
		--g: .125rem
	}

	.gp4 {
		--g: .25rem
	}

	.gp8 {
		--g: .5rem
	}

	.gp12 {
		--g: .75rem
	}

	.gp16 {
		--g: 1rem
	}

	.gp24 {
		--g: 1.5rem
	}

	.gp32 {
		--g: 2rem
	}

	.gp36 {
		--g: 2.25rem
	}

	[class*=br] {
		border-radius: var(--r)
	}

	.br8 {
		--r: .5rem
	}

	.br12 {
		--r: .75rem
	}

	.br16 {
		--r: 1rem
	}

	.br24 {
		--r: 1.5rem
	}

	.brc {
		--r: 99rem
	}

	[class*=gc] {
		grid-template-columns: repeat(var(--gc), 1fr)
	}

	.gc1 {
		--gc: 1
	}

	.gc2 {
		--gc: 2
	}

	.gc3 {
		--gc: 3
	}

	.gc4 {
		--gc: 4
	}

	.gc6 {
		--gc: 6
	}

	.gs1 {
		grid-area: 1/1
	}

	.fr {
		grid-column: 1/-1
	}

	.pic {
		place-items: center
	}

	[class*=ds] {
		display: var(--d)
	}

	.dsb {
		--d: block
	}

	.dsg {
		--d: grid
	}

	.dsi,
	.icn,
	.icb:before,
	.ica:after {
		--d: inline-flex
	}

	.dsn {
		--d: none
	}

	.dsf {
		--d: flex
	}

	.dsl {
		--d: inline
	}

	.fdr,
	.fdc {
		flex-direction: var(--f)
	}

	.fdr {
		--f: row
	}

	.fdc {
		--f: column
	}

	.ais,
	.aic,
	.aie {
		align-items: var(--a)
	}

	.ais {
		--a: start
	}

	.aic {
		--a: center
	}

	.aie {
		--a: end
	}

	[class*=jc] {
		justify-content: var(--j)
	}

	.jcs {
		--j: start
	}

	.jcn {
		--j: center
	}

	.jce {
		--j: end
	}

	.jcb {
		--j: space-between
	}

	.tas,
	.tac,
	.tae {
		text-align: var(--t)
	}

	.tas {
		--t: start
	}

	.tac {
		--t: center
	}

	.tae {
		--t: end
	}

	[class*=ln] {
		-webkit-line-clamp: var(--l);
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden
	}

	.ln1 {
		--l: 1
	}

	.ln2 {
		--l: 2
	}

	.ln3 {
		--l: 3
	}

	.ln4 {
		--l: 4
	}

	.ors,
	.ore {
		order: var(--o)
	}

	.ors {
		--o: -1
	}

	.ore {
		--o: 9
	}

	.pr {
		isolation: isolate;
		position: relative
	}

	.z1 {
		z-index: 10
	}

	.z2 {
		z-index: 20
	}

	.z3 {
		z-index: 30
	}

	.tov {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.ttu {
		text-transform: uppercase
	}

	.fwp {
		flex-wrap: wrap
	}

	.fs0 {
		flex-shrink: 0
	}

	.fl1 {
		flex: 1
	}

	.ofc {
		object-fit: cover
	}

	.ovh {
		overflow: hidden
	}

	.pen {
		pointer-events: none
	}

	.fil {
		width: 100%
	}

	.ars {
		aspect-ratio: 1
	}

	.arv {
		aspect-ratio: 16/9
	}

	.arm {
		aspect-ratio: 9/16
	}

	.fwn {
		font-weight: 400
	}

	.fwm {
		font-weight: 500
	}

	.fws {
		font-weight: 600
	}

	.fwb {
		font-weight: 700
	}

	.srl,
	.srf {
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		position: absolute;
		overflow: hidden
	}

	.srf:focus {
		clip: auto;
		width: auto;
		height: auto;
		position: static;
		overflow: visible
	}
}

@layer layout {
	.hdr {
		z-index: 33;
		position: sticky;
		top: 0;

		&:before {
			content: "";
			background: var(--body);
			box-shadow: 0 0 0 100vw var(--body);
			clip-path: inset(0 -100vw);
			z-index: -1;
			position: absolute;
			inset: 0
		}
	}

	.brn {
		& .icb {
			background: var(--body);
			min-width: 1.75rem;
			height: 1.75rem
		}

		.dark & .s,
		.lght & .m {
			background: 0 0
		}
	}

	.web {
		gap: 1rem 4rem;
		padding-bottom: 2.25rem
	}

	.fea {
		margin-top: -.5rem
	}

	.bxs,
	.bxsa:after {
		border: 1px solid var(--soft)
	}

	.app {
		&:hover {
			background: var(--mute)
		}

		&.vrt {
			color: #fff;

			&:before {
				content: "";
				z-index: 11;
				backdrop-filter: blur(8px);
				background: #00000073;
				border-radius: 1rem;
				grid-area: 1/1;
				height: 8rem;
				mask: linear-gradient(#0000, #000)
			}
		}

		&.ctg {
			&:before {
				font-size: 2.5rem
			}

			&:after {
				content: "";
				pointer-events: none;
				background: var(--body);
				z-index: -1;
				border-radius: 1rem;
				position: absolute;
				inset: .5rem
			}

			& figure {
				margin: -.5rem;
				padding: .5rem;

				& img {
					transition: all .3s;

					&:hover {
						transform: scale(1.1)
					}
				}
			}
		}
	}

	.ttl {
		color: var(--lead);

		section>& {
			font-size: 1.25rem;

			& a:after {
				color: var(--main)
			}

			h1& {
				margin-bottom: .5rem;
				font-size: 2rem;
				line-height: 2.5rem
			}
		}

		article:has(&>a) {
			isolation: isolate;
			position: relative;

			& .ttl>a:after {
				content: "";
				z-index: 10;
				position: absolute;
				inset: 0
			}
		}
	}

	.logo {
		color: var(--mark);
		letter-spacing: .5px;
		text-transform: lowercase;
		height: 2.25rem;
		padding-bottom: .25rem;
		font-size: 1.5rem;
		position: relative;

		&:before {
			margin-bottom: -.25rem;
			font-size: 2.25rem
		}

		& a:after {
			content: "";
			z-index: 1;
			position: absolute;
			inset: 0
		}
	}

	.lst {
		margin-inline: -.5rem;

		&.hct {
			margin-inline: -1rem;
			margin-top: -.5rem
		}
	}

	.bdc {
		grid-column: 1/-1;
		margin-top: 2rem;

		& a:before,
		& li:after {
			vertical-align: top
		}

		& li:after {
			margin-top: .125rem;
			margin-inline-start: .25rem;
			font-size: .875rem
		}

		& a:hover {
			text-decoration: underline
		}

		& a:before {
			opacity: .6;
			margin-inline-end: .25rem;
			font-size: 1rem
		}
	}

	.gc4r {
		--gc: 1
	}

	.gc6r,
	.gc9r {
		--gc: 2
	}

	.ftr {
		margin-top: auto
	}

	.btn-ctg {
		--i: .25rem;
		--b: .25rem;
		padding-inline-end: .75rem;

		& .dsg {
			background-color: var(--main);
			width: 1.75rem;
			height: 1.75rem;
			color: var(--fore)
		}
	}

	.frm {
		max-width: 36rem;
		margin-inline: auto
	}

	.e404 .ttl {
		font-size: 6rem;
		line-height: 1
	}

	.msj {
		font-style: italic;

		&:after {
			font-size: 1.5rem
		}
	}

	.str {
		color: var(--warn);
		width: 5em;

		&:before,
		&:after {
			grid-area: 1/1;
			mask: var(--svg)repeat-x left/1em 100% !important
		}

		&:before {
			opacity: .5;
			min-width: 100%
		}

		&:after {
			min-width: var(--str)
		}
	}

	.sng {
		& figure {
			align-self: start;
			width: 5rem
		}

		& .ttl {
			font-size: 1.125rem
		}

		& p {
			margin-bottom: .25rem;

			& a {
				color: var(--main);
				text-decoration: underline;

				&:hover {
					text-decoration: none
				}
			}
		}
	}

	details {
		background: var(--mute);

		&:hover,
		&[open] {
			background: var(--body);
			border-color: var(--edge)
		}

		&[open] summary:after {
			transform: rotate(45deg)
		}

		& summary {
			cursor: pointer;
			user-select: none;

			&:after {
				color: var(--main);
				font-size: 1.5rem;
				transition: all .3s
			}
		}

		& .typ {
			margin-top: -.5rem;
			padding-top: 0
		}
	}

	.src {
		& input {
			min-height: 3rem;
			padding-inline: 1.5rem 3rem
		}

		& .icn {
			margin-inline: auto 1rem;
			font-size: 1.5rem
		}
	}

	.rsl {
		& figure {
			width: 1.75rem;
			height: 1.75rem;
			box-shadow: inset 0 0 0 1px var(--edge);

			& img {
				max-width: 1.125rem
			}
		}

		& .ttl {
			text-transform: none;
			color: var(--main);
			font-size: 1.25rem;
			font-weight: 400
		}

		&:hover .ttl {
			color: var(--mark);
			text-decoration: underline
		}
	}

	.sgt {
		box-shadow: inset 0 -1px 0 0 var(--soft);
		margin-bottom: 2rem;
		padding-bottom: 1.5rem
	}
}

@layer medias {
	@media (width<=63rem) {
		.menu {
			inset-inline-start: 0;
			z-index: 9;
			background: var(--body);
			box-shadow: inset 0 0 0 1px var(--soft);
			z-index: 10;
			gap: 0;
			width: 16rem;
			position: absolute;
			top: 100%;

			.dark & {
				background: var(--mute)
			}

			&>ul {
				padding: .5rem;

				& [class*=btn] {
					--f: 1rem;
					--g: .5rem
				}
			}

			&>div {
				border-top: 1px solid var(--edge);
				color: var(--emph);
				padding-block: .75rem;
				padding-inline: 1.5rem .5rem;

				&>[class*=btn] {
					--bg: var(--soft);
					--j: space-between;
					min-width: 4.4rem
				}

				& .sbm>div {
					margin-inline: -1rem 0;
					margin-top: .5rem
				}
			}
		}
	}

	@media (width<=48rem) {
		.fea {
			--gc: 2;

			&>.app {
				& img {
					height: 8rem
				}

				&:first-child {
					grid-column: 1/-1
				}
			}
		}
	}

	@media (width<=36rem) {
		.hct .app {
			grid-template-columns: 3.5rem 1fr;

			&>p,
			&>span {
				grid-column: 1/-1
			}
		}
	}

	@media (width>=24rem) {

		.gc9r,
		.gc6r.dsk {
			--gc: 3
		}

		.sng {
			& figure {
				width: 6rem
			}

			& .ttl {
				font-size: 1.5rem;
				line-height: 1.875rem
			}
		}
	}

	@media (width>=36rem) {

		.gc2r,
		.gc4r {
			--gc: 2
		}

		.gc6r {
			--gc: 3
		}

		.hct .app {
			grid-template-columns: 7.5rem 1fr auto;
			gap: .25rem 1rem;

			& .ttl {
				font-size: 1.25rem
			}

			&>header {
				margin-top: auto
			}

			&>p {
				margin-bottom: auto
			}

			&>figure {
				grid-row: 1/span 2
			}

			&>span {
				grid-area: 1/3/span 2
			}
		}
	}

	@media (width>=48rem) {
		.gc4r {
			--gc: 3
		}

		.gc6r.dsk,
		.gc9r {
			--gc: 6
		}

		[data-crsl-trck=sht] {
			border-radius: .5rem
		}
	}

	@media (width>=63rem) {
		.gc4r {
			--gc: 4;

			aside & {
				--gc: 1
			}
		}

		.gc6r {
			--gc: 6
		}

		.gc9r {
			--gc: 9
		}

		.lg-dsn {
			--d: none
		}

		.lg-dsf {
			--d: flex
		}

		.lg-fdc {
			--f: column
		}

		.lg-fdr {
			--f: row
		}

		.menu {
			opacity: 1;
			visibility: visible;
			display: flex;
			transform: scale(1)
		}

		.web:has(>aside) {
			grid-template-columns: 1fr 300px
		}

		.sbm {
			inset-inline-start: 0;
			z-index: 9;
			background: var(--body);
			box-shadow: inset 0 0 0 1px var(--soft);
			z-index: 10;
			gap: 0;
			width: 12rem;
			margin-top: .5rem;
			padding: .5rem;
			position: absolute;
			top: 100%;

			.dark & {
				background: var(--mute)
			}
		}

		.bdc {
			--o: -1;
			margin-top: 0
		}
	}
}

@layer icons {

	.icn:not(.icb, .ica),
	.icb:before,
	.ica:after {
		width: 1em;
		height: 1em;
		mask: var(--svg)no-repeat center/100%;
		display: var(--d);
		background: currentColor 0/100% 100% no-repeat;
		flex-shrink: 0
	}

	.icb:before,
	.ica:after {
		content: ""
	}

	.ibg:not(.icb, .ica),
	.ibg:before,
	.ibg:after {
		background: var(--svg)no-repeat center/100% 100%;
		mask: none
	}

	.ic-google-play {
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23EA4335' d='M8.536 8.634l-6.51 6.909c.074.262.205.504.385.707a1.766 1.766 0 001.44.591c.268-.019.528-.1.761-.237l7.324-4.226-3.4-3.744z'/%3E%3Cpath fill='%23FBBC04' d='M15.118 7.46L11.95 5.62l-3.565 3.17 3.58 3.577 3.142-1.818c.279-.148.512-.37.675-.642a1.761 1.761 0 00-.675-2.449h.01z'/%3E%3Cpath fill='%234285F4' d='M2.027 2.432c-.04.147-.059.3-.058.452v12.207c0 .152.02.304.058.452L8.759 8.81 2.027 2.432z'/%3E%3Cpath fill='%2334A853' d='M8.584 8.987l3.367-3.366-7.315-4.245a1.769 1.769 0 00-2.61 1.052l6.558 6.56z'/%3E%3C/svg%3E")
	}

	.logo {
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='currentColor' fill-opacity='.1' d='M35.12 10.132c-.745-3.35-1.117-5.026-2.749-6.635C30.74 1.888 29.038 1.535 25.634.83c-5.342-1.11-9.871-1.09-15.167-.035-3.654.727-5.48 1.091-7.156 2.792C1.635 5.286 1.308 7.07.652 10.64c-.926 5.045-.835 9.394.081 14.41.703 3.844 1.054 5.765 2.747 7.473 1.693 1.708 3.547 2.063 7.255 2.773 5.066.97 9.448.934 14.55-.088 3.57-.716 5.356-1.074 7.007-2.701 1.652-1.628 2.039-3.418 2.813-7 1.162-5.38 1.22-9.958.015-15.375z'/%3E%3Cpath stroke='url(%23a)' stroke-opacity='.2' d='M10.565 1.284c5.232-1.041 9.693-1.06 14.967.034 3.434.713 4.98 1.048 6.488 2.536 1.509 1.487 1.86 3.006 2.612 6.386 1.188 5.342 1.133 9.848-.016 15.162-.781 3.617-1.148 5.245-2.674 6.748-1.526 1.504-3.15 1.845-6.755 2.568-5.04 1.01-9.358 1.044-14.359.087-3.744-.718-5.428-1.056-6.993-2.634-1.563-1.577-1.9-3.326-2.61-7.21-.907-4.963-.995-9.252-.081-14.23.661-3.603.974-5.222 2.523-6.794 1.549-1.572 3.208-1.918 6.898-2.653z'/%3E%3Cg fill='currentColor' opacity='.8'%3E%3Cpath d='M15.494 7.548c.559-1.139 1.892-1.588 2.98-1.003 1.087.584 1.515 1.981.957 3.12L11.41 26.027c-.558 1.139-1.892 1.588-2.979 1.003-1.087-.585-1.516-1.981-.957-3.12l8.021-16.362z' opacity='.6'/%3E%3Cpath d='M19.454 7.553c-.558-1.138-1.892-1.588-2.979-1.003-1.087.585-1.515 1.981-.957 3.12l8.528 16.36c.558 1.138 1.892 1.587 2.98 1.002 1.086-.584 1.515-1.981.957-3.12L19.454 7.553z' opacity='.7'/%3E%3Cpath d='M19.033 18.36c-1.222.028-2.19 1.089-2.163 2.368.027 1.28 1.04 2.294 2.261 2.265l4.786.103c1.221-.028 2.19-1.088 2.163-2.368-.027-1.28-1.04-2.294-2.262-2.265l-4.785-.103z' opacity='.5'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='18' x2='18' y1='0' y2='36' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.4' stop-color='currentColor' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='currentColor'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
	}
}

.mdi {
	width: 1em;
	height: 1em;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	background-color: currentColor;
	display: inline-block;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

.mdi--star {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z'/></svg>")
}

.mdi--google-play {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M3 20.5v-17c0-.59.34-1.11.84-1.35L13.69 12l-9.85 9.85c-.5-.25-.84-.76-.84-1.35m13.81-5.38L6.05 21.34l8.49-8.49zm3.35-4.31c.34.27.59.69.59 1.19s-.22.9-.57 1.18l-2.29 1.32l-2.5-2.5l2.5-2.5zM6.05 2.66l10.76 6.22l-2.27 2.27z'/></svg>")
}

.mdi--apple {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47c-1.34.03-1.77-.79-3.29-.79c-1.53 0-2 .77-3.27.82c-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51c1.28-.02 2.5.87 3.29.87c.78 0 2.26-1.07 3.81-.91c.65.03 2.47.26 3.64 1.98c-.09.06-2.17 1.28-2.15 3.81c.03 3.02 2.65 4.03 2.68 4.04c-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5c.13 1.17-.34 2.35-1.04 3.19c-.69.85-1.83 1.51-2.95 1.42c-.15-1.15.41-2.35 1.05-3.11'/></svg>")
}

.mdi--android {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M16.61 15.15c-.46 0-.84-.37-.84-.83s.38-.82.84-.82s.84.36.84.82s-.38.83-.84.83m-9.2 0c-.46 0-.84-.37-.84-.83s.38-.82.84-.82s.83.36.83.82s-.37.83-.83.83m9.5-5.01l1.67-2.88c.09-.17.03-.38-.13-.47c-.17-.1-.38-.04-.45.13l-1.71 2.91A10.15 10.15 0 0 0 12 8.91c-1.53 0-3 .33-4.27.91L6.04 6.91a.334.334 0 0 0-.47-.13c-.17.09-.22.3-.13.47l1.66 2.88C4.25 11.69 2.29 14.58 2 18h20c-.28-3.41-2.23-6.3-5.09-7.86'/></svg>")
}

.mdi--chevron-right {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/></svg>")
}

.mdi--google-gamepad {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M7.97 16L5 19c-.33.3-.77.5-1.25.5A1.75 1.75 0 0 1 2 17.75v-.25l1-7.38A4.524 4.524 0 0 1 7.5 6h9c2.36 0 4.29 1.81 4.5 4.12l1 7.38v.25a1.75 1.75 0 0 1-1.75 1.75c-.48 0-.92-.2-1.25-.5l-2.97-3zM7 8v2H5v1h2v2h1v-2h2v-1H8V8zm9.5 0a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75m-1.75 1.75a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75m3.5 0a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75M16.5 11.5a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75'/></svg>")
}

.mdi--sword {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M6.92 5H5l9 9l1-.94m4.96 6.06l-.84.84a.996.996 0 0 1-1.41 0l-3.12-3.12l-2.68 2.66l-1.41-1.41l1.42-1.42L3 7.75V3h4.75l8.92 8.92l1.42-1.42l1.41 1.41l-2.67 2.67l3.12 3.12c.4.4.4 1.03.01 1.42'/></svg>")
}

.mdi--compass {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M14.19 14.19L6 18l3.81-8.19L18 6m-6-4A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 8.9a1.1 1.1 0 0 0-1.1 1.1a1.1 1.1 0 0 0 1.1 1.1a1.1 1.1 0 0 0 1.1-1.1a1.1 1.1 0 0 0-1.1-1.1'/></svg>")
}

.mdi--pac-man {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m12 12l7.07 7.07a9.953 9.953 0 0 1-14.14 0C1 15.17 1 8.84 4.93 4.93C8.83 1 15.16 1 19.07 4.93zm7-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2'/></svg>")
}

.mdi--checkerboard {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M2 2v20h20V2zm18 10h-4v4h4v4h-4v-4h-4v4H8v-4H4v-4h4V8H4V4h4v4h4V4h4v4h4zm-4-4v4h-4V8zm-4 4v4H8v-4z'/></svg>")
}

.mdi--cards {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m21.47 4.35l-1.34-.56v9.03l2.43-5.86c.41-1.02-.06-2.19-1.09-2.61m-19.5 3.7L6.93 20a2.01 2.01 0 0 0 1.81 1.26c.26 0 .53-.05.79-.16l7.37-3.05c.75-.31 1.21-1.05 1.23-1.79c.01-.26-.04-.55-.13-.81L13 3.5a1.95 1.95 0 0 0-1.81-1.25c-.26 0-.52.06-.77.15L3.06 5.45a1.994 1.994 0 0 0-1.09 2.6m16.15-3.8a2 2 0 0 0-2-2h-1.45l3.45 8.34'/></svg>")
}

.mdi--view-grid {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M3 11h8V3H3m0 18h8v-8H3m10 8h8v-8h-8m0-10v8h8V3'/></svg>")
}

.mdi--palette {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5A1.5 1.5 0 0 1 14.5 5A1.5 1.5 0 0 1 16 6.5A1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5A1.5 1.5 0 0 1 9.5 5A1.5 1.5 0 0 1 11 6.5A1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5A1.5 1.5 0 0 1 6.5 9A1.5 1.5 0 0 1 8 10.5A1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1c-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/></svg>")
}

.mdi--car {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m5 11l1.5-4.5h11L19 11m-1.5 5a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5m-11 0A1.5 1.5 0 0 1 5 14.5A1.5 1.5 0 0 1 6.5 13A1.5 1.5 0 0 1 8 14.5A1.5 1.5 0 0 1 6.5 16M18.92 6c-.2-.58-.76-1-1.42-1h-11c-.66 0-1.22.42-1.42 1L3 12v8a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h12v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-8z'/></svg>")
}

.mdi--face-woman {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M13.75 13a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0M22 12v10H2V12C2 6.5 6.5 2 12 2s10 4.5 10 10M4 12c0 4.41 3.59 8 8 8s8-3.59 8-8c0-.79-.12-1.55-.33-2.26A9.97 9.97 0 0 1 9.26 5.77c-.98 2.39-2.85 4.32-5.21 5.37c-.05.28-.05.57-.05.86m5 2.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5'/></svg>")
}

.mdi--book-open-variant {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 21.5c-1.35-.85-3.8-1.5-5.5-1.5c-1.65 0-3.35.3-4.75 1.05c-.1.05-.15.05-.25.05c-.25 0-.5-.25-.5-.5V6c.6-.45 1.25-.75 2-1c1.11-.35 2.33-.5 3.5-.5c1.95 0 4.05.4 5.5 1.5c1.45-1.1 3.55-1.5 5.5-1.5c1.17 0 2.39.15 3.5.5c.75.25 1.4.55 2 1v14.6c0 .25-.25.5-.5.5c-.1 0-.15 0-.25-.05c-1.4-.75-3.1-1.05-4.75-1.05c-1.7 0-4.15.65-5.5 1.5M12 8v11.5c1.35-.85 3.8-1.5 5.5-1.5c1.2 0 2.4.15 3.5.5V7c-1.1-.35-2.3-.5-3.5-.5c-1.7 0-4.15.65-5.5 1.5m1 3.5c1.11-.68 2.6-1 4.5-1c.91 0 1.76.09 2.5.28V9.23c-.87-.15-1.71-.23-2.5-.23q-2.655 0-4.5.84zm4.5.17c-1.71 0-3.21.26-4.5.79v1.69c1.11-.65 2.6-.99 4.5-.99c1.04 0 1.88.08 2.5.24v-1.5c-.87-.16-1.71-.23-2.5-.23m2.5 2.9c-.87-.16-1.71-.24-2.5-.24c-1.83 0-3.33.27-4.5.8v1.69c1.11-.66 2.6-.99 4.5-.99c1.04 0 1.88.08 2.5.24z'/></svg>")
}

.mdi--briefcase {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M10 2h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8c0-1.11.89-2 2-2h4V4c0-1.11.89-2 2-2m4 4V4h-4v2z'/></svg>")
}

.mdi--chevron-left {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/></svg>")
}

.mdi--checkbox-marked-circle-outline {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.76 0 1.5.11 2.2.31l1.57-1.57A9.8 9.8 0 0 0 12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10M7.91 10.08L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z'/></svg>")
}

.mdi--progress-close {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M13 2.03v2.02c4.39.54 7.5 4.53 6.96 8.92c-.46 3.64-3.32 6.53-6.96 6.96v2c5.5-.55 9.5-5.43 8.95-10.93c-.45-4.75-4.22-8.5-8.95-8.97m-2 .03c-1.95.19-3.81.94-5.33 2.2L7.1 5.74c1.12-.9 2.47-1.48 3.9-1.68zM4.26 5.67A9.9 9.9 0 0 0 2.05 11h2c.19-1.42.75-2.77 1.64-3.9zM2.06 13c.2 1.96.97 3.81 2.21 5.33l1.42-1.43A8 8 0 0 1 4.06 13zm5.04 5.37l-1.43 1.37A10 10 0 0 0 11 22v-2a8 8 0 0 1-3.9-1.63M14.59 8L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41z'/></svg>")
}

.mdi--message-warning-outline {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M13 10h-2V6h2zm0 2h-2v2h2zm9-8v12a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2m-2 0H4v13.2L5.2 16H20z'/></svg>")
}

.mdi--plus {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/></svg>")
}

.mdi--emoticon-happy {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2M7 9.5C7 8.7 7.7 8 8.5 8s1.5.7 1.5 1.5S9.3 11 8.5 11S7 10.3 7 9.5m5 7.73c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81M15.5 11c-.8 0-1.5-.7-1.5-1.5S14.7 8 15.5 8s1.5.7 1.5 1.5s-.7 1.5-1.5 1.5'/></svg>")
}

.mdi--account-school {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M16 8c0 2.21-1.79 4-4 4s-4-1.79-4-4l.11-.94L5 5.5L12 2l7 3.5v5h-1V6l-2.11 1.06zm-4 6c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4'/></svg>")
}

.mdi--music-note {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 3v10.55c-.59-.34-1.27-.55-2-.55c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4V7h4V3z'/></svg>")
}

.mdi--puzzle {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M20.5 11H19V7a2 2 0 0 0-2-2h-4V3.5A2.5 2.5 0 0 0 10.5 1A2.5 2.5 0 0 0 8 3.5V5H4a2 2 0 0 0-2 2v3.8h1.5c1.5 0 2.7 1.2 2.7 2.7S5 16.2 3.5 16.2H2V20a2 2 0 0 0 2 2h3.8v-1.5c0-1.5 1.2-2.7 2.7-2.7s2.7 1.2 2.7 2.7V22H17a2 2 0 0 0 2-2v-4h1.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5'/></svg>")
}

.mdi--flag-checkered {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M14.4 6H20v10h-7l-.4-2H7v7H5V4h9zm-.4 8h2v-2h2v-2h-2V8h-2v2l-1-2V6h-2v2H9V6H7v2h2v2H7v2h2v-2h2v2h2v-2l1 2zm-3-4V8h2v2zm3 0h2v2h-2z'/></svg>")
}

.mdi--shield-account {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm0 4a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m5.13 12A9.7 9.7 0 0 1 12 20.92A9.7 9.7 0 0 1 6.87 17c-.34-.5-.63-1-.87-1.53c0-1.65 2.71-3 6-3s6 1.32 6 3c-.24.53-.53 1.03-.87 1.53'/></svg>")
}

.mdi--chip {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M6 4h12v1h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v1H6v-1H3v-2h3v-2H3v-2h3v-2H3V9h3V7H3V5h3zm5 11v3h1v-3zm2 0v3h1v-3zm2 0v3h1v-3z'/></svg>")
}

.mdi--target {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M11 2v2.07A8 8 0 0 0 4.07 11H2v2h2.07A8 8 0 0 0 11 19.93V22h2v-2.07A8 8 0 0 0 19.93 13H22v-2h-2.07A8 8 0 0 0 13 4.07V2m-2 4.08V8h2V6.09c2.5.41 4.5 2.41 4.92 4.91H16v2h1.91c-.41 2.5-2.41 4.5-4.91 4.92V16h-2v1.91C8.5 17.5 6.5 15.5 6.08 13H8v-2H6.09C6.5 8.5 8.5 6.5 11 6.08M12 11a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1'/></svg>")
}

.mdi--lightbulb-on {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 6a6 6 0 0 1 6 6c0 2.22-1.21 4.16-3 5.2V19a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-1.8c-1.79-1.04-3-2.98-3-5.2a6 6 0 0 1 6-6m2 15v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1zm6-10h3v2h-3zM1 11h3v2H1zM13 1v3h-2V1zM4.92 3.5l2.13 2.14l-1.42 1.41L3.5 4.93zm12.03 2.13l2.12-2.13l1.43 1.43l-2.13 2.12z'/></svg>")
}

.mdi--order-alphabetical-ascending {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 5h10v2H12m0 12v-2h10v2m-10-8h10v2H12m-3 0v2l-3.33 4H9v2H3v-2l3.33-4H3v-2M7 3H5c-1.1 0-2 .9-2 2v6h2V9h2v2h2V5a2 2 0 0 0-2-2m0 4H5V5h2Z'/></svg>")
}

.mdi--magnify {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/></svg>")
}

.mdi--book-open-page-variant {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m19 2l-5 4.5v11l5-4.5zM6.5 5C4.55 5 2.45 5.4 1 6.5v14.66c0 .25.25.5.5.5c.1 0 .15-.07.25-.07c1.35-.65 3.3-1.09 4.75-1.09c1.95 0 4.05.4 5.5 1.5c1.35-.85 3.8-1.5 5.5-1.5c1.65 0 3.35.31 4.75 1.06c.1.05.15.03.25.03c.25 0 .5-.25.5-.5V6.5c-.6-.45-1.25-.75-2-1V19c-1.1-.35-2.3-.5-3.5-.5c-1.7 0-4.15.65-5.5 1.5V6.5C10.55 5.4 8.45 5 6.5 5'/></svg>")
}

.mdi--school {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 3L1 9l11 6l9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z'/></svg>")
}

.mdi--movie-open {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m20.84 2.18l-3.93.78l2.74 3.54l1.97-.4zm-6.87 1.36L12 3.93l2.75 3.53l1.96-.39zm-4.9.96l-1.97.41l2.75 3.53l1.96-.39zm-4.91 1l-.98.19a2 2 0 0 0-1.57 2.35L2 10l4.9-.97zM2 10v10a2 2 0 0 0 2 2h16c1.11 0 2-.89 2-2V10z'/></svg>")
}

.mdi--message-text {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2M6 9h12v2H6m8 3H6v-2h8m4-4H6V6h12'/></svg>")
}

.mdi--calendar-star {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14a2 2 0 0 0 2 2h14c1.11 0 2-.89 2-2V5a2 2 0 0 0-2-2h-1V1m-7.12 11H7.27l2.92 2.11l-1.11 3.45L12 15.43l2.92 2.13l-1.12-3.44L16.72 12h-3.6L12 8.56z'/></svg>")
}

.mdi--wallet {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M21 18v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v1h-9a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2m0-2h10V8H12m4 5.5a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5'/></svg>")
}

.mdi--food {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M18.06 23h1.66c.84 0 1.53-.65 1.63-1.47L23 5.05h-5V1h-1.97v4.05h-4.97l.3 2.34c1.71.47 3.31 1.32 4.27 2.26c1.44 1.42 2.43 2.89 2.43 5.29zM1 22v-1h15.03v1c0 .54-.45 1-1.03 1H2c-.55 0-1-.46-1-1m15.03-7C16.03 7 1 7 1 15zM1 17h15v2H1z'/></svg>")
}

.mdi--home {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z'/></svg>")
}

.mdi--code-tags {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6zm-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6z'/></svg>")
}

.mdi--heart {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z'/></svg>")
}

.mdi--map-marker {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/></svg>")
}

.mdi--medical-bag {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M10 3L8 5v2H5C3.85 7 3.12 8 3 9L2 19c-.12 1 .54 2 2 2h16c1.46 0 2.12-1 2-2L21 9c-.12-1-.94-2-2-2h-3V5l-2-2zm0 2h4v2h-4zm1 5h2v3h3v2h-3v3h-2v-3H8v-2h3z'/></svg>")
}

.mdi--music {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M21 3v12.5a3.5 3.5 0 0 1-3.5 3.5a3.5 3.5 0 0 1-3.5-3.5a3.5 3.5 0 0 1 3.5-3.5c.54 0 1.05.12 1.5.34V6.47L9 8.6v8.9A3.5 3.5 0 0 1 5.5 21A3.5 3.5 0 0 1 2 17.5A3.5 3.5 0 0 1 5.5 14c.54 0 1.05.12 1.5.34V6z'/></svg>")
}

.mdi--newspaper {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M20 11H4V8h16m0 7h-7v-2h7m0 6h-7v-2h7m-9 2H4v-6h7m9.33-8.33L18.67 3L17 4.67L15.33 3l-1.66 1.67L12 3l-1.67 1.67L8.67 3L7 4.67L5.33 3L3.67 4.67L2 3v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V3z'/></svg>")
}

.mdi--human-male-female-child {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M16 4c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2m4 18v-6h2.5L20 8.4c-.3-.8-1-1.4-1.9-1.4H18c-.9 0-1.6.6-1.9 1.4l-.9 2.6c1.1.6 1.8 1.7 1.8 3.1V22zm-7.5-10.5c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5S11 9.2 11 10s.7 1.5 1.5 1.5M5.5 6c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m2 16v-7H9V9c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v6h1.5v7zm6.5 0v-4h1v-4c0-.8-.7-1.5-1.5-1.5h-2c-.8 0-1.5.7-1.5 1.5v4h1v4z'/></svg>")
}

.mdi--account-cog {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M10 4a4 4 0 0 0-4 4a4 4 0 0 0 4 4a4 4 0 0 0 4-4a4 4 0 0 0-4-4m7 8a.26.26 0 0 0-.26.21l-.19 1.32c-.3.13-.59.29-.85.47l-1.24-.5c-.11 0-.24 0-.31.13l-1 1.73c-.06.11-.04.24.06.32l1.06.82a4.2 4.2 0 0 0 0 1l-1.06.82a.26.26 0 0 0-.06.32l1 1.73c.06.13.19.13.31.13l1.24-.5c.26.18.54.35.85.47l.19 1.32c.02.12.12.21.26.21h2c.11 0 .22-.09.24-.21l.19-1.32c.3-.13.57-.29.84-.47l1.23.5c.13 0 .26 0 .33-.13l1-1.73a.26.26 0 0 0-.06-.32l-1.07-.82c.02-.17.04-.33.04-.5s-.01-.33-.04-.5l1.06-.82a.26.26 0 0 0 .06-.32l-1-1.73c-.06-.13-.19-.13-.32-.13l-1.23.5c-.27-.18-.54-.35-.85-.47l-.19-1.32A.236.236 0 0 0 19 12zm-7 2c-4.42 0-8 1.79-8 4v2h9.68a7 7 0 0 1-.68-3a7 7 0 0 1 .64-2.91c-.53-.06-1.08-.09-1.64-.09m8 1.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5c-.84 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5'/></svg>")
}

.mdi--camera {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M4 4h3l2-2h6l2 2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m8 3a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m0 2a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3'/></svg>")
}

.mdi--chart-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m16 11.78l4.24-7.33l1.73 1l-5.23 9.05l-6.51-3.75L5.46 19H22v2H2V3h2v14.54L9.5 8z'/></svg>")
}

.mdi--shopping {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 13a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3a3 3 0 0 0 3-3h2a5 5 0 0 1-5 5m0-10a3 3 0 0 1 3 3H9a3 3 0 0 1 3-3m7 3h-2a5 5 0 0 0-5-5a5 5 0 0 0-5 5H5c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2'/></svg>")
}

.mdi--account-group {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 5.5A3.5 3.5 0 0 1 15.5 9a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 9A3.5 3.5 0 0 1 12 5.5M5 8c.56 0 1.08.15 1.53.42c-.15 1.43.27 2.85 1.13 3.96C7.16 13.34 6.16 14 5 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3m14 0a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-1.16 0-2.16-.66-2.66-1.62a5.54 5.54 0 0 0 1.13-3.96c.45-.27.97-.42 1.53-.42M5.5 18.25c0-2.07 2.91-3.75 6.5-3.75s6.5 1.68 6.5 3.75V20h-13zM0 20v-1.5c0-1.39 1.89-2.56 4.45-2.9c-.59.68-.95 1.62-.95 2.65V20zm24 0h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34 4.45 1.51 4.45 2.9z'/></svg>")
}

.mdi--trophy {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M18 2c-.9 0-2 1-2 2H8c0-1-1.1-2-2-2H2v9c0 1 1 2 2 2h2.2c.4 2 1.7 3.7 4.8 4v2.08C8 19.54 8 22 8 22h8s0-2.46-3-2.92V17c3.1-.3 4.4-2 4.8-4H20c1 0 2-1 2-2V2zM6 11H4V4h2zm14 0h-2V4h2z'/></svg>")
}

.mdi--wrench {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9c-2-2-5-2.4-7.4-1.3L9 6L6 9L1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4'/></svg>")
}

.mdi--airplane {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M20.56 3.91c.59.59.59 1.54 0 2.12l-3.89 3.89l2.12 9.19l-1.41 1.42l-3.88-7.43L9.6 17l.36 2.47l-1.07 1.06l-1.76-3.18l-3.19-1.77L5 14.5l2.5.37L11.37 11L3.94 7.09l1.42-1.41l9.19 2.12l3.89-3.89c.56-.58 1.56-.58 2.12 0'/></svg>")
}

.mdi--video {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11z'/></svg>")
}

.mdi--apple-icloud {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M22 15.04c0 2.19-1.76 3.96-3.93 3.96H5.93C3.76 19 2 17.23 2 15.04c0-1.97 1.43-3.6 3.31-3.9c-.03-.14-.04-.28-.04-.43c0-1.38 1.11-2.51 2.49-2.51c.61 0 1.18.23 1.61.6c.77-1.75 1.76-3.36 4.54-3.36c3.37 0 4.96 2.62 4.96 5.39c0 .11 0 .23-.01.34A3.95 3.95 0 0 1 22 15.04'/></svg>")
}

.mdi--tray-download {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2zm10 3l5.55-5.46l-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13L6.46 9.55z'/></svg>")
}

.mdi--view-grid-outline {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M3 11h8V3H3m2 2h4v4H5m8 12h8v-8h-8m2 2h4v4h-4M3 21h8v-8H3m2 2h4v4H5m8-16v8h8V3m-2 6h-4V5h4Z'/></svg>")
}

.mdi--gamepad-variant-outline {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M6 9h2v2h2v2H8v2H6v-2H4v-2h2zm12.5 0a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 18.5 9m-3 3a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5M17 5a7 7 0 0 1 7 7a7 7 0 0 1-7 7c-1.96 0-3.73-.8-5-2.1A6.96 6.96 0 0 1 7 19a7 7 0 0 1-7-7a7 7 0 0 1 7-7zM7 7a5 5 0 0 0-5 5a5 5 0 0 0 5 5c1.64 0 3.09-.79 4-2h2c.91 1.21 2.36 2 4 2a5 5 0 0 0 5-5a5 5 0 0 0-5-5z'/></svg>")
}

.mdi--layers-outline {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m12 18.54l7.37-5.74L21 14.07l-9 7l-9-7l1.62-1.26zM12 16L3 9l9-7l9 7zm0-11.47L6.26 9L12 13.47L17.74 9z'/></svg>")
}

.mdi--web {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2s.06-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.92 7.92 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8 8 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.7 15.7 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/></svg>")
}

.mdi--weather-sunny {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0-7l2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10l1.76-3.77a7.13 7.13 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10l-4.14.36c.59-.51 1.12-1.14 1.54-1.86c.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44c.82 0 1.63-.17 2.37-.44z'/></svg>")
}

.mdi--moon-and-stars {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m17.75 4.09l-2.53 1.94l.91 3.06l-2.63-1.81l-2.63 1.81l.91-3.06l-2.53-1.94L12.44 4l1.06-3l1.06 3zm3.5 6.91l-1.64 1.25l.59 1.98l-1.7-1.17l-1.7 1.17l.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85c-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14c.4-.4.82-.76 1.27-1.08c.75-.53 1.93.36 1.85 1.19c-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82c-2.81 3.14-2.7 7.96.31 10.98c3.02 3.01 7.84 3.12 10.98.31'/></svg>")
}

.mdi--house {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z'/></svg>")
}

.heroicons {
	width: 1em;
	height: 1em;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	background-color: currentColor;
	display: inline-block;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

.heroicons--bars-2 {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.75 9h16.5m-16.5 6.75h16.5'/></svg>")
}

:is(div, section):has(>ins.adsbygoogle[data-ad-status="unfilled"]) {
	display: none !important;
}

.adsHeight {
	width: 100%;
	height: 252px
}

@media (min-width:356px) {
	.adsHeight {
		width: 100%;
		height: 312px
	}
}

@media (min-width:748px) {
	.adsHeight {
		width: 100%;
		height: 280px
	}
}

.adSidebarHeight {
	width: 100%;
	height: 252px
}

@media (min-width:356px) {
	.adSidebarHeight {
		width: 100%;
		height: 312px
	}
}

@media (min-width:748px) {
	.adSidebarHeight {
		width: 100%;
		height: 600px
	}
}

.appcrazy {
	display: inline-block;
	width: 100%;
	text-align: right;
	font-size: 11px;
	margin-bottom: 0.5rem !important;
	font-weight: 500;
	text-transform: uppercase;
	color: #c8c7c7
}