:root, .light{
 	--color-body: 255 255 255;
 	--color-text: 114 119 124;
 	--color-lead: 000 000 000;
 	--color-subs: 094 099 102;
 	--color-fore: 255 255 255;
 	--color-main: 000 109 219;
 	--color-seco: 023 136 065;
 	--color-tone: 147 051 234;
 	--color-mark: 247 105 006;
 	--color-mute: 247 248 248;
 	--color-soft: 239 239 239;
 	--color-line: 227 227 227;
 	--color-edge: 215 215 215;
 	--color-back: 032 033 036;
 	--color-fire: 240 059 059;
 	--color-warn: 194 124 006;
 	--color-wins: 073 159 044;
 	--color-info: 006 182 212
}

:root ::backdrop, .light ::backdrop{
 	--color-back: 032 033 036
}
.dark{
 	--color-body: 021 021 021;
 	--color-text: 122 128 131;
 	--color-lead: 255 255 255;
 	--color-subs: 141 146 151;
 	--color-fore: 000 000 000;
 	--color-main: 096 165 250;
 	--color-seco: 052 211 153;
 	--color-tone: 192 132 252;
 	--color-mark: 251 146 060;
 	--color-mute: 030 030 030;
 	--color-soft: 038 038 038;
 	--color-line: 054 054 056;
 	--color-edge: 068 068 070;
 	--color-back: 032 033 036;
 	--color-fire: 248 113 113;
 	--color-warn: 255 219 089;
 	--color-wins: 104 204 069;
 	--color-info: 034 211 238
}
 .dark ::backdrop{
 	--color-back: 032 033 036
}
*, :before, :after{
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb
}
:before, :after{
 	--tw-content: ""
}
html, :host{
 	line-height: 1.5;
 	-webkit-text-size-adjust: 100%;
 	-moz-tab-size: 4;
 	-o-tab-size: 4;
 	tab-size: 4;
 	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
 	font-feature-settings: normal;
 	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}
body{
	margin: 0;
	line-height: inherit
}
hr{
	height: 0;
	color: inherit;
	border-top-width: 1px
}
 abbr:where([title]){
 	-webkit-text-decoration: underline dotted;
 	text-decoration: underline dotted
}
h1, h2, h3, h4, h5, h6{
	font-size: inherit;
	font-weight: inherit
}
a{
	color: inherit;
	text-decoration: inherit
}
b, strong{
	font-weight: bolder
}
code, kbd, samp, pre{
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em
}
small{
	font-size: 80%
}
sub, sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub{
	bottom: -.25em
}
sup{
	top: -.5em
}
table{
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}
button, input, optgroup, select, textarea{
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}
button, select{
	text-transform: none
}
 button, [type=button], [type=reset], [type=submit]{
 	-webkit-appearance: button;
 	background-color: transparent;
 	background-image: none
}

:-moz-focusring{
 	outline: auto
}

:-moz-ui-invalid{
 	box-shadow: none
}
progress{
	vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button{
 	height: auto
}
[type=search]{
 	-webkit-appearance: textfield;
 	outline-offset: -2px
}

::-webkit-search-decoration{
 	-webkit-appearance: none
}

::-webkit-file-upload-button{
 	-webkit-appearance: button;
 	font: inherit
}
summary{
	display: list-item
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{
	margin: 0
}
fieldset{
	margin: 0;
	padding: 0
}
legend{
	padding: 0
}
ol, ul, menu{
	list-style: none;
	margin: 0;
	padding: 0
}
dialog{
	padding: 0
}
textarea{
	resize: vertical
}
 input::-moz-placeholder, textarea::-moz-placeholder{
 	opacity: 1;
 	color: #9ca3af
}
 input::placeholder, textarea::placeholder{
 	opacity: 1;
 	color: #9ca3af
}
 button, [role=button]{
 	cursor: pointer
}
:disabled{
	cursor: default
}
img, svg, video, canvas, audio, iframe, embed, object{
	display: block;
	vertical-align: middle
}
img, video{
	max-width: 100%;
	height: auto
}
html{
	display: grid;
	min-height: 100%
}
body{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-body) / var(--tw-bg-opacity));
	font-family: SFProDisplay, sans-serif;
 	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 500;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-text) / var(--tw-text-opacity))
}
h1, h2, h3, div, li, p{
	overflow-wrap: break-word
}
h1, h2, h3{
	font-weight: 600
}
*{
	min-width: 0px
}
[hidden]{
 	display: none
}
label{
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
 	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 500
}
[class*=ic-]{
 	display: inline-flex;
 	gap: .25rem
}
[class*=ic-]:not(.ic-before):not(.ic-after):not(svg), .ic-before:before, .ic-after:after{
	width: 1em;
	height: 1em;
	line-height: 1;
	flex-shrink: 0;
	max-width: initial;
	background-color: currentColor;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask: var(--ic) no-repeat;
	mask: var(--ic) no-repeat
}
.ic-before:before, .ic-after:after{
	content: ""
}
svg[class*=ic-]{
	stroke-width: 2px;
	width: 1em;
	height: 1em
}
svg[class*=ic-] use{
	fill: currentColor;
	stroke: currentColor
}
input, textarea, select{
	display: block;
	min-height: 2.5rem;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
 	border-radius: .5rem;
	border-width: 1px;
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-line) / var(--tw-border-opacity));
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-mute) / var(--tw-bg-opacity));
 	padding: .375rem 1rem;
	font-size: 1rem;
	line-height: 1.5rem;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-subs) / var(--tw-text-opacity))
}
 input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{
 	--tw-text-opacity: 1;
 	color: rgb(var(--color-text) / var(--tw-text-opacity));
 	opacity: 1
}
 input::placeholder, textarea::placeholder, select::placeholder{
 	--tw-text-opacity: 1;
 	color: rgb(var(--color-text) / var(--tw-text-opacity));
 	opacity: 1
}
input:disabled, textarea:disabled, select:disabled{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-line) / var(--tw-bg-opacity));
	opacity: .8
}

:is(input, textarea, select):focus{
 	border-color: rgb(var(--color-text) / .5);
 	--tw-bg-opacity: 1;
 	background-color: rgb(var(--color-body) / var(--tw-bg-opacity));
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	 --tw-ring-color: rgb(var(--color-text) / var(--tw-ring-opacity));
	 --tw-ring-opacity: .1
}
textarea{
	height: 8rem;
	max-height: 24rem;
	min-height: 8rem
}
select{
 	--ic: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-image: var(--ic);
 	background-position: right .5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-inline-end: 2.25rem
}
[type=checkbox], [type=radio]{
 	height: 1.5rem;
 	min-height: 0px;
 	width: 1.5rem;
 	cursor: pointer;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
 	align-self: flex-start;
 	border-radius: .25rem;
 	border-width: 1px;
 	--tw-border-opacity: 1;
 	border-color: rgb(var(--color-line) / var(--tw-border-opacity));
 	--tw-bg-opacity: 1;
 	background-color: rgb(var(--color-mute) / var(--tw-bg-opacity))
}
[type=checkbox]:hover, [type=radio]:hover{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-soft) / var(--tw-bg-opacity))
}
[type=radio]{
 	border-radius: 9999px
}
[type=checkbox]:checked, [type=radio]:checked{
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-main) / var(--tw-border-opacity));
	background-color: currentColor;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity));
 	--tw-ring-color: rgb(var(--color-main) / .2)
}
[type=radio]:checked, [type=checkbox]:checked{
 	--ic: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-image: var(--ic);
	background-position: 50% 50%;
	background-repeat: no-repeat
}
[class=dark] [type=radio]:checked, [class=dark] [type=checkbox]:checked{
 	--ic: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
.btn, .cate-text:before, .-scale-x-1, .-scale-y-1, .transform{
 	--tw-translate-x: 0;
 	--tw-translate-y: 0;
 	--tw-rotate: 0;
 	--tw-skew-x: 0;
 	--tw-skew-y: 0;
 	--tw-scale-x: 1;
 	--tw-scale-y: 1
}
.shadow, .md\:shadow-none{
 	--tw-ring-offset-shadow: 0 0 #0000;
 	--tw-ring-shadow: 0 0 #0000;
 	--tw-shadow: 0 0 #0000;
 	--tw-shadow-colored: 0 0 #0000
}	

:is(input, textarea, select){
 	--tw-ring-inset:;
 	--tw-ring-offset-width: 0px;
 	--tw-ring-offset-color: #fff;
 	--tw-ring-color: rgb(59 130 246 / .5);
 	--tw-ring-offset-shadow: 0 0 #0000;
 	--tw-ring-shadow: 0 0 #0000;
 	--tw-shadow: 0 0 #0000;
 	--tw-shadow-colored: 0 0 #0000
}
.btn-main, .blur-lg, .filter{
 	--tw-blur:;
 	--tw-brightness:;
 	--tw-contrast:;
 	--tw-grayscale:;
 	--tw-hue-rotate:;
 	--tw-invert:;
 	--tw-saturate:;
 	--tw-sepia:;
 	--tw-drop-shadow:
}
.cont{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 640px;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}
@media (min-width: 768px){
.cont{
	max-width: 768px
}
}
@media (min-width: 1024px){
.cont{
	max-width: 69rem
}
}
.btn{
	display: inline-flex;
	min-height: 2.5rem;
	min-width: 2.5rem;
	flex-shrink: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	align-items: center;
	justify-content: center;
 	gap: .5rem;
 	border-radius: .5rem;
	border-width: 1px;
	border-color: transparent;
 padding: .5rem .75rem;
	font-weight: 500;
	line-height: 1.25
}
.btn:hover{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .2s
}
.btn:focus{
	outline: 2px solid transparent;
	outline-offset: 2px
}
.btn:active{
 	--tw-scale-x: .95;
 	--tw-scale-y: .95;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.btn:disabled{
	pointer-events: none;
	opacity: .5
}
.btn-lg{
	min-height: 3rem;
	min-width: 3rem;
	padding-left: 1rem;
	padding-right: 1rem
}
.btn-sm{
	min-height: 2.25rem;
	min-width: 2.25rem;
 	padding-top: .25rem;
 	padding-bottom: .25rem
}
.btn-xs{
	min-height: 2rem;
	min-width: 2rem;
	padding-top: 0;
	padding-bottom: 0
}
.btn-main{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-main) / var(--tw-bg-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-fore) / var(--tw-text-opacity))
}
.btn-main:hover{
 	--tw-brightness: brightness(.95);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.btn-item{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.btn-item:hover{
	background-color: rgb(var(--color-main) / var(--tw-bg-opacity));
 	--tw-bg-opacity: .1;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity))
}
.btn-item.on{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity))
}
.btn-subs-g{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-subs) / var(--tw-text-opacity))
}
.btn-subs-g:hover{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-soft) / var(--tw-bg-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.btn-seco{
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-soft) / var(--tw-border-opacity));
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-body) / var(--tw-bg-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-subs) / var(--tw-text-opacity))
}
.btn-droid-o{
	border-width: 2px;
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-seco) / var(--tw-border-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-seco) / var(--tw-text-opacity))
}
.btn-droid-o:hover{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-seco) / var(--tw-bg-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-fore) / var(--tw-text-opacity))
}
.btn-apple-o{
	border-width: 2px;
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-lead) / var(--tw-border-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.btn-apple-o:hover{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-lead) / var(--tw-bg-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-fore) / var(--tw-text-opacity))
}
.btn-download-o{
	border-width: 2px;
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-seco) / var(--tw-bg-opacity));
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.btn-microsoft-o{
	border-width: 2px;
 	--tw-border-opacity: 1;
	border-color: #007adc;
 	--tw-text-opacity: 1;
	color: #007adc
}
.btn-microsoft-o:hover{
 	--tw-bg-opacity: 1;
	background-color: #007adc;
 	--tw-text-opacity: 1;
	color: #FFF
}
.entry{
	display: grid;
	align-items: flex-start;
	gap: 1.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-subs) / var(--tw-text-opacity))
}
 .entry :is(h1, h2, h3, h4, h5, h6){
 	margin-top: .5rem;
 	scroll-margin-bottom: 0px;
 	font-weight: 700;
 	--tw-text-opacity: 1;
 	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
 .entry :is(h1, h2, h3, h4, h5, h6)+*{
 	margin-top: -.5rem
}
.entry h1{
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 700
}
 	.entry :is(h2, h3){
 font-size: 1.25rem;
 	line-height: 1.75rem
}
 .entry :is(h4, h5, h6){
 	font-size: 1rem;
 	line-height: 1.5rem;
 	font-weight: 500
}
.entry a{
	font-weight: 600;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity));
	text-decoration-line: underline
}
.entry a:hover{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity));
	text-decoration-line: none
}
.entry pre{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-mute) / var(--tw-bg-opacity));
	padding: 1rem;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-subs) / var(--tw-text-opacity))
}
.entry strong{
	font-weight: 700
}
.entry blockquote{
	position: relative;
	display: grid;
	align-items: flex-start;
	gap: 1rem;
	border-inline-start-width: 4px;
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-main) / var(--tw-border-opacity));
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-inline-start: 1.5rem;
	font-size: 1.5rem;
	line-height: 2rem;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.entry blockquote:after{
	position: absolute;
	top: 0;
	inset-inline-end: 0px;
	margin-top: -1rem;
	font-size: 3.75rem;
	line-height: 1;
	font-weight: 700;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity));
	content: '"'
}
.entry cite{
 	font-size: .875rem;
	line-height: 1.25rem
}
.entry figcaption{
	margin-top: 1rem;
 	font-size: .75rem;
	line-height: 1rem;
	font-style: italic
}
.entry :is(ul, ol):not([class]){
 	display: grid;
 	align-items: flex-start;
 	gap: .5rem;
 	padding-inline-start: 1.5rem
}
.entry :is(ul):not([class]){
 	list-style-type: disc
}
.entry :is(ol):not([class]){
 	list-style-type: decimal
}
.entry li{
 	padding-inline-start: .25rem
}
.entry table{
	width: 100%;
	table-layout: auto
}
 .entry :is(th, td){
 	padding: .5rem
}
.entry tr{
	border-bottom-width: 1px;
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-line) / var(--tw-border-opacity))
}
.entry tr:last-child{
	border-bottom-width: 0px
}
.clipa{
	-webkit-clip-path: path("M56 8a8 8 0 018-8h980c4.42 0 8 3.582 8 8v1036c0 4.42-3.58 8-8 8H8c-4.418 0-8-3.58-8-8V64a8 8 0 018-8h40a8 8 0 008-8V8z");
	clip-path: path("M56 8a8 8 0 018-8h980c4.42 0 8 3.582 8 8v1036c0 4.42-3.58 8-8 8H8c-4.418 0-8-3.58-8-8V64a8 8 0 018-8h40a8 8 0 008-8V8z")
}
.clipb{
	-webkit-clip-path: path("M0 1044c0 4.42 3.582 8 8 8h1036c4.42 0 8-3.58 8-8V8c0-4.418-3.58-8-8-8H80a8 8 0 00-8 8v48c0 8.837-7.163 16-16 16H8a8 8 0 00-8 8v964z");
	clip-path: path("M0 1044c0 4.42 3.582 8 8 8h1036c4.42 0 8-3.58 8-8V8c0-4.418-3.58-8-8-8H80a8 8 0 00-8 8v48c0 8.837-7.163 16-16 16H8a8 8 0 00-8 8v964z")
}
.clipc{
	-webkit-clip-path: path("M1052 8c0-4.418-3.58-8-8-8H48a8 8 0 00-8 8v24a8 8 0 01-8 8H8a8 8 0 00-8 8v996c0 4.42 3.582 8 8 8h1036c4.42 0 8-3.58 8-8V8z");
	clip-path: path("M1052 8c0-4.418-3.58-8-8-8H48a8 8 0 00-8 8v24a8 8 0 01-8 8H8a8 8 0 00-8 8v996c0 4.42 3.582 8 8 8h1036c4.42 0 8-3.58 8-8V8z")
}
.cate{
	position: relative;
	display: grid;
	overflow: hidden;
 	border-radius: .5rem
}
.cate:before{
	position: absolute;
 	inset-inline-start: .75rem;
 	top: .75rem;
	z-index: 10;
	font-size: 1.5rem;
	line-height: 2rem;
	content: var(--tw-content);
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}
.cate:after{
	position: absolute;
	inset-inline-start: 0px;
	top: 0;
	height: 3rem;
	width: 3rem;
 	border-radius: .5rem;
	background-color: currentColor;
	opacity: .1;
	content: var(--tw-content);
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}
.cate:hover:before{
	content: var(--tw-content);
 	--tw-text-opacity: 1;
	color: rgb(var(--color-fore) / var(--tw-text-opacity))
}
.cate:hover:after{
	content: var(--tw-content);
	opacity: 1
}
.cate.on:before{
	content: var(--tw-content);
 	--tw-text-opacity: 1;
	color: rgb(var(--color-fore) / var(--tw-text-opacity))
}
.cate.on:after{
	content: var(--tw-content);
	opacity: 1
}
.cate-text{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: grid;
	aspect-ratio: 4 / 3;
	align-items: flex-end;
	padding: 1rem
}
.cate-text:before{
	position: absolute;
	inset-inline-end: 0px;
	top: 0;
 	margin: -.5rem;
 	--tw-scale-x: 1.25;
 	--tw-scale-y: 1.25;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	font-size: 4.5rem;
	line-height: 1;
	opacity: .1;
	content: var(--tw-content);
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}
.cate-text:after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -10;
	background-color: currentColor;
	content: var(--tw-content);
	opacity: .05
}
.cate:hover .cate-text:before, .on .cate-text:before{
 	margin: .5rem;
	content: var(--tw-content);
 	--tw-scale-x: 1.05;
 	--tw-scale-y: 1.05;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cate:hover .cate-text:after, .on .cate-text:after{
	content: var(--tw-content);
	opacity: .15
}
.top{
	counter-increment: top
}
.top:before{
	content: counter(top);
	width: 1.5rem;
	text-align: center
}
.ask:before{
	position: absolute;
	inset-inline-end: 0px;
	top: 0;
	display: grid;
	height: 2rem;
	width: 2rem;
	place-content: center;
 	border-radius: .5rem;
	background-color: rgb(var(--color-info) / .2);
	font-weight: 700;
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.ic-home-smile{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.126 14a4.002 4.002 0 007.748 0M11.018 2.764L4.235 8.039c-.453.353-.68.53-.843.75a2 2 0 00-.318.65C3 9.704 3 9.991 3 10.565V17.8c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C4.52 21 5.08 21 6.2 21h11.6c1.12 0 1.68 0 2.108-.218a2 2 0 00.874-.874C21 19.48 21 18.92 21 17.8v-7.235c0-.574 0-.861-.074-1.126a2.002 2.002 0 00-.318-.65c-.163-.22-.39-.397-.843-.75l-6.783-5.275c-.351-.273-.527-.41-.72-.462a1 1 0 00-.523 0c-.194.052-.37.189-.721.462z'/%3E%3C/svg%3E")
}
.ic-dots-grid{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6a1 1 0 100-2 1 1 0 000 2zM12 13a1 1 0 100-2 1 1 0 000 2zM12 20a1 1 0 100-2 1 1 0 000 2zM19 6a1 1 0 100-2 1 1 0 000 2zM19 13a1 1 0 100-2 1 1 0 000 2zM19 20a1 1 0 100-2 1 1 0 000 2zM5 6a1 1 0 100-2 1 1 0 000 2zM5 13a1 1 0 100-2 1 1 0 000 2zM5 20a1 1 0 100-2 1 1 0 000 2z'/%3E%3C/svg%3E")
}
.ic-gaming-pad-01{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 11h4M8 9v4m7-1h.01M18 10h.01m-7.561-5h3.102c2.625 0 3.937 0 4.967.497a5 5 0 012.162 2.014c.57.992.664 2.3.85 4.919l.247 3.444a2.918 2.918 0 01-5.152 2.076l-.375-.45c-.343-.412-.515-.618-.71-.784a3 3 0 00-1.436-.672C13.851 16 13.584 16 13.047 16h-2.095c-.536 0-.804 0-1.056.044a3 3 0 00-1.436.672c-.195.166-.367.372-.71.784l-.375.45a2.918 2.918 0 01-5.152-2.075l.246-3.445c.187-2.618.28-3.927.85-4.92a5 5 0 012.162-2.013C6.511 5 7.824 5 10.45 5z'/%3E%3C/svg%3E")
}
.ic-search-md{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-4.35-4.35M19 11a8 8 0 11-16 0 8 8 0 0116 0z'/%3E%3C/svg%3E")
}
.ic-moon-01{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 15.844a10.424 10.424 0 01-4.306.925c-5.779 0-10.463-4.684-10.463-10.462 0-1.536.33-2.994.925-4.307A10.464 10.464 0 002 11.538C2 17.316 6.684 22 12.462 22c4.243 0 7.896-2.526 9.538-6.156z'/%3E%3C/svg%3E")
}
.ic-sun{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m0 16v2M4 12H2m4.314-5.686L4.9 4.9m12.786 1.414L19.1 4.9M6.314 17.69L4.9 19.104m12.786-1.414l1.414 1.414M22 12h-2m-3 0a5 5 0 11-10 0 5 5 0 0110 0z'/%3E%3C/svg%3E")
}
.ic-star-solid{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M12.646 1.776a1.5 1.5 0 0 0-1.292 0c-.353.168-.547.46-.645.62a7.735 7.735 0 0 0-.307.583L8.245 7.346l-4.822.705c-.227.033-.46.067-.65.113-.182.044-.52.139-.789.423a1.5 1.5 0 0 0-.398 1.228c.051.387.27.663.391.805.127.148.295.312.46.472l3.488 3.397-.823 4.799a7.752 7.752 0 0 0-.095.652c-.014.187-.029.538.158.882a1.5 1.5 0 0 0 1.045.759c.384.071.714-.051.887-.123.18-.075.388-.184.591-.291L12 18.9l4.31 2.267c.204.107.412.216.592.29.174.073.503.195.887.124a1.5 1.5 0 0 0 1.045-.76c.187-.343.172-.694.158-.881a7.757 7.757 0 0 0-.095-.652l-.822-4.799 3.487-3.397c.165-.16.333-.324.46-.472.122-.142.34-.418.39-.805a1.5 1.5 0 0 0-.397-1.228c-.27-.284-.607-.38-.79-.423-.189-.046-.422-.08-.649-.113l-4.822-.705L13.6 2.98a7.736 7.736 0 0 0-.308-.582c-.098-.16-.292-.453-.645-.621z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-shield-tick{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 11.5l2 2L15.5 9m4.5 3c0 4.908-5.354 8.478-7.302 9.615-.221.129-.332.194-.488.227a1.137 1.137 0 01-.42 0c-.156-.034-.267-.098-.488-.227C9.354 20.478 4 16.908 4 12V7.217c0-.799 0-1.199.13-1.542a2 2 0 01.548-.79c.276-.243.65-.383 1.398-.664l5.362-2.01c.208-.078.312-.117.419-.133a1 1 0 01.286 0c.107.016.21.055.419.133l5.362 2.01c.748.28 1.123.421 1.398.664a2 2 0 01.547.79c.131.343.131.743.131 1.542V12z'/%3E%3C/svg%3E")
}
.ic-x-close{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
}
.ic-chevron-right{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 18l6-6-6-6'/%3E%3C/svg%3E")
}
.ic-check{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
}
.ic-apple{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M21.354,16.487c-1.338-0.506-2.233-1.721-2.334-3.17c-0.099-1.412,0.593-2.666,1.851-3.355l1.046-0.573 l-0.747-0.93c-1.255-1.563-3.051-2.497-4.804-2.497c-1.215,0-2.058,0.318-2.735,0.574c-0.478,0.181-0.855,0.323-1.269,0.323 c-0.472,0-0.938-0.166-1.478-0.358c-0.708-0.252-1.51-0.538-2.54-0.538c-1.99,0-3.997,1.188-5.237,3.098 c-1.851,2.849-1.343,7.734,1.208,11.616C5.326,22.215,6.743,23.982,8.75,24c0.013,0,0.026,0,0.039,0 c1.643,0,2.003-0.876,3.598-0.886c1.742,0.082,1.962,0.893,3.589,0.882c1.961-0.018,3.375-1.771,4.499-3.484 c0.664-1.007,0.921-1.534,1.438-2.678l0.438-0.97L21.354,16.487z'%3E%3C/path%3E %3Cpath d='M15.1,3.45c0.65-0.834,1.143-2.011,0.964-3.214c-1.062,0.073-2.302,0.748-3.027,1.628 c-0.658,0.799-1.201,1.983-0.99,3.135C13.205,5.035,14.404,4.343,15.1,3.45L15.1,3.45z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-google-play{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23212121'%3E%3Cpath d='M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-microsoft{
 	--ic: url("/public/images/windows_stor.svg")
}
.ic-menu-01{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E")
}
.ic-canvas{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M18.961,22.725l-2-7c-0.152-0.53-0.705-0.838-1.236-0.687 c-0.531,0.152-0.838,0.705-0.687,1.236L15.817,19H8.183l0.779-2.725c0.152-0.531-0.156-1.084-0.687-1.236 c-0.531-0.151-1.085,0.156-1.236,0.687l-2,7c-0.152,0.531,0.156,1.084,0.687,1.236c0.531,0.153,1.084-0.155,1.236-0.687L7.611,21 h8.777l0.65,2.275c0.152,0.531,0.705,0.839,1.236,0.687C18.806,23.81,19.113,23.256,18.961,22.725z'%3E%3C/path%3E %3Cpath fill='%23212121' d='M20,2h-6V1c0-0.552-0.448-1-1-1h-2c-0.552,0-1,0.448-1,1v1H4C3.448,2,3,2.448,3,3v13c0,0.552,0.448,1,1,1h16 c0.552,0,1-0.448,1-1V3C21,2.448,20.552,2,20,2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-auto{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M7,21H1v2a1,1,0,0,0,1,1H6a1,1,0,0,0,1-1Z'%3E%3C/path%3E%3Cpath d='M23,21H17v2a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1Z'%3E%3C/path%3E%3Cpath d='M23.121,10.707,21.913,9.5,20.324,2.35A2.982,2.982,0,0,0,17.4,0H6.6A2.982,2.982,0,0,0,3.676,2.35L2.087,9.5.879,10.707A2.978,2.978,0,0,0,0,12.828V18a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V12.828A2.978,2.978,0,0,0,23.121,10.707ZM5.628,2.783A.994.994,0,0,1,6.6,2H17.4a.994.994,0,0,1,.976.783L19.754,9H4.246ZM4.5,16A1.5,1.5,0,1,1,6,14.5,1.5,1.5,0,0,1,4.5,16Zm15,0A1.5,1.5,0,1,1,21,14.5,1.5,1.5,0,0,1,19.5,16Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-beauty{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M22.811,16.254A14.759,14.759,0,0,1,21.971,11c0-7.222-5.016-11-9.971-11S2.029,3.778,2.029,11a14.759,14.759,0,0,1-.84,5.254c-.651,1.976-.927,3.263.962,6.725a1,1,0,0,0,1.074.5L6.616,22.8A3.008,3.008,0,0,0,9.029,19.86v-.579A6.621,6.621,0,0,0,12.043,20a5.913,5.913,0,0,0,2.986-.819v.683a3.01,3.01,0,0,0,2.405,2.941l3.339.675a1.041,1.041,0,0,0,.2.02,1,1,0,0,0,.877-.521C23.738,19.517,23.462,18.23,22.811,16.254Zm-5.826-5.426-.436.784a3,3,0,0,0,.134,3.128C15.544,16.666,13.8,18,12,18s-3.559-1.346-4.7-3.285C9,12,6,10,6,10c1.734-.189,6.834-2.528,7.736-5.957l2.9,3.372A3,3,0,0,1,16.985,10.828Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-books{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M11,3.691L1.263,1.035c-0.297-0.081-0.621-0.019-0.87,0.17C0.146,1.395,0,1.688,0,2v17 c0,0.451,0.302,0.846,0.737,0.965L11,22.764V3.691z'%3E%3C/path%3E %3Cpath d='M23.607,1.205c-0.248-0.188-0.572-0.25-0.87-0.17L13,3.691v19.073l10.263-2.799 C23.698,19.846,24,19.451,24,19V2C24,1.688,23.854,1.395,23.607,1.205z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-business{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M15,18v2H9v-2H1v5c0,0.552,0.448,1,1,1h20c0.552,0,1-0.448,1-1v-5H15z'%3E%3C/path%3E %3Cpath fill='%23212121' d='M23,4h-6V1c0-0.552-0.448-1-1-1H8C7.448,0,7,0.448,7,1v3H1C0.448,4,0,4.448,0,5v10c0,0.552,0.448,1,1,1h8v-3 h6v3h8c0.552,0,1-0.448,1-1V5C24,4.448,23.552,4,23,4z M15,4H9V2h6V4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-comics{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M18,4H16V1A1,1,0,0,0,14.445.168L8.7,4H6a6.006,6.006,0,0,0-6,6v8a6.006,6.006,0,0,0,6,6H18a6.006,6.006,0,0,0,6-6V10A6.006,6.006,0,0,0,18,4ZM9,15H7V11H9Zm5,5H10V18h4Zm3-5H15V11h2Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-comunication{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M21,1H3C1.346,1,0,2.346,0,4V15c0,1.654,1.346,3,3,3H7.52l3.699,4.625c.19,.237,.478,.375,.781,.375s.591-.138,.781-.375l3.699-4.625h4.52c1.654,0,3-1.346,3-3V4c0-1.654-1.346-3-3-3ZM13,13H7c-.553,0-1-.448-1-1s.447-1,1-1h6c.553,0,1,.448,1,1s-.447,1-1,1Zm4-5H7c-.553,0-1-.448-1-1s.447-1,1-1h10c.553,0,1,.448,1,1s-.447,1-1,1Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-dating{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M24,11C24,5.486,18.617,1,12,1S0,5.486,0,11,5.383,21,11.979,21a11.811,11.811,0,0,0,3.056-.348l5.588,2.275A1.011,1.011,0,0,0,21,23a1,1,0,0,0,.994-1.114l-.545-4.718A9.3,9.3,0,0,0,24,11Zm-7.93.864-4.032,4.1a.055.055,0,0,1-.077,0l-4.03-4.1A2.925,2.925,0,0,1,7.629,8a2.7,2.7,0,0,1,4.33.18.048.048,0,0,0,.08,0A2.7,2.7,0,0,1,16.369,8,2.923,2.923,0,0,1,16.07,11.864Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-education{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Crect x='22' y='11' fill='%23212121' width='2' height='6'%3E%3C/rect%3E %3Cpath d='M13.241,15.73C12.847,15.91,12.43,16,12,16s-0.847-0.09-1.24-0.269L4,12.658V18 c0,2.626,4.024,4,8,4s8-1.374,8-4v-5.341L13.241,15.73z'%3E%3C/path%3E %3Cpath fill='%23212121' d='M23.414,7.09l-11-5c-0.263-0.119-0.564-0.119-0.827,0l-11,5C0.229,7.252,0,7.607,0,8s0.229,0.748,0.586,0.91 l11,5C11.718,13.97,11.859,14,12,14s0.282-0.03,0.414-0.09l11-5C23.771,8.748,24,8.393,24,8S23.771,7.252,23.414,7.09z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-entertainment{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M23,18H1a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V21H22v2a1,1,0,0,0,2,0V19A1,1,0,0,0,23,18Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M2.887,14A1.065,1.065,0,0,0,3,14h8v2h2V14h8a.945.945,0,0,0,1-.887A1.065,1.065,0,0,0,22,13V1a.945.945,0,0,0-.887-1A1.065,1.065,0,0,0,21,0H3A.945.945,0,0,0,2,.887,1.065,1.065,0,0,0,2,1V13A.945.945,0,0,0,2.887,14ZM4,2H20V12H4Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-events{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M9.684,4.948a1,1,0,0,0,1.265-.632l1-3a1,1,0,0,0-1.9-.632l-1,3A1,1,0,0,0,9.684,4.948Z'%3E%3C/path%3E%3Cpath d='M22.684,12.052l-3,1a1,1,0,1,0,.632,1.9l3-1a1,1,0,1,0-.632-1.9Z'%3E%3C/path%3E%3Ccircle cx='16' cy='4' r='2.5'%3E%3C/circle%3E%3Cpath d='M15,10a1,1,0,0,0,1,1,7.008,7.008,0,0,0,7-7,1,1,0,0,0-2,0,5.006,5.006,0,0,1-5,5A1,1,0,0,0,15,10Z'%3E%3C/path%3E%3Cpath d='M7.707,5.293a1,1,0,0,0-1.65.374l-6,17a1,1,0,0,0,1.276,1.276l17-6a1,1,0,0,0,.374-1.65ZM2.639,21.361l1.205-3.415.892,2.675Zm5.378-1.9L5.73,12.6l1.1-3.115,3.1,9.3Zm4.9-1.728-2.2-6.614,3.5,3.5L15,17Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-finance{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M16.5,7H8.617C7.546,5.174,5.739,4.891,4.858,5.01L3.718,5.173l1.028,3.529 C3.975,9.335,3.339,10.113,2.872,11H0v7h2.866C4.079,20.303,6.395,21.793,9,21.966V24h2v-2h4v2h2v-2.025 c3.902-0.259,7-3.508,7-7.475C24,10.364,20.636,7,16.5,7z M17,13h-7v-2h7V13z'%3E%3C/path%3E %3Ccircle cx='13.5' cy='2.5' r='2.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}
.ic-food{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M10,0A1,1,0,0,0,9,1V9a1,1,0,0,1-1,1H4A1,1,0,0,1,3,9V1A1,1,0,0,0,1,1V9a3,3,0,0,0,3,3h.923l-.77,10.008a1.852,1.852,0,1,0,3.694,0L7.077,12H8a3,3,0,0,0,3-3V1A1,1,0,0,0,10,0Z' fill='%23212121'%3E%3C/path%3E %3Cpath d='M7,1A1,1,0,0,0,5,1V8H7Z' fill='%23212121'%3E%3C/path%3E %3Cpath d='M21,0H20a5,5,0,0,0-5,5V16a1,1,0,0,0,1,1h3v5.5a1.5,1.5,0,0,0,3,0V1A1,1,0,0,0,21,0Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-health{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M6.434,11,9.143,6.485A.985.985,0,0,1,10.08,6a1,1,0,0,1,.849.625l3.251,8.129,1.963-3.272A1,1,0,0,1,17,11h6.339A8.161,8.161,0,0,0,24,8a6.957,6.957,0,0,0-7-7,7.119,7.119,0,0,0-5,2.1A7.119,7.119,0,0,0,7,1,6.957,6.957,0,0,0,0,8a8.161,8.161,0,0,0,.661,3Z' fill='%23212121'%3E%3C/path%3E %3Cpath d='M17.566,13l-2.709,4.515A1,1,0,0,1,14,18l-.08,0a1,1,0,0,1-.849-.625L9.82,9.243,7.857,12.515A1,1,0,0,1,7,13H1.648c3.065,5.289,9.374,10.5,9.752,10.8a.735.735,0,0,0,.6.2,1.421,1.421,0,0,0,.6-.2c.378-.3,6.687-5.511,9.752-10.8Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-house{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M23.657,10.245l-.024-.019-11-9a1,1,0,0,0-1.266,0l-11,9a1,1,0,0,0,1.266,1.548L3,10.656V22a1,1,0,0,0,1,1H20a1,1,0,0,0,1-1V10.656l1.367,1.118a1,1,0,0,0,1.29-1.529ZM16.2,14.731,12,19,7.8,14.731a2.8,2.8,0,0,1,0-3.92,2.7,2.7,0,0,1,4.2.429,2.7,2.7,0,0,1,4.2-.429A2.8,2.8,0,0,1,16.2,14.731Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-life{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Ccircle cx='12' cy='3' r='3' fill='%23212121'%3E%3C/circle%3E %3Cpath d='M5,17a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z' fill='%23212121'%3E%3C/path%3E %3Crect y='21' width='24' height='2'%3E%3C/rect%3E %3Cpath d='M9,10.174V16h6V10.174l1.849,1.585a1,1,0,0,0,1.276.022l3.281-2.625-1.25-1.562L17.522,9.7l-2.59-2.22A2,2,0,0,0,13.63,7H10.37a2,2,0,0,0-1.3.482L6.478,9.7,3.844,7.594,2.594,9.156l3.281,2.625a1,1,0,0,0,1.276-.022Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-maps{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M1,23c-0.221,0-0.438-0.073-0.615-0.212C0.142,22.599,0,22.308,0,22V6h2v14.719l6.758-1.689 c0.184-0.047,0.379-0.039,0.559,0.021l5.724,1.908l6.96-1.74V4h2v16c0,0.459-0.312,0.859-0.758,0.97l-8,2 c-0.184,0.047-0.379,0.039-0.559-0.021L8.96,21.041l-7.718,1.93C1.162,22.99,1.081,23,1,23z'%3E%3C/path%3E %3Cpath fill='%23212121' d='M12,0C8.56,0,5,2.618,5,7c0,3.988,5.634,10.016,6.276,10.69C11.465,17.888,11.727,18,12,18 s0.535-0.112,0.724-0.31C13.366,17.016,19,10.988,19,7C19,2.618,15.44,0,12,0z M12,9c-1.105,0-2-0.895-2-2s0.895-2,2-2s2,0.895,2,2 S13.105,9,12,9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-medical{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M19,8.4l2.1-2.1l0.4,0.4c0.4,0.4,1,0.4,1.4,0v0c0.4-0.4,0.4-1,0-1.4L18.7,1c-0.4-0.4-1-0.4-1.4,0v0 c-0.4,0.4-0.4,1,0,1.4l0.4,0.4L15.6,5l-3.2-3.2c-0.4-0.4-1-0.4-1.4,0l0,0c-0.4,0.4-0.4,1,0,1.4l2.1,2.1L12.4,6L14,7.6L12.6,9L11,7.4 L9.4,9l1.6,1.6L9.6,12L8,10.4L6.4,12L8,13.6L6.6,15L5,13.4l-1.8,1.8l2.1,2.1L1,21.5c-0.4,0.4-0.4,1,0,1.4h0c0.4,0.4,1,0.4,1.4,0 l4.2-4.2l2.1,2.1l9.9-9.9l2.1,2.1c0.4,0.4,1,0.4,1.4,0v0c0.4-0.4,0.4-1,0-1.4L19,8.4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-news{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M12,8h0A4,4,0,0,1,8,4H8a4,4,0,0,1,4-4h0a4,4,0,0,1,4,4h0A4,4,0,0,1,12,8Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M22.914,19.594l-3.473-7.813A3,3,0,0,0,16.7,10H7.3a3,3,0,0,0-2.741,1.781L1.086,19.594A1,1,0,0,0,2.243,20.97L6,20.03V24H18V20.03l3.757.94a1,1,0,0,0,1.157-1.376ZM3.747,18.532,6,13.462v4.507Zm10.01.438L16,19.53V21l-4,1L8,21V19.53l2.243-.56-.486-1.94L8,17.469V14l4,1,4-1v3.469l-1.757-.439Zm4.243-1V13.462l2.253,5.07Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-parenting{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Ccircle cx='6.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3Ccircle cx='17.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3Cpath d='M17.5,9a6.491,6.491,0,0,0-5.465,3,3,3,0,1,1-.07,0A6.49,6.49,0,0,0,0,15.5V22a1,1,0,0,0,1,1H8V20.5L4.4,17.8a1,1,0,0,1,1.2-1.6L9.333,19h5.334L18.4,16.2a1,1,0,1,1,1.2,1.6L16,20.5V23h7a1,1,0,0,0,1-1V15.5A6.508,6.508,0,0,0,17.5,9Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-custom{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M24,18h-3V7.95l-2.006,2.007c-0.005,1.274-0.505,2.5-1.432,3.427C16.488,14.456,14.375,15,11.281,15 c0,0-0.332-0.004-0.332-0.004l-1.895-0.051l-0.051-1.895c-0.039-1.464,0.04-5.038,1.614-6.612c0.914-0.914,2.129-1.421,3.424-1.43 l4.754-4.754C18.394,0.094,17.958,0,17.5,0h-14C1.567,0,0,1.567,0,3.5V6h5v15c0,1.657,1.343,3,3,3h12h0.5c1.933,0,3.5-1.567,3.5-3.5 V18z M5,4H2V3.5C2,2.673,2.673,2,3.5,2S5,2.673,5,3.5V4z M22,20.5c0,0.827-0.673,1.5-1.5,1.5h-8.825 C11.878,21.581,12,21.085,12,20.5V20h10V20.5z'%3E%3C/path%3E %3Cpath d='M23.561,0.439c-0.586-0.586-1.535-0.586-2.121,0l-6.655,6.655 c-0.956-0.235-2.006,0.011-2.753,0.758c-1.131,1.131-1.03,5.108-1.029,5.145c0.037,0.001,4.013,0.102,5.145-1.029 c0.747-0.747,0.993-1.797,0.758-2.753l6.655-6.655C24.146,1.975,24.146,1.025,23.561,0.439z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-photo{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M21,4H17L15,1H9L7,4H3A3,3,0,0,0,0,7V19a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V7A3,3,0,0,0,21,4ZM12,18a5,5,0,1,1,5-5A5,5,0,0,1,12,18Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-productivity{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm3.862,14c.184,.705,.182,1.446-.034,2.161-.311,1.023-1,1.863-1.942,2.367-.575,.308-1.227,.472-1.882,.472-1.481,0-2.835-.811-3.531-2.115-.086-.162-.272-.516-1.05-2.885H2.202c-.132-.646-.202-1.315-.202-2C2,6.486,6.486,2,12,2s10,4.486,10,10c0,.685-.07,1.354-.202,2h-5.936Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M8.388,7.201c-.151-.186-.412-.239-.623-.125-.211,.113-.312,.359-.243,.587,.236,.769,2.312,7.528,2.715,8.28,.359,.673,1.052,1.057,1.767,1.057,.318,0,.641-.076,.939-.236,.974-.52,1.342-1.734,.822-2.707-.402-.751-4.869-6.234-5.377-6.856Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-social{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M12,6h0c-1.657,0-3-1.343-3-3h0c0-1.657,1.343-3,3-3h0c1.657,0,3,1.343,3,3h0c0,1.657-1.343,3-3,3Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M6,19c-1.105,0-2-.895-2-2v-6c0-1.13,.391-2.162,1.026-3H2c-1.105,0-2,.895-2,2v5c0,.552,.448,1,1,1h1v5c0,.552,.448,1,1,1h2c.552,0,1-.448,1-1v-2h0Z'%3E%3C/path%3E%3Cpath d='M14,24h-4c-.552,0-1-.448-1-1v-6h-2c-.552,0-1-.448-1-1v-5c0-1.657,1.343-3,3-3h6c1.657,0,3,1.343,3,3v5c0,.552-.448,1-1,1h-2v6c0,.552-.448,1-1,1Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M4,7h0c-1.105,0-2-.895-2-2h0c0-1.105,.895-2,2-2h0c1.105,0,2,.895,2,2h0c0,1.105-.895,2-2,2Z'%3E%3C/path%3E%3Cpath d='M18,19c1.105,0,2-.895,2-2v-6c0-1.13-.391-2.162-1.026-3h3.026c1.105,0,2,.895,2,2v5c0,.552-.448,1-1,1h-1v5c0,.552-.448,1-1,1h-2c-.552,0-1-.448-1-1v-2h0Z'%3E%3C/path%3E%3Cpath d='M20,7h0c1.105,0,2-.895,2-2h0c0-1.105-.895-2-2-2h0c-1.105,0-2,.895-2,2h0c0,1.105,.895,2,2,2Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-sports{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Ccircle cx='18' cy='3' r='3' fill='%23212121'%3E%3C/circle%3E %3Cpath d='M6.729,15.56a3.938,3.938,0,0,1-.742-.906L.592,21.128l1.536,1.28,5.281-6.336C7.074,15.83,6.829,15.648,6.729,15.56Z' fill='%23212121'%3E%3C/path%3E %3Cpath d='M21.632,10.735,18.439,11.8l-3.1-5.035A1.981,1.981,0,0,0,15,6.338a2.294,2.294,0,0,0-.884-.451L8.3,4.046a1,1,0,0,0-1.133.4L4.613,8.277l1.664,1.11L8.416,6.18l3.14.989L7.9,11.232a1.991,1.991,0,0,0,.149,2.825c.359.316,4.4,3.084,4.4,3.084L9.293,20.293l1.414,1.414,4-4a1,1,0,0,0-.139-1.53L11.1,13.652,14.752,9.6l2.394,3.922A1,1,0,0,0,18,14a1.019,1.019,0,0,0,.316-.051l3.949-1.317Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-tools{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M6.79,9.5,9.222,7.354a6.69,6.69,0,0,1-.043-.862v-.02L2.854.146a.5.5,0,0,0-.708,0l-2,2a.5.5,0,0,0,0,.708Z'%3E%3C/path%3E%3Cpath d='M20.107,14.4a8.456,8.456,0,0,1-.839.234l-.114.02a9.8,9.8,0,0,1-1.433.107,9.57,9.57,0,0,1-1.044-.058l-3.616,4.065L17.093,22.8A3.975,3.975,0,0,0,19.909,24h.042A4.05,4.05,0,0,0,22.8,17.1Z'%3E%3C/path%3E%3Cpath d='M23.628,4.427a.5.5,0,0,0-.82-.179L19.943,7.1,16.9,4.068l2.863-2.85A.494.494,0,0,0,19.9.771.5.5,0,0,0,19.6.405,4.866,4.866,0,0,0,17,.045a6.376,6.376,0,0,0-5.822,6.473,4.9,4.9,0,0,0,.235,1.569L1.367,16.939a4.076,4.076,0,0,0-.329,5.752l.086.094a3.939,3.939,0,0,0,5.564.124,3.733,3.733,0,0,0,.322-.347l8.914-10.021a7.524,7.524,0,0,0,2.938.135,6.427,6.427,0,0,0,4.883-4.51A5.846,5.846,0,0,0,23.628,4.427Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-travel{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M22.121,1.879h0a3,3,0,0,0-4.24,0L14.269,5.465,2.274,2.039a1,1,0,0,0-.981.254l-1,1A1,1,0,0,0,.427,4.819l8.5,5.952L7.648,12.043,6.17,13.913,4.523,16.6l-2.281-.57a1,1,0,0,0-.949,1.677l1.582,1.582-.728,1.189A1,1,0,0,0,3.526,21.85l1.18-.73,1.587,1.587a1,1,0,0,0,1.677-.95l-.576-2.3,2.7-1.669L11.9,16.352,22.042,6.2a3.156,3.156,0,0,0,.907-1.639A3,3,0,0,0,22.121,1.879Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M19,12.081l-4.621,4.625,4.807,6.867a1,1,0,0,0,.732.423A.844.844,0,0,0,20,24a1,1,0,0,0,.707-.293l1-1a1,1,0,0,0,.249-1Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-video_player{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M19.753,6.057a7.99,7.99,0,0,0-15.506,0A5,5,0,0,0,5,16H19a5,5,0,0,0,.753-9.943ZM10,12V6l5,3Z' fill='%23212121'%3E%3C/path%3E%3Crect x='19' y='20' width='5' height='2'%3E%3C/rect%3E%3Cpath d='M14,18a3,3,0,0,0-2.816,2H0v2H11.184A2.995,2.995,0,1,0,14,18Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-weather{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M12,5c-3.86,0-7,3.14-7,7c0,1.075,0.25,2.089,0.685,3H8c1.654,0,3,1.346,3,3 c0,0.314-0.062,0.612-0.152,0.897C11.224,18.959,11.607,19,12,19c3.86,0,7-3.14,7-7S15.86,5,12,5z'%3E%3C/path%3E %3Cpath d='M8,19H1c-0.552,0-1-0.448-1-1s0.448-1,1-1h7c0.552,0,1,0.448,1,1S8.552,19,8,19z'%3E%3C/path%3E %3Cpath d='M13,23H5c-0.552,0-1-0.448-1-1s0.448-1,1-1h8c0.552,0,1,0.448,1,1S13.552,23,13,23z'%3E%3C/path%3E %3Crect x='11' fill='%23212121' width='2' height='3'%3E%3C/rect%3E %3Crect x='3.575' y='3.075' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -1.8952 4.5754)' fill='%23212121' width='2' height='3'%3E%3C/rect%3E %3Crect x='0.5' y='10.5' transform='matrix(4.456530e-11 -1 1 4.456530e-11 -10.5 13.5)' fill='%23212121' width='2' height='3'%3E%3C/rect%3E %3Crect x='18.425' y='3.075' transform='matrix(0.7071 0.7071 -0.7071 0.7071 8.9246 -12.3952)' fill='%23212121' width='2' height='3'%3E%3C/rect%3E %3Crect x='21.5' y='10.5' transform='matrix(4.501980e-11 1 -1 4.501980e-11 34.5 -10.5)' fill='%23212121' width='2' height='3'%3E%3C/rect%3E %3Crect x='18.425' y='17.925' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 46.8952 19.4246)' fill='%23212121' width='2' height='3'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E")
}
.ic-libraries{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M0,12v9a1,1,0,0,0,1,1H2v1a1,1,0,0,0,2,0V22H20v1a1,1,0,0,0,2,0V22h1a1,1,0,0,0,1-1V12Zm6,6.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5v-3a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5Zm4,0a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5v-3a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5Zm4,0a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5v-3a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5Zm6,0a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M24,10V1a1,1,0,0,0-1-1H1A1,1,0,0,0,0,1v9ZM18,3.5a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5v3a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5Zm-4,0a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5v3a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5Zm-4,0a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5v3a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5Zm-6,2A.5.5,0,0,1,4.5,5h3a.5.5,0,0,1,.5.5v1a.5.5,0,0,1-.5.5h-3A.5.5,0,0,1,4,6.5Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-shopping{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M23,16H3l1.5-2H19c0.431,0,0.812-0.275,0.948-0.684l3-9c0.103-0.305,0.051-0.64-0.137-0.901 C22.623,3.154,22.321,3,22,3H4.414L1.707,0.293c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L3,4.414v8.252L0.2,16.4 c-0.228,0.303-0.264,0.708-0.095,1.047C0.275,17.786,0.621,18,1,18h22c0.553,0,1-0.448,1-1S23.553,16,23,16z'%3E%3C/path%3E %3Ccircle cx='4' cy='22' r='2'%3E%3C/circle%3E %3Ccircle cx='20' cy='22' r='2'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}
.ic-adventure{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M12.613.031a6.076,6.076,0,0,0-1.226,0A12,12,0,0,0,0,12c0,3.562,1.559,6.031,4.634,7.341l.784-1.84a5.079,5.079,0,0,1-3.168-3.48A6.016,6.016,0,0,0,5,9a5.862,5.862,0,0,0-.9-3.1A10.083,10.083,0,0,1,6.469,3.676a6,6,0,1,0,11.062,0A10.083,10.083,0,0,1,19.9,5.9,5.862,5.862,0,0,0,19,9a6.016,6.016,0,0,0,2.75,5.021,5.079,5.079,0,0,1-3.168,3.48l.784,1.84C22.441,18.031,24,15.562,24,12A12,12,0,0,0,12.613.031Z'%3E%3C/path%3E%3Cpath d='M12,15c-5,0-8,1.693-8,4,0,3.532,3,5,8,5s8-1.468,8-5C20,16.693,17,15,12,15Zm-2,5a1,1,0,0,1-2,0V18a1,1,0,0,1,2,0Zm6,0a1,1,0,0,1-2,0V18a1,1,0,0,1,2,0Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-arcade{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M1,21v2a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V21Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M18.9,11.553A1,1,0,0,0,18,11H15v3a3,3,0,0,1-6,0V11H6a1,1,0,0,0-.895.553L1.382,19H22.618Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M15,3a3,3,0,1,0-4,2.816V14a1,1,0,0,0,2,0V5.816A2.99,2.99,0,0,0,15,3Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-puzzle{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M8,6a3.991,3.991,0,0,1,3-3.859V1H2A1,1,0,0,0,1,2v9H4v1a2,2,0,0,0,4,0V11h3V9.859A3.992,3.992,0,0,1,8,6Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M18,8a3.991,3.991,0,0,1,3.859,3H23V2a1,1,0,0,0-1-1H13V4H12a2,2,0,0,0,0,4h1v3h1.141A3.992,3.992,0,0,1,18,8Z'%3E%3C/path%3E%3Cpath d='M6,16a3.991,3.991,0,0,1-3.859-3H1v9a1,1,0,0,0,1,1h9V20h1a2,2,0,0,0,0-4H11V13H9.859A3.992,3.992,0,0,1,6,16Z'%3E%3C/path%3E%3Cpath d='M16,18a3.991,3.991,0,0,1-3,3.859V23h9a1,1,0,0,0,1-1V13H20V12a2,2,0,0,0-4,0v1H13v1.141A3.992,3.992,0,0,1,16,18Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-racing{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M5,12a5,5,0,1,0,5,5A5.006,5.006,0,0,0,5,12Zm0,8a3,3,0,1,1,3-3A3,3,0,0,1,5,20Z'%3E%3C/path%3E %3Cpath d='M19,12a5,5,0,1,0,5,5A5.006,5.006,0,0,0,19,12Zm0,8a3,3,0,1,1,3-3A3,3,0,0,1,19,20Z'%3E%3C/path%3E %3Cpath d='M17.419,6.865a3.025,3.025,0,0,0,.825.115,3,3,0,0,0,.815-5.886c-1.2-.344-4.124.387-5.324.718l-1.592.437,1.125,1.209C14.116,4.368,16.218,6.524,17.419,6.865Z' fill='%23212121'%3E%3C/path%3E %3Cpath d='M11.165,11.124l3.6-1.948,1.531,1.531A1,1,0,0,0,17,11h4V9H17.414l-2.2-2.2a1.994,1.994,0,0,0-2.309-.375L9,8.382a2,2,0,0,0-.306,3.389L11,13.5V19h2V13a1,1,0,0,0-.4-.8Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-sports{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Ccircle cx='19' cy='3' r='3' fill='%23212121'%3E%3C/circle%3E %3Crect x='8' y='19' width='12' height='2'%3E%3C/rect%3E %3Ccircle cx='11' cy='23' r='1'%3E%3C/circle%3E %3Ccircle cx='17' cy='23' r='1'%3E%3C/circle%3E %3Cpath d='M8.958,15.431a3.819,3.819,0,0,1-.789-.606,3.926,3.926,0,0,1-.605-.8L6.489,15.1l-4.7,1.175.485,1.941L7.243,16.97a1,1,0,0,0,.464-.263L8.974,15.44Z' fill='%23212121'%3E%3C/path%3E %3Cpath d='M16.414,6.586A1.99,1.99,0,0,0,15,6H5V8h7.172L9.586,10.586a2,2,0,0,0,0,2.828,1.925,1.925,0,0,0,.416.31l3,1.836V18h2V15a1,1,0,0,0-.477-.853l-1.761-1.081,3.652-3.652A2,2,0,0,0,16.414,6.586Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-action{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M5.707,11.293a1,1,0,0,0-1.414,1.414l2,2L2.707,18.293l-1-1A1,1,0,1,0,.293,18.707l5,5a1,1,0,1,0,1.414-1.414l-1-1,3.586-3.586,2,2a1,1,0,0,0,1.414-1.414Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M23.707.292a1,1,0,0,0-.871-.278l-6.022,1a1,1,0,0,0-.605.346L8.216,10.974l1.7,1.7L18,4.586,19.414,6l-8.086,8.086,1.7,1.7,9.605-7.944a1.008,1.008,0,0,0,.35-.609l1-6.075A1,1,0,0,0,23.707.292Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-board{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M20,1H4A3,3,0,0,0,1,4V20a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V4A3,3,0,0,0,20,1ZM7,19a2,2,0,1,1,2-2A2,2,0,0,1,7,19ZM7,9A2,2,0,1,1,9,7,2,2,0,0,1,7,9ZM17,19a2,2,0,1,1,2-2A2,2,0,0,1,17,19ZM17,9a2,2,0,1,1,2-2A2,2,0,0,1,17,9Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-casino{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M0,5V19H24V5ZM7,9.749a.492.492,0,0,1-.19.392,7.537,7.537,0,0,0-2.795,5.366A.517.517,0,0,1,3.507,16c-.63,0-.992.005-.992.005a.506.506,0,0,1-.5-.52A7.27,7.27,0,0,1,4.431,10H1.5A.5.5,0,0,1,1,9.5v-1A.5.5,0,0,1,1.5,8h5a.5.5,0,0,1,.5.5Zm8,0a.492.492,0,0,1-.19.392,7.537,7.537,0,0,0-2.795,5.366.517.517,0,0,1-.508.488c-.63,0-.992.005-.992.005a.506.506,0,0,1-.5-.52A7.27,7.27,0,0,1,12.431,10H9.5A.5.5,0,0,1,9,9.5v-1A.5.5,0,0,1,9.5,8h5a.5.5,0,0,1,.5.5Zm8,0a.492.492,0,0,1-.19.392,7.537,7.537,0,0,0-2.795,5.366.517.517,0,0,1-.508.488c-.63,0-.992.005-.992.005a.506.506,0,0,1-.5-.52A7.27,7.27,0,0,1,20.431,10H17.5a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5h5a.5.5,0,0,1,.5.5Z'%3E%3C/path%3E%3Cpath d='M1,1H23a1,1,0,0,1,1,1V3a0,0,0,0,1,0,0H0A0,0,0,0,1,0,3V2A1,1,0,0,1,1,1Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M0,21H24a0,0,0,0,1,0,0v1a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V21A0,0,0,0,1,0,21Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-educational{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Ccircle cx='4' cy='3' r='3' fill='%23212121'%3E%3C/circle%3E %3Cpath d='M16,9V7H3A2,2,0,0,0,1,9V24H3V17H5v7H7V9Z' fill='%23212121'%3E%3C/path%3E %3Cpath d='M23,2H9V4H22V15H9v2h7.341l2.74,6.394A1,1,0,0,0,20,24a.979.979,0,0,0,.394-.081,1,1,0,0,0,.525-1.313L18.516,17H23a1,1,0,0,0,1-1V3A1,1,0,0,0,23,2Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-music{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M23,3H1A1,1,0,0,0,0,4V20a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V4A1,1,0,0,0,23,3ZM13,6h8V8H13ZM4,6A1,1,0,1,1,3,7,1,1,0,0,1,4,6ZM22,19H2V11H5v6H7V11H9v6h2V11h2v6h2V11h2v6h2V11h3Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-role{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Ccircle cx='12' cy='3' r='3'%3E%3C/circle%3E%3Cpath d='M22,7H2c-.552,0-1,.448-1,1h0c0,.552,.448,1,1,1h7v14.263c0,.407,.33,.737,.737,.737h.525c.407,0,.737-.33,.737-.737v-7.263h2v7.263c0,.407,.33,.737,.737,.737h.525c.407,0,.737-.33,.737-.737V9h7c.552,0,1-.448,1-1h0c0-.552-.448-1-1-1Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-simulation{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath fill='%23212121' d='M12,0C5.3828125,0,0,5.3833008,0,12s5.3828125,12,12,12s12-5.3833008,12-12S18.6171875,0,12,0z M12,2 c4.0914307,0,7.6125488,2.4725952,9.1592407,6H2.8408203C4.3875122,4.4725952,7.9085693,2,12,2z M2,12 c0-0.1074829,0.0127563-0.211731,0.0161133-0.3184204c4.289978,1.5153809,7.4432983,5.4158936,7.9205322,10.1018677 C5.4098511,20.8296509,2,16.8066406,2,12z M12,15c-1.1045532,0-2-0.8954468-2-2c0-1.1046143,0.8954468-2,2-2s2,0.8953857,2,2 C14,14.1045532,13.1045532,15,12,15z M14.0633545,21.7834473c0.4772339-4.6859741,3.6305542-8.5864868,7.9205322-10.1018677 C21.9872437,11.788269,22,11.8925171,22,12C22,16.8066406,18.5901489,20.8296509,14.0633545,21.7834473z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-strategy{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M6,18c0-6,6-6,4-11l-4.251.85a1,1,0,0,1-1.09-.533l-.336-.672A1,1,0,0,1,4.51,5.49L8,2V0H8a11,11,0,0,1,8.485,18Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M2,21v2a1,1,0,0,0,1,1H21a1,1,0,0,0,1-1V21a1,1,0,0,0-1-1H3A1,1,0,0,0,2,21Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-trivia{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M4,24H0V5H1c3.866,0,7,3.134,7,7v.833l1.417,3.267c.219,.507-.014,1.096-.521,1.315-.026,.011-.052,.021-.079,.03l-.817,.276v1.279c0,1.657-1.343,3-3,3h-1v2Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M20,24h4V5h-1c-3.866,0-7,3.134-7,7v.833l-1.417,3.267c-.219,.507,.014,1.096,.521,1.315,.026,.011,.052,.021,.079,.03l.816,.273v1.282c0,1.657,1.343,3,3,3h1v2Z' fill='%23212121'%3E%3C/path%3E%3Cpath d='M17.815,4.691c-.276,0-.551-.114-.748-.337-2.558-2.885-6.983-3.151-9.864-.597-.105,.094-.211,.193-.312,.294-.393,.39-1.026,.388-1.415-.003-.39-.391-.388-1.024,.003-1.414,.129-.128,.262-.252,.396-.373,3.71-3.286,9.401-2.944,12.688,.766,.366,.413,.328,1.045-.085,1.412-.19,.168-.427,.251-.663,.251Z'%3E%3C/path%3E%3Cpath d='M14.82,7.353c-.277,0-.554-.115-.752-.34-1.08-1.231-2.963-1.357-4.199-.273-.049,.043-.1,.091-.148,.14-.391,.391-1.023,.391-1.414,0s-.391-1.023,0-1.414c.078-.078,.158-.154,.241-.227,2.065-1.811,5.215-1.605,7.024,.455,.364,.415,.323,1.047-.092,1.411-.19,.167-.426,.249-.66,.249Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-word{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M16,10V5V4c0-1.654-1.346-3-3-3h-3v2h3c0.551,0,1,0.448,1,1h-2.5C9.57,4,8,5.57,8,7.5 S9.57,11,11.5,11H15C15.552,11,16,10.553,16,10z M10,7.5C10,6.673,10.673,6,11.5,6H14v3h-2.5C10.673,9,10,8.327,10,7.5z'%3E%3C/path%3E %3Cpath fill='%23212121' d='M6,15H4v-5H2v12c0,0.553,0.448,1,1,1h3c2.206,0,4-1.794,4-4S8.206,15,6,15z M6,21H4v-4h2 c1.103,0,2,0.897,2,2S7.103,21,6,21z'%3E%3C/path%3E %3Cpath fill='%23212121' d='M20.867,20.499C20.688,20.809,20.356,21,20,21h-2c-0.551,0-1-0.448-1-1v-3c0-0.552,0.449-1,1-1h2 c0.356,0,0.688,0.191,0.867,0.5l1.73-1.002C22.062,14.574,21.067,14,20,14h-2c-1.654,0-3,1.346-3,3v3c0,1.654,1.346,3,3,3h2 c1.067,0,2.063-0.574,2.598-1.499L20.867,20.499z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-cards{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M23,2H22V22h1a1,1,0,0,0,1-1V3A1,1,0,0,0,23,2Z'%3E%3C/path%3E%3Cpath d='M19,0H3A1,1,0,0,0,2,1V23a1,1,0,0,0,1,1H19a1,1,0,0,0,1-1V1A1,1,0,0,0,19,0ZM4,3.5A1.5,1.5,0,1,1,5.5,5,1.5,1.5,0,0,1,4,3.5Zm2.8,9.231a2.8,2.8,0,0,1,0-3.919A2.7,2.7,0,0,1,11,9.24a2.7,2.7,0,0,1,4.2-.428,2.8,2.8,0,0,1,0,3.919L11,17ZM16.5,22A1.5,1.5,0,1,1,18,20.5,1.5,1.5,0,0,1,16.5,22Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.ic-casual{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M22,14.885l-5-4.5A1.5,1.5,0,0,0,16,10H8a1.5,1.5,0,0,0-1,.385l-5,4.5a1.5,1.5,0,0,0-.308,1.844l2.5,4.5a1.5,1.5,0,1,0,2.622-1.458L4.892,16.315,7,14.418V23a1,1,0,0,0,1,1h8a1,1,0,0,0,1-1V14.418l2.108,1.9-1.919,3.456a1.5,1.5,0,0,0,2.622,1.458l2.5-4.5A1.5,1.5,0,0,0,22,14.885Z' fill='%23212121'%3E%3C/path%3E %3Ccircle cx='12' cy='4' r='4' fill='%23212121'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}
.absolute{
	position: absolute
}
.relative{
	position: relative
}
.sticky{
	position: sticky
}
.inset-y-0{
	top: 0;
	bottom: 0
}
.-bottom-3{
 	bottom: -.75rem
}
.-end-4{
	inset-inline-end: -1rem
}
.-start-4{
	inset-inline-start: -1rem
}
.bottom-0{
	bottom: 0
}
.end-20{
	inset-inline-end: 5rem
}
.start-0{
	inset-inline-start: 0px
}
.start-4{
	inset-inline-start: 1rem
}
.start-6{
	inset-inline-start: 1.5rem
}
.top-0{
	top: 0
}
.top-4{
	top: 1rem
}
.top-full{
	top: 100%
}
.-z-10{
	z-index: -10
}
.z-10{
	z-index: 10
}
.z-40{
	z-index: 40
}
.order-first{
	order: -9999
}
.order-last{
	order: 9999
}
.col-span-full{
	grid-column: 1 / -1
}
.-m-2{
 	margin: -.5rem
}
.-mx-3{
 	margin-left: -.75rem;
 	margin-right: -.75rem
}
.-mx-6{
	margin-left: -1.5rem;
	margin-right: -1.5rem
}
.mx-auto{
	margin-left: auto;
	margin-right: auto
}
.my-auto{
	margin-top: auto;
	margin-bottom: auto
}
.-mt-2{
 	margin-top: -.5rem
}
.mb-2{
 	margin-bottom: .5rem
}
.mb-4{
	margin-bottom: 1rem
}
.ms-2{
 	margin-inline-start: .5rem
}
.mt-4{
	margin-top: 1rem
}
.mt-auto{
	margin-top: auto
}
.line-clamp-2{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.inline{
	display: inline
}
.flex{
	display: flex
}
.inline-flex{
	display: inline-flex
}
.table{
	display: table
}
.grid{
	display: grid
}
.hidden{
	display: none
}
.aspect-\[9\/16\]{
	aspect-ratio: 9/16
}
.aspect-auto{
	aspect-ratio: auto
}
.aspect-square{
	aspect-ratio: 1 / 1
}
.aspect-video{
	aspect-ratio: 16 / 9
}
.h-1{
 	height: .25rem
}
.h-12{
	height: 3rem
}
.w-16{
	width: 4rem
}
.w-36{
	width: 9rem
}
.w-56{
	width: 14rem
}
.w-72{
	width: 18rem
}
.w-99{
	width: 28.5rem;
}
.w-\[9\.75rem\]{
	width: 9.75rem
}
.w-full{
	width: 100%
}
.min-w-24{
	min-width: 6rem
}
.min-w-48{
	min-width: 12rem
}
.max-w-24{
	max-width: 6rem
}
.max-w-40{
	max-width: 10rem
}
.max-w-64{
	max-width: 64px
}
.flex-1{
	flex: 1 1 0%
}
.shrink-0{
	flex-shrink: 0
}
.-scale-x-1{
 	--tw-scale-x: -1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-scale-y-1{
 	--tw-scale-y: -1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform{
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-gpu{
	transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes fadeIn{
0%{
 opacity: 0
}
to{
	opacity: 1
}
}
.animate-fadeIn{
	animation: fadeIn .2s both
}
.scroll-m-20{
	scroll-margin: 5rem
}
.auto-cols-auto{
	grid-auto-columns: auto
}
.auto-cols-max{
	grid-auto-columns: max-content
}
.grid-flow-col{
	grid-auto-flow: column
}
.grid-cols-\[5rem_1fr\]{
	grid-template-columns: 5rem 1fr
}
.grid-cols-repeat{
	grid-template-columns: repeat(auto-fill, minmax(min(var(--size), 100%), 1fr))
}
.flex-col{
	flex-direction: column
}
.flex-wrap{
	flex-wrap: wrap
}
.items-start{
	align-items: flex-start
}
.items-center{
	align-items: center
}
.justify-start{
	justify-content: flex-start
}
.justify-end{
	justify-content: flex-end
}
.justify-center{
	justify-content: center
}
.justify-between{
	justify-content: space-between
}
.gap-0{
	gap: 0px
}
.gap-0\.5{
 	gap: .125rem
}
.gap-1{
 	gap: .25rem
}
.gap-1\.5{
 	gap: .375rem
}
.gap-2{
 	gap: .5rem
}
.gap-3{
 	gap: .75rem
}
.gap-4{
	gap: 1rem
}
.gap-6{
	gap: 1.5rem
}
.gap-x-4{
	-moz-column-gap: 1rem;
	column-gap: 1rem
}
.gap-x-6{
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem
}
.gap-y-2{
 	row-gap: .5rem
}
.gap-y-4{
	row-gap: 1rem
}
.self-start{
	align-self: flex-start
}
.overflow-auto{
	overflow: auto
}
.overflow-hidden{
	overflow: hidden
}
.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.rounded{
 	border-radius: .25rem
}
.rounded-2xl{
	border-radius: 1rem
}
.rounded-full{
	border-radius: 9999px
}
.rounded-lg{
 	border-radius: .5rem
}
.rounded-xl{
 	border-radius: .75rem
}
.border{
	border-width: 1px
}
.border-b{
	border-bottom-width: 1px
}
.border-s{
	border-inline-start-width: 1px
}
.border-line{
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-line) / var(--tw-border-opacity))
}
.border-soft{
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-soft) / var(--tw-border-opacity))
}
.border-transparent{
	border-color: transparent
}
.bg-body{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-body) / var(--tw-bg-opacity))
}
.bg-info\/5{
	background-color: rgb(var(--color-info) / .05)
}
.bg-line{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-line) / var(--tw-bg-opacity))
}
.bg-mute{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-mute) / var(--tw-bg-opacity))
}
.bg-text{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-text) / var(--tw-bg-opacity))
}
.object-cover{
	-o-object-fit: cover;
	object-fit: cover
}
.p-0{
	padding: 0
}
.p-2{
 	padding: .5rem
}
.p-3{
 	padding: .75rem
}
.p-6{
	padding: 1.5rem
}
.px-4{
	padding-left: 1rem;
	padding-right: 1rem
}
.px-6{
	padding-left: 1.5rem;
	padding-right: 1.5rem
}
.py-1{
 	padding-top: .25rem;
 	padding-bottom: .25rem
}
.py-16{
	padding-top: 4rem;
	padding-bottom: 4rem
}
.py-2{
 	padding-top: .5rem;
 	padding-bottom: .5rem
}
.py-4{
	padding-top: 1rem;
	padding-bottom: 1rem
}
.py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}
.pb-6{
	padding-bottom: 1.5rem
}
.ps-0{
	padding-inline-start: 0px
}
.ps-1{
 	padding-inline-start: .25rem
}
.ps-10{
	padding-inline-start: 2.5rem
}
.ps-4{
	padding-inline-start: 1rem
}
.pt-20{
	padding-top: 5rem
}
.text-center{
	text-align: center
}
.text-right{
	text-align: right
}
.text-color-d5{color: #d5d5d5;}
.text-2xl{
	font-size: 1.5rem;
	line-height: 2rem
}
.text-2xs{
 	font-size: .625rem
}
.text-6xl{
	font-size: 3.75rem;
	line-height: 1
}
.text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem
}
.text-sm{
 	font-size: .875rem;
	line-height: 1.25rem
}
.text-xl{
	font-size: 1.25rem;
	line-height: 1.75rem
}
.text-xs{
 	font-size: .75rem;
	line-height: 1rem
}
.font-bold{
	font-weight: 700
}
.text-fire{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-fire) / var(--tw-text-opacity))
}
.text-info{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-info) / var(--tw-text-opacity))
}
.text-lead{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.text-main{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity))
}
.text-mark{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-mark) / var(--tw-text-opacity))
}
.text-seco{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-seco) / var(--tw-text-opacity))
}
.text-subs{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-subs) / var(--tw-text-opacity))
}
.text-tone{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-tone) / var(--tw-text-opacity))
}
.text-warn{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-warn) / var(--tw-text-opacity))
}
.text-wins{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-wins) / var(--tw-text-opacity))
}
.opacity-50{
	opacity: .5
}
.shadow{
 	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
 	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.blur-lg{
 	--tw-blur: blur(16px);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.filter{
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.\[--size\:10rem\]{
 	--size: 10rem
}
.\[--size\:15rem\]{
 	--size: 15rem
}
.\[--size\:7\.5rem\]{
 	--size: 7.5rem
}
.before\:pointer-events-none:before{
	content: var(--tw-content);
	pointer-events: none
}
.before\:absolute:before{
	content: var(--tw-content);
	position: absolute
}
.before\:start-2:before{
	content: var(--tw-content);
 	inset-inline-start: .5rem
}
.before\:start-2\.5:before{
	content: var(--tw-content);
 	inset-inline-start: .625rem
}
.before\:top-2:before{
	content: var(--tw-content);
 	top: .5rem
}
.before\:top-2\.5:before{
	content: var(--tw-content);
 top: .625rem
}
.before\:mt-1:before{
	content: var(--tw-content);
 	margin-top: .25rem
}
.before\:text-2xl:before{
	content: var(--tw-content);
	font-size: 1.5rem;
	line-height: 2rem
}
.before\:text-sm:before{
	content: var(--tw-content);
 	font-size: .875rem;
	line-height: 1.25rem
}
.before\:text-xl:before{
	content: var(--tw-content);
	font-size: 1.25rem;
	line-height: 1.75rem
}
.before\:text-fire:before{
	content: var(--tw-content);
 	--tw-text-opacity: 1;
	color: rgb(var(--color-fire) / var(--tw-text-opacity))
}
.before\:text-wins:before{
	content: var(--tw-content);
 	--tw-text-opacity: 1;
	color: rgb(var(--color-wins) / var(--tw-text-opacity))
}
.after\:absolute:after{
	content: var(--tw-content);
	position: absolute
}
.after\:inset-0:after{
	content: var(--tw-content);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.after\:z-10:after{
	content: var(--tw-content);
	z-index: 10
}
.after\:text-text:after{
	content: var(--tw-content);
 	--tw-text-opacity: 1;
	color: rgb(var(--color-text) / var(--tw-text-opacity))
}
.first\:border-s-0:first-child{
	border-inline-start-width: 0px
}
.first\:ps-0:first-child{
	padding-inline-start: 0px
}
.last\:col-span-full:last-child{
	grid-column: 1 / -1
}
.last\:pe-0:last-child{
	padding-inline-end: 0px
}
.hover\:bg-mute:hover{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-mute) / var(--tw-bg-opacity))
}
.hover\:underline:hover{
	text-decoration-line: underline
}
.disabled\:invisible:disabled{
	visibility: hidden
}
 .group\/search:has(#box-search.show) .group-has-\[\#box-search\.show\]\/search\:invisible{
 visibility: hidden
}
@media not all and (min-width: 768px){
.max-md\:end-16{
	inset-inline-end: 4rem
}
.max-md\:start-4{
	inset-inline-start: 1rem
}
.max-md\:me-2{
 	margin-inline-end: .5rem
}
.max-md\:block{
	display: block
}
.max-md\:px-4{
	padding-left: 1rem;
	padding-right: 1rem
}
}
@media not all and (min-width: 640px){
.max-sm\:flex-wrap{
	flex-wrap: wrap
}
}
@media (min-width: 640px){
.sm\:col-span-1{
	grid-column: span 1 / span 1
}
.sm\:col-span-2{
	grid-column: span 2 / span 2
}
.sm\:col-span-5{
	grid-column: span 5 / span 5
}
.sm\:col-start-6{
	grid-column-start: 6
}
.sm\:row-span-2{
	grid-row: span 2 / span 2
}
.sm\:row-start-1{
	grid-row-start: 1
}
.sm\:mx-0{
	margin-left: 0;
	margin-right: 0
}
.sm\:block{
	display: block
}
.sm\:w-80{
	width: 20rem
}
.sm\:w-auto{
	width: auto
}
.sm\:max-w-48{
	max-width: 12rem
}
.sm\:flex-1{
	flex: 1 1 0%
}
.sm\:grid-cols-7{
	grid-template-columns: repeat(7, minmax(0, 1fr))
}
.sm\:grid-cols-\[8rem_1fr\]{
	grid-template-columns: 8rem 1fr
}
.sm\:grid-rows-\[auto_1fr\]{
	grid-template-rows: auto 1fr
}
.sm\:flex-row{
	flex-direction: row
}
.sm\:items-start{
	align-items: flex-start
}
.sm\:gap-1{
 	gap: .25rem
}
.sm\:gap-x-4{
	-moz-column-gap: 1rem;
	column-gap: 1rem
}
.sm\:gap-x-6{
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem
}
.sm\:rounded-\[2rem\]{
	border-radius: 2rem
}
.sm\:rounded-xl{
 	border-radius: .75rem
}
.sm\:border{
	border-width: 1px
}
.sm\:border-soft{
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-soft) / var(--tw-border-opacity))
}
.sm\:bg-mute{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-mute) / var(--tw-bg-opacity))
}
.sm\:p-1{
 	padding: .25rem
}
.sm\:px-0{
	padding-left: 0;
	padding-right: 0
}
.sm\:text-2xl{
	font-size: 1.5rem;
	line-height: 2rem
}
.sm\:text-base{
	font-size: 1rem;
	line-height: 1.5rem
}
.sm\:text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem
}
}
@media (min-width: 768px){
.md\:static{
	position: static
}
.md\:m-0{
	margin: 0
}
.md\:flex{
	display: flex
}
.md\:hidden{
	display: none
}
.md\:w-auto{
	width: auto
}
.md\:max-w-96{
	max-width: 24rem
}
.md\:flex-row{
	flex-direction: row
}
.md\:items-center{
	align-items: center
}
.md\:justify-center{
	justify-content: center
}
.md\:border-0{
	border-width: 0px
}
.md\:border-b-0{
	border-bottom-width: 0px
}
.md\:p-0{
	padding: 0
}
.md\:py-0{
	padding-top: 0;
	padding-bottom: 0
}
.md\:text-3xl{
	font-size: 1.875rem;
	line-height: 2.25rem
}
.md\:text-base{
	font-size: 1rem;
	line-height: 1.5rem
}
.md\:shadow-none{
 	--tw-shadow: 0 0 #0000;
 	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
 .group\/search:has(#box-search.show) .md\:group-has-\[\#box-search\.show\]\/search\:invisible{
 	visibility: hidden
}
}
@media (min-width: 1024px){
.lg\:top-6{
	top: 1.5rem
}
.lg\:col-span-2{
	grid-column: span 2 / span 2
}
.lg\:col-span-3{
	grid-column: span 3 / span 3
}
.lg\:col-span-7{
	grid-column: span 7 / span 7
}
.lg\:col-span-8{
	grid-column: span 8 / span 8
}
.lg\:w-\[22\.5rem\]{
	width: 22.5rem
}
.lg\:grid-cols-10{
	grid-template-columns: repeat(10, minmax(0, 1fr))
}
.lg\:gap-6{
	gap: 1.5rem
}
.lg\:px-2{
 	padding-left: .5rem;
 	padding-right: .5rem
}
.lg\:py-12{
	padding-top: 3rem;
	padding-bottom: 3rem
}
.lg\:py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}
.lg\:pe-1{
 	padding-inline-end: .25rem
}
.lg\:pe-6{
	padding-inline-end: 1.5rem
}
.lg\:\[--size\:17rem\]{
 	--size: 17rem
}
}
@media (min-width: 1280px){
.xl\:-end-6{
	inset-inline-end: -1.5rem
}
.xl\:-start-6{
	inset-inline-start: -1.5rem
}
}

:is(:where(.dark) .dark\:block){
 	display: block
}

:is(:where(.dark) .dark\:hidden){
 	display: none
}
@media not all and (min-width: 768px){
	:is(:where(.dark) .dark\:max-md\:block){
 	display: block
}

	:is(:where(.dark) .dark\:max-md\:hidden){
 	display: none
}
}
.\[\&\.current\]\:border-soft.current{
 	--tw-border-opacity: 1;
	border-color: rgb(var(--color-soft) / var(--tw-border-opacity))
}
.\[\&\.current\]\:bg-body.current{
 	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-body) / var(--tw-bg-opacity))
}
.\[\&\.current\]\:text-lead.current{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-lead) / var(--tw-text-opacity))
}
.\[\&\.show\]\:block.show{
	display: block
}
.\[\&\.show\]\:flex.show{
	display: flex
}
.current .\[\.current_\&\]\:text-main{
 	--tw-text-opacity: 1;
	color: rgb(var(--color-main) / var(--tw-text-opacity))
}
.on>.\[\.on\>_\&\]\:block{
	display: block
}
.on>.\[\.on\>_\&\]\:hidden{
	display: none
}
.appwesome{
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 13px;
 	margin-bottom: .5rem !important;
	font-weight: 500;
	text-transform: uppercase;
	color: #c8c7c7
}
.adgHet{
	width: 100%;
	height: 252px
}
@media (min-width: 356px){
.adgHet{
	width: 100%;
	height: 312px
}
}
@media (min-width: 748px){
.adgHet{
	width: 100%;
	height: 280px
}
}
.adSrHght{
	width: 100%;
	height: 252px
}
@media (min-width: 356px){
.adSrHght{
	width: 100%;
	height: 312px
}
}
@media (min-width: 748px){
.adSrHght{
	width: 100%;
	height: 600px
}
}
@media (min-width: 1024px){
.cont{
	max-width: 71rem;
}
header+.cont{
	grid-template-columns: 1fr 300px;
	gap: 60px;
}
header+.cont main{
	grid-column: span 1 / span 1;
 &:last-child{
 	grid-column: 1 / -1;
}
}
header+.cont aside{
	grid-column: span 1 / span 1;
}
}
.cHgt{
	width: 100%;
	height: 252px
}
@media (min-width:356px){
.cHgt{
	width: 100%;
	height: 312px
}
}
@media (min-width:748px){
.cHgt{
	width: 100%;
	height: 280px
}
}
.cSHgt{
	width: 100%;
	height: 252px
}
@media (min-width:356px){
.cSHgt{
	width: 100%;
	height: 312px
}
}
@media (min-width:748px){
.cSHgt{
	width: 100%;
	height: 600px
}
}
.pcbx{
	display: grid;
	gap: 1rem;
 .pcbx-hn{
 	font-size: 1.25rem;
 	line-height: 1.4;
 	display: flex;
 	gap: .75rem;
 	padding: .1rem;
 	align-items: center;
 &::before{
 	content: '';
 	width: 1em;
 	height: 1em;
 	line-height: 1;
 	flex-shrink: 0;
 	max-width: initial;
 	background-color: currentColor;
 	-webkit-mask-size: 100% 100%;
 	mask-size: 100% 100%;
 	-webkit-mask: var(--ic) no-repeat;
 	mask: var(--ic) no-repeat;
 	font-size: 1.5rem;
}
}
ul{
	margin: 0;
 	gap: .5rem;
 li{
	border-radius: 1rem;
 	padding: .75rem 1rem;
}
}
 &.pcbx-ok{
 .pcbx-hn::before{
 	color: rgb(var(--color-wins));
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M7.5 12l3 3 6-6m5.5 3c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
li{
 	background-color: rgb(var(--color-wins) / .05);
}
}
&.pcbx-no{
 	.pcbx-hn::before{
 	color: rgb(var(--color-fire));
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M15 9l-6 6m0-6l6 6m7-3c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
li{
 	background-color: rgb(var(--color-fire) / .05);
}
}
}
.ic-download{
 	--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M21 15V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V15M17 10L12 15M12 15L7 10M12 15V3' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.dwnld-box{
 	border-radius: .75rem;
 	padding: .5rem;
	border: 1px solid rgb(var(--color-line));
 &:hover{
 	border-color: rgb(var(--color-seco));
}
}
.dwnld-img{
	width: 3rem;
}
a.dwnld-btn{
	background: rgb(var(--color-seco));
	color: rgb(var(--color-fore)) !important;
	text-decoration: none;
 	padding: .25rem;
 &>span{
 	position: relative;
 &::before{
 	animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
 	background: rgb(var(--color-seco));
 	content: "";
 	position: absolute;
 	inset: 0;
 	z-index: -10;
 	border-radius: .5rem;
}
}
 &::after{
 	content: "";
 	position: absolute;
 	inset: 0;
 	z-index: 10;
}
.dwnld-btn-txt{
 	padding: 0 .5rem;
 	.dwnld-btn-txt-b{
 	font-weight: 400;
}
}
.dwnld-btn-ico{
	background: rgb(000 000 000 / .2);
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
}
.dwnld-btn .dwnld-btn-ico{
	animation: bounce 1s infinite
}
.dwnld-box-a, .dwnld-box-b{
 &:hover{
 .dwnld-ttl{
 span, p{
 	color: rgb(var(--color-seco));
}
}
}
}
.dwnld-box-a{
	padding: 1rem;
 .dwnld-ttl span{
 position: absolute;
 top: -.5rem;
 inset-inline-start: .5rem;
 padding: 0 .5rem;
 background: rgb(var(--color-body));
}
}
.dwnld-box-c{
	background: rgb(var(--color-seco));
 .dwnld-ttl{
 span, p{
 color: rgb(var(--color-fore));
}
}
.dwnld-btn{
	background: rgb(000 000 000 / .1);
 border-radius: 0 .5rem .5rem 0;
 padding: .75rem;
 margin: -.5rem;
	align-self: stretch;
 .dwnld-btn-ico{
 background: rgb(000 000 000 / .2);
}
}
 &:hover{
 filter: brightness(.9) contrast(1.05);
}
}
@keyframes bounce{
 0%, 100%{
 transform: translateY(-9%);
 animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
 50%{
 transform: none;
 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@keyframes ping{
 75%, 100%{
 transform: scaleX(1.3) scaleY(1.6);
 opacity: 0;
}
}
@media (min-width: 640px){
.dwnld-btn-txt{
	display: flex;
}
}
.ic-globe{
 --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M2 12H22M2 12C2 17.5228 6.47715 22 12 22M2 12C2 6.47715 6.47715 2 12 2M22 12C22 17.5228 17.5228 22 12 22M22 12C22 6.47715 17.5228 2 12 2M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22M12 2C9.49872 4.73835 8.07725 8.29203 8 12C8.07725 15.708 9.49872 19.2616 12 22' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.ic-chevron-left{
 --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M15 18l-6-6 6-6' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.text-start{
	text-align: start;
}
.dropdown-langs{
 .dropdown-menu{
 margin-top: .5rem;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 &.show{
 display: grid;
}
}
}
article:hover .btn-ic-dw{
	background-color: rgb(var(--color-main));
	color: rgb(var(--color-fore))
}
.btn-disabled{
	pointer-events: none;
	filter: grayscale(1) opacity(.6);
	background-color: rgb(var(--color-soft));
	color: rgb(var(--color-subs));
	border-color: rgb(var(--color-line));
}
.grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
.contact-page{
	max-width: 728px;
	width: 100%;
}
@media (max-width: 768px){
#box-menu{
	max-height: 80vh;
	overflow: auto;
}
}
@media (min-width: 640px){
.sm\:grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media (min-width: 768px){
.dropdown-langs{
	margin-inline-start: auto;
	margin-inline-end: 0;
 .ic-chevron-right{
 transform: rotate(90deg);
 font-size: .875rem;
 margin-top: -.125rem;
}
.dropdown-menu{
	background-color: rgb(var(--color-body));
	position: absolute;
	inset-block-start: 100%;
	inset-inline-start: 0;
	width: 14rem;
	border: 1px solid rgb(var(--color-line));
 border-radius: .5rem;
 padding: .5rem;
	max-height: 32rem;
	overflow: auto;
}
}
}
@media (min-width: 640px){
article>div.sm\:grid-cols-7{
	grid-template-columns: repeat(10, minmax(0, 1fr));
 &>figure.sm\:col-start-6{
 grid-column-start: 9;
}
}
}
.entry{
 h1{
 font-size: 1.875rem !important;
 line-height: 2.25rem !important;
}
h2{
	font-size: 1.5rem !important;
	line-height: 2rem !important;
}
h3{
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}
}
 details summary::-webkit-details-marker{
 display: none;
}
main+aside>section+section{
	margin-top: 1.5rem;
}
.search-box{
	top: 50%;
  	margin-top: -20px;
  	max-width: 47%;
  	width: 100%;	
}
@media (max-width: 768px) {
.search-box{
  	max-width: unset;
	width: auto;
}		
}

.cookie-box{
	display: none;
  	width: 100%;
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	z-index: 10;
  	background-color: rgba(0,0,0,.8);
  	-webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.08);
  	box-shadow: 0 4px 10px 0 rgba(0,0,0,.08);
}
.cookie-box .cookie-item{
  	height: 64px;
  	padding: 12px 40px;
  	color: #fff;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
  	-webkit-box-pack: justify;
  	-ms-flex-pack: justify;
  	justify-content: space-between;
	max-width: 1440px;
  	margin: 0 auto;
}
.cookie-box .cookie-item .cookie-text{
  	font-size: 16px;
  	line-height: 24px;
  	margin-right: 46px;
  	font-weight: 400;
  	-webkit-box-flex: 1;
  	-ms-flex: 1;
  	flex: 1;
  	text-align: right;
}
.cookie-box .cookie-item .cookie-text a{
	color: rgb(96, 165, 250);
  	font-weight: 600;
  	text-decoration: underline;	
}
.cookie-box .cookie-item .cookie-btn{
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
  	-ms-flex-negative: 0;
  	flex-shrink: 0;	
}
.cookie-box .cookie-item .cookie-btn > div{
	width: 140px;
	padding: 9px 0;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-size: 16px;
  	border-radius: 40px;
  	background-color: #fff;
  	color: #333;
  	cursor: pointer;
	font-weight: 600;	
	line-height: initial;
}
.cookie-box .cookie-item .cookie-btn > div:hover{color: rgb(96, 165, 250);}
.cookie-box .cookie-item .cookie-btn > div:first-child{margin-right: 20px;}
@media screen and (max-width: 1058px) {
  .cookie-box .cookie-item{height: auto; flex-direction: column;}
  .cookie-box .cookie-item .cookie-text{margin-right: 0; text-align:center;}
  .cookie-box .cookie-item .cookie-btn{margin-top: 10px; width: 100%; justify-content: center;}
  .cookie-box .cookie-item .cookie-btn > div{width: 40%;}
}
@media screen and (max-width: 788px) {
  .cookie-box .cookie-item .cookie-text{font-size: 14px;}
  .cookie-box .cookie-item .cookie-btn > div{font-size: 14px;}
}