@layer theme {
	:root {
		color-scheme: light dark;
		--body: light-dark(#fff, #1a1a1e);
		--text: light-dark(#6a6f79, #9f9faa);
		--emph: light-dark(#414651, #d1d1d6);
		--lead: light-dark(#0a0d12, #fff);
		--fore: light-dark(#f9fafb, #131316);
		--main: light-dark(#444ce7, #8098f9);
		--mute: light-dark(#f5f5f5, #26272b);
		--soft: light-dark(#e9eaeb, #3f3f46);
		--edge: light-dark(#d5d7da, #51525c);
		--deep: light-dark(#a4a7ae, #70707b);
		--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)18%);
		--seco: color-mix(in oklab, var(--main), var(--body)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;
		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(h1, h2, h3, h4, h5, h6) {
		text-wrap: balance
	}

	:where(button, [type=button], [type=submit]) {
		cursor: pointer;
		white-space: nowrap;
		background: 0 0;
		outline: none;
		flex-shrink: 0
	}

	p {
		text-wrap: pretty
	}

	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
	}

	hr {
		background: var(--soft);
		height: 1px
	}

	:where(input, select, textarea) {
		background: var(--body);
		border: 1px solid var(--edge);
		min-height: 2.5rem;
		color: var(--emph);
		border-radius: .5rem;
		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) {
			color: currentColor;
			background: color-mix(in oklab, var(--fail)6%, transparent);
			border-color: color-mix(in oklab, var(--fail)21%, transparent);

			&::placeholder {
				color: currentColor
			}

			&: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 {
	.cnt {
		width: min(100% - 3rem, var(--mw, 68.5rem));
		margin-inline: auto
	}

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

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

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

			&:before,
			&:after,
			& :where(.icn, .icb, .ica) {
				color: var(--ic-co-h)
			}
		}

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

		&[class*=-xs] {
			--wh: 1.5rem;
			--px: .625rem;
			--pv: .125rem;
			--fz: .75rem;
			--ic-fz: 1rem
		}

		&[class*=-sm] {
			--wh: 2rem;
			--px: .75rem;
			--fz: .875rem;
			--ic-fz: 1.25rem
		}

		&[class*=-lg] {
			--wh: 3rem;
			--px: 1rem;
			--fz: 1rem;
			--ic-fz: 1.5rem
		}

		&[class*=-xl] {
			--wh: 4rem;
			--px: 1rem;
			--fz: 1.125rem;
			--ic-fz: 1.75rem;
			--gp: .5rem
		}

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

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

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

			.dark & {
				--bg: var(--soft)
			}
		}

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

		.dark &[class*=-ghst] {
			--bg-h: var(--soft)
		}

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

	.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);
			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
		}

		& 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;

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

			@starting-style {
				opacity: 0
			}
		}
	}

	: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: 12rem
		}

		@media (width<=36rem) {
			& {
				margin-inline: -1.5rem;
				padding-inline: 1.5rem;
				border-radius: 0 !important
			}
		}
	}

	.ttl {
		color: var(--lead);
		font-size: var(--fz);
		font-weight: 600;

		section>& {
			--fz: 1.25rem;
			padding-block: .25rem
		}

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

		h1& {
			--fz: 1.75rem;
			line-height: 2.25rem
		}

		h3& {
			line-height: 1.25rem
		}

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

	.app {
		isolation: isolate;
		background: var(--body);
		position: relative;

		& .ico {
			max-width: 3.5rem
		}

		& .ico-lg {
			max-width: 7.5rem
		}

		&:hover {
			background: var(--seco);

			& .btn-soft-xs {
				--bg: var(--main);
				--co: var(--fore)
			}

			& .ttl {
				color: var(--main)
			}
		}

		& .str:before {
			opacity: .6
		}
	}

	.ctg {
		&:hover {
			background: var(--seco);

			& .ico {
				background: var(--body)
			}
		}

		& .ico {
			background: var(--seco);
			color: var(--main);
			width: 3rem
		}
	}

	[data-tabs] {
		display: contents
	}

	[data-tabs-cont] {
		&.actv {
			--di: grid
		}

		&>* {
			animation: .3s ease-in-out forwards fdiu;
			animation-delay: calc(var(--i)*70ms);
			opacity: 0
		}
	}

	@keyframes fdiu {
		0% {
			opacity: 0;
			transform: translateY(21%)scale(.95)
		}

		to {
			opacity: 1;
			transform: translateZ(0)scale(1)
		}
	}

	.tbnv {
		background: var(--mute);

		& .actv {
			--bg: var(--body);
			--co: var(--lead)
		}
	}

	.ymalk {
		padding-top: .5rem;

		& .ttl {
			margin: 0;

			& a {
				text-decoration: none
			}

			&:before {
				font-size: 1.5rem
			}

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

				& .btn-seco-xs {
					--bg: var(--main);
					--co: var(--fore)
				}
			}
		}

		& a {
			flex: 1
		}
	}
}

@layer tools {
	.mta {
		margin-top: auto
	}

	.-mx12 {
		margin-inline: -.75rem
	}

	[class*=pz] {
		padding: var(--pz)
	}

	.pz0 {
		--pz: 0
	}

	.pz4 {
		--pz: .25rem
	}

	.pz8 {
		--pz: .5rem
	}

	.pz12 {
		--pz: .75rem
	}

	.pz16 {
		--pz: 1rem
	}

	.pz24 {
		--pz: 1.5rem
	}

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

	.px0 {
		--px: 0
	}

	.px4 {
		--px: .25rem
	}

	.px8 {
		--px: .5rem
	}

	.px12 {
		--px: .75rem
	}

	.px16 {
		--px: 1rem
	}

	.px24 {
		--px: 1.5rem
	}

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

	.pv0 {
		--pv: 0
	}

	.pv4 {
		--pv: .25rem
	}

	.pv6 {
		--pv: .375rem
	}

	.pv8 {
		--pv: .5rem
	}

	.pv16 {
		--pv: 1rem
	}

	.pv24 {
		--pv: 1.5rem
	}

	.pv48 {
		--pv: 3rem
	}

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

	.fz10 {
		--fz: .625rem;
		line-height: .875rem
	}

	.fz12 {
		--fz: .75rem;
		line-height: 1rem
	}

	.fz14 {
		--fz: .875rem;
		line-height: 1.125rem
	}

	.fz16 {
		--fz: 1rem;
		line-height: 1.5rem
	}

	.fz18 {
		--fz: 1.125rem;
		line-height: 1.75rem
	}

	.fz20 {
		--fz: 1.25rem;
		line-height: 1.75rem
	}

	.fz24 {
		--fz: 1.5rem;
		line-height: 2rem
	}

	.fz32 {
		--fz: 2rem;
		line-height: 2.5rem
	}

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

	.gp0 {
		--gp: 0
	}

	.gp2 {
		--gp: .125rem
	}

	.gp4 {
		--gp: .25rem
	}

	.gp6 {
		--gp: .375rem
	}

	.gp8 {
		--gp: .5rem
	}

	.gp12 {
		--gp: .75rem
	}

	.gp16 {
		--gp: 1rem
	}

	.gp24 {
		--gp: 1.5rem
	}

	.gp32 {
		--gp: 2rem
	}

	.gp36 {
		--gp: 2.25rem
	}

	.gp48 {
		--gp: 3rem
	}

	.gpx24 {
		--gp: .75rem 1.5rem
	}

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

	.br8 {
		--br: .5rem
	}

	.br12 {
		--br: .75rem
	}

	.br16 {
		--br: 1rem
	}

	.br24 {
		--br: 1.5rem
	}

	.br32 {
		--br: 2rem
	}

	.brc {
		--br: 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
	}

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

	.pic {
		place-items: center
	}

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

	.dsb {
		--ds: block
	}

	.dsg {
		--ds: grid
	}

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

	.dsn {
		--ds: none
	}

	.dsf {
		--ds: flex
	}

	.dsl {
		--ds: inline
	}

	.dark .dark-dsn,
	[data-expa-open][aria-expanded=true] .dsb {
		--ds: none
	}

	.dark .dark-dsb,
	[data-expa-open][aria-expanded=true] .dsn {
		--ds: block
	}

	.dsn.actv {
		--ds: grid
	}

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

	.fdr {
		--fd: row
	}

	.fdc {
		--fd: column
	}

	[class*=va] {
		align-items: var(--va)
	}

	.vas {
		--va: start
	}

	.vac {
		--va: center
	}

	.vae {
		--va: end
	}

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

	.jcs {
		--jc: start
	}

	.jcn {
		--jc: center
	}

	.jce {
		--jc: end
	}

	.jcb {
		--jc: space-between
	}

	.jca {
		--jc: space-around
	}

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

	.tas {
		--ta: start
	}

	.tac {
		--ta: center
	}

	.tae {
		--ta: end
	}

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

	.ln1 {
		--ln: 1
	}

	.ln2 {
		--ln: 2
	}

	.ln3 {
		--ln: 3
	}

	.ln4 {
		--ln: 4
	}

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

	.ors {
		--or: -1
	}

	.ore {
		--or: 9
	}

	.psr {
		isolation: isolate;
		position: relative
	}

	.pss {
		position: static
	}

	.zi1 {
		z-index: 10
	}

	.zi2 {
		z-index: 20
	}

	.zi3 {
		z-index: 30
	}

	.tov {
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 100%;
		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
	}

	.arp {
		aspect-ratio: 9/16
	}

	.fwn {
		font-weight: 400
	}

	.fwm {
		font-weight: 500
	}

	.fws {
		font-weight: 600
	}

	.fwb {
		font-weight: 700
	}

	.fsi {
		font-style: italic
	}

	.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 {
		--bg: var(--body);
		position: sticky;
		top: 0;

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

		& .logo {
			color: var(--lead);

			&:before {
				color: var(--main)
			}

			&:after {
				background: var(--main)
			}
		}
	}

	.logo {
		text-transform: lowercase;

		&:before {
			font-size: 2.25rem
		}

		&:after {
			content: ".top";
			background: var(--text);
			color: var(--body);
			border-radius: 1rem;
			align-self: start;
			padding-inline: .25rem;
			font-size: .75rem;
			line-height: 1.25rem
		}
	}

	.bgcmute {
		background: var(--mute)
	}

	.bgcseco {
		background: var(--seco)
	}

	.clrmain {
		color: var(--main)
	}

	.anm,
	.anm-ico .ico {
		will-change: transform;
		backface-visibility: hidden;
		transition: transform .3s ease-out;
		transform: translateZ(0)
	}

	.anm:hover,
	.anm-ico:hover .ico {
		transform: scale(1.05)
	}

	.anmbxcn {
		margin: -1.5rem
	}

	.anmbx {
		margin-inline-start: -1.5rem
	}

	.anmbx2 {
		margin-inline-start: -4.25rem
	}

	.bdc {

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

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

		& a:hover {
			color: var(--emph);
			text-decoration: underline
		}

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

	.box {
		border: 1px solid var(--soft)
	}

	.e404 svg {
		color: var(--main);
		width: 1em;
		height: 1em;
		font-size: 6rem
	}

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

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

		&.lg {
			max-width: 666px;
			margin-inline: auto;

			& .icn {
				margin-inline-end: 1.25rem;
				font-size: 1.5rem
			}
		}
	}

	.rsl {
		color: var(--emph);

		& 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
	}

	[src*=loading\.webp],
	.load {
		background: var(--edge);
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%23000' stroke-dasharray='164.93361431346415 56.97787143782138' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E") 50%/2.5rem no-repeat
	}

	.sngl .ico {
		width: 5rem
	}

	.e404 {
		opacity: .1;
		font-size: 12rem;
		line-height: 1
	}

	.procon {
		& article {
			--proco: var(--safe);
			--procobg: color-mix(in oklab, var(--proco), var(--body)93%);

			& .pric {
				background: var(--procobg);
				width: 3rem;
				color: var(--proco)
			}

			& .typ {
				background: var(--procobg);
				align-self: start
			}

			&:last-of-type {
				--proco: var(--fail)
			}
		}
	}

	.app-cls {
		background: var(--seco);

		& img {
			margin: 0
		}

		& .ttl a {
			text-decoration: none
		}

		&:hover .btn-main-xs {
			--bg: var(--mark)
		}
	}

	.nws {
		flex-shrink: 0;
		align-items: center;
		gap: 1rem;

		&>figure {
			width: 6.6rem
		}

		&>div {
			flex: 1
		}

		& .arv {
			aspect-ratio: 1
		}

		& .ln3 {
			--ln: 2
		}
	}
}

@layer medias {
	@media (width>=30rem) {
		.xs-gc1 {
			--gc: 1
		}

		.xs-gc2 {
			--gc: 2
		}

		.xs-gc3 {
			--gc: 3
		}

		.xs-gc4 {
			--gc: 4
		}

		.xs-gc5 {
			--gc: 5
		}

		.xs-gc6 {
			--gc: 6
		}
	}

	@media (width>=39rem) {
		.sm-gc1 {
			--gc: 1
		}

		.sm-gc2 {
			--gc: 2
		}

		.sm-gc3 {
			--gc: 3
		}

		.sm-gc4 {
			--gc: 4
		}

		.sm-gc6 {
			--gc: 6
		}

		.sngl {
			& .ico {
				width: 7.5rem
			}

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

		[data-crsl] {
			border: 1px solid var(--soft);
			border-radius: .75rem;
			padding: 1rem
		}
	}

	@media (width>=48rem) {
		.md-gc1 {
			--gc: 1
		}

		.md-gc2 {
			--gc: 2
		}

		.md-gc3 {
			--gc: 3
		}

		.md-gc4 {
			--gc: 4
		}

		.md-gc6 {
			--gc: 6
		}

		.md-gc9 {
			--gc: 9
		}
	}

	@media (width<=60rem) {
		[data-expa-canv=menu] {
			inset-inline: 0;
			background: var(--body);
			border: 1px solid var(--soft);
			max-width: 15rem;
			max-height: calc(100vh - 6rem);
			box-shadow: 0 0 0 calc(100vh + 100vw)color-mix(in oklab, var(--text), transparent 36%);
			padding: .5rem;
			position: absolute;
			top: 4.5rem;
			overflow: auto;

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

			& .btn-ghst {
				--fz: 1.125rem;
				--wh: 2.5rem;
				--ic-fz: 1.5rem;
				--gp: .75rem
			}
		}

		[data-expa-canv=sbmn] {
			--pz: 0;
			transition: none
		}

		.hrb {
			border-top: 1px solid var(--soft);
			margin: 0 -.5rem;
			padding: .5rem .5rem 0
		}

		.bdc {
			order: 9
		}
	}

	@media (width>=60rem) {
		.lg-dsn {
			--ds: none
		}

		.lg-dsf,
		.lg-dsb {
			--ds: flex
		}

		.lg-fdc {
			--fd: column
		}

		.lg-fdr {
			--fd: row
		}

		.lg-tas {
			--ta: start
		}

		.lg-vas {
			--va: start
		}

		.lg-vae {
			--va: end
		}

		.lg-jcs {
			--jc: start
		}

		.lg-jce {
			--jc: end
		}

		.lg-gc1 {
			--gc: 1
		}

		.lg-gc2 {
			--gc: 2
		}

		.lg-gc3 {
			--gc: 3
		}

		.lg-gc4 {
			--gc: 4
		}

		.lg-gc6 {
			--gc: 6
		}

		.lg-gc12 {
			--gc: 12
		}

		[data-expa-canv=menu]>ul,
		.hrb {
			background: var(--mute);
			border-radius: .75rem;
			margin-inline-start: -.5rem;
			padding: .25rem;

			& .btn-ghst {
				--bg-h: var(--body)
			}
		}

		[data-expa-canv=menu] {
			opacity: 1;
			visibility: visible;
			display: flex;
			transform: scale(1);

			&>ul {
				margin-inline-start: .5rem;

				& .btn-ghst {
					padding-inline-start: .5rem
				}
			}
		}

		[data-expa-canv=sbmn] {
			top: 100%;
			border: 1px solid var(--soft);
			background: var(--body);
			width: 16rem;
			margin-top: .5rem;
			position: absolute;
			inset-inline-start: 0;

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

			&.lang {
				width: 12rem;
				inset-inline: auto 0
			}
		}

		.single {
			grid-template-columns: 1fr 336px;
			column-gap: 2rem
		}

		.sdbr {
			width: 336px
		}

		.bdc {
			padding-bottom: 0
		}
	}
}

@layer icons {

	.icn:not(.icb, .ica),
	.icb:before,
	.ica:after {
		width: 1em;
		height: 1em;
		mask: var(--svg)no-repeat center/100%;
		display: var(--ds);
		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
	}

	.logo:before {
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='%23000000' d='M18 0c9.941 0 18 8.059 18 18 0 5.889-2.828 11.117-7.2 14.401V16.357L17.572 5.4 7.2 16.357V27h12.939v-8.557h-4.171v4.487h-4.49v-4.487l6.094-6.782 7.057 6.782v16.296A17.95 17.95 0 0118 36C8.059 36 0 27.941 0 18S8.059 0 18 0z'/%3E%3C/svg%3E")
	}

	.icon-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")
	}
}

.ri {
	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
}

.ri--star-fill {
	--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.26l-7.053 3.948l1.575-7.928L.588 8.792l8.027-.952L12 .5l3.385 7.34l8.027.952l-5.934 5.488l1.575 7.928z'/></svg>")
}

.ri--arrow-right-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.172 11l-5.364-5.364l1.414-1.414L20 12l-7.778 7.778l-1.414-1.414L16.172 13H4v-2z'/></svg>")
}

.ri--search-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='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z'/></svg>")
}

.ri--palette-fill {
	--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 2c5.522 0 10 3.978 10 8.889a5.56 5.56 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667c0 .422.167.811.422 1.1c.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22C6.478 22 2 17.522 2 12S6.478 2 12 2M7.5 12a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m9 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M12 9a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/></svg>")
}

.ri--car-fill {
	--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 20H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9l2.513-6.702A2 2 0 0 1 6.386 4h11.228a2 2 0 0 1 1.873 1.298L22 12v9a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM4.136 12h15.728l-2.25-6H6.386zM6.5 17a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m11 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/></svg>")
}

.ri--user-5-fill {
	--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.39 16.539a8 8 0 1 1 9.221 0l2.083 4.76a.5.5 0 0 1-.459.701H5.765a.5.5 0 0 1-.459-.7zm.729-5.569a4.002 4.002 0 0 0 7.763 0l-1.941-.485a2 2 0 0 1-3.882 0z'/></svg>")
}

.ri--book-2-fill {
	--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 18H6a1 1 0 1 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16zm-5-9V7H8v2z'/></svg>")
}

.ri--briefcase-4-fill {
	--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 13v3h6v-3h7v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7zm2-2h2v3h-2zM7 5V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v5h-7V9H9v2H2V6a1 1 0 0 1 1-1zm2-2v2h6V3z'/></svg>")
}

.ri--brush-2-fill {
	--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.536 15.947l2.121-2.122l-3.182-3.182l3.536-3.535l-2.122-2.122l-3.535 3.536l-3.182-3.182L8.05 7.46zM13.354 5.693l2.828-2.828a1 1 0 0 1 1.414 0l3.536 3.536a1 1 0 0 1 0 1.414l-2.829 2.828l2.475 2.475a1 1 0 0 1 0 1.414L13 22.311a1 1 0 0 1-1.414 0l-9.9-9.9a1 1 0 0 1 0-1.414l7.779-7.778a1 1 0 0 1 1.414 0z'/></svg>")
}

.ri--pencil-ruler-2-fill {
	--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.636 12.707l1.829 1.829l1.414-1.415l-1.829-1.828l1.415-1.414l1.828 1.828l1.414-1.414L9.88 8.464l1.414-1.414l1.828 1.829l1.415-1.415l-1.829-1.828l2.829-2.828a1 1 0 0 1 1.414 0l4.243 4.242a1 1 0 0 1 0 1.414L8.465 21.192a1 1 0 0 1-1.415 0L2.808 16.95a1 1 0 0 1 0-1.414zm8.485 5.656l4.243-4.242L21 16.756V21h-4.242zM5.636 9.878L2.808 7.05a1 1 0 0 1 0-1.415l2.828-2.828a1 1 0 0 1 1.414 0l2.83 2.828z'/></svg>")
}

.ri--clapperboard-fill {
	--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.998 7l2.31-4h.7c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h3.006l-2.31 4h2.31l2.31-4h3.69l-2.31 4h2.31l2.31-4h3.69l-2.31 4z'/></svg>")
}

.ri--chat-3-fill {
	--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.291 20.824L2 22l1.176-5.291A9.96 9.96 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a9.96 9.96 0 0 1-4.709-1.176'/></svg>")
}

.ri--calendar-event-fill {
	--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 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2zM4 9v10h16V9zm2 4h5v4H6z'/></svg>")
}

.ri--coins-fill {
	--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.005 2.003a8 8 0 0 1 3.292 15.293A8 8 0 1 1 6.711 6.71a8 8 0 0 1 7.294-4.707m-3 7h-2v1a2.5 2.5 0 0 0-.164 4.995l.164.005h2l.09.008a.5.5 0 0 1 0 .984l-.09.008h-4v2h2v1h2v-1a2.5 2.5 0 0 0 .164-4.995l-.164-.005h-2l-.09-.008a.5.5 0 0 1 0-.984l.09-.008h4v-2h-2zm3-5A6 6 0 0 0 9.52 6.016a8 8 0 0 1 8.47 8.471a6 6 0 0 0-3.986-10.484'/></svg>")
}

.ri--restaurant-fill {
	--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 2v20h-2v-8h-3V7a5 5 0 0 1 5-5M9 13.9V22H7v-8.1A5 5 0 0 1 3 9V3h2v7h2V3h2v7h2V3h2v6a5 5 0 0 1-4 4.9'/></svg>")
}

.ri--home-2-fill {
	--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 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3z'/></svg>")
}

.ri--book-read-fill {
	--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 3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007zM12 5v14h8V5zm1 2h6v2h-6zm0 3h6v2h-6z'/></svg>")
}

.ri--leaf-fill {
	--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.998 3v2c0 9.627-5.373 14-12 14H7.096c.212-3.012 1.15-4.835 3.598-7.001c1.204-1.065 1.102-1.68.509-1.327C7.119 13.102 5.09 16.386 5 21.63l-.003.37h-2c0-1.363.116-2.6.346-3.732Q2.999 16.327 2.998 13c0-5.523 4.477-10 10-10c2 0 4 1 8 0'/></svg>")
}

.ri--map-pin-2-fill {
	--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.364 17.364L12 23.728l-6.364-6.364a9 9 0 1 1 12.728 0M12 13a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/></svg>")
}

.ri--stethoscope-fill {
	--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 3v2H6v4a4 4 0 0 0 8 0V5h-2V3h3a1 1 0 0 1 1 1v5a6 6 0 0 1-5 5.917V16.5a3.5 3.5 0 0 0 6.775 1.238a3 3 0 1 1 2.05.148A5.502 5.502 0 0 1 8.999 16.5v-1.583A6 6 0 0 1 4 9V4a1 1 0 0 1 1-1z'/></svg>")
}

.ri--music-2-fill {
	--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 3v14a4 4 0 1 1-2-3.465V6H9v11a4 4 0 1 1-2-3.465V3z'/></svg>")
}

.ri--newspaper-fill {
	--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 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h4v9a3 3 0 0 1-3 3m-1-10v7a1 1 0 1 0 2 0v-7zM5 6v6h6V6zm0 7v2h10v-2zm0 3v2h10v-2zm2-8h2v2H7z'/></svg>")
}

.ri--parent-fill {
	--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 11a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m10.5 4a4 4 0 1 1 0-8a4 4 0 0 1 0 8m0 1a4.5 4.5 0 0 1 4.5 4.5v.5h-9v-.5a4.5 4.5 0 0 1 4.5-4.5M7 12a5 5 0 0 1 5 5v4H2v-4a5 5 0 0 1 5-5'/></svg>")
}

.ri--camera-2-fill {
	--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 3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007zM12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0 2a5 5 0 1 0 0-10a5 5 0 0 0 0 10m6-12v2h2V5z'/></svg>")
}

.ri--file-list-3-fill {
	--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 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3m-1-5v2a1 1 0 1 0 2 0v-2zM6 7v2h8V7zm0 4v2h8v-2zm0 4v2h5v-2z'/></svg>")
}

.ri--shopping-bag-3-fill {
	--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.505 2h11a1 1 0 0 1 .8.4l2.7 3.6v15a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1V6l2.7-3.6a1 1 0 0 1 .8-.4m12 4l-1.5-2h-10l-1.5 2zm-9.5 4h-2v2a5 5 0 0 0 10 0v-2h-2v2a3 3 0 0 1-6 0z'/></svg>")
}

.ri--group-2-fill {
	--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 19.748V16.4c0-1.283.995-2.292 2.467-2.868A8.5 8.5 0 0 0 9.5 13c-1.89 0-3.636.617-5.047 1.66A8.02 8.02 0 0 0 10 19.748m8.88-3.662C18.485 15.553 17.17 15 15.5 15c-2.006 0-3.5.797-3.5 1.4V20a8 8 0 0 0 6.88-3.914M9.55 11.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m5.95 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10'/></svg>")
}

.ri--football-fill {
	--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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m1.67 14h-3.34l-1.38 1.897l.554 1.706A8 8 0 0 0 12 20c.871 0 1.71-.14 2.496-.397l.553-1.706zm-8.376-5.128l-1.292.938L4 12c0 1.73.549 3.331 1.482 4.64h1.91l1.323-1.82l-1.028-3.17zm13.412 0l-2.393.778l-1.028 3.17l1.322 1.82h1.91A7.96 7.96 0 0 0 20 12l-.003-.191zM14.29 4.333l-1.29.94V7.79l2.694 1.957l2.24-.727l.554-1.703a8 8 0 0 0-4.196-2.984m-4.582 0a8 8 0 0 0-4.196 2.985l.554 1.702l2.239.727L11 7.79V5.273z'/></svg>")
}

.ri--tools-fill {
	--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.33 3.272a3.5 3.5 0 0 1 4.472 4.473L20.647 18.59l-2.122 2.122L7.68 9.867a3.5 3.5 0 0 1-4.472-4.474L5.444 7.63a1.5 1.5 0 0 0 2.121-2.121zm10.367 1.883l3.182-1.768l1.414 1.415l-1.768 3.182l-1.768.353l-2.12 2.121l-1.415-1.414l2.121-2.121zm-7.071 7.778l2.121 2.122l-4.95 4.95A1.5 1.5 0 0 1 3.58 17.99l.097-.107z'/></svg>")
}

.ri--plane-fill {
	--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 8.947L22 14v2l-8-2.526v5.36l3 1.666V22l-4.5-1L8 22v-1.5l3-1.667v-5.36L3 16v-2l8-5.053V3.5a1.5 1.5 0 0 1 3 0z'/></svg>")
}

.ri--video-fill {
	--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 3.993C3 3.445 3.445 3 3.993 3h16.014c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.993.993 0 0 1 3 20.007zm7.622 4.422a.4.4 0 0 0-.622.332v6.506a.4.4 0 0 0 .622.332l4.879-3.252a.4.4 0 0 0 0-.666z'/></svg>")
}

.ri--cloud-windy-fill {
	--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 19v-3.993H2.074a8 8 0 1 1 14.383-6.908A5.5 5.5 0 1 1 17.5 19zm-8 2h10v2H6zm-4-4h10v2H2z'/></svg>")
}

.ri--sword-fill {
	--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.048 13.406l3.535 3.536l-1.413 1.414l1.415 1.415l-1.414 1.414l-2.475-2.475l-2.829 2.829l-1.414-1.414l2.829-2.83l-2.475-2.474l1.414-1.414l1.414 1.413zM3 3l3.546.003l11.817 11.818l1.415-1.414l1.415 1.414l-2.475 2.475l2.828 2.829l-1.414 1.414l-2.829-2.829l-2.474 2.475l-1.415-1.414l1.414-1.415L3.002 6.531zm14.457 0L21 3.003l.002 3.523l-4.053 4.052l-3.536-3.535z'/></svg>")
}

.ri--compass-3-fill {
	--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 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m4.5-14.5L10 10l-2.5 6.5L14 14zM12 13a1 1 0 1 1 0-2a1 1 0 0 1 0 2'/></svg>")
}

.ri--gamepad-fill {
	--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 4a6 6 0 0 1 6 6v4a6 6 0 0 1-6 6H7a6 6 0 0 1-6-6v-4a6 6 0 0 1 6-6zm-7 5H8v2H6v2h1.999L8 15h2l-.001-2H12v-2h-2zm8 4h-2v2h2zm-2-4h-2v2h2z'/></svg>")
}

.ri--chess-fill {
	--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 16h12.808c-.398-1.815-1.465-3.147-3.66-4.088a.46.46 0 0 1-.263-.568a.45.45 0 0 1 .476-.303l4.485.51a1 1 0 0 0 .98-.498l.827-1.445a1 1 0 0 0-.105-1.142L15.5 2.5V.287C9.336 2.84 5 8.913 5 16m-1 1h15v3h1v2H3v-2h1zM15 7a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/></svg>")
}

.ri--poker-spades-fill {
	--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.951 15.893A5.83 5.83 0 0 1 7.5 17C4.462 17 2 14.761 2 12c0-3.548 3.525-6.089 6.644-8.338C9.92 2.742 11.129 1.872 12 1c.871.871 2.08 1.742 3.356 2.662C18.476 5.911 22 8.452 22 12c0 2.761-2.462 5-5.5 5a5.83 5.83 0 0 1-3.451-1.107c.284 1.646 1.009 2.82 1.794 4.092l.369.602c.384.636-.087 1.413-.83 1.413H9.618c-.743 0-1.214-.777-.83-1.413l.369-.602c.785-1.272 1.51-2.446 1.794-4.092'/></svg>")
}

.ri--emotion-happy-fill {
	--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 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-5-9a5 5 0 0 0 10 0h-2a3 3 0 1 1-6 0zm1-2a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m8 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/></svg>")
}

.ri--graduation-cap-fill {
	--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 2L0 9l12 7l10-5.833V17.5h2V9zM3.999 13.49V18a9.99 9.99 0 0 0 8 4A9.99 9.99 0 0 0 20 18v-4.509l-8 4.667z'/></svg>")
}

.ri--music-fill {
	--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 13.535V3h8v3h-6v11a4 4 0 1 1-2-3.465'/></svg>")
}

.ri--puzzle-2-fill {
	--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 4a3 3 0 1 1 5.83 1H20a1 1 0 0 1 1 1v3.126a1 1 0 0 1-1.25.969a3 3 0 1 0 0 5.811a1 1 0 0 1 1.25.968V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4.17C8.06 4.687 8 4.35 8 4'/></svg>")
}

.ri--roadster-fill {
	--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 13.5V21a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7.5l-1.243-.31A1 1 0 0 1 0 12.22v-.72a.5.5 0 0 1 .5-.5h1.875l2.138-5.702A2 2 0 0 1 6.386 4h11.228a2 2 0 0 1 1.873 1.298L21.625 11H23.5a.5.5 0 0 1 .5.5v.72a1 1 0 0 1-.758.97zM4 15v2a1 1 0 0 0 1 1h3.245a.5.5 0 0 0 .44-.736Q7.476 15 4 15m16 0q-3.476 0-4.686 2.264a.5.5 0 0 0 .441.736H19a1 1 0 0 0 1-1zM6 6l-1.561 4.684A1 1 0 0 0 5.387 12h13.226a1 1 0 0 0 .948-1.316L18 6z'/></svg>")
}

.ri--shield-star-fill {
	--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.783 2.826L12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976M12 13.5l2.939 1.545l-.561-3.272l2.377-2.318l-3.285-.478L12 6l-1.47 2.977l-3.285.478l2.377 2.318l-.56 3.272z'/></svg>")
}

.ri--settings-3-fill {
	--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.954 2.21a10 10 0 0 1 4.09-.002A4 4 0 0 0 16 5.07a4 4 0 0 0 3.457.261A10 10 0 0 1 21.5 8.877a4 4 0 0 0-1.5 3.122c0 1.264.586 2.391 1.501 3.124a10 10 0 0 1-2.045 3.543a4 4 0 0 0-3.456.261a4 4 0 0 0-1.955 2.86a10 10 0 0 1-4.09.004A4 4 0 0 0 8 18.927a4 4 0 0 0-3.457-.26A10 10 0 0 1 2.5 15.121A4 4 0 0 0 4 11.999c0-1.264-.587-2.39-1.502-3.124a10 10 0 0 1 2.045-3.542A4 4 0 0 0 8 5.07a4 4 0 0 0 1.954-2.86M12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6'/></svg>")
}

.ri--stack-fill {
	--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.083 10.5l1.202.721a.5.5 0 0 1 0 .858L12 17.649l-9.285-5.57a.5.5 0 0 1 0-.858l1.202-.721L12 15.35zm0 4.7l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05zM12.514 1.309l8.771 5.262a.5.5 0 0 1 0 .858L12 12.999L2.715 7.43a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0'/></svg>")
}

.ri--questionnaire-fill {
	--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.455 19L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1zM11 14v2h2v-2zM8.567 8.813l1.962.393A1.5 1.5 0 1 1 12 11h-1v2h1a3.5 3.5 0 1 0-3.433-4.187'/></svg>")
}

.ri--font-size-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='black' d='M10 6v15H8V6H2V4h14v2zm8 8v7h-2v-7h-3v-2h8v2z'/></svg>")
}

.ri--arrow-left-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='M7.828 11H20v2H7.828l5.364 5.364l-1.414 1.414L4 12l7.778-7.778l1.414 1.414z'/></svg>")
}

.ri--arrow-left-s-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='m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z'/></svg>")
}

.ri--arrow-right-s-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='m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z'/></svg>")
}

.ri--apple-fill {
	--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.673 7.222c-.876 0-2.232-.996-3.66-.96c-1.884.024-3.612 1.092-4.584 2.784c-1.956 3.396-.504 8.412 1.404 11.172c.936 1.344 2.04 2.856 3.504 2.808c1.404-.06 1.932-.912 3.636-.912c1.692 0 2.172.912 3.66.876c1.512-.024 2.472-1.368 3.396-2.724c1.068-1.56 1.512-3.072 1.536-3.156c-.036-.012-2.94-1.128-2.976-4.488c-.024-2.808 2.292-4.152 2.4-4.212c-1.32-1.932-3.348-2.148-4.056-2.196c-1.848-.144-3.396 1.008-4.26 1.008m3.12-2.832c.78-.936 1.296-2.244 1.152-3.54c-1.116.048-2.46.744-3.264 1.68c-.72.828-1.344 2.16-1.176 3.432c1.236.096 2.508-.636 3.288-1.572'/></svg>")
}

.ri--corner-down-right-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='M5 14V5h2v7h10.172l-3.95-3.95l1.414-1.414L21 13l-6.364 6.364l-1.414-1.414l3.95-3.95z'/></svg>")
}

.ri--information-2-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='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-9.5V15h1v2h-4v-2h1v-2.5h-1v-2zm.5-2.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0'/></svg>")
}

.ri--emotion-happy-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='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-5-7h2a3 3 0 1 0 6 0h2a5 5 0 0 1-10 0m1-2a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m8 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3'/></svg>")
}

.ri--emotion-unhappy-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='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-5-3a5 5 0 0 1 10 0h-2a3 3 0 1 0-6 0zm1-6a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m8 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3'/></svg>")
}

.ri--menu-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='M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z'/></svg>")
}

.ri--close-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='m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z'/></svg>")
}

.ri--home-5-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='M13 19h6V9.978l-7-5.444l-7 5.444V19h6v-6h2zm8 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.223a1 1 0 0 1 1.228 0l8 6.223a1 1 0 0 1 .386.79z'/></svg>")
}

.ri--layout-grid-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='M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM11 13H4v6h7zm9 0h-7v6h7zm-9-8H4v6h7zm9 0h-7v6h7z'/></svg>")
}

.ri--archive-stack-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='M4 5h16V3H4zm16 4H4V7h16zM3 11h7v2h4v-2h7v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm13 2v2H8v-2H5v6h14v-6z'/></svg>")
}

.ri--news-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='M2 4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1v14h16V5zm2 2h6v6H6zm2 2v2h2V9zm6 0h4V7h-4zm4 4h-4v-2h4zM6 15v2h12v-2z'/></svg>")
}

.ri--code-s-slash-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='m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757zm6.96 9H7.66l6.552-18h2.128z'/></svg>")
}

.ri--global-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='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.01 8.01 0 0 0 5.648 6.667M10.03 13c.151 2.439.848 4.73 1.97 6.752A15.9 15.9 0 0 0 13.97 13zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.01 8.01 0 0 0 19.938 13M4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333A8.01 8.01 0 0 0 4.062 11m5.969 0h3.938A15.9 15.9 0 0 0 12 4.248A15.9 15.9 0 0 0 10.03 11m4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.01 8.01 0 0 0-5.648-6.667'/></svg>")
}

.ri--arrow-down-s-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='m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z'/></svg>")
}

.ri--arrow-up-s-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='m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z'/></svg>")
}

.ri--moon-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='M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12'/></svg>")
}

.ri--sun-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='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/></svg>")
}

.hugeicons {
	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
}

.hugeicons--aircraft-game {
	--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='M5.439 16.235q0-.393-.024-.752m0 0c-.142-2.172-.885-3.4-1.49-4.012c-1.046 1.058-3.46 5.294-.508 8.47l4.77-2.117q.143.579.348 1.148c.311.866.467 1.3.985 1.664c.517.364 1.089.364 2.232.364h.496c1.143 0 1.715 0 2.232-.364s.674-.797.985-1.664q.204-.57.348-1.149l4.77 2.118c2.953-3.176.538-7.412-.507-8.47c-.606.613-1.35 1.84-1.49 4.012m-13.171 0l1.098-.415c.609-.23.913-.345 1.087-.575s.205-.585.267-1.294C8.256 8.732 10.426 4.62 12 3c1.574 1.62 3.744 5.732 4.133 10.199c.062.71.093 1.064.267 1.294s.478.345 1.087.575l1.098.415m-.024.752q0-.393.024-.752M12 10v1m8-3V7m0-3V3M4 8V7m0-3V3'/></svg>")
}

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

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

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

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

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

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

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

.sideappd {
	width: 100%;
	display: flex;
	justify-content: center;
}

@media (min-width: 356px) {
	.sideappd {
		width: 100%;
		display: flex;
		justify-content: center;
	}
}

@media (min-width: 748px) {
	.sideappd {
		width: 100%;
		display: flex;
		justify-content: center;
	}
}

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