@font-face { font-family: "fontawesome"; src: url('../fonts/fontawesome-webfont.eot'); src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.svg#Telerik') format('svg'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "SNN"; src: url("../fonts/SNN.eot"); /* IE9 Compat Modes */ src: url("../fonts/SNN.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/SNN.otf") format("opentype"), /* Open Type Font */ url("../fonts/SNN.svg") format("svg"), /* Legacy iOS */ url("../fonts/SNN.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/SNN.woff") format("woff"), /* Modern Browsers */ url("../fonts/SNN.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }


*, :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
:before, :after { --tw-content: "" }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: "SNN"; font-feature-settings: normal; font-variation-settings: normal }
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-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 }
[hidden] { display: none }
:root, [data-theme] { background-color: var(--fallback-b1,oklch(var(--b1)/1)); color: var(--fallback-bc,oklch(var(--bc)/1)) }

@supports not (color: oklch(0% 0 0)) {
	:root { color-scheme: light; --fallback-p: #491eff; --fallback-pc: #d4dbff; --fallback-s: #ff41c7; --fallback-sc: #fff9fc; --fallback-a: #00cfbd; --fallback-ac: #00100d; --fallback-n: #2b3440; --fallback-nc: #d7dde4; --fallback-b1: #ffffff; --fallback-b2: #e5e6e6; --fallback-b3: #e5e6e6; --fallback-bc: #1f2937; --fallback-in: #00b3f0; --fallback-inc: #000000; --fallback-su: #00ca92; --fallback-suc: #000000; --fallback-wa: #ffc22d; --fallback-wac: #000000; --fallback-er: #ff6f70; --fallback-erc: #000000 }

	@media (prefers-color-scheme: dark) {
		:root { color-scheme: dark; --fallback-p: #7582ff; --fallback-pc: #050617; --fallback-s: #ff71cf; --fallback-sc: #190211; --fallback-a: #00c7b5; --fallback-ac: #000e0c; --fallback-n: #2a323c; --fallback-nc: #a6adbb; --fallback-b1: #1d232a; --fallback-b2: #191e24; --fallback-b3: #15191e; --fallback-bc: #a6adbb; --fallback-in: #00b3f0; --fallback-inc: #000000; --fallback-su: #00ca92; --fallback-suc: #000000; --fallback-wa: #ffc22d; --fallback-wac: #000000; --fallback-er: #ff6f70; --fallback-erc: #000000 }
	}
}

html { -webkit-tap-highlight-color: transparent }
:root { color-scheme: light; --in: 72.06% .191 231.6; --su: 64.8% .15 160; --wa: 84.71% .199 83.87; --er: 71.76% .221 22.18; --pc: 89.824% .06192 275.75; --ac: 15.352% .0368 183.61; --inc: 0% 0 0; --suc: 0% 0 0; --wac: 0% 0 0; --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: 49.12% .3096 275.75; --s: 69.71% .329 342.55; --sc: 98.71% .0106 342.55; --a: 76.76% .184 183.61; --n: 32.1785% .02476 255.701624; --nc: 89.4994% .011585 252.096176; --b1: 100% 0 0; --b2: 96.1151% 0 0; --b3: 92.4169% .00108 197.137559; --bc: 27.8078% .029596 256.847952 }

@media (prefers-color-scheme: dark) {
	:root { color-scheme: dark; --in: 72.06% .191 231.6; --su: 64.8% .15 160; --wa: 84.71% .199 83.87; --er: 71.76% .221 22.18; --pc: 13.138% .0392 275.75; --sc: 14.96% .052 342.55; --ac: 14.902% .0334 183.61; --inc: 0% 0 0; --suc: 0% 0 0; --wac: 0% 0 0; --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: 65.69% .196 275.75; --s: 74.8% .26 342.55; --a: 74.51% .167 183.61; --n: 31.3815% .021108 254.139175; --nc: 74.6477% .0216 264.435964; --b1: 25.3267% .015896 252.417568; --b2: 23.2607% .013807 253.100675; --b3: 21.1484% .01165 254.087939; --bc: 74.6477% .0216 264.435964 }
}

[data-theme=light] { color-scheme: light; --in: 72.06% .191 231.6; --su: 64.8% .15 160; --wa: 84.71% .199 83.87; --er: 71.76% .221 22.18; --pc: 89.824% .06192 275.75; --ac: 15.352% .0368 183.61; --inc: 0% 0 0; --suc: 0% 0 0; --wac: 0% 0 0; --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: 49.12% .3096 275.75; --s: 69.71% .329 342.55; --sc: 98.71% .0106 342.55; --a: 76.76% .184 183.61; --n: 32.1785% .02476 255.701624; --nc: 89.4994% .011585 252.096176; --b1: 100% 0 0; --b2: 96.1151% 0 0; --b3: 92.4169% .00108 197.137559; --bc: 27.8078% .029596 256.847952 }
[data-theme=dark] { color-scheme: dark; --in: 72.06% .191 231.6; --su: 64.8% .15 160; --wa: 84.71% .199 83.87; --er: 71.76% .221 22.18; --pc: 13.138% .0392 275.75; --sc: 14.96% .052 342.55; --ac: 14.902% .0334 183.61; --inc: 0% 0 0; --suc: 0% 0 0; --wac: 0% 0 0; --erc: 0% 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: 65.69% .196 275.75; --s: 74.8% .26 342.55; --a: 74.51% .167 183.61; --n: 31.3815% .021108 254.139175; --nc: 74.6477% .0216 264.435964; --b1: 25.3267% .015896 252.417568; --b2: 23.2607% .013807 253.100675; --b3: 21.1484% .01165 254.087939; --bc: 74.6477% .0216 264.435964 }
*, :before, :after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --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; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia: }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --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; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia: }
.container { width: 100% }

@media (min-width: 640px) {
	.container { max-width: 640px }
}

@media (min-width: 768px) {
	.container { max-width: 768px }
}

@media (min-width: 1024px) {
	.container { max-width: 1024px }
}

@media (min-width: 1280px) {
	.container { max-width: 1280px }
}

@media (min-width: 1536px) {
	.container { max-width: 1536px }
}

.alert { display: grid; width: 100%; grid-auto-flow: row; align-content: flex-start; align-items: center; justify-items: center; gap: 1rem; text-align: center; border-radius: var(--rounded-box, 1rem); border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); padding: 1rem; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --alert-bg: var(--fallback-b2,oklch(var(--b2)/1)); --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); background-color: var(--alert-bg) }

@media (min-width: 640px) {
	.alert { grid-auto-flow: column; grid-template-columns: auto minmax(auto,1fr); justify-items: start; text-align: start }
}

.avatar.placeholder > div { display: flex; align-items: center; justify-content: center }

@media (hover:hover) {
	.label a:hover { --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) }
	.table tr.hover:hover, .table tr.hover:nth-child(even):hover { --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) }
}

.checkbox { flex-shrink: 0; --chkbg: var(--fallback-bc,oklch(var(--bc)/1)); --chkfg: var(--fallback-b1,oklch(var(--b1)/1)); height: 1.5rem; width: 1.5rem; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--rounded-btn, .5rem); border-width: 1px; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: .2 }
:root .countdown { line-height: 1em }
.countdown { display: inline-flex }
.countdown > * { height: 1em; display: inline-block; overflow-y: hidden }
.countdown > *:before { position: relative; content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a"; white-space: pre; top: calc(var(--value) * -1em); text-align: center; transition: all 1s cubic-bezier(1,0,0,1) }
.diff { position: relative; display: grid; width: 100%; overflow: hidden; container-type: inline-size; grid-template-columns: auto 1fr }
.footer { display: grid; width: 100%; grid-auto-flow: row; place-items: start; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 2.5rem; font-size: .875rem; line-height: 1.25rem }
.footer > * { display: grid; place-items: start; gap: .5rem }

@media (min-width: 48rem) {
	.footer { grid-auto-flow: column }
	.footer-center { grid-auto-flow: row dense }
}

.label { display: flex; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: space-between; padding: .5rem .25rem }
.input { flex-shrink: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 3rem; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; line-height: 2; line-height: 1.5rem; border-radius: var(--rounded-btn, .5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) }
.input[type=number]::-webkit-inner-spin-button, .input-md[type=number]::-webkit-inner-spin-button { margin-top: -1rem; margin-bottom: -1rem; margin-inline-end: -1rem }
.\!link { cursor: pointer !important; text-decoration-line: underline !important }
.link { cursor: pointer; text-decoration-line: underline }
.select { display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 3rem; min-height: 3rem; padding-left: 1rem; padding-right: 2.5rem; font-size: .875rem; line-height: 1.25rem; line-height: 2; border-radius: var(--rounded-btn, .5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%); background-position: calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%); background-size: 4px 4px,4px 4px; background-repeat: no-repeat }
.select[multiple] { height: auto }
.table { position: relative; width: 100%; border-radius: var(--rounded-box, 1rem); text-align: left; font-size: .875rem; line-height: 1.25rem }
.table :where(.table-pin-rows thead tr) { position: sticky; top: 0; z-index: 1; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) }
.table :where(.table-pin-rows tfoot tr) { position: sticky; bottom: 0; z-index: 1; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) }
.table :where(.table-pin-cols tr th) { position: sticky; left: 0; right: 0; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) }
.textarea { min-height: 3rem; flex-shrink: 1; padding: .5rem 1rem; font-size: .875rem; line-height: 1.25rem; line-height: 2; border-radius: var(--rounded-btn, .5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) }
.toast { position: fixed; display: flex; min-width: -moz-fit-content; min-width: fit-content; flex-direction: column; white-space: nowrap; gap: .5rem; padding: 1rem }
.btm-nav > * .label { font-size: 1rem; line-height: 1.5rem }

@keyframes button-pop {
	0% { transform: scale(var(--btn-focus-scale, .98)) }
	40% { transform: scale(1.02) }
	to { transform: scale(1) }
}

.checkbox:focus { box-shadow: none }
.checkbox:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)) }
.checkbox:disabled { border-width: 0px; cursor: not-allowed; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity: .2 }
.checkbox:checked, .checkbox[aria-checked=true] { background-repeat: no-repeat; animation: checkmark var(--animation-input, .2s) ease-out; background-color: var(--chkbg); background-image: linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%) }
.checkbox:indeterminate { --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); background-repeat: no-repeat; animation: checkmark var(--animation-input, .2s) ease-out; background-image: linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%) }

@keyframes checkmark {
	0% { background-position-y: 5px }
	50% { background-position-y: -2px }
	to { background-position-y: 0 }
}

.input input { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); background-color: transparent }
.input input:focus { outline: 2px solid transparent; outline-offset: 2px }
.input[list]::-webkit-calendar-picker-indicator { line-height: 1em }
.input:focus, .input:focus-within { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)) }
.input:has(>input[disabled]), .input-disabled, .input:disabled, .input[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color: var(--fallback-bc,oklch(var(--bc)/.4)) }
.input:has(>input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2 }
.input:has(>input[disabled])::placeholder, .input-disabled::placeholder, .input:disabled::placeholder, .input[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2 }
.input:has(>input[disabled]) > input[disabled] { cursor: not-allowed }
.input::-webkit-date-and-time-value { text-align: inherit }
.\!link:focus { outline: 2px solid transparent !important; outline-offset: 2px !important }
.link:focus { outline: 2px solid transparent; outline-offset: 2px }
.\!link:focus-visible { outline: 2px solid currentColor !important; outline-offset: 2px !important }
.link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px }
.\!loading { pointer-events: none !important; display: inline-block !important; aspect-ratio: 1 / 1 !important; width: 1.5rem !important; background-color: currentColor !important; -webkit-mask-size: 100% !important; mask-size: 100% !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important }
.loading { pointer-events: none; display: inline-block; aspect-ratio: 1 / 1; width: 1.5rem; background-color: currentColor; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
.mockup-browser .mockup-browser-toolbar .input { position: relative; margin-left: auto; margin-right: auto; display: block; height: 1.75rem; width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); padding-left: 2rem; direction: ltr }
.mockup-browser .mockup-browser-toolbar .input:before { content: ""; position: absolute; left: .5rem; top: 50%; aspect-ratio: 1 / 1; height: .75rem; --tw-translate-y: -50%; 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)); border-radius: 9999px; border-width: 2px; border-color: currentColor; opacity: .6 }
.mockup-browser .mockup-browser-toolbar .input:after { content: ""; position: absolute; left: 1.25rem; top: 50%; height: .5rem; --tw-translate-y: 25%; --tw-rotate: -45deg; 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)); border-radius: 9999px; border-width: 1px; border-color: currentColor; opacity: .6 }

@keyframes modal-pop {
	0% { opacity: 0 }
}

@keyframes progress-loading {
	50% { background-position-x: -115% }
}

@keyframes radiomark {
	0% { box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset }
	50% { box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset }
	to { box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset }
}

@keyframes rating-pop {
	0% { transform: translateY(-.125em) }
	40% { transform: translateY(-.125em) }
	to { transform: translateY(0) }
}

.select:focus { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)) }
.select-disabled, .select:disabled, .select[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color: var(--fallback-bc,oklch(var(--bc)/.4)) }
.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2 }
.select-disabled::placeholder, .select:disabled::placeholder, .select[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2 }
.select-multiple, .select[multiple], .select[size].select:not([size="1"]) { background-image: none; padding-right: 1rem }
[dir=rtl] .select { background-position: calc(0% + 12px) calc(1px + 50%),calc(0% + 16px) calc(1px + 50%) }

@keyframes skeleton {
	0% { background-position: 150% }
	to { background-position: -50% }
}

:is([dir=rtl] .table) { text-align: right }
.table :where(th,td) { padding: .75rem 1rem; vertical-align: middle }
.table tr.active, .table tr.active:nth-child(even), .table-zebra tbody tr:nth-child(even) { --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) }
.table :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child) { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) }
.table :where(thead,tfoot) { white-space: nowrap; font-size: .75rem; line-height: 1rem; font-weight: 700; color: var(--fallback-bc,oklch(var(--bc)/.6)) }
.table :where(tfoot) { border-top-width: 1px; --tw-border-opacity: 1; border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) }
.textarea:focus { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)) }
.textarea-disabled, .textarea:disabled, .textarea[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color: var(--fallback-bc,oklch(var(--bc)/.4)) }
.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2 }
.textarea-disabled::placeholder, .textarea:disabled::placeholder, .textarea[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2 }
.toast > * { animation: toast-pop .25s ease-out }

@keyframes toast-pop {
	0% { transform: scale(.9); opacity: 0 }
	to { transform: scale(1); opacity: 1 }
}

:where(.toast) { bottom: 0; inset-inline-end: 0px; inset-inline-start: auto; top: auto; --tw-translate-x: 0px; --tw-translate-y: 0px; 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)) }
.toast:where(.toast-start) { inset-inline-end: auto; inset-inline-start: 0px; --tw-translate-x: 0px; 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)) }
.toast:where(.toast-center) { inset-inline-end: 50%; inset-inline-start: 50%; --tw-translate-x: -50%; 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)) }
:is([dir=rtl] .toast:where(.toast-center)) { --tw-translate-x: 50%; 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)) }
.toast:where(.toast-end) { inset-inline-end: 0px; inset-inline-start: auto; --tw-translate-x: 0px; 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)) }
.toast:where(.toast-bottom) { bottom: 0; top: auto; --tw-translate-y: 0px; 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)) }
.toast:where(.toast-middle) { bottom: auto; top: 50%; --tw-translate-y: -50%; 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)) }
.toast:where(.toast-top) { bottom: auto; top: 0; --tw-translate-y: 0px; 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)) }
.fixed { position: fixed }
.absolute { position: absolute }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0 }
.\!z-20 { z-index: 20 !important }
.\!z-40 { z-index: 40 !important }
.\!z-50 { z-index: 50 !important }
.z-10 { z-index: 10 }
.z-20 { z-index: 20 }
.z-30 { z-index: 30 }
.z-40 { z-index: 40 }
.z-50 { z-index: 50 }
.m-0 { margin: 0 }
.m-10 { margin: 2.5rem }
.mx-2 { margin-left: .5rem; margin-right: .5rem }
.\!mb-0 { margin-bottom: 0 !important }
.-mb-1 { margin-bottom: -.25rem }
.-mt-9 { margin-top: -2.25rem }
.mb-1 { margin-bottom: .25rem }
.mb-1\.5 { margin-bottom: .375rem }
.mb-10 { margin-bottom: 2.5rem }
.mb-2 { margin-bottom: .5rem }
.mb-3 { margin-bottom: .75rem }
.mb-4 { margin-bottom: 1rem }
.mb-5 { margin-bottom: 1.25rem }
.mb-6 { margin-bottom: 1.5rem }
.ml-0 { margin-left: 0 }
.ml-1 { margin-left: .25rem }
.ml-2 { margin-left: .5rem }
.ml-3 { margin-left: .75rem }
.ml-\[1px\] { margin-left: 1px }
.mr-10 { margin-right: 2.5rem }
.mr-2 { margin-right: .5rem }
.mr-3 { margin-right: .75rem }
.mr-4 { margin-right: 1rem }
.mr-6 { margin-right: 1.5rem }
.mt-1 { margin-top: .25rem }
.mt-1\.5 { margin-top: .375rem }
.mt-2 { margin-top: .5rem }
.mt-20 { margin-top: 5rem }
.mt-3 { margin-top: .75rem }
.mt-4 { margin-top: 1rem }
.mt-6 { margin-top: 1.5rem }
.mt-8 { margin-top: 2rem }
.block { display: block }
.flex { display: flex }
.table { display: table }
.grid { display: grid }
.hidden { display: none }
.\!h-\[4\.5rem\] { height: 4.5rem !important }
.h-10 { height: 2.5rem }
.h-16 { height: 4rem }
.h-20 { height: 5rem }
.h-5 { height: 1.25rem }
.h-56 { height: 14rem }
.h-80 { height: 20rem }
.h-\[2\.2rem\] { height: 2.2rem }
.h-\[4\.5rem\] { height: 4.5rem }
.h-\[6\.6rem\] { height: 6.6rem }
.h-fit { height: -moz-fit-content; height: fit-content }
.h-full { height: 100% }
.h-screen { height: 100vh }
.max-h-96 { max-height: 24rem }
.max-h-screen { max-height: 100vh }
.min-h-screen { min-height: 100vh }
.\!w-fit { width: -moz-fit-content !important; width: fit-content !important }
.\!w-full { width: 100% !important }
.w-1\/2 { width: 50% }
.w-11\/12 { width: 91.666667% }
.w-28 { width: 7rem }
.w-32 { width: 8rem }
.w-36 { width: 9rem }
.w-40 { width: 10rem }
.w-5 { width: 1.25rem }
.w-52 { width: 13rem }
.w-56 { width: 14rem }
.w-64 { width: 16rem }
.w-80 { width: 20rem }
.w-fit { width: -moz-fit-content; width: fit-content }
.w-full { width: 100% }
.max-w-md { max-width: 28rem }
.max-w-screen-lg { max-width: 1024px }
.max-w-screen-sm { max-width: 640px }
.flex-1 { flex: 1 1 0% }
.shrink-0 { flex-shrink: 0 }
.border-collapse { border-collapse: collapse }
.scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; 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)) }

@keyframes fadeOut {
	0% { opacity: 0 }
	50% { opacity: 50 }
	to { opacity: 100 }
}

.animate-fade { animation: fadeOut 1.5s ease-in-out }

@keyframes pulse {
	50% { opacity: .5 }
}

.animate-pulse { animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite }

@keyframes wiggle {
	0% { background: rgb(21 128 61) }
	50% { background: rgb(194 65 12) }
	to { background: rgb(21 128 61) }
}

.animate-spin-slow { animation: wiggle 3s ease-in-out infinite }
.cursor-default { cursor: default }
.cursor-pointer { cursor: pointer }
.auto-cols-max { grid-auto-columns: max-content }
.grid-flow-col { grid-auto-flow: column }
.grid-rows-3 { grid-template-rows: repeat(3,minmax(0,1fr)) }
.flex-row { flex-direction: row }
.flex-col { flex-direction: column }
.place-content-start { place-content: start }
.place-items-center { place-items: center }
.content-center { align-content: center }
.items-start { align-items: flex-start }
.items-end { align-items: flex-end }
.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 }
.justify-evenly { justify-content: space-evenly }
.gap-10 { gap: 2.5rem }
.gap-4 { gap: 1rem }
.space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) }
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.125rem * var(--tw-space-x-reverse)); margin-left: calc(.125rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.375rem * var(--tw-space-x-reverse)); margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.75rem * var(--tw-space-x-reverse)); margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) }
.space-x-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) }
.space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) }
.space-y-16 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * var(--tw-space-y-reverse)) }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) }
.space-y-20 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(5rem * var(--tw-space-y-reverse)) }
.space-y-24 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(6rem * var(--tw-space-y-reverse)) }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)) }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)) }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)) }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) }
.space-y-7 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)) }
.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)) }
.place-self-center { place-self: center }
.self-start { align-self: flex-start }
.self-end { align-self: flex-end }
.self-center { align-self: center }
.justify-self-start { justify-self: start }
.overflow-auto { overflow: auto }
.overflow-hidden { overflow: hidden }
.overflow-visible { overflow: visible }
.overflow-x-hidden { overflow-x: hidden }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.whitespace-nowrap { white-space: nowrap }
.break-words { overflow-wrap: break-word }
.break-all { word-break: break-all }
.\!rounded-xl { border-radius: .75rem !important }
.rounded-2xl { border-radius: 1rem }
.rounded-box { border-radius: var(--rounded-box, 1rem) }
.rounded-full { border-radius: 9999px }
.rounded-lg { border-radius: .5rem }
.rounded-md { border-radius: .375rem }
.rounded-sm { border-radius: .125rem }
.rounded-bl-3xl { border-bottom-left-radius: 1.5rem }
.rounded-bl-\[2rem\] { border-bottom-left-radius: 2rem }
.rounded-br-3xl { border-bottom-right-radius: 1.5rem }
.rounded-br-\[2rem\] { border-bottom-right-radius: 2rem }
.rounded-tl-lg { border-top-left-radius: .5rem }
.rounded-tl-md { border-top-left-radius: .375rem }
.rounded-tr-lg { border-top-right-radius: .5rem }
.rounded-tr-md { border-top-right-radius: .375rem }
.\!border-\[7px\] { border-width: 7px !important }
.border { border-width: 1px }
.border-2 { border-width: 2px }
.border-\[0\.8px\] { border-width: .8px }
.border-\[0\.99px\] { border-width: .99px }
.border-\[1\.1px\] { border-width: 1.1px }
.border-\[1\.5px\] { border-width: 1.5px }
.border-\[1px\] { border-width: 1px }
.border-\[2\.5px\] { border-width: 2.5px }
.border-\[2px\] { border-width: 2px }
.border-\[6px\] { border-width: 6px }
.border-\[8px\] { border-width: 8px }
.border-b-\[1px\] { border-bottom-width: 1px }
.border-l-\[1px\] { border-left-width: 1px }
.border-l-\[3px\] { border-left-width: 3px }
.border-r-\[1\.4px\] { border-right-width: 1.4px }
.border-r-\[1px\] { border-right-width: 1px }
.border-t { border-top-width: 1px }
.border-t-\[1\.3px\] { border-top-width: 1.3px }
.border-t-\[1px\] { border-top-width: 1px }
.\!border-yellow-400 { --tw-border-opacity: 1 !important; border-color: rgb(250 204 21 / var(--tw-border-opacity)) !important }
.border-black\/10 { border-color: #0000001a }
.border-black\/20 { border-color: #0003 }
.border-black\/30 { border-color: #0000004d }
.border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity)) }
.border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)) }
.border-gray-200\/40 { border-color: #e5e7eb66 }
.border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)) }
.border-gray-300\/40 { border-color: #d1d5db66 }
.border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)) }
.border-gray-400\/50 { border-color: #9ca3af80 }
.border-gray-400\/70 { border-color: #9ca3afb3 }
.border-gray-500\/60 { border-color: #6b728099 }
.border-gray-500\/80 { border-color: #6b7280cc }
.border-green-700 { --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity)) }
.border-green-800 { --tw-border-opacity: 1; border-color: rgb(22 101 52 / var(--tw-border-opacity)) }
.border-green-900 { --tw-border-opacity: 1; border-color: rgb(20 83 45 / var(--tw-border-opacity)) }
.border-orange-800 { --tw-border-opacity: 1; border-color: rgb(154 52 18 / var(--tw-border-opacity)) }
.border-orange-900 { --tw-border-opacity: 1; border-color: rgb(124 45 18 / var(--tw-border-opacity)) }
.border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)) }
.border-yellow-500\/60 { border-color: #eab30899 }
.border-l-gray-300 { --tw-border-opacity: 1; border-left-color: rgb(209 213 219 / var(--tw-border-opacity)) }
.border-l-gray-400 { --tw-border-opacity: 1; border-left-color: rgb(156 163 175 / var(--tw-border-opacity)) }
.border-r-gray-300 { --tw-border-opacity: 1; border-right-color: rgb(209 213 219 / var(--tw-border-opacity)) }
.border-t-gray-300 { --tw-border-opacity: 1; border-top-color: rgb(209 213 219 / var(--tw-border-opacity)) }
.\!bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important }
.bg-\[rgba\(0\,0\,0\,0\.81\)\] { background-color: #000000cf }
.bg-black\/60 { background-color: #0009 }
.bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) }
.bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) }
.bg-gray-50\/30 { background-color: #f9fafb4d }
.bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)) }
.bg-orange-100\/70 { background-color: #ffedd5b3 }
.bg-orange-700 { --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity)) }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) }
.bg-white\/70 { background-color: #ffffffb3 }
.bg-gradient-to-b { background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) }
.bg-gradient-to-br { background-image: linear-gradient(to bottom right,var(--tw-gradient-stops)) }
.bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)) }
.bg-gradient-to-t { background-image: linear-gradient(to top,var(--tw-gradient-stops)) }
.\!from-\[\#ffecd5\] { --tw-gradient-from: #ffecd5 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 236 213 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important }
.from-\[\#ececec\]\/80 { --tw-gradient-from: rgb(236 236 236 / .8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 236 236 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-gray-50 { --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-green-800 { --tw-gradient-from: #166534 var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-green-800\/80 { --tw-gradient-from: rgb(22 101 52 / .8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-orange-800 { --tw-gradient-from: #9a3412 var(--tw-gradient-from-position); --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.\!to-\[\#fff1e1\] { --tw-gradient-to: #fff1e1 var(--tw-gradient-to-position) !important }
.to-blue-50 { --tw-gradient-to: #eff6ff var(--tw-gradient-to-position) }
.to-gray-100 { --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position) }
.to-gray-50 { --tw-gradient-to: #f9fafb var(--tw-gradient-to-position) }
.to-green-50 { --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position) }
.to-green-600 { --tw-gradient-to: #16a34a var(--tw-gradient-to-position) }
.to-orange-500 { --tw-gradient-to: #f97316 var(--tw-gradient-to-position) }
.to-orange-600 { --tw-gradient-to: #ea580c var(--tw-gradient-to-position) }
.object-contain { -o-object-fit: contain; object-fit: contain }
.p-1 { padding: .25rem }
.p-1\.5 { padding: .375rem }
.p-10 { padding: 2.5rem }
.p-2 { padding: .5rem }
.p-3 { padding: .75rem }
.p-4 { padding: 1rem }
.p-5 { padding: 1.25rem }
.p-6 { padding: 1.5rem }
.p-7 { padding: 1.75rem }
.px-12 { padding-left: 3rem; padding-right: 3rem }
.px-2 { padding-left: .5rem; padding-right: .5rem }
.px-3 { padding-left: .75rem; padding-right: .75rem }
.px-4 { padding-left: 1rem; padding-right: 1rem }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem }
.px-8 { padding-left: 2rem; padding-right: 2rem }
.py-0 { padding-top: 0; padding-bottom: 0 }
.py-0\.5 { padding-top: .125rem; padding-bottom: .125rem }
.py-1 { padding-top: .25rem; padding-bottom: .25rem }
.py-1\.5 { padding-top: .375rem; padding-bottom: .375rem }
.py-2 { padding-top: .5rem; padding-bottom: .5rem }
.py-3 { padding-top: .75rem; padding-bottom: .75rem }
.py-4 { padding-top: 1rem; padding-bottom: 1rem }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem }
.pb-10 { padding-bottom: 2.5rem }
.pb-12 { padding-bottom: 3rem }
.pb-2 { padding-bottom: .5rem }
.pb-20 { padding-bottom: 5rem }
.pl-1 { padding-left: .25rem }
.pl-1\.5 { padding-left: .375rem }
.pl-2 { padding-left: .5rem }
.pl-3 { padding-left: .75rem }
.pr-1 { padding-right: .25rem }
.pr-1\.5 { padding-right: .375rem }
.pr-2 { padding-right: .5rem }
.pr-3 { padding-right: .75rem }
.pr-4 { padding-right: 1rem }
.pr-5 { padding-right: 1.25rem }
.pt-10 { padding-top: 2.5rem }
.pt-20 { padding-top: 5rem }
.pt-3 { padding-top: .75rem }
.pt-4 { padding-top: 1rem }
.pt-40 { padding-top: 10rem }
.pt-5 { padding-top: 1.25rem }
.pt-\[7px\] { padding-top: 7px }
.text-left { text-align: left }
.text-center { text-align: center }
.text-start { text-align: start }
.font-mono { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace }
.\!text-\[20px\] { font-size: 20px !important }
.\!text-\[40px\] { font-size: 40px !important }
.\!text-\[95px\] { font-size: 95px !important }
.text-2xl { font-size: 1.5rem; line-height: 2rem }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem }
.text-\[12px\] { font-size: 12px }
.text-\[14px\] { font-size: 14px }
.text-\[15px\] { font-size: 15px }
.text-\[16px\] { font-size: 16px }
.text-\[17px\] { font-size: 17px }
.text-\[18px\] { font-size: 18px }
.text-\[20px\] { font-size: 20px }
.text-\[23px\] { font-size: 23px }
.text-\[30px\] { font-size: 30px }
.text-\[40px\] { font-size: 40px }
.text-\[45px\] { font-size: 45px }
.text-\[70px\] { font-size: 70px }
.text-\[75px\] { font-size: 75px }
.text-\[80px\] { font-size: 80px }
.text-\[95px\] { font-size: 95px }
.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 }
.\!font-\[500\] { font-weight: 500 !important }
.font-\[300\] { font-weight: 300 }
.font-\[400\] { font-weight: 400 }
.font-\[500\] { font-weight: 500 }
.font-\[600\] { font-weight: 600 }
.font-bold { font-weight: 700 }
.font-light { font-weight: 300 }
.font-medium { font-weight: 500 }
.font-normal { font-weight: 400 }
.font-semibold { font-weight: 600 }
.\!uppercase { text-transform: uppercase !important }
.uppercase { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.normal-case { text-transform: none }
.leading-9 { line-height: 2.25rem }
.leading-\[2\.2rem\] { line-height: 2.2rem }
.leading-\[5\.5rem\] { line-height: 5.5rem }
.tracking-tight { letter-spacing: -.025em }
.tracking-wide { letter-spacing: .025em }
.\!text-\[\#5D492A\] { --tw-text-opacity: 1 !important; color: rgb(93 73 42 / var(--tw-text-opacity)) !important }
.\!text-\[\#5F4C2E\] { --tw-text-opacity: 1 !important; color: rgb(95 76 46 / var(--tw-text-opacity)) !important }
.\!text-green-700 { --tw-text-opacity: 1 !important; color: rgb(21 128 61 / var(--tw-text-opacity)) !important }
.\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important }
.text-\[\#5F4C2E\] { --tw-text-opacity: 1; color: rgb(95 76 46 / var(--tw-text-opacity)) }
.text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) }
.text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)) }
.text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)) }
.text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)) }
.text-gray-500\/90 { color: #6b7280e6 }
.text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)) }
.text-gray-600\/90 { color: #4b5563e6 }
.text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)) }
.text-gray-700\/70 { color: #374151b3 }
.text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)) }
.text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)) }
.text-green-600\/90 { color: #16a34ae6 }
.text-orange-700\/90 { color: #c2410ce6 }
.text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)) }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) }
.placeholder-gray-400::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity)) }
.placeholder-gray-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity)) }
.placeholder-green-600::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(22 163 74 / var(--tw-placeholder-opacity)) }
.placeholder-green-600::placeholder { --tw-placeholder-opacity: 1; color: rgb(22 163 74 / var(--tw-placeholder-opacity)) }
.\!opacity-50 { opacity: .5 !important }
.opacity-40 { opacity: .4 }
.opacity-50 { opacity: .5 }
.opacity-60 { opacity: .6 }
.opacity-\[0\.3\] { opacity: .3 }
.shadow-amount { --tw-shadow: inset 0px 0px 5px 1.5px rgb(0 0 0 / .45); --tw-shadow-colored: inset 0px 0px 5px 1.5px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-amount2 { --tw-shadow: inset 0px 0px 6px 1px rgb(0 0 0 / .36); --tw-shadow-colored: inset 0px 0px 6px 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) }
.shadow-box { --tw-shadow: inset 0px 0px 10px 4px rgb(0 0 0 / .35); --tw-shadow-colored: inset 0px 0px 10px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-countdown { --tw-shadow: inset 0px 0px 70px rgb(0 0 0 / .8); --tw-shadow-colored: inset 0px 0px 70px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-time { --tw-shadow: inset 0px 2px 25px rgb(0 0 0 / .35); --tw-shadow-colored: inset 0px 2px 25px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.shadow-timer { --tw-shadow: inset 0px 0px 5px 1px rgb(0 0 0 / .2); --tw-shadow-colored: inset 0px 0px 5px 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) }
.shadow-white { --tw-shadow-color: #fff; --tw-shadow: var(--tw-shadow-colored) }
.drop-shadow-md { --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06)); 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) }
.drop-shadow-sm { --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05)); 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) }
.transition { 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: .15s }
.transition-colors { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s }
.duration-200 { transition-duration: .2s }
.text-shadow-sm { text-shadow: 0 0 3px var(--tw-shadow-color) }
.before\:text-lg:before { content: var(--tw-content); font-size: 1.125rem; line-height: 1.75rem }
.hover\:cursor-pointer:hover { cursor: pointer }
.hover\:border-orange-700:hover { --tw-border-opacity: 1; border-color: rgb(194 65 12 / var(--tw-border-opacity)) }
.hover\:bg-black\/10:hover { background-color: #0000001a }
.hover\:bg-orange-100\/80:hover { background-color: #ffedd5cc }
.hover\:bg-orange-600:hover { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity)) }
.hover\:from-green-700:hover { --tw-gradient-from: #15803d var(--tw-gradient-from-position); --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.hover\:from-orange-700:hover { --tw-gradient-from: #c2410c var(--tw-gradient-from-position); --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.hover\:to-green-500:hover { --tw-gradient-to: #22c55e var(--tw-gradient-to-position) }
.hover\:to-orange-500:hover { --tw-gradient-to: #f97316 var(--tw-gradient-to-position) }
.hover\:text-green-600:hover { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)) }
.hover\:underline:hover { text-decoration-line: underline }
.hover\:opacity-50:hover { opacity: .5 }
.hover\:shadow-amount2:hover { --tw-shadow: inset 0px 0px 6px 1px rgb(0 0 0 / .36); --tw-shadow-colored: inset 0px 0px 6px 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) }
.hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.focus\:border-\[1px\]:focus { border-width: 1px }
.focus\:border-green-700:focus { --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity)) }
.focus\:bg-green-400:focus { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity)) }
.focus\:text-green-600:focus { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)) }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px }
.focus\:ring:focus { --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(3px + 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) }
.focus\:ring-\[1px\]:focus { --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(1px + 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) }
.focus\:ring-green-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity)) }
.focus\:ring-green-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity)) }
.focus\:ring-opacity-50:focus { --tw-ring-opacity: .5 }

@media (min-width: 640px) {
	.sm\:col-span-2 { grid-column: span 2 / span 2 }
	.sm\:mb-0 { margin-bottom: 0 }
	.sm\:ml-6 { margin-left: 1.5rem }
	.sm\:block { display: block }
	.sm\:h-full { height: 100% }
	.sm\:w-28 { width: 7rem }
	.sm\:w-\[20rem\] { width: 20rem }
	.sm\:grid-rows-2 { grid-template-rows: repeat(2,minmax(0,1fr)) }
	.sm\:flex-row { flex-direction: row }
	.sm\:place-content-center { place-content: center }
	.sm\:items-center { align-items: center }
	.sm\:justify-self-center { justify-self: center }
}

@media (min-width: 768px) {
	.md\:ml-0 { margin-left: 0 }
	.md\:flex { display: flex }
	.md\:w-10\/12 { width: 83.333333% }
	.md\:w-44 { width: 11rem }
	.md\:w-8\/12 { width: 66.666667% }
	.md\:w-fit { width: -moz-fit-content; width: fit-content }
	.md\:max-w-sm { max-width: 24rem }
	.md\:scale-100 { --tw-scale-x: 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)) }
	.md\:grid-rows-2 { grid-template-rows: repeat(2,minmax(0,1fr)) }
	.md\:flex-row { flex-direction: row }
	.md\:flex-row-reverse { flex-direction: row-reverse }
	.md\:items-start { align-items: flex-start }
	.md\:justify-between { justify-content: space-between }
	.md\:justify-evenly { justify-content: space-evenly }
	.md\:gap-8 { gap: 2rem }
	.md\:space-x-20 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(5rem * var(--tw-space-x-reverse)); margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))) }
	.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) }
	.md\:space-x-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) }
	.md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) }
	.md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)) }
	.md\:space-y-14 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)) }
	.md\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1 }
	.md\:self-start { align-self: flex-start }
	.md\:text-start { text-align: start }
}

@media (min-width: 1024px) {
	.lg\:w-10\/12 { width: 83.333333% }
	.lg\:w-3\/6 { width: 50% }
	.lg\:max-w-lg { max-width: 32rem }
	.lg\:grid-rows-1 { grid-template-rows: repeat(1,minmax(0,1fr)) }
	.lg\:gap-4 { gap: 1rem }
	.lg\:self-center { align-self: center }
	.lg\:py-0 { padding-top: 0; padding-bottom: 0 }
}

@media (min-width: 1280px) {
	.xl\:w-7\/12 { width: 58.333333% }
}

:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, .7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error) }
.Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0,0,var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff }
.Toastify__toast-container--top-left { top: 1em; left: 1em }
.Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translate(-50%) }
.Toastify__toast-container--top-right { top: 1em; right: 1em }
.Toastify__toast-container--bottom-left { bottom: 1em; left: 1em }
.Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translate(-50%) }
.Toastify__toast-container--bottom-right { bottom: 1em; right: 1em }

@media only screen and (max-width : 480px) {
	.Toastify__toast-container { width: 100vw; padding: 0; left: 0; margin: 0 }
	.Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0; transform: translate(0) }
	.Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0; transform: translate(0) }
	.Toastify__toast-container--rtl { right: 0; left: initial }
}

.Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px #0000001a,0 2px 15px #0000000d; display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; z-index: 0 }
.Toastify__toast--rtl { direction: ltr }
.Toastify__toast--close-on-click { cursor: pointer }
.Toastify__toast-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center }
.Toastify__toast-body > div:last-child { word-break: break-word; flex: 1 }
.Toastify__toast-icon { margin-inline-end: 10px; width: 20px; flex-shrink: 0; display: flex }
.Toastify--animate { animation-fill-mode: both; animation-duration: .7s }
.Toastify--animate-icon { animation-fill-mode: both; animation-duration: .3s }

@media only screen and (max-width : 480px) {
	.Toastify__toast { margin-bottom: 0; border-radius: 0 }
}

.Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark) }
.Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light) }
.Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info) }
.Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success) }
.Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning) }
.Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error) }
.Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light) }
.Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark) }
.Toastify__progress-bar--info { background: var(--toastify-color-progress-info) }
.Toastify__progress-bar--success { background: var(--toastify-color-progress-success) }
.Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning) }
.Toastify__progress-bar--error { background: var(--toastify-color-progress-error) }
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent) }
.Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: .7; transition: .3s ease; align-self: flex-start }
.Toastify__close-button--light { color: #000; opacity: .3 }
.Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px }
.Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1 }

@keyframes Toastify__trackProgress {
	0% { transform: scaleX(1) }
	to { transform: scaleX(0) }
}

.Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: .7; transform-origin: left }
.Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards }
.Toastify__progress-bar--controlled { transition: transform .2s }
.Toastify__progress-bar--rtl { right: 0; left: initial; transform-origin: right }
.Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); animation: Toastify__spin .65s linear infinite }

@keyframes Toastify__bounceInRight {
	0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) }
	0% { opacity: 0; transform: translate3d(3000px,0,0) }
	60% { opacity: 1; transform: translate3d(-25px,0,0) }
	75% { transform: translate3d(10px,0,0) }
	90% { transform: translate3d(-5px,0,0) }
	to { transform: none }
}

@keyframes Toastify__bounceOutRight {
	20% { opacity: 1; transform: translate3d(-20px,0,0) }
	to { opacity: 0; transform: translate3d(2000px,0,0) }
}

@keyframes Toastify__bounceInLeft {
	0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) }
	0% { opacity: 0; transform: translate3d(-3000px,0,0) }
	60% { opacity: 1; transform: translate3d(25px,0,0) }
	75% { transform: translate3d(-10px,0,0) }
	90% { transform: translate3d(5px,0,0) }
	to { transform: none }
}

@keyframes Toastify__bounceOutLeft {
	20% { opacity: 1; transform: translate3d(20px,0,0) }
	to { opacity: 0; transform: translate3d(-2000px,0,0) }
}

@keyframes Toastify__bounceInUp {
	0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) }
	0% { opacity: 0; transform: translate3d(0,3000px,0) }
	60% { opacity: 1; transform: translate3d(0,-20px,0) }
	75% { transform: translate3d(0,10px,0) }
	90% { transform: translate3d(0,-5px,0) }
	to { transform: translateZ(0) }
}

@keyframes Toastify__bounceOutUp {
	20% { transform: translate3d(0,-10px,0) }
	40%,45% { opacity: 1; transform: translate3d(0,20px,0) }
	to { opacity: 0; transform: translate3d(0,-2000px,0) }
}

@keyframes Toastify__bounceInDown {
	0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) }
	0% { opacity: 0; transform: translate3d(0,-3000px,0) }
	60% { opacity: 1; transform: translate3d(0,25px,0) }
	75% { transform: translate3d(0,-10px,0) }
	90% { transform: translate3d(0,5px,0) }
	to { transform: none }
}

@keyframes Toastify__bounceOutDown {
	20% { transform: translate3d(0,10px,0) }
	40%,45% { opacity: 1; transform: translate3d(0,-20px,0) }
	to { opacity: 0; transform: translate3d(0,2000px,0) }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft }
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight }
.Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown }
.Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp }
.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft }
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight }
.Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp }
.Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown }

@keyframes Toastify__zoomIn {
	0% { opacity: 0; transform: scale3d(.3,.3,.3) }
	50% { opacity: 1 }
}

@keyframes Toastify__zoomOut {
	0% { opacity: 1 }
	50% { opacity: 0; transform: scale3d(.3,.3,.3) }
	to { opacity: 0 }
}

.Toastify__zoom-enter { animation-name: Toastify__zoomIn }
.Toastify__zoom-exit { animation-name: Toastify__zoomOut }

@keyframes Toastify__flipIn {
	0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0 }
	40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in }
	60% { transform: perspective(400px) rotateX(10deg); opacity: 1 }
	80% { transform: perspective(400px) rotateX(-5deg) }
	to { transform: perspective(400px) }
}

@keyframes Toastify__flipOut {
	0% { transform: perspective(400px) }
	30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 }
	to { transform: perspective(400px) rotateX(90deg); opacity: 0 }
}

.Toastify__flip-enter { animation-name: Toastify__flipIn }
.Toastify__flip-exit { animation-name: Toastify__flipOut }

@keyframes Toastify__slideInRight {
	0% { transform: translate3d(110%,0,0); visibility: visible }
	to { transform: translateZ(0) }
}

@keyframes Toastify__slideInLeft {
	0% { transform: translate3d(-110%,0,0); visibility: visible }
	to { transform: translateZ(0) }
}

@keyframes Toastify__slideInUp {
	0% { transform: translate3d(0,110%,0); visibility: visible }
	to { transform: translateZ(0) }
}

@keyframes Toastify__slideInDown {
	0% { transform: translate3d(0,-110%,0); visibility: visible }
	to { transform: translateZ(0) }
}

@keyframes Toastify__slideOutRight {
	0% { transform: translateZ(0) }
	to { visibility: hidden; transform: translate3d(110%,0,0) }
}

@keyframes Toastify__slideOutLeft {
	0% { transform: translateZ(0) }
	to { visibility: hidden; transform: translate3d(-110%,0,0) }
}

@keyframes Toastify__slideOutDown {
	0% { transform: translateZ(0) }
	to { visibility: hidden; transform: translate3d(0,500px,0) }
}

@keyframes Toastify__slideOutUp {
	0% { transform: translateZ(0) }
	to { visibility: hidden; transform: translate3d(0,-500px,0) }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft }
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight }
.Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown }
.Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp }
.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft }
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight }
.Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp }
.Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown }

@keyframes Toastify__spin {
	0% { transform: rotate(0) }
	to { transform: rotate(360deg) }
}








* { margin: 0; padding: 0; box-sizing: border-box; }

.modal { opacity: 0; visibility: hidden; background: rgba(0, 0, 0, .9); position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: opacity .25s ease; }

.modal__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }

.modal-state { display: none; }

.modal__inner { transition: top .25s ease; position: absolute; top: -20%; right: 0; bottom: 0; left: 0; width: 50%; height: 50%; margin: auto; }


@media screen and (max-width: 640px) {

.modal__inner { transition: top .25s ease; position: absolute; top: -20%; right: 0; bottom: 0; left: 0; width: 100%; height: 50%; margin: auto; }

}

.modal__close { position: absolute; right: 0; top: -1.3em; width: 1.1em; height: 1.1em; cursor: pointer; }

.modal__close:after,
.modal__close:before { content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0; }

.modal__close:hover:after,
.modal__close:hover:before { background: #aaa; }

.modal__close:before { transform: rotate(-45deg); }


.modal-state:checked + .modal { opacity: 1; visibility: visible; }

.modal-state:checked + .modal .modal__inner { top: 0; }

.modal__content { background: #fff; border-radius: 5px; padding: 1em 2em; overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }






/* Modals
----------------------------------------------*/
a.link {width:220px; text-align:center!important; 
background-color:#60584d;
border: 1px solid #473f34;
background-image: -o-linear-gradient(bottom, #797166 0%, #60584d 100%);
background-image: -moz-linear-gradient(bottom, #797166 0%, #60584d 100%);
background-image: -webkit-linear-gradient(bottom, #797166 0%, #60584d 100%);
background-image: -ms-linear-gradient(bottom, #797166 0%, #60584d 100%);
background-image: linear-gradient(to bottom, #797166 0%, #60584d 100%);
-webkit-box-shadow: inset 0 1px 0 #928a7f;
-moz-box-shadow: inset 0 1px 0 #928a7f;
box-shadow: inset 0 1px 0 #928a7f;
text-shadow: 0 1px 0 #928a7f; 


color: #fff;
}
a.link.btn { border-color: #d900ae; text-decoration: none; text-align:center!important}
a.link:hover { background-color: #d99a3a; color: #fff; text-decoration: none; }

[data-ml-modal] { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 999; width: 0; height: 0; opacity: 0; }
[data-ml-modal]:target { width: 100%; height: auto; opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
[data-ml-modal]:target .modal-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; background-color: #000; background-color: rgba(0, 0, 0, 0.7); z-index: 1; }
[data-ml-modal] .modal-dialog { border-radius: 6px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); position: relative; width: 90%; max-height: 70%; margin: 10% auto; overflow-x: hidden; overflow-y: auto; z-index: 2; }
.modal-dialog-lg { width:100% !important;text-align:left}

[data-ml-modal] .modal-dialog > h3 { background-color: #eee; border-bottom: 1px solid #b3b3b3; font-size: 24px; font-weight: 400; margin: 0; padding: 0.8em 56px .8em 27px; }
[data-ml-modal] .modal-content { background: #fff; padding: 23px 27px; }
[data-ml-modal] .modal-close { position: absolute; top: 13px; right: 13px; color: #0085a6; background-color: #fff; border-radius: 50%; height: 40px; width: 40px; font-size: 30px; line-height: 37px; text-align: center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
[data-ml-modal] .modal-close:hover { background-color: #0085a6; color: #fff; cursor: pointer; }
[data-ml-modal] p:first-child, [data-ml-modal] p:last-child { margin: 0; }

@media (max-width:767px) {
	[data-ml-modal] .modal-dialog { margin: 20% auto; }
}
/* End Modals ------------------------------*/

/* General*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.center { text-align: center !important; }
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: normal; padding: 3px 14px; font-size: 18px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn-default { border-color: #0085a6; }
a.btn-default:hover { background-color: #0085a6; color: #fff; }
pre { overflow: auto; font-size: 1em; }

.buttonclssfc {width:220px!important; float:right; margin:0 5px 5px 5px; text-align:center!important;}
.buttonclssfc2 {width:340px!important; float:right; margin:0 5px 5px 5px; text-align:center!important;}
.lablecls { vertical-align:top}
   .nardnclass { padding:5px; background-color:#FFBD59; border:1px #e2992a solid; border-radius:3px}



















/* Groupes de liens et boutons */
.link-container, .button-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Format des liens et boutons */
.animated-link, .animated-button {
    text-decoration: none;
    color: var(--text-color);
    font-size: 18px;
    display:block;
    text-align:center!important;
    gap: 8px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

/* Format des liens */
.animated-link {
    padding: 12px 17px;
}

/* Format des boutons */
.animated-button {
    padding: 10px 15px;
    background-color: var(--light-color);
    border: 2px solid #1e1e1e1a;
    cursor: pointer;
}

/* Format des icônes */
.animated-link i, .animated-button i {
    margin-right: 3px;
    transition: all 0.3s ease;
}

/* Styles des boutons */
button.burnt-button {
    background-color: var(--bg-burnt);
    color: var(--light-color);
}

button.sunflower-button {
    background-color: var(--bg-sunflower); float:right!important; margin:10px; vertical-align:top
}

button.forest-button {
    background-color: var(--bg-forest);
    color: var(--light-color);
}

button.steel-button {
    background-color: var(--bg-steel);
    color: var(--light-color);
}

button.crimson-button {
    background-color: var(--bg-crimson);
    color: var(--light-color);
}

/* Styles des boutons au survol */
button.burnt-button:hover {
    background-color: var(--bg-burnt-hover);
}

button.sunflower-button:hover {
    background-color: var(--bg-sunflower-hover);
}

button.forest-button:hover {
    background-color: var(--bg-forest-hover);
}

button.steel-button:hover {
    background-color: var(--bg-steel-hover);
}

button.crimson-button:hover {
    background-color: var(--bg-crimson-hover);
}

/* Animations des liens au survol */
.animated-link:hover i.fa-home {
    transform: translateY(-3px);
}

.animated-link:hover i.fa-sync-alt {
    transform: rotate(360deg);
}

.animated-link:hover i.fa-arrow-right {
    transform: translateX(5px);
}

.animated-link:hover i.fa-info-circle {
    transform: scale(1.2);
}

.animated-link:hover i.fa-envelope {
    transform: rotate(-20deg);
}

/* Animations des boutons au survol */
.animated-button:hover i.fa-home {
    transform: translateY(-3px);
}

.animated-button:hover i.fa-sync-alt {
    transform: rotate(360deg);
}

.animated-button:hover i.fa-arrow-right {
    transform: translateX(5px);
}

.animated-button:hover i.fa-info-circle {
    transform: scale(1.2);
}

.animated-button:hover i.fa-envelope {
    transform: rotate(-20deg);
}

/* Media Query */
@media (max-width: 500px) {
    body {
        flex-direction: column;
        gap: 1.5rem;
    }

    .link-container, .button-container {
        margin-bottom: 0;
    }
}

/* Logo */
#snack-n-code {
    position: fixed;
    bottom: 1rem;
    right: 1.5rem;
    display: flex;
    width: 50px;
    height: 50px;
    background: url("https://i.postimg.cc/wM9grz6F/fill-logo-snack-n-code-250.webp") center / cover no-repeat;
    overflow: hidden;
    cursor: pointer;
    transition: transform .05s ease;
    -webkit-transition: transform .05s ease;
}

#snack-n-code:hover {
    background: url("https://i.postimg.cc/3N9Y5qNh/broken-logo-snack-n-code-250.webp") center / cover no-repeat;
    transform: scale(1.05) rotate(-2deg);
}








.relogio { display: flex; align-items: center; height: 90px; width: 230px; background: transparent; border-radius: 3px; }
.relogio div { height: 90px; width: 150px; display: flex; margin: 5px; flex-direction: column; align-items: center; justify-content: center; color: #5F4C2E; background: #FFF0DF; border-radius: 7px; }
.relogio span { font-weight: normal; font-size: 30px; }
.relogio span.tempo { font-size: 13px; font-weight: bold }


.marquee {
  margin: 0 auto;
  width: 100%;
  height: 60px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.marquee:before, .marquee:after {
  position: absolute;
  top: 0;
  width: 50px;
  height: 30px;
  content: "";
  z-index: 1;
}
.marquee:before {
  left: 0;
  background: linear-gradient(to right, white 5%, transparent 100%);
}
.marquee:after {
  right: 0;
  background: linear-gradient(to left, white 5%, transparent 100%);
}

.marquee__content {
  width: 300% !important;
  display: flex;
  line-height: 30px;
  -webkit-animation: marquee 30s linear infinite forwards;
          animation: marquee 30s linear infinite forwards;
}
.marquee__content:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.list-inline {
  display: flex;
  justify-content: space-around;
  width: 33.33%;
  /* reset list */
  list-style: none;
  padding: 0;
  margin: 0;
}

@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-66.6%);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-66.6%);
  }
}