:root {
	color-scheme: light dark;
	--body: light-dark(#fff, #171717);
	--text: light-dark(#4b4b54, #a1a1aa);
	--emph: light-dark(#4a5157, #949494);
	--lead: light-dark(#000, #fff);
	--subs: light-dark(#4a5157, #949494);
	--fore: light-dark(#fff, #000);
	--main: light-dark(#3c5afd, #768bff);
	--mute: light-dark(#f5f5f5, #202020);
	--soft: light-dark(#e3e3e3, #2d2d2d);
	--edge: light-dark(#d6d6d6, #3b3b3b);
	--deep: light-dark(#bfbfbf, #484848);
	--fail: light-dark(#ec3e68, #f87171);
	--warn: light-dark(#d68100, #ffdb59);
	--safe: light-dark(#03875e, #34d399);
	--info: light-dark(#0d71cd, #22d3ee);
	--main-over: color-mix(in oklab, var(--main), var(--lead)20%);
	--main-soft: color-mix(in oklab, var(--main), transparent 93%);
	--safe-over: color-mix(in oklab, var(--safe), var(--lead)20%);
	--safe-soft: color-mix(in oklab, var(--safe), transparent 93%);
	--lead-soft: color-mix(in oklab, var(--lead), transparent 81%)
}

.lght {
	color-scheme: light
}

.dark {
	color-scheme: dark
}

*,
:before,
:after {
	box-sizing: border-box;
	border: 0 solid #0000;
	min-width: 0;
	margin: 0;
	padding: 0
}

html {
	scroll-behavior: smooth;
	font-family: system-ui, sans-serif
}

body {
	background: var(--body);
	min-height: 100svh;
	color: var(--text);
	flex-direction: column;
	font-size: .875rem;
	line-height: 1.25rem;
	display: flex;
	overflow-x: clip
}

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

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

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

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

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

summary {
	user-select: none;

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

li {
	list-style: none
}

address {
	font-style: normal
}

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

.hedr {
	background: var(--body);
	z-index: 33;
	padding-block: 1rem;
	position: sticky;
	top: 0;

	& .menu {
		--tr: translateX(-100%);

		&[aria-hidden=false] {
			--tr: translateX(0);

			@starting-style {
				--tr: translateX(-100%)
			}
		}

		@media (width<=64rem) {
			background: var(--body);
			z-index: 9;
			width: 20rem;
			max-height: 100%;
			padding: 1rem;
			position: fixed;
			inset-block: 0;
			inset-inline-start: 0;

			overflow:auto& nav {
				margin-top: 1rem
			}
		}

		@media (width>=64rem) {
			--tr: translateX(0);

			margin-inline: auto 0;

			[data-expa-canv=menu] {
				top: 100%;
				background: var(--body);
				z-index: 10;
				border-width: 1px 1px 2px;
				border-color: var(--soft);
				border-radius: .75rem;
				min-width: 17rem;
				margin-top: .5rem;
				padding: .5rem;
				position: absolute;
				inset-inline-start: 50%;
				transform: translate(-50%);

				& .list {
					max-height: 12.6rem;
					overflow: auto
				}
			}
		}
	}

	@media (width<=64rem) {
		&:has([aria-hidden=false].menu):before {
			content: "";
			background: var(--soft);
			z-index: 8;
			opacity: .6;
			position: fixed;
			inset: 0
		}
	}
}

.dark [data-thme] {
	& .di-fl {
		--di: none
	}

	& .di-no {
		--di: flex
	}
}

.logo {
	color: var(--lead);
	height: 2.25rem;
	font-size: 1.5rem;
	font-weight: 700;
	display: flex;

	&:before {
		color: var(--main);
		font-size: 2.25rem
	}
}

.site {
	gap: 1rem 4rem;

	& main {
		&:last-child {
			grid-column: 1/-1
		}
	}

	@media (width>=64rem) {
		grid-template-columns: 1fr 300px
	}
}

:where([class*=ap-]) {
	isolation: isolate;
	position: relative;

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

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

	& header p {
		line-height: 1rem
	}

	& .thmb img {
		box-shadow: 0 0 0 1px var(--soft)
	}

	&[class*="-01"] {
		width: 21.5rem;
		color: var(--lead);
		grid-template-rows: 1fr auto;
		grid-template-columns: auto 1fr auto;

		@media (width>=64rem) {
			width: 33.3333%
		}

		&:after {
			content: "";
			background: linear-gradient(transparent, color-mix(in oklab, var(--fore), transparent 20%));
			z-index: 2;
			backdrop-filter: blur(8px);
			opacity: .8;
			border-radius: 0 0 1rem 1rem;
			grid-area: 2/1/auto/-1
		}

		& .bckd {
			z-index: -1;
			grid-area: 1/1/-1/-1
		}

		& .thmb {
			z-index: 3;
			grid-area: 2/1;
			margin-block: .75rem;
			margin-inline-start: .75rem
		}

		& header {
			z-index: 3;
			grid-area: 2/2;
			align-self: center;
			margin-block: .75rem;
			margin-inline-end: .5rem
		}

		& [class*=bttn] {
			z-index: 3;
			backdrop-filter: blur(8px);
			background: color-mix(in oklab, var(--lead), transparent 71%);
			color: var(--lead);
			grid-area: 2/3;
			align-self: center;
			margin-inline-end: .75rem;

			&:hover {
				background: var(--lead);
				color: var(--fore)
			}
		}

		& .titl>a:after {
			inset-inline: 0 .5rem
		}
	}

	&[class*="-02"] {
		box-shadow: inset 0 0 0 1px var(--soft);
		grid-template-columns: 4rem 1fr auto;
		align-items: center;
		padding: .75rem;

		& header {
			& [class*=bttn] {
				inset-inline-start: 0;
				opacity: 0;
				margin-bottom: -2rem;
				position: absolute;
				bottom: 0
			}

			& [class*=bttn],
			& span {
				transition: all .3s
			}

			& p {
				position: relative;
				overflow: hidden
			}
		}

		&>[class*=bttn] {
			padding: 0
		}

		&:hover {
			background: var(--main-soft);
			box-shadow: inset 0 0 0 1px var(--main-soft), inset 0 0 0 1px var(--main-soft);

			& header {
				& span {
					opacity: 0
				}

				& [class*=bttn] {
					opacity: 1;
					margin-bottom: 0
				}
			}

			& .titl {
				color: var(--main-over)
			}

			&>[class*=bttn] {
				background-color: var(--main);
				color: var(--fore)
			}
		}
	}

	&[class*="-021"] {
		box-shadow: inset 0 0 0 1px var(--soft);
		text-align: center;
		grid-template-columns: 1fr;
		padding: 1rem;

		& .thmb {
			width: 100%;
			max-width: 9rem;
			margin-inline: auto
		}

		& header p span {
			margin-inline: auto
		}

		& [class*=bttn] {
			width: fit-content;
			inset-inline: 0
		}
	}

	&[class*="-022"] {
		box-shadow: none;

		.di-gr:has(>&) {
			margin-inline: -.75rem
		}
	}

	&[class*="-023"] {
		gap: .75rem;

		& .thmb {
			background-color: var(--main-soft);
			width: 3rem;
			height: 3rem;
			color: var(--main-over);
			place-content: center;
			font-size: 1.5rem;
			display: grid
		}

		& .titl {
			margin-bottom: .125rem;
			font-weight: 600
		}

		& [class*=bttn] {
			gap: .25rem;
			padding-inline: .75rem .25rem
		}

		&:hover {
			& .thmb {
				background-color: var(--main);
				color: var(--fore)
			}
		}
	}
}

.lkct [class*=bttn] {
	color: var(--lead);
	grid-template-columns: 2.5rem 1fr;
	gap: .5rem;
	margin-block: 1px;
	padding: .25rem;
	padding-inline-end: 1rem;
	display: inline-grid;

	&:before,
	&:after {
		color: var(--main);
		grid-row-start: 1;
		grid-column-start: 1;
		font-size: 1.5rem
	}

	&:before {
		margin-inline-start: .5rem
	}

	&:after {
		background: var(--main);
		content: "";
		opacity: .1;
		border-radius: 2.5rem;
		width: 2.5rem;
		height: 2.5rem
	}

	&:hover {
		--edge: var(--main);
		background: var(--main-soft);
		box-shadow: inset 0 0 0 1px var(--main);
		color: var(--main-over);

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

		&:after {
			opacity: 1
		}
	}
}

[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)
	}
}

section {
	&>.titl {
		color: var(--lead);
		font-size: 1.25rem;
		font-weight: 600;
		line-height: 1.75rem;

		&:has(span) {
			font-weight: 400;

			& span {
				font-weight: 600
			}
		}

		.page & {
			font-size: 1.75rem;
			line-height: 2.75rem
		}
	}

	&:has([data-tabs]) {
		--di: grid;
		grid-template-columns: auto 1fr;

		& [data-tabs] {
			display: contents;

			& [data-tabs-cont] {
				grid-column: 1/-1
			}
		}
	}
}

.tbnv button {
	border-bottom-width: 2px;
	margin-top: -2px;

	&:hover {
		background: 0 0
	}

	&.actv {
		color: var(--main);
		border-color: var(--main);
		border-radius: 0
	}
}

.faqs>.typo {
	box-shadow: inset 0 0 0 1px var(--soft);
	padding: 1.5rem;

	& h3 {
		margin-bottom: .5rem;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.5rem
	}

	& p {
		line-height: 1.5rem
	}
}

.prco {
	& article {
		background: color-mix(in oklab, var(--safe), transparent 93%);
		padding: 1.5rem;

		& header:after {
			color: var(--safe);
			font-size: 1.5rem
		}

		& .titl {
			color: var(--lead);
			font-size: 1.125rem;
			font-weight: 600
		}

		& li:before {
			color: var(--safe);
			font-size: 1.25rem
		}

		&+article {
			--safe: var(--fail)
		}
	}
}

.ap-sngl {
	& .thmb {
		width: 5rem
	}

	& .titl {
		font-size: 1.25rem;
		font-weight: 600;
		line-height: 1.75rem
	}

	@media (width>=64rem) {
		& .titl {
			font-size: 1.875rem;
			line-height: 2.25rem
		}

		& .thmb {
			width: 7rem
		}
	}
}

[class*=bttn].dwnl {
	--ic: 1.625rem;
	--br: var(--soft);
	box-shadow: inset 0 0 0 1px var(--br), 0 1px 0 1px var(--br);
	background: linear-gradient(var(--body)50%, var(--mute));
	text-align: start;
	color: var(--lead);
	border-radius: 1rem;
	grid-template-columns: 2.5rem 1fr;
	justify-content: start;
	gap: .75rem;
	padding: .75rem;
	font-weight: 600;
	display: grid;

	&:before {
		color: var(--fore);
		grid-row-start: 1;
		grid-column-start: 1;
		margin-inline-start: .5rem
	}

	&:after {
		content: "";
		background-color: var(--main);
		border-radius: .75rem;
		grid-row-start: 1;
		grid-column-start: 1;
		width: 2.5rem;
		height: 2.5rem
	}

	&:hover {
		--br: color-mix(in oklab, var(--main), transparent 81%);
		color: var(--main-over);
		background: var(--main-soft)
	}
}

.form {
	width: 100%;
	max-width: 45.5rem;
	margin-inline: auto
}

.e404 {
	padding-block: 3rem;

	& p+p {
		margin-top: 1rem
	}

	& .fwbo {
		color: var(--main);
		font-size: 3.75rem;
		line-height: 1
	}

	@media (width>=40rem) {
		grid-template-columns: auto 1fr;

		display:grid& .fwbo {
			border-inline-end-width: 1px;
			border-color: var(--soft);
			grid-row: span 3;
			align-self: start;
			margin-inline-end: 1rem;
			padding-inline-end: 1.5rem
		}
	}
}

.page:has(.form) {

	& .titl,
	& .stit {
		text-align: center
	}

	& .titl {
		margin-top: 1rem
	}

	& .stit {
		margin-top: -.5rem;
		margin-bottom: 1rem
	}

	@media (width>=40rem) {
		& .form fieldset {
			--gc: 2, 1fr
		}
	}
}

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

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

	.hero & {
		marginin-inline: auto;
		max-width: 666px;
		margin-block: 1.5rem;

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

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

.hero {
	text-align: center;
	padding-block: 3rem;

	& .titl+p {
		font-size: 1.125rem
	}

	& .thmb {
		& img {
			box-shadow: 0 0 0 4px var(--body);
			width: 3rem;
			margin-inline-start: -.6rem
		}
	}
}

.eyeb {
	background: var(--mute);
	margin-bottom: .5rem;
	padding: .5rem;
	padding-inline-end: 1rem;

	& strong {
		background: var(--lead);
		color: var(--fore);
		padding: .25rem .75rem;
		font-size: .75rem;
		font-weight: 600
	}
}

article:has(.rslt-titl) {
	max-width: 666px;

	& figure img {
		width: 28px;
		box-shadow: 0 0 0 1px var(--soft);
		border-radius: 2rem
	}
}

.rslt-titl {
	color: var(--main);

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

.sgst {
	border-bottom: 1px solid var(--soft);
	margin-bottom: 1rem;
	padding-bottom: 1rem
}

.fotr {
	margin-top: auto;
	padding-block: 3rem;

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

		&:before {
			background: var(--text)
		}
	}
}

:where(.cont) {
	width: 100%;
	max-width: 48.5rem;
	margin-inline: auto;
	padding-inline: 1rem;

	@media (width>=64rem) {
		max-width: 71.25rem
	}
}

nav.brcr {
	color: var(--emph);
	grid-column: 1/-1;
	padding-top: .5rem;

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

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

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

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

	@media (width>=64rem) {
		& {
			order: -96
		}
	}
}

[data-expa] {
	position: relative;

	& .gp02 {
		--gc: 2, 1fr
	}
}

[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>=64rem) {
	.menu {
		--op: 1;
		--vi: visible;
		--tr: scale(1);
		--di: flex
	}
}

:where([class*=bttn]) {
	--sz: 2.5rem;
	--pb: .25rem;
	--pi: 1rem;
	--fz: .875rem;
	--ic: 1.25rem;
	text-align: center;
	cursor: pointer;
	color: var(--emph);
	min-width: var(--sz);
	min-height: var(--sz);
	padding-block: var(--pb);
	padding-inline: var(--pi);
	font-weight: 500;
	line-height: 1.5rem;
	font-size: var(--fz);
	background: 0 0;
	border-radius: .5rem;
	justify-content: center;
	align-items: center;
	gap: .375rem;
	display: inline-flex;

	&:before,
	&:after,
	& .icon {
		font-size: var(--ic)
	}

	&:focus {
		outline: none
	}

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

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

	&[class*=xs_bttn] {
		--sz: 2rem;
		--pi: .75rem;
		--fz: .75rem;
		--ic: 1rem
	}

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

	&[class*=md_bttn] {
		--sz: 3rem;
		--pi: 1.25rem;
		--fz: 1rem
	}

	&[class*=lg_bttn] {
		--sz: 3.5rem;
		--pi: 1.25rem;
		--fz: 1rem;
		--ic: 1.5rem
	}

	&[class*=xl_bttn] {
		--sz: 4rem;
		--pi: 1.5rem;
		--fz: 1.25rem;
		--ic: 1.75rem
	}

	&[class*=-main] {
		background: var(--main);
		color: var(--fore);

		&:hover {
			background: var(--main-over)
		}
	}

	&[class*=-safe] {
		background: var(--main);
		color: var(--fore);

		&:hover {
			background: var(--main-over)
		}
	}

	&[class*=-seco] {
		background: var(--main-soft);
		color: var(--main-over);

		&:hover {
			background: var(--main);
			color: var(--fore)
		}
	}

	&[class*=-mute] {
		background: var(--mute);
		color: var(--lead);

		&:hover {
			background: var(--soft);
			color: var(--lead)
		}
	}

	&[class*=-lead] {
		background: var(--lead);
		color: var(--fore);

		&:hover {
			background: var(--emph)
		}
	}

	&[class*=-edge] {
		box-shadow: inset 0 0 0 1px var(--br);
		--br: var(--edge);
		color: var(--emph);
		background: var(--body);

		&:hover {
			background: var(--mute);
			color: var(--lead);
			--br: var(--deep)
		}
	}

	&[class*=-ghst] {
		color: var(--lead);

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

	&[class*=-link] {
		color: var(--main);
		text-decoration: underline;

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

[data-crsl] {
	isolation: isolate;
	position: relative;

	& [data-crsl-trck] {
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		margin-inline: -.5rem;
		overflow: auto;

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

		&>* {
			padding-inline: .5rem
		}

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

		&.lkct {
			--gb: 96px;
			--ga: calc(100% - var(--gb));
			mask: var(--mask);

			[data-crsl-next]:not([disabled])+& {
				--mask: linear-gradient(90deg, #000 0, #000 var(--ga), transparent)
			}

			[data-crsl-prev]:not([disabled])+[data-crsl-next][disabled]+& {
				--mask: linear-gradient(90deg, transparent 0, #000 var(--gb))
			}

			[data-crsl-prev]:not([disabled])+[data-crsl-next]:not([disabled])+& {
				--mask: linear-gradient(90deg, transparent 0, #000 var(--gb), #000 var(--ga), transparent)
			}

			&>* {
				padding-inline-end: 0;

				&:last-child {
					padding-inline-end: .5rem
				}
			}
		}
	}

	& [data-crsl-prev],
	& [data-crsl-next] {
		z-index: 9;
		--ic: 1.5rem;
		width: 2.5rem;
		height: 2.5rem;
		box-shadow: 0 0 0 4px var(--body);
		padding: .75rem;
		margin-block: auto;
		padding: 0;
		position: absolute;
		inset-block: 0;

		&[disabled] {
			opacity: 0
		}
	}

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

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

	.scsh & {

		& [data-crsl-prev],
		& [data-crsl-next] {
			margin-inline: 1rem
		}

		& [data-crsl-trck]>* {
			& img {
				height: 260px;

				@media (width<=40rem) {
					height: 180px
				}
			}
		}

		@media (width>=64rem) {
			& [data-crsl-trck] {
				border-radius: 1rem;
				margin-inline: 0
			}

			& [data-crsl-trck]>* {
				&:first-child {
					padding-inline-start: 0
				}

				&:last-child {
					padding-inline-end: 0
				}
			}
		}
	}
}

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

	&>*,
	& p,
	& li>:first-child {
		margin-top: 1.5rem
	}

	&>*,
	& p {
		margin-bottom: 1.5rem
	}

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

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

	& li {
		margin-block: .5rem
	}

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

		&:hover {
			text-decoration: none
		}
	}

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

	& strong {
		font-weight: 700
	}

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

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

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

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

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

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

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

	& ol li::marker {
		font-weight: 600
	}

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

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

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

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

		&+* {
			margin-block-start: .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
	}

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

	& p {
		text-wrap: pretty
	}

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

		& colgroup {
			display: none
		}
	}

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

		&:first-child {
			width: 15%
		}

		& p {
			margin: 0
		}
	}

	& th p {
		white-space: nowrap
	}

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

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

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

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

.inpt-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)18%, transparent);

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

:where([class*=gc-]) {
	grid-template-columns: repeat(var(--gc));
	display: grid
}

.gc-01 {
	--gc: 1, 1fr
}

.gc-02 {
	--gc: auto-fit, minmax(min(18rem), 1fr)
}

.gc-03 {
	--gc: auto-fit, minmax(min(17rem), 1fr)
}

.gc-04 {
	--gc: auto-fit, minmax(min(13rem), 1fr)
}

.gc-06 {
	--gc: auto-fit, minmax(min(10rem), 1fr)
}

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

.di-ib {
	--di: inline-block
}

.di-gr {
	--di: grid
}

.di-fl {
	--di: flex
}

.di-if {
	--di: inline-flex
}

.di-no {
	--di: none
}

.di-bl {
	--di: block
}

:where([class*=fd-]) {
	flex-direction: var(--fd)
}

.fd-rw {
	--fd: row
}

.fd-co {
	--fd: column
}

:where([class*=ta-]) {
	text-align: var(--ta)
}

.ta-cn {
	--ta: center
}

.ta-st {
	--ta: start
}

.ta-en {
	--ta: end
}

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

.lc-01 {
	--lc: 1
}

.lc-02 {
	--lc: 2
}

.lc-03 {
	--lc: 3
}

.lc-04 {
	--lc: 4
}

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

.fz-10 {
	--fz: .625rem
}

.fz-12 {
	--fz: .75rem
}

.fz-14 {
	--fz: .875rem
}

.fz-16 {
	--fz: 1rem
}

.fz-18 {
	--fz: 1.125rem
}

.fz-20 {
	--fz: 1.25rem
}

.fz-24 {
	--fz: 1.5rem
}

.fz-32 {
	--fz: 2rem
}

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

.ovhd {
	overflow: hidden
}

.fxwp {
	flex-wrap: wrap
}

.fsh0 {
	flex-shrink: 0
}

.flx1 {
	flex: 1
}

.aist {
	align-items: start
}

.aicn {
	align-items: center
}

.aien {
	align-items: end
}

.jcst {
	justify-content: start
}

.jccn {
	justify-content: center
}

.jcen {
	justify-content: end
}

.jcsb {
	justify-content: space-between
}

.ordf {
	order: -69
}

.ordl {
	order: 69
}

.gp02 {
	gap: .125rem
}

.gp04 {
	gap: .25rem
}

.gp08 {
	gap: .5rem
}

.gp12 {
	gap: .75rem
}

.gp16 {
	gap: 1rem
}

.gp24 {
	gap: 1.5rem
}

.gp32 {
	gap: 2rem
}

.gp48 {
	gap: 3rem
}

.gp64 {
	gap: 4rem
}

.br04 {
	border-radius: .25rem
}

.br08 {
	border-radius: .5rem
}

.br12 {
	border-radius: .75rem
}

.br14 {
	border-radius: .875rem
}

.br16 {
	border-radius: 1rem
}

.br24 {
	border-radius: 1.5rem
}

.br32 {
	border-radius: 2rem
}

.br99 {
	border-radius: 99rem
}

.fwno {
	font-weight: 400
}

.fwme {
	font-weight: 500
}

.fwse {
	font-weight: 600
}

.fwbo {
	font-weight: 700
}

.ofco {
	object-fit: cover
}

.wful {
	width: 100%
}

.arbx {
	aspect-ratio: 1
}

.arla {
	aspect-ratio: 16/9
}

.arpo {
	aspect-ratio: 9/16
}

.poen {
	pointer-events: none
}

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

.srly {
	clip-path: inset(50%);
	white-space: nowrap;
	border-width: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	overflow: hidden
}

.nosr,
.nosr-focu:focus {
	clip: auto;
	white-space: normal;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	position: static;
	overflow: visible
}

@media (width>=24rem) {
	.xs_di-no {
		--di: none
	}

	.xs_di-bl {
		--di: block
	}

	.xs_fd-rw {
		--fd: row
	}

	.xs_fd-co {
		--fd: column
	}

	.xs_ta-cn {
		--ta: center
	}

	.xs_ta-st {
		--ta: start
	}
}

@media (width>=40rem) {
	.sm_di-no {
		--di: none
	}

	.sm_di-bl {
		--di: block
	}

	.sm_di-fl {
		--di: flex
	}

	.sm_fd-rw {
		--fd: row
	}

	.sm_fd-co {
		--fd: column
	}

	.sm_ta-cn {
		--ta: center
	}

	.sm_ta-st {
		--ta: start
	}
}

@media (width>=48rem) {
	.md_di-no {
		--di: none
	}

	.md_di-bl {
		--di: block
	}

	.md_fd-rw {
		--fd: row
	}

	.md_fd-co {
		--fd: column
	}

	.md_ta-cn {
		--ta: center
	}

	.md_ta-st {
		--ta: start
	}
}

@media (width>=64rem) {
	.lg_di-no {
		--di: none
	}

	.lg_di-bl {
		--di: block
	}

	.lg_di-fl {
		--di: flex
	}

	.lg_fd-rw {
		--fd: row
	}

	.lg_fd-co {
		--fd: column
	}

	.lg_ta-cn {
		--ta: center
	}

	.lg_ta-st {
		--ta: start
	}
}

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

.icbe:before,
.icaf:after {
	content: "";
	display: inline-flex
}

.icbg:not(.icbe, .icaf),
.icbg:before,
.icbg:after {
	background: var(--svg)no-repeat center/100% 100%;
	mask: none
}

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

.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='%233C5AFD' fill-rule='evenodd' d='M24 0c6.627 0 12 5.373 12 12v12c0 6.627-5.373 12-12 12H12C5.373 36 0 30.627 0 24V12C0 5.373 5.373 0 12 0h12zM7.269 8C7.089 8.381 7 8.857 7 9.429c0 .547.09 1.024.269 1.428-.18.381-.269.858-.269 1.43 0 .546.09 1.022.269 1.427-.18.38-.269.857-.269 1.429 0 .547.09 1.023.269 1.428C7.089 16.952 7 17.43 7 18c0 .548.09 1.024.269 1.429-.18.38-.269.857-.269 1.428 0 .548.09 1.024.269 1.43-.18.38-.269.856-.269 1.427 0 .547.09 1.024.269 1.429C7.089 25.523 7 26 7 26.57c0 .548.09 1.024.269 1.429h5.365c.179-.405.268-.881.268-1.429 0-.571-.09-1.048-.268-1.428.179-.405.268-.882.268-1.43 0-.57-.09-1.046-.268-1.427.179-.405.268-.881.268-1.429 0-.571-.09-1.047-.268-1.428.179-.405.268-.881.268-1.429 0-.571-.09-1.048-.268-1.429.179-.405.268-.88.268-1.428 0-.572-.09-1.048-.268-1.43h2.012c-.178.382-.268.858-.268 1.43 0 .547.09 1.023.268 1.428-.178.381-.268.858-.268 1.429 0 .548.09 1.024.268 1.429h1.342c-.179.38-.268.857-.268 1.428 0 .548.09 1.024.268 1.43-.178.38-.268.856-.268 1.427 0 .548.09 1.024.268 1.429h4.024c.179-.405.268-.881.268-1.43 0-.57-.09-1.046-.268-1.427.179-.405.268-.881.268-1.429 0-.571-.09-1.047-.268-1.428h1.341c.18-.405.27-.881.27-1.429 0-.571-.09-1.048-.27-1.429.18-.405.27-.88.27-1.428-.001-.572-.09-1.048-.27-1.43h2.013c-.179.382-.268.858-.268 1.43 0 .547.09 1.023.268 1.428-.179.381-.268.858-.268 1.429 0 .548.09 1.024.268 1.429-.179.38-.268.857-.268 1.428 0 .548.09 1.024.268 1.43-.178.38-.268.856-.268 1.427 0 .547.09 1.024.268 1.429-.179.38-.268.857-.268 1.428 0 .548.09 1.024.268 1.429h5.365c.18-.405.269-.881.269-1.429 0-.571-.09-1.048-.269-1.428.18-.405.269-.882.269-1.43 0-.57-.09-1.046-.269-1.427.18-.405.269-.881.269-1.429 0-.571-.09-1.047-.269-1.428.18-.405.269-.881.269-1.429 0-.571-.09-1.048-.269-1.429.18-.405.269-.88.269-1.428 0-.572-.09-1.048-.269-1.43.18-.404.269-.88.269-1.427 0-.571-.09-1.048-.269-1.429.18-.404.269-.88.269-1.428 0-.572-.09-1.048-.269-1.429h-6.707c-.178.381-.268.857-.268 1.429 0 .547.09 1.024.268 1.428h-2.012c-.179.381-.268.858-.268 1.43 0 .546.09 1.022.268 1.427h-1.006c-.179.38-.268.857-.268 1.429 0 .547.09 1.024.268 1.428h-2.012c.179-.404.268-.88.268-1.428 0-.572-.089-1.048-.268-1.43h-1.006c.179-.404.268-.88.268-1.427 0-.571-.089-1.048-.268-1.429h-2.012c.178-.404.268-.88.268-1.428 0-.572-.09-1.048-.268-1.429H7.269z' 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--chevron-left {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/></svg>")
}

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

.lucide--palette {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/><circle cx='13.5' cy='6.5' r='.5' fill='black'/><circle cx='17.5' cy='10.5' r='.5' fill='black'/><circle cx='6.5' cy='12.5' r='.5' fill='black'/><circle cx='8.5' cy='7.5' r='.5' fill='black'/></g></svg>")
}

.lucide--car {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/><circle cx='7' cy='17' r='2'/><path d='M9 17h6'/><circle cx='17' cy='17' r='2'/></g></svg>")
}

.lucide--sparkles {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4'/><circle cx='4' cy='20' r='2'/></g></svg>")
}

.lucide--book-open {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4a4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3a3 3 0 0 0-3-3z'/></svg>")
}

.lucide--briefcase {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/><rect width='20' height='14' x='2' y='6' rx='2'/></g></svg>")
}

.lucide--book-image {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='m20 13.7l-2.1-2.1a2 2 0 0 0-2.8 0L9.7 17'/><path d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/><circle cx='10' cy='8' r='2'/></g></svg>")
}

.lucide--graduation-cap {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6'/><path d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/></g></svg>")
}

.lucide--tv {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='m17 2l-5 5l-5-5'/><rect width='20' height='15' x='2' y='7' rx='2'/></g></svg>")
}

.lucide--message-circle {
	--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='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092a10 10 0 1 0-4.777-4.719'/></svg>")
}

.lucide--calendar {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M8 2v4m8-4v4'/><rect width='18' height='18' x='3' y='4' rx='2'/><path d='M3 10h18'/></g></svg>")
}

.lucide--wallet {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/><path d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/></g></svg>")
}

.lucide--utensils {
	--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='2' d='M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2M7 2v20m14-7V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2zm0 0v7'/></svg>")
}

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

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

.lucide--history {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/><path d='M3 3v5h5m4-1v5l4 2'/></g></svg>")
}

.lucide--thumbs-up {
	--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='2' d='M7 10v12m8-16.12L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88'/></svg>")
}

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

.lucide--thumbs-down {
	--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='2' d='M17 14V2M9 18.12L10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88'/></svg>")
}

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

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

.lucide--house {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/><path 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'/></g></svg>")
}

.lucide--code-2 {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16'/></svg>")
}

.lucide--heart {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/></svg>")
}

.lucide--map {
	--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='2' d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0zm.894.211v15M9 3.236v15'/></svg>")
}

.lucide--stethoscope {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M11 2v2M5 2v2m0-1H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1'/><path d='M8 15a6 6 0 0 0 12 0v-3'/><circle cx='20' cy='10' r='2'/></g></svg>")
}

.lucide--music {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M9 18V5l12-2v13'/><circle cx='6' cy='18' r='3'/><circle cx='18' cy='16' r='3'/></g></svg>")
}

.lucide--newspaper {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path 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'/><rect width='8' height='4' x='10' y='6' rx='1'/></g></svg>")
}

.lucide--baby {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5m1-4h.01'/><path d='M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6a9 9 0 0 1-17.6 0a2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1m-3 5h.01'/></g></svg>")
}

.lucide--smartphone {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><rect width='14' height='20' x='5' y='2' rx='2' ry='2'/><path d='M12 18h.01'/></g></svg>")
}

.lucide--camera {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/><circle cx='12' cy='13' r='3'/></g></svg>")
}

.lucide--zap {
	--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='2' d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/></svg>")
}

.lucide--shopping-bag {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M16 10a4 4 0 0 1-8 0M3.103 6.034h17.794'/><path d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/></g></svg>")
}

.lucide--users {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/><circle cx='9' cy='7' r='4'/></g></svg>")
}

.lucide--trophy {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978m7-7.318v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978M18 9h1.5a1 1 0 0 0 0-5H18M4 22h16'/><path d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm0 0H4.5a1 1 0 0 1 0-5H6'/></g></svg>")
}

.lucide--wrench {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z'/></svg>")
}

.lucide--plane {
	--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='2' d='M17.8 19.2L16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8L4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1l3 2l2 3l1-1v-3l3-2l3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2'/></svg>")
}

.lucide--video {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='m16 13l5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/><rect width='14' height='12' x='2' y='6' rx='2'/></g></svg>")
}

.lucide--cloud-rain {
	--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='2' d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M16 14v6m-8-6v6m4-4v6'/></svg>")
}

.lucide--swords {
	--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='2' d='M14.5 17.5L3 6V3h3l11.5 11.5M13 19l6-6m-3 3l4 4m-1 1l2-2M14.5 6.5L18 3h3v3l-3.5 3.5M5 14l4 4m-2-1l-3 3m-1-1l2 2'/></svg>")
}

.lucide--compass {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='m16.24 7.76l-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z'/><circle cx='12' cy='12' r='10'/></g></svg>")
}

.lucide--joystick {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M21 17a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM6 15v-2m6 2V9'/><circle cx='12' cy='6' r='3'/></g></svg>")
}

.lucide--grid-3x3 {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><rect width='18' height='18' x='3' y='3' rx='2'/><path d='M3 9h18M3 15h18M9 3v18m6-18v18'/></g></svg>")
}

.lucide--spade {
	--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='2' d='M12 18v4M2 14.499a5.5 5.5 0 0 0 9.591 3.675a.6.6 0 0 1 .818.001A5.5 5.5 0 0 0 22 14.5c0-2.29-1.5-4-3-5.5l-5.492-5.312a2 2 0 0 0-3-.02L5 8.999c-1.5 1.5-3 3.2-3 5.5'/></svg>")
}

.lucide--smile {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><circle cx='12' cy='12' r='10'/><path d='M8 14s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01'/></g></svg>")
}

.lucide--school {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M14 21v-3a2 2 0 0 0-4 0v3m8-16v16M4 6l7.106-3.79a2 2 0 0 1 1.788 0L20 6'/><path d='m6 11l-3.52 2.147a1 1 0 0 0-.48.854V19a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a1 1 0 0 0-.48-.853L18 11M6 5v16'/><circle cx='12' cy='9' r='2'/></g></svg>")
}

.lucide--headphones {
	--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='2' d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/></svg>")
}

.lucide--puzzle {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.39 4.39a1 1 0 0 0 1.68-.474a2.5 2.5 0 1 1 3.014 3.015a1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474a2.5 2.5 0 1 0-3.014 3.015a1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474a2.5 2.5 0 1 1-3.014-3.015a1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474a2.5 2.5 0 1 0 3.014-3.015a1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z'/></svg>")
}

.lucide--flag {
	--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='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/></svg>")
}

.lucide--sword {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m11 19l-6-6m0 8l-2-2m5-3l-4 4m5.5-2.5L21 6V3h-3L6.5 14.5'/></svg>")
}

.lucide--cpu {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M12 20v2m0-20v2m5 16v2m0-20v2M2 12h2m-2 5h2M2 7h2m16 5h2m-2 5h2M20 7h2M7 20v2M7 2v2'/><rect width='16' height='16' x='4' y='4' rx='2'/><rect width='8' height='8' x='8' y='8' rx='1'/></g></svg>")
}

.lucide--medal {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M7.21 15L2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15M11 12L5.12 2.2M13 12l5.88-9.8M8 7h8'/><circle cx='12' cy='17' r='5'/><path d='M12 18v-2h-.5'/></g></svg>")
}

.lucide--target {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><circle cx='12' cy='12' r='10'/><circle cx='12' cy='12' r='6'/><circle cx='12' cy='12' r='2'/></g></svg>")
}

.lucide--lightbulb {
	--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='2' d='M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4'/></svg>")
}

.lucide--type {
	--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='2' d='M12 4v16M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2M9 20h6'/></svg>")
}

.lucide--menu {
	--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='2' d='M4 5h16M4 12h16M4 19h16'/></svg>")
}

.lucide--x {
	--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='2' d='M18 6L6 18M6 6l12 12'/></svg>")
}

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

.lucide--gamepad {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M6 12h4m-2-2v4m7-1h.01M18 11h.01'/><rect width='20' height='12' x='2' y='6' rx='2'/></g></svg>")
}

.lucide--chevron-down {
	--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='2' d='m6 9l6 6l6-6'/></svg>")
}

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

.lucide--sun-medium {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><circle cx='12' cy='12' r='4'/><path d='M12 3v1m0 16v1m-9-9h1m16 0h1m-2.636-6.364l-.707.707M6.343 17.657l-.707.707m0-12.728l.707.707m11.314 11.314l.707.707'/></g></svg>")
}

.lucide--moon-star {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='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'/></svg>")
}

.lucide--home {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/><path 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'/></g></svg>")
}

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

.heroicons--star-solid {
	--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' 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'/></svg>")
}

.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--google-play-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.61 1.814L13.793 12L3.611 22.186a1 1 0 0 1-.61-.92V2.735a1 1 0 0 1 .609-.921M14.5 12.707l2.302 2.302l-10.937 6.333zm3.199-3.198l2.807 1.626a1 1 0 0 1 0 1.73l-2.808 1.626L15.207 12zM5.865 2.658L16.803 8.99L14.5 11.293z'/></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>")
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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