@layer theme {
	:root {
		color-scheme: light dark;
		--body: light-dark(#fff, #23232c);
		--text: light-dark(#72768e, #9898ae);
		--emph: light-dark(#495077, #b4b4cc);
		--lead: light-dark(#101322, #fff);
		--fore: light-dark(#f9fafb, #131316);
		--main: light-dark(#247a48, #52c682);
		--mute: light-dark(#f5f5fa, #1a1c22);
		--soft: light-dark(#eaecf5, #303143);
		--edge: light-dark(#d5d9ea, #53566c);
		--deep: light-dark(#b3b8da, #767a95);
		--fail: light-dark(#cd2a1e, #f15e64);
		--warn: light-dark(#f79009, #f0bc64);
		--safe: light-dark(#247a48, #52c682);
		--info: light-dark(#155eef, #84adff);
		--mark: color-mix(in oklab, var(--main), var(--lead)21%);
		--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 layout {

	.hdr,
	.ftr {
		--bb: var(--edge);
		background: linear-gradient(90deg, var(--body), var(--bb), var(--body))var(--bga)/100% 1px no-repeat;

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

	.hdr {
		--bga: bottom;
		z-index: 33;
		top: 0;
		position: sticky !important;

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

	[data-expa-open=menu][aria-expanded=true] {
		& .dfl {
			--di-: none
		}

		& .dno {
			--di-: flex
		}

		z-index:8;

		position:relative&:after {
			content: "";
			background: var(--emph);
			z-index: -1;
			opacity: .8;
			position: fixed;
			inset: 4.25rem 0 0
		}

		.dark &:after {
			background: var(--soft)
		}
	}

	.logo {
		color: var(--lead);
		text-transform: lowercase;
		font-size: 1.5rem;
		font-weight: 600;
		position: relative;

		&:before {
			color: var(--main);
			margin-inline-end: .5rem;
			font-size: 2.25rem
		}

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

	@media (width>=63rem) {
		.menu {
			--pd-: .125rem;
			background: var(--mute);
			margin-inline: .5rem;

			&+div {
				--pd-: 0
			}
		}
	}

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

	.ftr {
		--bga: top;
		margin-top: auto;

		& .logo:before {
			color: var(--text)
		}
	}

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

@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.5rem;
		--pb: .25rem;
		--pi: 1rem;
		--gp: .375rem;
		--br: .5rem;
		--fz: .875rem;
		--ic: 1.25rem;
		--jc: center;
		--di: inline-flex;
		--ic-c: currentColor;
		display: var(--di);
		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(--pb);
		padding-inline: var(--pi);
		font-weight: 500;
		line-height: 1.5rem;
		font-size: var(--fz);
		background: var(--bg);
		color: var(--co);
		box-shadow: 0 0 0 1px var(--bx);

		&:before,
		&:after,
		& .ico {
			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*=-seco] {
			--co: var(--main);
			--bg-h: var(--seco);
			--br: .25rem;
			--gp: .25rem
		}

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

		&[class*=-actv] {
			--bg: var(--body);
			--co: var(--lead);
			--ic-c: var(--main);
			box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;

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

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

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

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

		&[class*=-down] {
			--bg: var(--seco);
			--co: var(--main);
			--bx: var(--seco);
			--bg-h: var(--fore);
			box-shadow: inset 0 0 0 1px var(--bx), 0 2px 0 var(--bx), 0 2px 0 var(--bx);

			&:hover {
				--bx: var(--main)
			}
		}

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

			&:hover {
				text-decoration: none
			}
		}

		&[class*=_mc] {
			--wh: 1.5rem;
			--pi: .75rem;
			--pb: 0;
			--fz: .75rem;
			--ic: .875rem
		}

		&[class*=_xs] {
			--wh: 2rem;
			--pi: .75rem;
			--fz: .75rem
		}

		&[class*=_sm] {
			--wh: 2.25rem;
			--pi: .875rem;
			--fz: .875rem
		}

		&[class*=_lg] {
			--wh: 4rem;
			--pi: 1rem;
			--fz: 1.125rem;
			--ic: 2rem;
			--gp: .5rem
		}
	}

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

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

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

		& figure {
			z-index: 1;
			width: 5rem;
			height: 4rem;
			margin-bottom: -1rem;

			&:before {
				content: "";
				background: var(--edge);
				z-index: -1;
				border-radius: .75rem;
				grid-row-start: 1;
				grid-column-start: 1;
				width: 5rem;
				height: 5rem;
				margin-top: .5rem;
				margin-left: -.25rem;
				transform: rotate(-12deg)
			}
		}

		&:hover {
			background: var(--seco);
			box-shadow: inset 0 0 0 1px var(--seco)
		}

		&.fdc figure {
			margin-inline: auto
		}
	}

	.col {
		box-shadow: inset 0 0 0 1px var(--soft), 0 1px 0 var(--soft);

		& article {
			box-shadow: inset 0 1px var(--soft)
		}
	}

	.app {
		grid-template-rows: 1fr auto;
		grid-template-columns: 3.5rem 1fr;
		align-items: end;

		&:after {
			content: "";
			z-index: -1;
			background: linear-gradient(#0000, #000);
			grid-area: 1/1/-1/-1;
			height: 100%
		}

		& header {
			grid-row-start: 2;
			grid-column-start: 2;
			align-self: center;
			margin-block: .5rem;
			margin-inline-end: .5rem
		}

		& figure:has(.arv) {
			z-index: -1;
			grid-area: 1/1/-1/-1
		}

		& figure:has(.ars) {
			margin-block: .5rem;
			margin-inline-start: .5rem;
			grid-row-start: 2 !important;

			& img {
				box-shadow: 0 0 0 2px var(--lead)
			}
		}
	}

	.icat {
		background: linear-gradient(to bottom, var(--soft), var(--body));
		border-radius: 99rem;
		flex-shrink: 0;
		order: -1;
		grid-template-columns: 1fr;
		place-content: center;
		place-items: center;
		width: 3.25rem;
		height: 3.25rem;
		font-size: 1.5rem;
		display: grid;
		position: relative;

		&:before {
			content: "";
			z-index: 20;
			grid-area: 1/1;
			position: relative
		}

		&:after {
			content: "";
			border: 2px solid var(--body);
			background: linear-gradient(to bottom, var(--mute), var(--soft));
			width: 3rem;
			height: 3rem;
			box-sizing: inherit;
			border-radius: 99rem;
			grid-area: 1/1
		}
	}

	article:hover>span.btn-soft_xs {
		--bg: var(--main);
		--co: var(--fore)
	}

	nav.brc {
		color: var(--emph);
		grid-column: 1/-1;

		& a {
			color: var(--lead);

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

			&:before {
				margin-inline-end: .25rem;
				vertical-align: top;
				margin-top: .125rem;
				font-size: .875rem
			}
		}

		& span {
			vertical-align: top;
			margin-top: .25rem
		}
	}

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

		&[aria-hidden=false] {
			--op: 1;
			--vi: visible;
			--tr: scale(1);
			--di: flex;

			@starting-style {
				--op: 0;
				--tr: scale(.95)
			}
		}
	}

	@media (width<=63rem) {
		[data-expa-canv=menu] {
			--ai-: stretch;
			inset-inline: 0;
			z-index: 9;
			margin-top: 1rem;
			position: absolute;
			top: 100%
		}

		.menu,
		.menu+div {
			background: var(--mute);
			max-height: calc(100vh - 18rem);
			overflow: auto
		}
	}

	@media (width>=63rem) {
		[data-expa-canv=menu] {
			--op: 1;
			--vi: visible;
			--tr: scale(1);
			--di: flex
		}

		.lg_mnu {
			inset-inline-start: 0;
			background: var(--body);
			width: 12rem;
			box-shadow: 0 0 0 1px var(--soft), 0 2px 0 var(--soft);
			margin-top: .5rem;
			padding: .5rem;
			position: absolute;
			top: 100%;

			.ftr & {
				inset-inline: auto 0;
				margin-bottom: .5rem;
				top: auto;
				bottom: 100%
			}
		}

		.dark .lg_mnu {
			background: var(--soft)
		}
	}

	:where([data-expa], [data-crsl], article, .clk) {
		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
		}
	}

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

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

	[data-crsl-trck="9"] {
		margin-inline-start: -1rem;

		[data-crsl]:has(&) :where([data-crsl-prev], [data-crsl-next]) {
			margin-top: 2rem
		}

		&>* {
			width: 100%;
			min-width: 7rem;
			max-width: 11.1111%;
			padding-inline-start: 1rem
		}

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

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

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

	article.dfl.aic figure {
		width: 3rem
	}

	article.dfl.abx figure {
		width: 6rem
	}

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

		h1& {
			padding-block: .5rem;
			font-size: 1.875rem;
			line-height: 1.2
		}

		h2&,
		&:not(.srl)+[class*=btn] {
			text-transform: uppercase
		}

		h3& {
			font-size: .875rem
		}

		& span {
			text-transform: none;
			font-weight: 400
		}

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

		&:has(>a):hover {
			color: var(--main)
		}
	}

	.topn {
		counter-increment: topn;

		&:before {
			content: counter(topn);
			text-align: center;
			order: -96;
			min-width: 1rem;
			font-size: .875rem
		}
	}

	.sgl {
		& header {
			& p {
				color: var(--main);
				font-weight: 600;

				&:before {
					content: "•";
					font-weight: 900
				}

				& a:hover {
					text-decoration: underline
				}
			}
		}

		& .ttl {
			padding-block: 0;
			font-size: 1.5rem
		}

		& figure {
			width: 4rem
		}

		& dl {
			& div {
				margin-inline: auto;

				&:first-child {
					order: -1
				}

				&:last-child {
					order: 9
				}
			}

			& dd {
				font-weight: 600
			}

			&:before,
			&:after {
				content: "";
				background: var(--soft);
				width: 1px
			}
		}

		@media (width>=30rem) {
			& dl {
				--jc-: start
			}

			& dl div {
				--jc-: center;
				margin-inline: 0
			}
		}

		@media (width>=48rem) {
			& figure {
				width: 6rem
			}
		}

		@media (width<=63rem) {
			& figure {
				width: 5rem
			}
		}

		@media (width>=63rem) {
			& {
				grid-template-rows: auto 1fr;
				grid-template-columns: 1fr 6rem;
				align-items: start;
				display: grid !important;

				& figure {
					grid-row: 1/span 2;
					grid-column-start: 2;
					width: 6rem
				}
			}
		}
	}

	.abx {
		--bx: var(--soft);
		box-shadow: inset 0 0 0 1px var(--bx);

		&:hover {
			--bx: var(--edge)
		}

		& .ttl {
			text-transform: none
		}

		& .heroicons--star-solid {
			font-weight: 600
		}
	}

	.heroicons--star-solid:before {
		color: var(--warn);
		margin-top: -.125rem;
		font-size: .875rem
	}

	.down,
	.stv {
		box-shadow: inset 0 0 0 1px var(--soft)
	}

	.gcr9 article .ttl {
		text-transform: none;
		font-size: .875rem
	}

	.frm {
		width: 100%;
		max-width: 45rem;
		margin-inline: auto
	}

	.faq {
		& .typo {
			& h3 {
				margin-bottom: 0;
				font-size: 1rem
			}

			& p {
				margin-top: 0;
				font-size: .875rem
			}
		}
	}

	.fqic {
		color: var(--emph);
		opacity: .4;
		font-size: 3rem;
		line-height: 1
	}

	.src {
		& input {
			border-radius: 2rem;
			padding-inline-start: 2.5rem;
			font-size: 1.125rem
		}

		&>.ico {
			margin-inline-start: 1rem;
			font-size: 1.125rem
		}
	}

	.hro {
		padding-block: 3rem;

		& .ttl {
			padding-block: 0
		}

		& .src {
			max-width: 666px;
			margin-block: 1rem;
			margin-inline: auto;

			& input {
				min-height: 3rem;
				padding-inline-start: 3rem
			}

			&>.ico {
				margin-inline-start: 1rem;
				font-size: 1.25rem
			}
		}
	}

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

	.psr {
		isolation: isolate;
		position: relative
	}

	.nwbxim figure {
		width: 3rem
	}

	.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 {
			text-decoration: underline
		}
	}

	.prcns {
		& .stv {
			margin-top: 0
		}

		& ul,
		& li {
			margin: 0;
			padding: 0
		}

		& li:before {
			margin-top: .125rem;
			margin-inline-start: .125rem;
			font-size: 1.125rem
		}

		& .ttl.ttl-lin:after {
			background: currentColor
		}

		& .lsts:before,
		& .lsts:after,
		& .ttl:after,
		& .ico,
		& .icb:before {
			color: var(--safe)
		}

		& .ttl:after {
			opacity: .3
		}

		& .lsts:before,
		& .lsts:after {
			border-radius: inherit;
			z-index: -1;
			pointer-events: none;
			content: "";
			opacity: .03;
			background: currentColor;
			position: absolute;
			inset: 0
		}

		& .lsts:after {
			opacity: .1;
			z-index: 1;
			background: 0 0;
			border: 2px solid
		}

		& .lucide--star:before {
			color: var(--warn)
		}
	}

	.cons {
		--safe: var(--fail)
	}

	.ttl.ttl-lin {
		margin: 0;
		position: relative;

		& a {
			text-decoration: none
		}

		&:after {
			content: "";
			inset-inline-start: -3.5rem;
			background: var(--edge);
			width: 3px;
			height: 2rem;
			position: absolute;
			top: -.25rem
		}
	}

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

	.snglap {
		& .ttl {
			line-height: 1.2;

			& a {
				color: var(--lead);
				text-decoration: none
			}
		}

		& dl,
		& figure img {
			margin: 0
		}

		& .gtpl {
			grid-column: 1/-1;

			& .btn-soft_sm {
				--pi: 1.25rem;
				--ic: 1.125rem;
				--gp: .5rem
			}
		}

		&:hover .btn-soft_sm {
			--bg: var(--main);
			--co: var(--fore)
		}
	}

	.rltd {
		position: relative;

		& .btn-soft_mc {
			--bx: var(--seco);
			margin-top: .125rem;
			text-transform: none !important
		}

		& .ico {
			color: var(--main);
			margin-top: .063rem
		}

		& .ttl-lin {
			position: static;

			&:after {
				background: var(--main);
				opacity: .2;
				inset-inline-start: -1.5rem
			}
		}

		&:hover {
			& .ttl-lin {
				text-decoration: underline;

				&:after {
					opacity: .6
				}
			}

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

	[src*=loading\.webp],
	.loadr {
		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
	}
}

@layer tools {

	.pd0,
	.pd8,
	.pd16,
	.pd24 {
		padding: var(--pd-, var(--pd))
	}

	.pd0 {
		--pd: 0
	}

	.pd8 {
		--pd: .5rem
	}

	.pd16 {
		--pd: 1rem
	}

	.pd24 {
		--pd: 1.5rem
	}

	.pi0,
	.pi16,
	.pi24 {
		padding-inline: var(--pi-, var(--pi))
	}

	.pi0 {
		--pi: 0
	}

	.pi16 {
		--pi: 1rem
	}

	.pi24 {
		--pi: 1.5rem
	}

	.pb0,
	.pb8,
	.pb16 {
		padding-block: var(--pb-, var(--pb))
	}

	.pb0 {
		--pb: 0
	}

	.pb8 {
		--pb: .5rem
	}

	.pb16 {
		--pb: 1rem
	}

	.fz10,
	.fz12,
	.fz14,
	.fz16,
	.fz20,
	.fz24 {
		font-size: var(--fz-, var(--fz))
	}

	.fz10 {
		--fz: .625rem
	}

	.fz12 {
		--fz: .75rem
	}

	.fz14 {
		--fz: .875rem
	}

	.fz16 {
		--fz: 1rem
	}

	.fz20 {
		--fz: 1.25rem
	}

	.fz24 {
		--fz: 1.5rem
	}

	.gp4,
	.gp8,
	.gp12,
	.gp16,
	.gp24,
	.gp32,
	.gp36 {
		gap: var(--gp-, var(--gp))
	}

	.gp4 {
		--gp: .25rem
	}

	.gp8 {
		--gp: .5rem
	}

	.gp12 {
		--gp: .75rem
	}

	.gp16 {
		--gp: 1rem
	}

	.gp24 {
		--gp: 1.5rem
	}

	.gp32 {
		--gp: 2rem
	}

	.gp36 {
		--gp: 2.25rem
	}

	.brc,
	.br12,
	.br16,
	.br24 {
		border-radius: var(--br-, var(--br))
	}

	.brc {
		--br: 99rem
	}

	.br12 {
		--br: .75rem
	}

	.br16 {
		--br: 1rem
	}

	.br24 {
		--br: 1.5rem
	}

	.gc1,
	.gc2,
	.gc3,
	.gc4,
	.gc6,
	.gc9,
	.gcr1,
	.gcr2,
	.gcr3,
	.gcr4,
	.gcr5,
	.gcr6,
	.gcr9 {
		grid-template-columns: repeat(var(--gc, 1), 1fr);
		display: grid
	}

	.gc1 {
		--gc: 1
	}

	.gc2 {
		--gc: 2
	}

	.gc3,
	.gcr9 {
		--gc: 3
	}

	.gc4 {
		--gc: 4
	}

	.gc6 {
		--gc: 6
	}

	.gc9 {
		--gc: 3;

		@media (width>=48rem) and (width<63rem) {
			& {
				--gc: 6;

				& :nth-child(n+7) {
					--fd-: row;
					grid-column: span 2;
					align-items: center;

					& figure {
						width: 3rem
					}
				}
			}
		}

		@media (width>=63rem) {
			& {
				--gc: 9
			}
		}
	}

	@media (width>=30rem) {

		.gcr6,
		.gcr4 {
			--gc: 2
		}
	}

	@media (width>=40rem) {
		.gcr6 {
			--gc: 3
		}

		.gcr9 {
			--gc: 4
		}

		.gcr3 {
			--gc: 2
		}
	}

	@media (width>=48rem) {
		.gcr6 {
			--gc: 4
		}

		.gcr4,
		.gcr3 {
			--gc: 3
		}

		.gcr9 {
			--gc: 6
		}
	}

	@media (width>=63rem) {
		.gcr2 {
			--gc: 2
		}

		.gcr6 {
			--gc: 6
		}

		.gcr4 {
			--gc: 4
		}

		.gcr9 {
			--gc: 6
		}

		aside .gcr3 {
			--gc: 1
		}
	}

	.pic {
		place-items: center
	}

	.dbl,
	.dgr,
	.dno,
	.dfl,
	.dif {
		display: var(--di-, var(--di))
	}

	.dbl {
		--di: block
	}

	.dgr {
		--di: grid
	}

	.dif {
		--di: inline-flex
	}

	.dbl,
	.dark .dark_dbl {
		--di: block
	}

	.dno,
	.dark .dark_dno {
		--di: none
	}

	.dfl,
	.dark .dark_dfl {
		--di: flex
	}

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

	.fdr {
		--fd: row
	}

	.fdc {
		--fd: column
	}

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

	.tas {
		--ta: start
	}

	.tac {
		--ta: center
	}

	.tae {
		--ta: end
	}

	.lc1,
	.lc2,
	.lc3,
	.lc4 {
		-webkit-line-clamp: var(--lc-, var(--lc));
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden
	}

	.lc1 {
		--lc: 1
	}

	.lc2 {
		--lc: 2
	}

	.lc3 {
		--lc: 3
	}

	.lc4 {
		--lc: 4
	}

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

	.gs1 {
		grid-row-start: 1;
		grid-column-start: 1
	}

	.ovh {
		overflow: hidden
	}

	.fwp {
		flex-wrap: wrap
	}

	.fs0 {
		flex-shrink: 0
	}

	.fl1 {
		flex: 1
	}

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

	.ais {
		--ai: start
	}

	.aic {
		--ai: center
	}

	.aie {
		--ai: end
	}

	.ait {
		--ai: stretch
	}

	.jcs,
	.jcn,
	.jce,
	.jcb {
		justify-content: var(--jc-, var(--jc))
	}

	.jcs {
		--jc: start
	}

	.jcn {
		--jc: center
	}

	.jce {
		--jc: end
	}

	.jcb {
		--jc: space-between
	}

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

	.ors {
		--or: -1
	}

	.ore {
		--or: 9
	}

	.ofc,
	.obc {
		object-fit: cover
	}

	.ars {
		aspect-ratio: 1
	}

	.arv {
		aspect-ratio: 16/9
	}

	.arm {
		aspect-ratio: 9/16
	}

	.fwm {
		font-weight: 500
	}

	.fws {
		font-weight: 600
	}

	.fwb {
		font-weight: 700
	}

	.pen {
		pointer-events: none
	}

	.fil {
		width: 100%
	}

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

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

	.por {
		position: relative
	}

	.clstr-bx {
		padding-block: .5rem
	}

	.clstr {
		isolation: isolate;
		position: relative;

		& .ttl {
			margin: 0;
			line-height: 1.3
		}

		& a {
			color: var(--lead);
			text-decoration: none
		}

		& figure {
			width: 3rem;

			& img {
				margin: 0
			}
		}

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

		&:hover .btn-soft_xs {
			--bg: var(--main);
			--co: var(--fore)
		}
	}

	@media (width>=27rem) {
		.sm_tas {
			--ta: start
		}

		.sm_fdr {
			--fd: row
		}

		.sm_aic {
			--ai: center
		}
	}

	@media (width>=63rem) {
		.lg_dno {
			--di: none
		}

		.lg_dfl {
			--di: flex
		}

		.lg_fdc {
			--fd: column
		}

		.lg_fdr {
			--fd: row
		}

		.cols {
			grid-template-columns: 1fr 300px
		}

		.cols>aside {
			width: 300px
		}

		.menu {
			gap: .25rem;

			& a {
				padding-inline-start: .5rem
			}
		}
	}

	article.dfl.pst {
		padding: 1rem;

		& .ttl {
			font-size: 1.125rem
		}

		& figure {
			width: 9rem;

			@media (width<=40rem) {
				align-self: start;
				width: 6rem
			}
		}
	}

	.pstsng header h1 {
		font-size: 2rem
	}

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

	.icb:before,
	.ica:after {
		content: "";
		display: inline-flex
	}

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

	.lfl {
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='%232A8E53' d='M16.38 3.993c.354-.072.72-.072 1.074 0 .41.085.776.29 1.067.453l.08.044 8.568 4.762c.544.303.817.454.908.654.079.174.08.374 0 .55-.089.2-.36.352-.904.658l-3.105 1.747-11.95-6.64 3.115-1.73.08-.045c.29-.163.657-.368 1.066-.453z' opacity='.6'/%3E%3Cpath fill='%232A8E53' d='M9.373 7.747l11.967 6.649-3.9 2.193c-.19.107-.286.161-.387.182a.667.667 0 01-.272 0c-.1-.021-.196-.075-.387-.182l-9.733-5.475c-.544-.306-.815-.458-.905-.659a.667.667 0 01.001-.549c.091-.2.363-.351.908-.654l2.708-1.505zM14.002 31.65c.52.29.779.434.992.409a.666.666 0 00.464-.273c.126-.175.126-.473.126-1.07v-10.9c0-.227 0-.34-.034-.441a.665.665 0 00-.141-.242c-.072-.079-.171-.135-.37-.246L5.18 13.34c-.523-.294-.784-.44-.998-.416a.666.666 0 00-.465.272c-.126.174-.127.473-.127 1.07-.002 2.489-.006 6.941-.006 9.559v.096c-.001.352-.003.794.135 1.211.12.36.314.691.571.97.298.324.685.537.993.707l.085.046L14 31.651zM28.25 23.58a3.167 3.167 0 10-3.166 3.166c.85 0 1.62-.337 2.19-.883l.044-.048c.016-.016.033-.03.05-.045a3.153 3.153 0 00.882-2.19zm3 0c0 1.159-.32 2.242-.876 3.168l1.604 1.605.103.114a1.5 1.5 0 01-2.11 2.11l-.114-.103-1.605-1.604a6.167 6.167 0 112.998-5.29z'/%3E%3C/svg%3E")
	}
}

.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--star-solid {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006l5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527l1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354L7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273l-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

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

.lucide--download {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--mail {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--search {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--chevron-left {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E")
}

.lucide--chevron-right {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E")
}

.lucide--star {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E")
}

.lucide--circle-check {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--check {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
}

.lucide--circle-x {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9l-6 6m0-6l6 6'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--x {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
}

.lucide--info {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--circle-question-mark {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--meh {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 15h8M9 9h.01M15 9h.01'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--home {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--menu {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5h16M4 12h16M4 19h16'/%3E%3C/svg%3E")
}

.lucide--house {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--grip {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='19' cy='5' r='1'/%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3Ccircle cx='19' cy='19' r='1'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--gamepad-2 {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5'/%3E%3C/svg%3E")
}

.lucide--archive {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--newspaper {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 18h-5m8-4h-8m-6 8h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2'/%3E%3Crect width='8' height='4' x='10' y='6' rx='1'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--square-user-round {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 21a6 6 0 0 0-12 0'/%3E%3Ccircle cx='12' cy='11' r='4'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--globe {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--chevron-down {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E")
}

.lucide--sun {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")
}

.lucide--moon-star {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 5h4m-2-2v4m.985 5.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%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--palette-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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 2m-1.189 16.111a3.664 3.664 0 0 1 3.667-3.667h1.966A3.56 3.56 0 0 0 20 10.89C20 7.139 16.468 4 12 4a8 8 0 0 0-.676 15.972a3.65 3.65 0 0 1-.513-1.86M7.5 12a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m9 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3M12 9a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E")
}

.ri--car-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 20H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11l2.48-5.788A2 2 0 0 1 6.32 4h11.36a2 2 0 0 1 1.838 1.212L22 11v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zm1-7H4v5h16zM4.176 11h15.648l-2.143-5H6.32zM6.5 17a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m11 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E")
}

.ri--sparkling-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 4.438A2.437 2.437 0 0 0 16.438 2h1.125A2.437 2.437 0 0 0 20 4.438v1.125A2.437 2.437 0 0 0 17.563 8h-1.125A2.437 2.437 0 0 0 14 5.563zM1 11a6 6 0 0 0 6-6h2a6 6 0 0 0 6 6v2a6 6 0 0 0-6 6H7a6 6 0 0 0-6-6zm3.876 1A8.04 8.04 0 0 1 8 15.124A8.04 8.04 0 0 1 11.124 12A8.04 8.04 0 0 1 8 8.876A8.04 8.04 0 0 1 4.876 12m12.374 2A3.25 3.25 0 0 1 14 17.25v1.5A3.25 3.25 0 0 1 17.25 22h1.5A3.25 3.25 0 0 1 22 18.75v-1.5A3.25 3.25 0 0 1 18.75 14z'/%3E%3C/svg%3E")
}

.ri--book-open-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 21v2h-2v-2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a4 4 0 0 1 3 1.354A4 4 0 0 1 15 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm7-2V5h-5a2 2 0 0 0-2 2v12zm-9 0V7a2 2 0 0 0-2-2H4v14z'/%3E%3C/svg%3E")
}

.ri--briefcase-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zM4 16v3h16v-3zm0-2h16V7H4zM9 3v2h6V3zm2 8h2v2h-2z'/%3E%3C/svg%3E")
}

.ri--book-2-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 18H6a1 1 0 1 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16zM5 16.05q.243-.05.5-.05H19V4H5zM16 9H8V7h8z'/%3E%3C/svg%3E")
}

.ri--graduation-cap-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 11.333L0 9l12-7l12 7v8.5h-2v-7.333l-2 1.166v6.678l-.223.275A9.98 9.98 0 0 1 12 22a9.98 9.98 0 0 1-7.777-3.714L4 18.011zM6 12.5v4.792A7.98 7.98 0 0 0 12 20a7.98 7.98 0 0 0 6-2.708V12.5L12 16zM3.97 9L12 13.685L20.03 9L12 4.315z'/%3E%3C/svg%3E")
}

.ri--tv-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15.414 5h5.594c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1H2.992A.994.994 0 0 1 2 20V6c0-.552.455-1 .992-1h5.594L6.05 2.464L7.464 1.05L11.414 5h1.172l3.95-3.95l1.414 1.414zM4 7v12h16V7z'/%3E%3C/svg%3E")
}

.ri--message-3-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 8.994A5.99 5.99 0 0 1 8 3h8c3.313 0 6 2.695 6 5.994V21H8c-3.313 0-6-2.695-6-5.994zM20 19V8.994A4.004 4.004 0 0 0 16 5H8a3.99 3.99 0 0 0-4 3.994v6.012A4.004 4.004 0 0 0 8 19zm-6-8h2v2h-2zm-6 0h2v2H8z'/%3E%3C/svg%3E")
}

.ri--calendar-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1zm11 10H4v8h16zM7 5H4v4h16V5h-3v2h-2V5H9v2H7z'/%3E%3C/svg%3E")
}

.ri--wallet-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.005 7h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h15zm-14 2v10h16V9zm0-4v2h12V5zm11 8h3v2h-3z'/%3E%3C/svg%3E")
}

.ri--restaurant-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 2v20h-2v-7h-4V8a6 6 0 0 1 6-6m-2 2.53C18.17 5 17 6.17 17 8v5h2zM9 13.9V22H7v-8.1A5 5 0 0 1 3 9V3h2v7h2V3h2v7h2V3h2v6a5 5 0 0 1-4 4.9'/%3E%3C/svg%3E")
}

.ri--home-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 20a1 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.79zm-2-1V9.978l-7-5.444l-7 5.444V19z'/%3E%3C/svg%3E")
}

.ri--code-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m23 12l-7.071 7.071l-1.414-1.414L20.172 12l-5.657-5.657l1.414-1.414zM3.828 12l5.657 5.657l-1.414 1.414L1 12l7.071-7.071l1.414 1.414z'/%3E%3C/svg%3E")
}

.ri--heart-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.001 4.529a6 6 0 0 1 8.242.228a6 6 0 0 1 .236 8.236l-8.48 8.492l-8.478-8.492a6 6 0 0 1 8.48-8.464m6.826 1.641a4 4 0 0 0-5.49-.153l-1.335 1.198l-1.336-1.197a4 4 0 0 0-5.686 5.605L12 18.654l7.02-7.03a4 4 0 0 0-.193-5.454'/%3E%3C/svg%3E")
}

.ri--map-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m2 5l7-3l6 3l6.303-2.701a.5.5 0 0 1 .697.46V19l-7 3l-6-3l-6.303 2.701a.5.5 0 0 1-.697-.46zm12.935 2.204l-6-3L4 6.319v12.648l5.065-2.17l6 3L20 17.68V5.033z'/%3E%3C/svg%3E")
}

.ri--stethoscope-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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-1zm11 11a1 1 0 1 0 0 2a1 1 0 0 0 0-2'/%3E%3C/svg%3E")
}

.ri--music-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 13.535V3h8v2h-6v12a4 4 0 1 1-2-3.465M10 19a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/svg%3E")
}

.ri--newspaper-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 20V4H4v15a1 1 0 0 0 1 1zm3 2H5a3 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-7zM6 6h6v6H6zm2 2v2h2V8zm-2 5h8v2H6zm0 3h8v2H6z'/%3E%3C/svg%3E")
}

.ri--parent-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 9a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m0 2a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m10.5 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 2a4 4 0 1 1 0-8a4 4 0 0 1 0 8m2.5 6v-.5a2.5 2.5 0 0 0-5 0v.5h-2v-.5a4.5 4.5 0 1 1 9 0v.5zm-10 0v-4a3 3 0 1 0-6 0v4H2v-4a5 5 0 0 1 10 0v4z'/%3E%3C/svg%3E")
}

.ri--smartphone-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 4v16h10V4zM6 2h12a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1m6 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2'/%3E%3C/svg%3E")
}

.ri--camera-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m9.828 5l-2 2H4v12h16V7h-3.828l-2-2zM9 3h6l2 2h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4zm3 15a5.5 5.5 0 1 1 0-11a5.5 5.5 0 0 1 0 11m0-2a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7'/%3E%3C/svg%3E")
}

.ri--flashlight-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 9h8L11 24v-9H4l9-15zm-2 2V7.22L7.532 13H13v4.394L17.263 11z'/%3E%3C/svg%3E")
}

.ri--shopping-bag-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.005 8V6a5 5 0 0 1 10 0v2h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1zm0 2h-2v10h14V10h-2v2h-2v-2h-6v2h-2zm2-2h6V6a3 3 0 0 0-6 0z'/%3E%3C/svg%3E")
}

.ri--group-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 22a8 8 0 1 1 16 0h-2a6 6 0 0 0-12 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m8.284 3.703A8 8 0 0 1 23 22h-2a6 6 0 0 0-3.537-5.473zm-.688-11.29A5.5 5.5 0 0 1 21 8.5a5.5 5.5 0 0 1-5 5.478v-2.013a3.5 3.5 0 0 0 1.041-6.609z'/%3E%3C/svg%3E")
}

.ri--trophy-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.005 16.94v2.063h5v2h-12v-2h5V16.94a8 8 0 0 1-7-7.938v-6h16v6a8 8 0 0 1-7 7.938m-7-11.937v4a6 6 0 1 0 12 0v-4zm-5 0h2v4h-2zm20 0h2v4h-2z'/%3E%3C/svg%3E")
}

.ri--tools-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.33 3.272a3.5 3.5 0 0 1 4.254 4.962l10.709 10.71l-1.414 1.414l-10.71-10.71a3.502 3.502 0 0 1-4.962-4.255L5.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-6.718 8.132l1.415 1.414l-5.304 5.303a1 1 0 0 1-1.492-1.327l.078-.087z'/%3E%3C/svg%3E")
}

.ri--plane-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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'/%3E%3C/svg%3E")
}

.ri--video-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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.007zM5 5v14h14V5zm5.622 3.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332'/%3E%3C/svg%3E")
}

.ri--rainy-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 18v-2h1a4 4 0 1 0-2.157-7.37A6 6 0 1 0 8 15.917v2.022A8.001 8.001 0 0 1 9 2a8 8 0 0 1 6.98 4.087A6 6 0 1 1 17 18zm-5.768.732L12 16.965l1.768 1.767a2.5 2.5 0 1 1-3.536 0'/%3E%3C/svg%3E")
}

.ri--sword-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.456 3L21 3.003l.002 3.523l-5.467 5.466l2.828 2.829l1.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.415l-2.829-2.828l-2.828 2.828l1.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.413l2.827-2.828l-5.46-5.46L2.999 3l3.546.003l5.453 5.454zm-7.58 10.406l-2.828 2.828l.708.707l2.827-2.828zM19 5.001h-.717l-4.87 4.869l.706.707L19 5.698zm-14 0v.7l11.241 11.241l.707-.707L5.715 5.002z'/%3E%3C/svg%3E")
}

.ri--compass-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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 16m3.5-11.5l-2 5l-5 2l2-5z'/%3E%3C/svg%3E")
}

.ri--gamepad-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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-6zm0 2H7a4 4 0 0 0-3.995 3.8L3 10v4a4 4 0 0 0 3.8 3.995L7 18h10a4 4 0 0 0 3.995-3.8L21 14v-4a4 4 0 0 0-3.8-3.995zm-7 3v2h2v2H9.999L10 15H8l-.001-2H6v-2h2V9zm8 4v2h-2v-2zm-2-4v2h-2V9z'/%3E%3C/svg%3E")
}

.ri--grid-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 10h-4v4h4zm2 0v4h3v-4zm-2 9v-3h-4v3zm2 0h3v-3h-3zM14 5h-4v3h4zm2 0v3h3V5zm-8 5H5v4h3zm0 9v-3H5v3zM8 5H5v3h3zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1'/%3E%3C/svg%3E")
}

.ri--emotion-happy-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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'/%3E%3C/svg%3E")
}

.ri--school-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 .586l6 6V9h4v10h1v2H1v-2h1V9h4V6.586zM18 19h2v-8h-2zM6 11H4v8h2zm2-3.586V19h3v-7h2v7h3V7.414l-4-4z'/%3E%3C/svg%3E")
}

.ri--headphone-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4a8 8 0 0 0-8 8h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7C2 6.477 6.477 2 12 2s10 4.477 10 10v7a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3a8 8 0 0 0-8-8M4 14v5h3v-5zm13 0v5h3v-5z'/%3E%3C/svg%3E")
}

.ri--puzzle-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5a4 4 0 1 1 8 0h3a1 1 0 0 1 1 1v3a4 4 0 0 1 0 8v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4-2a2 2 0 0 0-1.886 2.667A1 1 0 0 1 8.17 7H5v12h12v-3.17a1 1 0 0 1 1.333-.944Q18.646 15 19 15a2 2 0 1 0-.667-3.886A1 1 0 0 1 17 10.17V7h-3.17a1 1 0 0 1-.944-1.333Q13 5.355 13 5a2 2 0 0 0-2-2'/%3E%3C/svg%3E")
}

.ri--flag-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.382 3a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3zm-.618 2H5v9h8.236l1 2H19V7h-6.236z'/%3E%3C/svg%3E")
}

.ri--cpu-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 18h12V6H6zm8 2h-4v2H8v-2H5a1 1 0 0 1-1-1v-3H2v-2h2v-4H2V8h2V5a1 1 0 0 1 1-1h3V2h2v2h4V2h2v2h3a1 1 0 0 1 1 1v3h2v2h-2v4h2v2h-2v3a1 1 0 0 1-1 1h-3v2h-2zM8 8h8v8H8z'/%3E%3C/svg%3E")
}

.ri--focus-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 9.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16'/%3E%3C/svg%3E")
}

.ri--lightbulb-line {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.973 18H11v-5h2v5h1.027c.132-1.202.745-2.193 1.74-3.277c.113-.122.832-.867.917-.973a6 6 0 1 0-9.37-.002c.086.107.807.853.918.974c.996 1.084 1.609 2.076 1.741 3.278M10 20v1h4v-1zm-4.246-5a8 8 0 1 1 12.49.002C17.624 15.774 16 17 16 18.5V21a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2.5C8 17 6.375 15.774 5.754 15'/%3E%3C/svg%3E")
}

.ri--text {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 6v15h-2V6H5V4h14v2z'/%3E%3C/svg%3E")
}

.ri--apple-fill {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath 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'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

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