<!doctype html>
<html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
  <head >
    <title>Experienced Desktop, Mobile &amp; Web App Developers - Tecdiary</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1"><meta data-n-head="ssr" data-hid="og:site_name" property="og:site_name" content="Tecdiary"><meta data-n-head="ssr" data-hid="charset" charset="utf-8"><meta data-n-head="ssr" data-hid="mobile-web-app-capable" name="mobile-web-app-capable" content="yes"><meta data-n-head="ssr" data-hid="apple-mobile-web-app-title" name="apple-mobile-web-app-title" content="Tecdiary"><meta data-n-head="ssr" data-hid="theme-color" name="theme-color" content="#111827"><meta data-n-head="ssr" data-hid="description" name="description" content="Tecdiary team is experienced in desktop, mobile &amp; web development with good knowledge of Nodejs, laravel, Angular, Reactjs &amp; Vuejs to build amazing &amp; secure applications."><meta data-n-head="ssr" data-hid="og:type" property="og:type" content="website"><meta data-n-head="ssr" data-hid="og:url" property="og:url" content="https://tecdiary.net"><meta data-n-head="ssr" data-hid="og:title" property="og:title" content="Experienced Desktop, Mobile &amp; Web App Developers"><meta data-n-head="ssr" data-hid="og:image" property="og:image" content="https://tecdiary.net/img/icon_social.png"><meta data-n-head="ssr" data-hid="og:image:alt" property="og:image:alt" content="https://tecdiary.net/img/social/tecdiary.png"><meta data-n-head="ssr" data-hid="og:description" property="og:description" content="Tecdiary team is experienced in desktop, mobile &amp; web development with good knowledge of Nodejs, laravel, Angular, Reactjs &amp; Vuejs to build amazing &amp; secure applications."><meta data-n-head="ssr" data-hid="twitter:card" property="twitter:card" content="summary_large_image"><link data-n-head="ssr" rel="icon" type="image/png" href="/icon.png"><link data-n-head="ssr" data-hid="shortcut-icon" rel="shortcut icon" href="/_nuxt/icons/icon_64x64.f18276.png"><link data-n-head="ssr" data-hid="apple-touch-icon" rel="apple-touch-icon" href="/_nuxt/icons/icon_512x512.f18276.png" sizes="512x512"><link data-n-head="ssr" rel="manifest" href="/_nuxt/manifest.5dab7e31.json" data-hid="manifest"><script data-n-head="ssr" defer src="https://cdn.paddle.com/paddle/paddle.js" type="60fc3dd844c5056e3e3341ea-text/javascript"></script><link rel="preload" href="/_nuxt/c82b846.js" as="script"><link rel="preload" href="/_nuxt/87b8d9a.js" as="script"><link rel="preload" href="/_nuxt/5e5e126.js" as="script"><link rel="preload" href="/_nuxt/97b897c.js" as="script"><link rel="preload" href="/_nuxt/e9e802c.js" as="script"><style data-vue-ssr-id="00122704:0 d706d280:0 e9bc2ade:0 f974e69e:0 d7ce48de:0 75a38d71:0 04e16cae:0 17e882c0:0 6455b11e:0 15495f1e:0">.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:currentColor;fill:var(--fa-primary-color,currentColor);opacity:1;opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:currentColor;fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}
/*! tailwindcss v2.0.4 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

/**
Use a more readable tab size (opinionated).
*/

:root {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #E5E7EB; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9CA3AF;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9CA3AF;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9CA3AF;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}*{--tw-shadow:0 0 #0000;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;}.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;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;}.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.static{position:static;}.sticky{position:sticky;}.inset-0{top:0px;right:0px;bottom:0px;left:0px;}.inset-y-0{top:0px;bottom:0px;}.top-0{top:0px;}.right-0{right:0px;}.bottom-0{bottom:0px;}.left-0{left:0px;}.top-auto{top:auto;}.bottom-8{bottom:2rem;}.-left-16{left:-4rem;}.-top-8{top:-2rem;}.-top-10{top:-2.5rem;}.z-0{z-index:0;}.z-10{z-index:10;}.z-20{z-index:20;}.z-50{z-index:50;}.float-left{float:left;}.m-4{margin:1rem;}.m-6{margin:1.5rem;}.m-0{margin:0px;}.m-12{margin:3rem;}.m-1{margin:0.25rem;}.m-2{margin:0.5rem;}.m-3{margin:0.75rem;}.-m-px{margin:-1px;}.mx-auto{margin-left:auto;margin-right:auto;}.my-12{margin-top:3rem;margin-bottom:3rem;}.my-4{margin-top:1rem;margin-bottom:1rem;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.mx-12{margin-left:3rem;margin-right:3rem;}.my-6{margin-top:1.5rem;margin-bottom:1.5rem;}.-mx-3{margin-left:-0.75rem;margin-right:-0.75rem;}.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}.mx-2{margin-left:0.5rem;margin-right:0.5rem;}.mx-6{margin-left:1.5rem;margin-right:1.5rem;}.mx-1{margin-left:0.25rem;margin-right:0.25rem;}.-mx-4{margin-left:-1rem;margin-right:-1rem;}.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}.-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem;}.mx-4{margin-left:1rem;margin-right:1rem;}.mx-8{margin-left:2rem;margin-right:2rem;}.-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem;}.my-8{margin-top:2rem;margin-bottom:2rem;}.mx-0{margin-left:0px;margin-right:0px;}.-my-4{margin-top:-1rem;margin-bottom:-1rem;}.my-16{margin-top:4rem;margin-bottom:4rem;}.my-24{margin-top:6rem;margin-bottom:6rem;}.my-40{margin-top:10rem;margin-bottom:10rem;}.mb-2{margin-bottom:0.5rem;}.mt-2{margin-top:0.5rem;}.mb-4{margin-bottom:1rem;}.mb-6{margin-bottom:1.5rem;}.mt-4{margin-top:1rem;}.mb-1{margin-bottom:0.25rem;}.mb-8{margin-bottom:2rem;}.mt-1{margin-top:0.25rem;}.-mt-3{margin-top:-0.75rem;}.ml-4{margin-left:1rem;}.ml-1{margin-left:0.25rem;}.ml-2{margin-left:0.5rem;}.mr-1{margin-right:0.25rem;}.mt-0{margin-top:0px;}.mt-6{margin-top:1.5rem;}.mr-2{margin-right:0.5rem;}.mr-4{margin-right:1rem;}.-mt-1{margin-top:-0.25rem;}.-mr-2{margin-right:-0.5rem;}.mr-6{margin-right:1.5rem;}.mb-12{margin-bottom:3rem;}.-mt-12{margin-top:-3rem;}.mr-0{margin-right:0px;}.mt-8{margin-top:2rem;}.mb-0{margin-bottom:0px;}.ml-3{margin-left:0.75rem;}.-mr-1{margin-right:-0.25rem;}.-mt-4{margin-top:-1rem;}.-mt-2{margin-top:-0.5rem;}.mt-3{margin-top:0.75rem;}.mr-24{margin-right:6rem;}.mb-3{margin-bottom:0.75rem;}.mr-8{margin-right:2rem;}.mt-12{margin-top:3rem;}.-ml-4{margin-left:-1rem;}.-ml-2{margin-left:-0.5rem;}.ml-6{margin-left:1.5rem;}.-ml-6{margin-left:-1.5rem;}.-mb-2{margin-bottom:-0.5rem;}.mt-16{margin-top:4rem;}.mt-10{margin-top:2.5rem;}.mb-16{margin-bottom:4rem;}.ml-0{margin-left:0px;}.-mt-8{margin-top:-2rem;}.flex{display:flex;}.inline-block{display:inline-block;}.block{display:block;}.flow-root{display:flow-root;}.inline{display:inline;}.inline-flex{display:inline-flex;}.contents{display:contents;}.table{display:table;}.grid{display:grid;}.hidden{display:none;}.h-32{height:8rem;}.h-5{height:1.25rem;}.h-4{height:1rem;}.h-3{height:0.75rem;}.h-6{height:1.5rem;}.h-8{height:2rem;}.h-full{height:100%;}.h-10{height:2.5rem;}.h-0{height:0px;}.h-56{height:14rem;}.h-16{height:4rem;}.h-12{height:3rem;}.h-1{height:0.25rem;}.h-px{height:1px;}.h-64{height:16rem;}.max-h-full{max-height:100%;}.min-h-screen{min-height:100vh;}.min-h-full{min-height:100%;}.w-full{width:100%;}.w-48{width:12rem;}.w-5{width:1.25rem;}.w-40{width:10rem;}.w-4{width:1rem;}.w-56{width:14rem;}.w-6{width:1.5rem;}.w-auto{width:auto;}.w-10{width:2.5rem;}.w-0{width:0px;}.w-8{width:2rem;}.w-1\/3{width:33.333333%;}.w-16{width:4rem;}.w-12{width:3rem;}.w-9\/12{width:75%;}.w-64{width:16rem;}.min-w-full{min-width:100%;}.min-w-0{min-width:0px;}.max-w-xs{max-width:20rem;}.max-w-full{max-width:100%;}.max-w-xl{max-width:36rem;}.max-w-5xl{max-width:64rem;}.max-w-sm{max-width:24rem;}.max-w-3xl{max-width:48rem;}.max-w-2xl{max-width:42rem;}.max-w-6xl{max-width:72rem;}.max-w-7xl{max-width:80rem;}.max-w-4xl{max-width:56rem;}.max-w-md{max-width:28rem;}.max-w-screen-xl{max-width:1280px;}.flex-1{flex:1 1 0%;}.flex-auto{flex:1 1 auto;}.flex-initial{flex:0 1 auto;}.flex-none{flex:none;}.flex-shrink-0{flex-shrink:0;}.flex-grow{flex-grow: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;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}@-webkit-keyframes spin{to{transform:rotate(360deg);}}@keyframes spin{to{transform:rotate(360deg);}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}.cursor-pointer{cursor:pointer;}.cursor-default{cursor:default;}.cursor-not-allowed{cursor:not-allowed;}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all;}.resize-none{resize:none;}.resize{resize:both;}.list-inside{list-style-position:inside;}.list-outside{list-style-position:outside;}.list-none{list-style-type:none;}.list-disc{list-style-type:disc;}.list-decimal{list-style-type:decimal;}.list-square{list-style-type:square;}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none;}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}.flex-col{flex-direction:column;}.flex-row-reverse{flex-direction:row-reverse;}.flex-row{flex-direction:row;}.flex-col-reverse{flex-direction:column-reverse;}.flex-wrap{flex-wrap:wrap;}.content-center{align-content:center;}.content-start{align-content:flex-start;}.items-center{align-items:center;}.items-start{align-items:flex-start;}.items-stretch{align-items:stretch;}.items-end{align-items:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.justify-around{justify-content:space-around;}.gap-6{gap:1.5rem;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem;}.gap-y-16{row-gap:4rem;}.gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem;}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem;}.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem;}.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));}.self-center{align-self:center;}.overflow-hidden{overflow:hidden;}.overflow-y-scroll{overflow-y:scroll;}.overflow-scroll{overflow:scroll;}.break-words{overflow-wrap:break-word;}.rounded{border-radius:0.25rem;}.rounded-lg{border-radius:0.5rem;}.rounded-full{border-radius:9999px;}.rounded-md{border-radius:0.375rem;}.rounded-3xl{border-radius:1.5rem;}.rounded-2xl{border-radius:1rem;}.rounded-t{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;}.rounded-b{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;}.rounded-b-none{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.rounded-l{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px;}.rounded-tr{border-top-right-radius:0.25rem;}.rounded-bl{border-bottom-left-radius:0.25rem;}.rounded-tl{border-top-left-radius:0.25rem;}.rounded-br{border-bottom-right-radius:0.25rem;}.border-2{border-width:2px;}.border{border-width:1px;}.border-0{border-width:0px;}.border-4{border-width:4px;}.border-b{border-bottom-width:1px;}.border-t{border-top-width:1px;}.border-b-0{border-bottom-width:0px;}.border-r{border-right-width:1px;}.border-r-0{border-right-width:0px;}.border-t-0{border-top-width:0px;}.border-l{border-left-width:1px;}.border-t-4{border-top-width:4px;}.border-l-0{border-left-width:0px;}.border-b-2{border-bottom-width:2px;}.border-l-2{border-left-width:2px;}.border-dashed{border-style:dashed;}.border-dotted{border-style:dotted;}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity));}.border-red-500{--tw-border-opacity:1;border-color:rgba(239, 68, 68, var(--tw-border-opacity));}.border-yellow-400{--tw-border-opacity:1;border-color:rgba(251, 191, 36, var(--tw-border-opacity));}.border-blue-500{--tw-border-opacity:1;border-color:rgba(59, 130, 246, var(--tw-border-opacity));}.border-purple-500{--tw-border-opacity:1;border-color:rgba(139, 92, 246, var(--tw-border-opacity));}.border-indigo-500{--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));}.border-gray-700{--tw-border-opacity:1;border-color:rgba(55, 65, 81, var(--tw-border-opacity));}.border-indigo-700{--tw-border-opacity:1;border-color:rgba(67, 56, 202, var(--tw-border-opacity));}.border-green-500{--tw-border-opacity:1;border-color:rgba(16, 185, 129, var(--tw-border-opacity));}.border-gray-900{--tw-border-opacity:1;border-color:rgba(17, 24, 39, var(--tw-border-opacity));}.border-green-200{--tw-border-opacity:1;border-color:rgba(167, 243, 208, var(--tw-border-opacity));}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209, 213, 219, var(--tw-border-opacity));}.border-gray-400{--tw-border-opacity:1;border-color:rgba(156, 163, 175, var(--tw-border-opacity));}.border-gray-800{--tw-border-opacity:1;border-color:rgba(31, 41, 55, var(--tw-border-opacity));}.border-yellow-500{--tw-border-opacity:1;border-color:rgba(245, 158, 11, var(--tw-border-opacity));}.border-blue-600{--tw-border-opacity:1;border-color:rgba(37, 99, 235, var(--tw-border-opacity));}.border-gray-500{--tw-border-opacity:1;border-color:rgba(107, 114, 128, var(--tw-border-opacity));}.border-transparent{border-color:transparent;}.border-green-700{--tw-border-opacity:1;border-color:rgba(4, 120, 87, var(--tw-border-opacity));}.border-yellow-700{--tw-border-opacity:1;border-color:rgba(180, 83, 9, var(--tw-border-opacity));}.border-blue-700{--tw-border-opacity:1;border-color:rgba(29, 78, 216, var(--tw-border-opacity));}.border-indigo-200{--tw-border-opacity:1;border-color:rgba(199, 210, 254, var(--tw-border-opacity));}.border-blue-200{--tw-border-opacity:1;border-color:rgba(191, 219, 254, var(--tw-border-opacity));}.border-red-200{--tw-border-opacity:1;border-color:rgba(254, 202, 202, var(--tw-border-opacity));}.border-purple-800{--tw-border-opacity:1;border-color:rgba(91, 33, 182, var(--tw-border-opacity));}.border-purple-700{--tw-border-opacity:1;border-color:rgba(109, 40, 217, var(--tw-border-opacity));}.border-green-600{--tw-border-opacity:1;border-color:rgba(5, 150, 105, var(--tw-border-opacity));}.border-blue-800{--tw-border-opacity:1;border-color:rgba(30, 64, 175, var(--tw-border-opacity));}.border-red-600{--tw-border-opacity:1;border-color:rgba(220, 38, 38, var(--tw-border-opacity));}.border-white{--tw-border-opacity:1;border-color:rgba(255, 255, 255, var(--tw-border-opacity));}.border-gray-100{--tw-border-opacity:1;border-color:rgba(243, 244, 246, var(--tw-border-opacity));}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249, 250, 251, var(--tw-bg-opacity));}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgba(245, 158, 11, var(--tw-bg-opacity));}.bg-blue-600{--tw-bg-opacity:1;background-color:rgba(37, 99, 235, var(--tw-bg-opacity));}.bg-purple-600{--tw-bg-opacity:1;background-color:rgba(124, 58, 237, var(--tw-bg-opacity));}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgba(79, 70, 229, var(--tw-bg-opacity));}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));}.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239, 68, 68, var(--tw-bg-opacity));}.bg-green-500{--tw-bg-opacity:1;background-color:rgba(16, 185, 129, var(--tw-bg-opacity));}.bg-red-100{--tw-bg-opacity:1;background-color:rgba(254, 226, 226, var(--tw-bg-opacity));}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209, 213, 219, var(--tw-bg-opacity));}.bg-green-600{--tw-bg-opacity:1;background-color:rgba(5, 150, 105, var(--tw-bg-opacity));}.bg-green-700{--tw-bg-opacity:1;background-color:rgba(4, 120, 87, var(--tw-bg-opacity));}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgba(254, 243, 199, var(--tw-bg-opacity));}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgba(253, 230, 138, var(--tw-bg-opacity));}.bg-green-100{--tw-bg-opacity:1;background-color:rgba(209, 250, 229, var(--tw-bg-opacity));}.bg-green-200{--tw-bg-opacity:1;background-color:rgba(167, 243, 208, var(--tw-bg-opacity));}.bg-blue-100{--tw-bg-opacity:1;background-color:rgba(219, 234, 254, var(--tw-bg-opacity));}.bg-gray-600{--tw-bg-opacity:1;background-color:rgba(75, 85, 99, var(--tw-bg-opacity));}.bg-transparent{background-color:transparent;}.bg-red-200{--tw-bg-opacity:1;background-color:rgba(254, 202, 202, var(--tw-bg-opacity));}.bg-blue-700{--tw-bg-opacity:1;background-color:rgba(29, 78, 216, var(--tw-bg-opacity));}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgba(217, 119, 6, var(--tw-bg-opacity));}.bg-red-600{--tw-bg-opacity:1;background-color:rgba(220, 38, 38, var(--tw-bg-opacity));}.bg-red-300{--tw-bg-opacity:1;background-color:rgba(252, 165, 165, var(--tw-bg-opacity));}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgba(224, 231, 255, var(--tw-bg-opacity));}.bg-blue-50{--tw-bg-opacity:1;background-color:rgba(239, 246, 255, var(--tw-bg-opacity));}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgba(251, 191, 36, var(--tw-bg-opacity));}.bg-indigo-700{--tw-bg-opacity:1;background-color:rgba(67, 56, 202, var(--tw-bg-opacity));}.bg-yellow-700{--tw-bg-opacity:1;background-color:rgba(180, 83, 9, var(--tw-bg-opacity));}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity));}.bg-purple-700{--tw-bg-opacity:1;background-color:rgba(109, 40, 217, var(--tw-bg-opacity));}.bg-purple-100{--tw-bg-opacity:1;background-color:rgba(237, 233, 254, var(--tw-bg-opacity));}.bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59, 130, 246, var(--tw-bg-opacity));}.bg-blue-400{--tw-bg-opacity:1;background-color:rgba(96, 165, 250, var(--tw-bg-opacity));}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgba(99, 102, 241, var(--tw-bg-opacity));}.bg-blue-800{--tw-bg-opacity:1;background-color:rgba(30, 64, 175, var(--tw-bg-opacity));}.bg-gray-500{--tw-bg-opacity:1;background-color:rgba(107, 114, 128, var(--tw-bg-opacity));}.bg-opacity-0{--tw-bg-opacity:0;}.bg-opacity-80{--tw-bg-opacity:.8;}.bg-opacity-30{--tw-bg-opacity:.3;}.fill-current{fill:currentColor;}.object-cover{-o-object-fit:cover;object-fit:cover;}.object-left-top{-o-object-position:left top;object-position:left top;}.p-4{padding:1rem;}.p-3{padding:0.75rem;}.p-6{padding:1.5rem;}.p-2{padding:0.5rem;}.p-1{padding:0.25rem;}.p-8{padding:2rem;}.p-10{padding:2.5rem;}.p-0{padding:0px;}.py-4{padding-top:1rem;padding-bottom:1rem;}.px-4{padding-left:1rem;padding-right:1rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.px-10{padding-left:2.5rem;padding-right:2.5rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.px-8{padding-left:2rem;padding-right:2rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-1{padding-left:0.25rem;padding-right:0.25rem;}.py-0{padding-top:0px;padding-bottom:0px;}.py-12{padding-top:3rem;padding-bottom:3rem;}.px-0{padding-left:0px;padding-right:0px;}.py-16{padding-top:4rem;padding-bottom:4rem;}.py-24{padding-top:6rem;padding-bottom:6rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.py-20{padding-top:5rem;padding-bottom:5rem;}.pt-4{padding-top:1rem;}.pb-6{padding-bottom:1.5rem;}.pt-6{padding-top:1.5rem;}.pb-4{padding-bottom:1rem;}.pb-1{padding-bottom:0.25rem;}.pb-8{padding-bottom:2rem;}.pl-2{padding-left:0.5rem;}.pr-1{padding-right:0.25rem;}.pl-1{padding-left:0.25rem;}.pr-2{padding-right:0.5rem;}.pb-2{padding-bottom:0.5rem;}.pl-5{padding-left:1.25rem;}.pr-4{padding-right:1rem;}.pl-4{padding-left:1rem;}.pr-6{padding-right:1.5rem;}.pt-12{padding-top:3rem;}.pt-2{padding-top:0.5rem;}.pr-3{padding-right:0.75rem;}.pl-3{padding-left:0.75rem;}.pt-0{padding-top:0px;}.pt-3{padding-top:0.75rem;}.pb-3{padding-bottom:0.75rem;}.pt-8{padding-top:2rem;}.pt-16{padding-top:4rem;}.pt-24{padding-top:6rem;}.pb-16{padding-bottom:4rem;}.pb-12{padding-bottom:3rem;}.pt-1{padding-top:0.25rem;}.pl-8{padding-left:2rem;}.pl-6{padding-left:1.5rem;}.pt-0\.5{padding-top:0.125rem;}.text-left{text-align:left;}.text-center{text-align:center;}.text-justify{text-align:justify;}.text-right{text-align:right;}.font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-base{font-size:1rem;line-height:1.5rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-6xl{font-size:3.75rem;line-height:1;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-4xl{font-size:2.25rem;line-height:2.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-5xl{font-size:3rem;line-height:1;}.text-8xl{font-size:6rem;line-height:1;}.font-bold{font-weight:700;}.font-extrabold{font-weight:800;}.font-extralight{font-weight:200;}.font-semibold{font-weight:600;}.font-normal{font-weight:400;}.font-light{font-weight:300;}.font-thin{font-weight:100;}.font-medium{font-weight:500;}.uppercase{text-transform:uppercase;}.italic{font-style:italic;}.leading-tight{line-height:1.25;}.leading-normal{line-height:1.5;}.leading-loose{line-height:2;}.leading-none{line-height:1;}.leading-relaxed{line-height:1.625;}.leading-6{line-height:1.5rem;}.leading-8{line-height:2rem;}.leading-7{line-height:1.75rem;}.leading-5{line-height:1.25rem;}.leading-10{line-height:2.5rem;}.tracking-wide{letter-spacing:0.025em;}.tracking-tight{letter-spacing:-0.025em;}.text-indigo-600{--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity));}.text-gray-100{--tw-text-opacity:1;color:rgba(243, 244, 246, var(--tw-text-opacity));}.text-gray-700{--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity));}.text-gray-800{--tw-text-opacity:1;color:rgba(31, 41, 55, var(--tw-text-opacity));}.text-red-700{--tw-text-opacity:1;color:rgba(185, 28, 28, var(--tw-text-opacity));}.text-white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.text-yellow-500{--tw-text-opacity:1;color:rgba(245, 158, 11, var(--tw-text-opacity));}.text-blue-500{--tw-text-opacity:1;color:rgba(59, 130, 246, var(--tw-text-opacity));}.text-purple-600{--tw-text-opacity:1;color:rgba(124, 58, 237, var(--tw-text-opacity));}.text-red-500{--tw-text-opacity:1;color:rgba(239, 68, 68, var(--tw-text-opacity));}.text-gray-600{--tw-text-opacity:1;color:rgba(75, 85, 99, var(--tw-text-opacity));}.text-red-800{--tw-text-opacity:1;color:rgba(153, 27, 27, var(--tw-text-opacity));}.text-red-600{--tw-text-opacity:1;color:rgba(220, 38, 38, var(--tw-text-opacity));}.text-green-600{--tw-text-opacity:1;color:rgba(5, 150, 105, var(--tw-text-opacity));}.text-gray-400{--tw-text-opacity:1;color:rgba(156, 163, 175, var(--tw-text-opacity));}.text-indigo-500{--tw-text-opacity:1;color:rgba(99, 102, 241, var(--tw-text-opacity));}.text-gray-500{--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity));}.text-gray-50{--tw-text-opacity:1;color:rgba(249, 250, 251, var(--tw-text-opacity));}.text-blue-600{--tw-text-opacity:1;color:rgba(37, 99, 235, var(--tw-text-opacity));}.text-green-700{--tw-text-opacity:1;color:rgba(4, 120, 87, var(--tw-text-opacity));}.text-gray-900{--tw-text-opacity:1;color:rgba(17, 24, 39, var(--tw-text-opacity));}.text-yellow-600{--tw-text-opacity:1;color:rgba(217, 119, 6, var(--tw-text-opacity));}.text-blue-800{--tw-text-opacity:1;color:rgba(30, 64, 175, var(--tw-text-opacity));}.text-yellow-900{--tw-text-opacity:1;color:rgba(120, 53, 15, var(--tw-text-opacity));}.text-yellow-200{--tw-text-opacity:1;color:rgba(253, 230, 138, var(--tw-text-opacity));}.text-indigo-700{--tw-text-opacity:1;color:rgba(67, 56, 202, var(--tw-text-opacity));}.text-blue-700{--tw-text-opacity:1;color:rgba(29, 78, 216, var(--tw-text-opacity));}.text-blue-900{--tw-text-opacity:1;color:rgba(30, 58, 138, var(--tw-text-opacity));}.text-indigo-400{--tw-text-opacity:1;color:rgba(129, 140, 248, var(--tw-text-opacity));}.text-green-400{--tw-text-opacity:1;color:rgba(52, 211, 153, var(--tw-text-opacity));}.text-purple-800{--tw-text-opacity:1;color:rgba(91, 33, 182, var(--tw-text-opacity));}.text-red-900{--tw-text-opacity:1;color:rgba(127, 29, 29, var(--tw-text-opacity));}.text-purple-900{--tw-text-opacity:1;color:rgba(76, 29, 149, var(--tw-text-opacity));}.text-green-900{--tw-text-opacity:1;color:rgba(6, 78, 59, var(--tw-text-opacity));}.text-purple-700{--tw-text-opacity:1;color:rgba(109, 40, 217, var(--tw-text-opacity));}.text-yellow-800{--tw-text-opacity:1;color:rgba(146, 64, 14, var(--tw-text-opacity));}.text-green-800{--tw-text-opacity:1;color:rgba(6, 95, 70, var(--tw-text-opacity));}.text-red-200{--tw-text-opacity:1;color:rgba(254, 202, 202, var(--tw-text-opacity));}.no-underline{text-decoration:none;}.placeholder-opacity-50::-moz-placeholder{--tw-placeholder-opacity:.5;}.placeholder-opacity-50:-ms-input-placeholder{--tw-placeholder-opacity:.5;}.placeholder-opacity-50::placeholder{--tw-placeholder-opacity:.5;}.opacity-90{opacity:.9;}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-none{--tw-shadow:0 0 #0000;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 rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);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 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.ring-1{--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);}.ring-inset{--tw-ring-inset:inset;}.ring-gray-200{--tw-ring-opacity:1;--tw-ring-color:rgba(229, 231, 235, var(--tw-ring-opacity));}.ring-red-200{--tw-ring-opacity:1;--tw-ring-color:rgba(254, 202, 202, var(--tw-ring-opacity));}.ring-green-200{--tw-ring-opacity:1;--tw-ring-color:rgba(167, 243, 208, var(--tw-ring-opacity));}.transition{transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-150{transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}#noty_layout__bottom,#noty_layout__bottomCenter,#noty_layout__bottomLeft,#noty_layout__bottomRight,#noty_layout__center,#noty_layout__centerLeft,#noty_layout__centerRight,#noty_layout__top,#noty_layout__topCenter,#noty_layout__topLeft,#noty_layout__topRight,.noty_layout_mixin{position:fixed;margin:0;padding:0;z-index:9999999;transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;filter:blur(0);-webkit-filter:blur(0);max-width:90%}#noty_layout__top{top:0;left:5%;width:90%}#noty_layout__topLeft{top:20px;left:20px;width:325px}#noty_layout__topCenter{top:5%;left:50%;width:325px;transform:translate(calc(-50% - .5px)) translateZ(0) scale(1)}#noty_layout__topRight{top:20px;right:20px;width:325px}#noty_layout__bottom{bottom:0;left:5%;width:90%}#noty_layout__bottomLeft{bottom:20px;left:20px;width:325px}#noty_layout__bottomCenter{bottom:5%;left:50%;width:325px;transform:translate(calc(-50% - .5px)) translateZ(0) scale(1)}#noty_layout__bottomRight{bottom:20px;right:20px;width:325px}#noty_layout__center{top:50%;left:50%;width:325px;transform:translate(calc(-50% - .5px),calc(-50% - .5px)) translateZ(0) scale(1)}#noty_layout__centerLeft{left:20px}#noty_layout__centerLeft,#noty_layout__centerRight{top:50%;width:325px;transform:translateY(calc(-50% - .5px)) translateZ(0) scale(1)}#noty_layout__centerRight{right:20px}.noty_progressbar{display:none}.noty_has_timeout .noty_progressbar{display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#646464;opacity:.2;filter:alpha(opacity=10)}.noty_bar{-webkit-backface-visibility:hidden;transform:translate(0) scale(1);-webkit-font-smoothing:subpixel-antialiased;overflow:hidden}.noty_effects_open{opacity:0;transform:translate(50%);-webkit-animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_effects_close{-webkit-animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_fix_effects_height{-webkit-animation:noty_anim_height 75ms ease-out;animation:noty_anim_height 75ms ease-out}.noty_close_with_click{cursor:pointer}.noty_close_button{position:absolute;top:2px;right:2px;font-weight:700;width:20px;height:20px;text-align:center;line-height:20px;background-color:rgba(0,0,0,.05);border-radius:2px;cursor:pointer;transition:all .2s ease-out}.noty_close_button:hover{background-color:rgba(0,0,0,.1)}.noty_modal{position:fixed;width:100%;height:100%;background-color:#000;z-index:10000;opacity:.3;left:0;top:0}.noty_modal.noty_modal_open{opacity:0;-webkit-animation:noty_modal_in .3s ease-out;animation:noty_modal_in .3s ease-out}.noty_modal.noty_modal_close{-webkit-animation:noty_modal_out .3s ease-out;animation:noty_modal_out .3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes noty_modal_in{to{opacity:.3}}@keyframes noty_modal_in{to{opacity:.3}}@-webkit-keyframes noty_modal_out{to{opacity:0}}@keyframes noty_modal_out{to{opacity:0}}@-webkit-keyframes noty_anim_in{to{transform:translate(0);opacity:1}}@keyframes noty_anim_in{to{transform:translate(0);opacity:1}}@-webkit-keyframes noty_anim_out{to{transform:translate(50%);opacity:0}}@keyframes noty_anim_out{to{transform:translate(50%);opacity:0}}@-webkit-keyframes noty_anim_height{to{height:0}}@keyframes noty_anim_height{to{height:0}}.noty_theme__relax.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__relax.noty_bar .noty_body{padding:10px}.noty_theme__relax.noty_bar .noty_buttons{border-top:1px solid #e7e7e7;padding:5px 10px}.noty_theme__relax.noty_type__alert,.noty_theme__relax.noty_type__notification{background-color:#fff;border:1px solid #dedede;color:#444}.noty_theme__relax.noty_type__warning{background-color:#ffeaa8;border:1px solid #ffc237;color:#826200}.noty_theme__relax.noty_type__warning .noty_buttons{border-color:#dfaa30}.noty_theme__relax.noty_type__error{background-color:#ff8181;border:1px solid #e25353;color:#fff}.noty_theme__relax.noty_type__error .noty_buttons{border-color:#8b0000}.noty_theme__relax.noty_type__info,.noty_theme__relax.noty_type__information{background-color:#78c5e7;border:1px solid #3badd6;color:#fff}.noty_theme__relax.noty_type__info .noty_buttons,.noty_theme__relax.noty_type__information .noty_buttons{border-color:#0b90c4}.noty_theme__relax.noty_type__success{background-color:#bcf5bc;border:1px solid #7cdd77;color:#006400}.noty_theme__relax.noty_type__success .noty_buttons{border-color:#50c24e}.noty_theme__metroui.noty_bar{margin:4px 0;overflow:hidden;position:relative;box-shadow:0 0 5px 0 rgba(0,0,0,.298039)}.noty_theme__metroui.noty_bar .noty_progressbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#000;opacity:.2;filter:alpha(opacity=20)}.noty_theme__metroui.noty_bar .noty_body{padding:1.25em;font-size:14px}.noty_theme__metroui.noty_bar .noty_buttons{padding:0 10px .5em}.noty_theme__metroui.noty_type__alert,.noty_theme__metroui.noty_type__notification{background-color:#fff;color:#1d1d1d}.noty_theme__metroui.noty_type__warning{background-color:#fa6800;color:#fff}.noty_theme__metroui.noty_type__error{background-color:#ce352c;color:#fff}.noty_theme__metroui.noty_type__info,.noty_theme__metroui.noty_type__information{background-color:#1ba1e2;color:#fff}.noty_theme__metroui.noty_type__success{background-color:#60a917;color:#fff}.noty_theme__mint.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__mint.noty_bar .noty_body{padding:10px;font-size:14px}.noty_theme__mint.noty_bar .noty_buttons{padding:10px}.noty_theme__mint.noty_type__alert,.noty_theme__mint.noty_type__notification{background-color:#fff;border-bottom:1px solid #d1d1d1;color:#2f2f2f}.noty_theme__mint.noty_type__warning{background-color:#ffae42;border-bottom:1px solid #e89f3c;color:#fff}.noty_theme__mint.noty_type__error{background-color:#de636f;border-bottom:1px solid #ca5a65;color:#fff}.noty_theme__mint.noty_type__info,.noty_theme__mint.noty_type__information{background-color:#7f7eff;border-bottom:1px solid #7473e8;color:#fff}.noty_theme__mint.noty_type__success{background-color:#afc765;border-bottom:1px solid #a0b55c;color:#fff}.noty_theme__sunset.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__sunset.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_theme__sunset.noty_bar .noty_buttons{padding:10px}.noty_theme__sunset.noty_type__alert,.noty_theme__sunset.noty_type__notification{background-color:#073b4c;color:#fff}.noty_theme__sunset.noty_type__alert .noty_progressbar,.noty_theme__sunset.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__sunset.noty_type__warning{background-color:#ffd166;color:#fff}.noty_theme__sunset.noty_type__error{background-color:#ef476f;color:#fff}.noty_theme__sunset.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__sunset.noty_type__info,.noty_theme__sunset.noty_type__information{background-color:#118ab2;color:#fff}.noty_theme__sunset.noty_type__info .noty_progressbar,.noty_theme__sunset.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__sunset.noty_type__success{background-color:#06d6a0;color:#fff}.noty_theme__bootstrap-v3.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:4px}.noty_theme__bootstrap-v3.noty_bar .noty_body{padding:15px}.noty_theme__bootstrap-v3.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v3.noty_bar .noty_close_button{font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2;background:transparent}.noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover{background:transparent;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}.noty_theme__bootstrap-v3.noty_type__alert,.noty_theme__bootstrap-v3.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v3.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v3.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v3.noty_type__info,.noty_theme__bootstrap-v3.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v3.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__bootstrap-v4.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_body{padding:.75rem 1.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v4.noty_bar .noty_close_button{font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.5;background:transparent}.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover{background:transparent;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.75}.noty_theme__bootstrap-v4.noty_type__alert,.noty_theme__bootstrap-v4.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v4.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v4.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v4.noty_type__info,.noty_theme__bootstrap-v4.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v4.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__semanticui.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;font-size:1em;border-radius:.28571429rem;box-shadow:inset 0 0 0 1px rgba(34,36,38,.22),0 0 0 0 transparent}.noty_theme__semanticui.noty_bar .noty_body{padding:1em 1.5em;line-height:1.4285em}.noty_theme__semanticui.noty_bar .noty_buttons{padding:10px}.noty_theme__semanticui.noty_type__alert,.noty_theme__semanticui.noty_type__notification{background-color:#f8f8f9;color:rgba(0,0,0,.87)}.noty_theme__semanticui.noty_type__warning{background-color:#fffaf3;color:#573a08;box-shadow:inset 0 0 0 1px #c9ba9b,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__error{background-color:#fff6f6;color:#9f3a38;box-shadow:inset 0 0 0 1px #e0b4b4,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__info,.noty_theme__semanticui.noty_type__information{background-color:#f8ffff;color:#276f86;box-shadow:inset 0 0 0 1px #a9d5de,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__success{background-color:#fcfff5;color:#2c662d;box-shadow:inset 0 0 0 1px #a3c293,0 0 0 0 transparent}.noty_theme__nest.noty_bar{margin:0 0 15px;overflow:hidden;border-radius:2px;position:relative;box-shadow:5px 4px 10px 0 rgba(0,0,0,.098039)}.noty_theme__nest.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_theme__nest.noty_bar .noty_buttons{padding:10px}.noty_layout .noty_theme__nest.noty_bar{z-index:5}.noty_layout .noty_theme__nest.noty_bar:nth-child(2){position:absolute;top:0;margin-top:4px;margin-right:-4px;margin-left:4px;z-index:4;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(3){position:absolute;top:0;margin-top:8px;margin-right:-8px;margin-left:8px;z-index:3;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(4){position:absolute;top:0;margin-top:12px;margin-right:-12px;margin-left:12px;z-index:2;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(5){position:absolute;top:0;margin-top:16px;margin-right:-16px;margin-left:16px;z-index:1;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6){position:absolute;top:0;margin-top:20px;margin-right:-20px;margin-left:20px;z-index:-1;width:100%}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2){margin-top:4px;margin-left:-4px;margin-right:4px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3){margin-top:8px;margin-left:-8px;margin-right:8px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4){margin-top:12px;margin-left:-12px;margin-right:12px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5){margin-top:16px;margin-left:-16px;margin-right:16px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6){margin-top:20px;margin-left:-20px;margin-right:20px}.noty_theme__nest.noty_type__alert,.noty_theme__nest.noty_type__notification{background-color:#073b4c;color:#fff}.noty_theme__nest.noty_type__alert .noty_progressbar,.noty_theme__nest.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__nest.noty_type__warning{background-color:#ffd166;color:#fff}.noty_theme__nest.noty_type__error{background-color:#ef476f;color:#fff}.noty_theme__nest.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__nest.noty_type__info,.noty_theme__nest.noty_type__information{background-color:#118ab2;color:#fff}.noty_theme__nest.noty_type__info .noty_progressbar,.noty_theme__nest.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__nest.noty_type__success{background-color:#06d6a0;color:#fff}.hljs{display:block;overflow-x:auto;padding:.5em;color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-built_in,.hljs-class .hljs-title{color:#c18401}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}@media (min-width:1536px){.container{max-width:1280px}}.noty_layout .noty_theme__mint.noty_type__success{--tw-border-opacity:1 !important;border-color:rgba(4, 120, 87, var(--tw-border-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgba(16, 185, 129, var(--tw-bg-opacity)) !important;}.noty_layout .noty_theme__mint.noty_type__error{--tw-border-opacity:1 !important;border-color:rgba(185, 28, 28, var(--tw-border-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgba(239, 68, 68, var(--tw-bg-opacity)) !important;}.noty_layout .noty_theme__mint.noty_type__information{--tw-border-opacity:1 !important;border-color:rgba(55, 48, 163, var(--tw-border-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgba(79, 70, 229, var(--tw-bg-opacity)) !important;}.noty_layout .noty_theme__mint.noty_type__warning{--tw-border-opacity:1 !important;border-color:rgba(146, 64, 14, var(--tw-border-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgba(217, 119, 6, var(--tw-bg-opacity)) !important;}html{font-size:16px;word-spacing:1px;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{min-width:300px;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(31, 41, 55, var(--tw-text-opacity))}.dark body{--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(229, 231, 235, var(--tw-text-opacity));}*,:after,:before{box-sizing:border-box}:focus{outline:0!important}:disabled{cursor:pointer!important}a,button,input,textarea{transition:all .2s ease-in-out}a.active{--tw-text-opacity:1;color:rgba(67, 56, 202, var(--tw-text-opacity));}.dark a.active{--tw-text-opacity:1;color:rgba(129, 140, 248, var(--tw-text-opacity));}.link{--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity));}.link:hover{--tw-text-opacity:1;color:rgba(67, 56, 202, var(--tw-text-opacity));}.dark .link{--tw-text-opacity:1;color:rgba(129, 140, 248, var(--tw-text-opacity));}.dark .link:hover{--tw-text-opacity:1;color:rgba(165, 180, 252, var(--tw-text-opacity));}.item-detail{margin:0.5rem;display:flex;align-items:center;border-radius:0.25rem;border-width:1px;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding-top:0.75rem;padding-bottom:0.75rem;}.item-detail:hover{--tw-border-opacity:1;border-color:rgba(55, 65, 81, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.dark .item-detail{--tw-border-opacity:1;border-color:rgba(31, 41, 55, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(209, 213, 219, var(--tw-text-opacity));}.dark .item-detail:hover{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(243, 244, 246, var(--tw-text-opacity));}.input-field{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0.25rem;border-width:2px;--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;line-height:1.25;--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity));}.input-field:focus{--tw-border-opacity:1;border-color:rgba(156, 163, 175, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px;}.dark .input-field{--tw-border-opacity:1;border-color:rgba(17, 24, 39, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(209, 213, 219, var(--tw-text-opacity));}.dark .input-field:focus{--tw-border-opacity:1;border-color:rgba(129, 140, 248, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));}.input-field.error{--tw-border-opacity:1 !important;border-color:rgba(239, 68, 68, var(--tw-border-opacity)) !important;}.input-field.sort{padding-top:0.25rem !important;padding-bottom:0.25rem !important;padding-right:1.5rem !important;padding-left:0.5rem !important;font-size:0.875rem !important;line-height:1.25rem !important;}.anim{transition:all .2s ease-in-out}.vw{width:70px}.vml{margin-left:0}.support-side{min-width:14rem;max-width:14rem;display:block}.item-side{min-width:20rem;max-width:20rem;display:block}.invert-hover:hover img{filter:invert(1)}.dark .dark\:invert img:first-child{filter:invert(.7)}@media screen and (max-width:1023px){.hidden-lg{display:none}}@media screen and (max-width:320px){.product-menu a{padding-left:5px!important;padding-right:5px!important}}@media screen and (max-width:767px){.hidden-md{display:none}}@media screen and (max-width:640px){.vw{width:50px}.vml{margin-left:-60px}.item-side,.support-side{max-width:100%;top:0!important}}.max-w-xxs{max-width:16rem}.support-menu a.active{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));}.dark .support-menu a.active{--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));}.support-menu .icon a.active, .support-menu .logo a.active{background-color:transparent !important;}.min-h-header{min-height:calc(100vh - 90px)}.fade-enter-active,.fade-leave-active{transition:all .3s ease-in-out}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease-in-out}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateX(20px)}.fast-slide-fade-enter-active,.fast-slide-fade-leave-active{transition:all .1s ease-in-out}.fast-slide-fade-enter{opacity:0;transform:translateY(-20px)}.fast-slide-fade-leave-to{opacity:0;transform:translateY(20px)}.zoom-enter-active,.zoom-leave-active{transition:all .2s ease-in-out}.zoom-enter,.zoom-leave-to{opacity:0;transform:scale(0)}.page-enter-active,.page-leave-active{transition:all .2s ease-in-out}.page-enter,.page-leave-to{opacity:0;transform:translateX(20px)}.bounce-enter-active{-webkit-animation:bounce-in .5s;animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@-webkit-keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkbox input[type=checkbox]{opacity:0}.checkbox label{position:relative;padding-left:22px;display:inline-block}.checkbox label:after,.checkbox label:before{content:"";position:absolute;display:inline-block}.checkbox label:before{top:3px;left:0;width:16px;height:16px;border:2px solid;border-radius:0.125rem}.checkbox label:after{top:7px;left:4px;width:9px;height:5px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}.checkbox input[type=checkbox]+label:after{content:none}.checkbox input[type=checkbox]:checked+label:after{content:""}.checkbox input[type=checkbox]:focus+label:before{outline:none}.v--modal-overlay{z-index:999;background:rgba(0,0,0,.6)!important;position:fixed;top:0px;right:0px;bottom:0px;left:0px;height:100%;min-height:100vh}.dark .v--modal-overlay{background:rgba(0,0,0,.75)!important}.v--modal{border-radius:0.25rem !important;}.dark .v--modal{--tw-bg-opacity:1 !important;background-color:rgba(31, 41, 55, var(--tw-bg-opacity)) !important;}.v--modal-box{margin:16px}.v--modal-background-click{position:static;margin-top:auto;display:flex;align-items:center;justify-content:center;overflow-y:scroll;}.v--modal-box{position:static !important;min-height:100% !important;overflow-y:scroll !important;}.dialog-content{border-width:0px;}.dialog-c-title{font-size:1.25rem !important;line-height:1.75rem !important;font-weight:800 !important;}.dialog-c-text{font-size:1rem;line-height:1.5rem;}.dark .vue-dialog-buttons{--tw-border-opacity:1 !important;border-color:rgba(31, 41, 55, var(--tw-border-opacity)) !important;}.vue-dialog-button{--tw-bg-opacity:1 !important;background-color:rgba(243, 244, 246, var(--tw-bg-opacity)) !important;padding-top:0.5rem !important;padding-bottom:0.5rem !important;font-size:0.875rem !important;line-height:1.25rem !important;font-weight:700 !important;}.vue-dialog-button:hover{--tw-bg-opacity:1 !important;background-color:rgba(209, 213, 219, var(--tw-bg-opacity)) !important;}.dark .vue-dialog-button{--tw-border-opacity:1 !important;border-color:rgba(75, 85, 99, var(--tw-border-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgba(55, 65, 81, var(--tw-bg-opacity)) !important;}.dark .vue-dialog-button:hover{--tw-bg-opacity:1 !important;background-color:rgba(75, 85, 99, var(--tw-bg-opacity)) !important;}.default-button{border-bottom-left-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(79, 70, 229, var(--tw-bg-opacity));padding-top:0.5rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.default-button:hover{--tw-bg-opacity:1;background-color:rgba(67, 56, 202, var(--tw-bg-opacity));}.delete-button{border-bottom-left-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(220, 38, 38, var(--tw-bg-opacity));padding-top:0.5rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.delete-button:hover{--tw-bg-opacity:1;background-color:rgba(185, 28, 28, var(--tw-bg-opacity));}.cancel-button{border-bottom-right-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));padding-top:0.5rem;padding-bottom:0.5rem;}.cancel-button:hover{--tw-bg-opacity:1;background-color:rgba(209, 213, 219, var(--tw-bg-opacity));}.dark .cancel-button{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(209, 213, 219, var(--tw-text-opacity));}.dark .cancel-button:hover{--tw-bg-opacity:1;background-color:rgba(75, 85, 99, var(--tw-bg-opacity));}.html h1{margin-bottom:0.75rem;margin-top:1.5rem;font-size:1.5rem;line-height:2rem;font-weight:800;}.html h2{margin-bottom:0.75rem;margin-top:1.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:800;}.html h3{margin-bottom:0.75rem;margin-top:1.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;}.html h4{margin-bottom:0.75rem;margin-top:0.5rem;font-weight:700;}.html h5, .html h6{margin-bottom:0.5rem;margin-top:0.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:800;}.html p{margin-bottom:0.5rem;font-size:1rem;line-height:1.5rem;}.html p:last-child{margin-bottom:0px;}.html a{--tw-text-opacity:1;color:rgba(67, 56, 202, var(--tw-text-opacity));}.dark .html a{--tw-text-opacity:1;color:rgba(129, 140, 248, var(--tw-text-opacity));}.html a:hover{text-decoration:underline;}.html code,.html pre{-moz-tab-size:2;-o-tab-size:2;tab-size:2}.html code, .html pre{max-width:100% !important;-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important;user-select:text !important;white-space:pre-wrap !important;border-radius:0.25rem !important;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;font-size:0.875rem !important;line-height:1.25rem !important;}.dark .html code, .dark .html pre{--tw-border-opacity:1 !important;border-color:rgba(23, 33, 54, var(--tw-border-opacity)) !important;--tw-bg-opacity:1 !important;background-color:rgba(23, 33, 54, var(--tw-bg-opacity)) !important;}.html .hljs{--tw-bg-opacity:1 !important;background-color:rgba(249, 250, 251, var(--tw-bg-opacity)) !important;}.dark .html .hljs{--tw-bg-opacity:1 !important;background-color:rgba(17, 24, 39, var(--tw-bg-opacity)) !important;}.html pre{margin-top:1rem;margin-bottom:1rem;border-width:1px;}.html pre>code{margin-top:0.5rem;margin-bottom:0.5rem;display:block;border-width:0px;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;}.html :not(pre)>code{padding:2px 5px;word-break:break-word;border-width:1px;--tw-bg-opacity:1;background-color:rgba(249, 250, 251, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(239, 68, 68, var(--tw-text-opacity))}.dark .html :not(pre)>code{--tw-border-opacity:1;border-color:rgba(17, 24, 39, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(23, 33, 54, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(252, 165, 165, var(--tw-text-opacity));}.html hr{margin-top:0.5rem;margin-bottom:0.5rem;border-bottom-width:1px;}.dark .html hr{--tw-border-opacity:1;border-color:rgba(55, 65, 81, var(--tw-border-opacity));}.html blockquote{margin-top:0.5rem;margin-bottom:0.5rem;border-radius:0.25rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgba(156, 163, 175, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;}.dark .html blockquote{--tw-border-opacity:1;border-color:rgba(17, 24, 39, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(23, 33, 54, var(--tw-bg-opacity));}.html ul{margin-top:0.5rem;margin-bottom:0.5rem;list-style-position:outside;list-style-type:disc;padding-left:1.5rem;}.html ol{margin-top:0.5rem;margin-bottom:0.5rem;list-style-position:outside;list-style-type:decimal;padding-left:1.5rem;}.html :not(button):first-child{margin-top:0}.html :not(button):last-child{margin-bottom:0}.html *{word-break:break-word}.__nuxt-error-page div.logo{display:none}.vue-star-rating{display:flex;align-items:center}.rotate-scale-down{-webkit-animation:rotate-scale-down .65s linear both;animation:rotate-scale-down .65s linear both}@-webkit-keyframes rotate-scale-down{0%{transform:scale(1.15) rotateX(0)}50%{transform:scale(.75) rotateX(-180deg)}to{transform:scale(1.15) rotateX(-1turn)}}@keyframes rotate-scale-down{0%{transform:scale(1.15) rotateX(0)}50%{transform:scale(.75) rotateX(-180deg)}to{transform:scale(1.15) rotateX(-1turn)}}.records li:first-child{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;}.records li:last-child{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;border-bottom:0;}.records li:nth-child(odd){--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.dark .records li:nth-child(odd){--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity));}.dark .records li:nth-child(odd):hover{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.records li:nth-child(2n){--tw-bg-opacity:1;background-color:rgba(249, 250, 251, var(--tw-bg-opacity));}.dark .records li:nth-child(2n){--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));}.dark .records li:nth-child(2n):hover{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.records li.warning{--tw-bg-opacity:1;background-color:rgba(254, 243, 199, var(--tw-bg-opacity));}.dark .records li.warning{--tw-bg-opacity:1;background-color:rgba(180, 83, 9, var(--tw-bg-opacity));}.dark .records li.warning:hover{--tw-bg-opacity:1;background-color:rgba(146, 64, 14, var(--tw-bg-opacity));}.records li.danger{--tw-bg-opacity:1;background-color:rgba(254, 226, 226, var(--tw-bg-opacity));}.dark .records li.danger{--tw-bg-opacity:1;background-color:rgba(185, 28, 28, var(--tw-bg-opacity));}.dark .records li.danger:hover{--tw-bg-opacity:1;background-color:rgba(153, 27, 27, var(--tw-bg-opacity));}.records li:hover{--tw-bg-opacity:1;background-color:rgba(219, 234, 254, var(--tw-bg-opacity));}.dark .records li:hover:hover{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.records li .actions{display:none;margin-top:1rem}.records li:hover .actions{display:block}.hljs{display:block!important;overflow-x:auto!important;padding:.5em!important;color:#383a42!important;background:#fafafa!important}.hljs-comment,.hljs-quote{color:#a0a1a7!important;font-style:italic!important}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4!important}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649!important}.hljs-literal{color:#0184bb!important}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#50a14f!important}.hljs-built_in,.hljs-class .hljs-title{color:#c18401!important}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801!important}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2!important}.hljs-emphasis{font-style:italic!important}.hljs-strong{font-weight:700!important}.hljs-link{text-decoration:underline!important}.dark .hljs{display:block!important;overflow-x:auto!important;padding:.5em!important;color:#abb2bf!important;background:#282c34!important}.dark .hljs-comment,.dark .hljs-quote{color:#5c6370!important;font-style:italic!important}.dark .hljs-doctag,.dark .hljs-formula,.dark .hljs-keyword{color:#c678dd!important}.dark .hljs-deletion,.dark .hljs-name,.dark .hljs-section,.dark .hljs-selector-tag,.dark .hljs-subst{color:#e06c75!important}.dark .hljs-literal{color:#56b6c2!important}.dark .hljs-addition,.dark .hljs-attribute,.dark .hljs-meta-string,.dark .hljs-regexp,.dark .hljs-string{color:#98c379!important}.dark .hljs-built_in,.dark .hljs-class .dark .hljs-title{color:#e6c07b!important}.dark .hljs-attr,.dark .hljs-number,.dark .hljs-selector-attr,.dark .hljs-selector-class,.dark .hljs-selector-pseudo,.dark .hljs-template-variable,.dark .hljs-type,.dark .hljs-variable{color:#d19a66!important}.dark .hljs-bullet,.dark .hljs-link,.dark .hljs-meta,.dark .hljs-selector-id,.dark .hljs-symbol,.dark .hljs-title{color:#61aeee!important}.dark .hljs-emphasis{font-style:italic!important}.dark .hljs-strong{font-weight:700!important}.dark .hljs-link{text-decoration:underline!important}.dim{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity));}.mention-item{margin-left:-0.75rem;margin-right:-0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem;}.mention-item.mention-selected{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(17, 24, 39, var(--tw-text-opacity));}.dark .mention-item.mention-selected{--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.tooltip{z-index:10000;display:block;border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));padding:0px;--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.dark .tooltip{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.tooltip .tooltip-inner{z-index:50;border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem;}.dark .tooltip .tooltip-inner{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.tooltip .tooltip-arrow{z-index:1;position:absolute;margin:0.25rem;height:0px;width:0px;border-width:1px;--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity))}.dark .tooltip .tooltip-arrow{--tw-border-opacity:1;border-color:rgba(55, 65, 81, var(--tw-border-opacity));}.tooltip[x-placement^=top]{margin-bottom:0.25rem;}.tooltip[x-placement^=top] .tooltip-arrow{left:calc(50% - 4px);border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;margin-top:0px;margin-bottom:0px;border-top-width:4px;border-bottom-width:0px;border-right-width:4px;border-left-width:4px}.tooltip.popover .popover-inner{z-index:50;border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));padding-top:0.25rem;padding-bottom:0.25rem;}.dark .tooltip.popover .popover-inner{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.tooltip.popover .popover-arrow{--tw-border-opacity:1;border-color:rgba(243, 244, 246, var(--tw-border-opacity));}.dark .tooltip.popover .popover-arrow{--tw-border-opacity:1;border-color:rgba(55, 65, 81, var(--tw-border-opacity));}.tooltip[aria-hidden=true]{opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{opacity:1;visibility:visible;transition:opacity .15s}.hover\:border-indigo-600:hover{--tw-border-opacity:1;border-color:rgba(79, 70, 229, var(--tw-border-opacity));}.hover\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgba(37, 99, 235, var(--tw-border-opacity));}.hover\:border-red-600:hover{--tw-border-opacity:1;border-color:rgba(220, 38, 38, var(--tw-border-opacity));}.hover\:border-transparent:hover{border-color:transparent;}.hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:rgba(55, 65, 81, var(--tw-border-opacity));}.hover\:border-indigo-700:hover{--tw-border-opacity:1;border-color:rgba(67, 56, 202, var(--tw-border-opacity));}.hover\:border-green-600:hover{--tw-border-opacity:1;border-color:rgba(5, 150, 105, var(--tw-border-opacity));}.hover\:border-yellow-600:hover{--tw-border-opacity:1;border-color:rgba(217, 119, 6, var(--tw-border-opacity));}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgba(209, 213, 219, var(--tw-bg-opacity));}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgba(67, 56, 202, var(--tw-bg-opacity));}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgba(99, 102, 241, var(--tw-bg-opacity));}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity));}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgba(75, 85, 99, var(--tw-bg-opacity));}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgba(249, 250, 251, var(--tw-bg-opacity));}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgba(5, 150, 105, var(--tw-bg-opacity));}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgba(239, 68, 68, var(--tw-bg-opacity));}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgba(254, 202, 202, var(--tw-bg-opacity));}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgba(220, 38, 38, var(--tw-bg-opacity));}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgba(253, 230, 138, var(--tw-bg-opacity));}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgba(4, 120, 87, var(--tw-bg-opacity));}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29, 78, 216, var(--tw-bg-opacity));}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgba(180, 83, 9, var(--tw-bg-opacity));}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgba(185, 28, 28, var(--tw-bg-opacity));}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgba(248, 113, 113, var(--tw-bg-opacity));}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgba(239, 246, 255, var(--tw-bg-opacity));}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgba(199, 210, 254, var(--tw-bg-opacity));}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgba(167, 243, 208, var(--tw-bg-opacity));}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgba(79, 70, 229, var(--tw-bg-opacity));}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgba(217, 119, 6, var(--tw-bg-opacity));}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgba(37, 99, 235, var(--tw-bg-opacity));}.hover\:bg-purple-800:hover{--tw-bg-opacity:1;background-color:rgba(91, 33, 182, var(--tw-bg-opacity));}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgba(30, 64, 175, var(--tw-bg-opacity));}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgba(219, 234, 254, var(--tw-bg-opacity));}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgba(252, 211, 77, var(--tw-bg-opacity));}.hover\:bg-yellow-400:hover{--tw-bg-opacity:1;background-color:rgba(251, 191, 36, var(--tw-bg-opacity));}.hover\:font-bold:hover{font-weight:700;}.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgba(67, 56, 202, var(--tw-text-opacity));}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity));}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgba(30, 64, 175, var(--tw-text-opacity));}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgba(59, 130, 246, var(--tw-text-opacity));}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgba(5, 150, 105, var(--tw-text-opacity));}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgba(4, 120, 87, var(--tw-text-opacity));}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgba(156, 163, 175, var(--tw-text-opacity));}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgba(31, 41, 55, var(--tw-text-opacity));}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgba(37, 99, 235, var(--tw-text-opacity));}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgba(55, 48, 163, var(--tw-text-opacity));}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgba(239, 68, 68, var(--tw-text-opacity));}.hover\:text-yellow-400:hover{--tw-text-opacity:1;color:rgba(251, 191, 36, var(--tw-text-opacity));}.hover\:underline:hover{text-decoration:underline;}.hover\:no-underline:hover{text-decoration:none;}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);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 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-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-2: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(2px + 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-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(99, 102, 241, var(--tw-ring-opacity));}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;}.group:hover .group-hover\:flex{display:flex;}.group:hover .group-hover\:block{display:block;}.group:hover .group-hover\:border-gray-200{--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity));}.dark .dark\:inline{display:inline;}.dark .dark\:hidden{display:none;}.dark .dark\:border-gray-800{--tw-border-opacity:1;border-color:rgba(31, 41, 55, var(--tw-border-opacity));}.dark .dark\:border-gray-700{--tw-border-opacity:1;border-color:rgba(55, 65, 81, var(--tw-border-opacity));}.dark .dark\:border-gray-900{--tw-border-opacity:1;border-color:rgba(17, 24, 39, var(--tw-border-opacity));}.dark .dark\:border-red-500{--tw-border-opacity:1;border-color:rgba(239, 68, 68, var(--tw-border-opacity));}.dark .dark\:border-gray-850{--tw-border-opacity:1;border-color:rgba(23, 33, 54, var(--tw-border-opacity));}.dark .dark\:border-green-900{--tw-border-opacity:1;border-color:rgba(6, 78, 59, var(--tw-border-opacity));}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgba(75, 85, 99, var(--tw-border-opacity));}.dark .dark\:border-indigo-900{--tw-border-opacity:1;border-color:rgba(49, 46, 129, var(--tw-border-opacity));}.dark .dark\:border-blue-700{--tw-border-opacity:1;border-color:rgba(29, 78, 216, var(--tw-border-opacity));}.dark .dark\:border-blue-200{--tw-border-opacity:1;border-color:rgba(191, 219, 254, var(--tw-border-opacity));}.dark .dark\:border-gray-400{--tw-border-opacity:1;border-color:rgba(156, 163, 175, var(--tw-border-opacity));}.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity));}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));}.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.dark .dark\:bg-gray-600{--tw-bg-opacity:1;background-color:rgba(75, 85, 99, var(--tw-bg-opacity));}.dark .dark\:bg-gray-850{--tw-bg-opacity:1;background-color:rgba(23, 33, 54, var(--tw-bg-opacity));}.dark .dark\:bg-yellow-700{--tw-bg-opacity:1;background-color:rgba(180, 83, 9, var(--tw-bg-opacity));}.dark .dark\:bg-green-900{--tw-bg-opacity:1;background-color:rgba(6, 78, 59, var(--tw-bg-opacity));}.dark .dark\:bg-yellow-900{--tw-bg-opacity:1;background-color:rgba(120, 53, 15, var(--tw-bg-opacity));}.dark .dark\:bg-green-800{--tw-bg-opacity:1;background-color:rgba(6, 95, 70, var(--tw-bg-opacity));}.dark .dark\:bg-red-800{--tw-bg-opacity:1;background-color:rgba(153, 27, 27, var(--tw-bg-opacity));}.dark .dark\:bg-blue-800{--tw-bg-opacity:1;background-color:rgba(30, 64, 175, var(--tw-bg-opacity));}.dark .dark\:bg-red-600{--tw-bg-opacity:1;background-color:rgba(220, 38, 38, var(--tw-bg-opacity));}.dark .dark\:bg-indigo-700{--tw-bg-opacity:1;background-color:rgba(67, 56, 202, var(--tw-bg-opacity));}.dark .dark\:bg-red-500{--tw-bg-opacity:1;background-color:rgba(239, 68, 68, var(--tw-bg-opacity));}.dark .dark\:bg-green-700{--tw-bg-opacity:1;background-color:rgba(4, 120, 87, var(--tw-bg-opacity));}.dark .dark\:bg-black{--tw-bg-opacity:1;background-color:rgba(0, 0, 0, var(--tw-bg-opacity));}.dark .dark\:bg-indigo-800{--tw-bg-opacity:1;background-color:rgba(55, 48, 163, var(--tw-bg-opacity));}.dark .dark\:bg-blue-700{--tw-bg-opacity:1;background-color:rgba(29, 78, 216, var(--tw-bg-opacity));}.dark .dark\:bg-red-700{--tw-bg-opacity:1;background-color:rgba(185, 28, 28, var(--tw-bg-opacity));}.dark .dark\:bg-blue-900{--tw-bg-opacity:1;background-color:rgba(30, 58, 138, var(--tw-bg-opacity));}.dark .dark\:bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209, 213, 219, var(--tw-bg-opacity));}.dark .dark\:bg-yellow-600{--tw-bg-opacity:1;background-color:rgba(217, 119, 6, var(--tw-bg-opacity));}.dark .dark\:bg-opacity-50{--tw-bg-opacity:.5;}.dark .dark\:bg-opacity-80{--tw-bg-opacity:.8;}.dark .dark\:bg-opacity-30{--tw-bg-opacity:.3;}.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgba(209, 213, 219, var(--tw-text-opacity));}.dark .dark\:text-indigo-400{--tw-text-opacity:1;color:rgba(129, 140, 248, var(--tw-text-opacity));}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgba(156, 163, 175, var(--tw-text-opacity));}.dark .dark\:text-gray-100{--tw-text-opacity:1;color:rgba(243, 244, 246, var(--tw-text-opacity));}.dark .dark\:text-red-400{--tw-text-opacity:1;color:rgba(248, 113, 113, var(--tw-text-opacity));}.dark .dark\:text-green-500{--tw-text-opacity:1;color:rgba(16, 185, 129, var(--tw-text-opacity));}.dark .dark\:text-gray-600{--tw-text-opacity:1;color:rgba(75, 85, 99, var(--tw-text-opacity));}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgba(229, 231, 235, var(--tw-text-opacity));}.dark .dark\:text-gray-850{--tw-text-opacity:1;color:rgba(23, 33, 54, var(--tw-text-opacity));}.dark .dark\:text-gray-900{--tw-text-opacity:1;color:rgba(17, 24, 39, var(--tw-text-opacity));}.dark .dark\:text-gray-500{--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity));}.dark .dark\:text-green-400{--tw-text-opacity:1;color:rgba(52, 211, 153, var(--tw-text-opacity));}.dark .dark\:text-white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.dark .dark\:text-yellow-900{--tw-text-opacity:1;color:rgba(120, 53, 15, var(--tw-text-opacity));}.dark .dark\:text-red-50{--tw-text-opacity:1;color:rgba(254, 242, 242, var(--tw-text-opacity));}.dark .dark\:text-indigo-300{--tw-text-opacity:1;color:rgba(165, 180, 252, var(--tw-text-opacity));}.dark .dark\:text-indigo-200{--tw-text-opacity:1;color:rgba(199, 210, 254, var(--tw-text-opacity));}.dark .dark\:text-blue-100{--tw-text-opacity:1;color:rgba(219, 234, 254, var(--tw-text-opacity));}.dark .dark\:text-red-100{--tw-text-opacity:1;color:rgba(254, 226, 226, var(--tw-text-opacity));}.dark .dark\:text-green-200{--tw-text-opacity:1;color:rgba(167, 243, 208, var(--tw-text-opacity));}.dark .dark\:text-indigo-100{--tw-text-opacity:1;color:rgba(224, 231, 255, var(--tw-text-opacity));}.dark .dark\:text-indigo-500{--tw-text-opacity:1;color:rgba(99, 102, 241, var(--tw-text-opacity));}.dark .dark\:ring-gray-700{--tw-ring-opacity:1;--tw-ring-color:rgba(55, 65, 81, var(--tw-ring-opacity));}.dark .dark\:hover\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgba(37, 99, 235, var(--tw-border-opacity));}.dark .dark\:hover\:border-red-600:hover{--tw-border-opacity:1;border-color:rgba(220, 38, 38, var(--tw-border-opacity));}.dark .dark\:hover\:border-indigo-700:hover{--tw-border-opacity:1;border-color:rgba(67, 56, 202, var(--tw-border-opacity));}.dark .dark\:hover\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));}.dark .dark\:hover\:border-blue-700:hover{--tw-border-opacity:1;border-color:rgba(29, 78, 216, var(--tw-border-opacity));}.dark .dark\:hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgba(99, 102, 241, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgba(67, 56, 202, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgba(75, 85, 99, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-gray-850:hover{--tw-bg-opacity:1;background-color:rgba(23, 33, 54, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgba(185, 28, 28, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-yellow-800:hover{--tw-bg-opacity:1;background-color:rgba(146, 64, 14, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-green-800:hover{--tw-bg-opacity:1;background-color:rgba(6, 95, 70, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgba(254, 202, 202, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29, 78, 216, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgba(55, 48, 163, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgba(30, 64, 175, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgba(153, 27, 27, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgba(245, 158, 11, var(--tw-bg-opacity));}.dark .dark\:hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgba(239, 68, 68, var(--tw-bg-opacity));}.dark .dark\:hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgba(99, 102, 241, var(--tw-text-opacity));}.dark .dark\:hover\:text-indigo-400:hover{--tw-text-opacity:1;color:rgba(129, 140, 248, var(--tw-text-opacity));}.dark .dark\:hover\:text-green-400:hover{--tw-text-opacity:1;color:rgba(52, 211, 153, var(--tw-text-opacity));}.dark .dark\:hover\:text-indigo-100:hover{--tw-text-opacity:1;color:rgba(224, 231, 255, var(--tw-text-opacity));}.dark .dark\:focus\:bg-gray-600:focus{--tw-bg-opacity:1;background-color:rgba(75, 85, 99, var(--tw-bg-opacity));}.dark .group:hover .dark\:group-hover\:border-gray-800{--tw-border-opacity:1;border-color:rgba(31, 41, 55, var(--tw-border-opacity));}.dark .group:hover .dark\:group-hover\:bg-gray-700{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));}@media (min-width: 640px){.sm\:absolute{position:absolute;}.sm\:static{position:static;}.sm\:right-0{right:0px;}.sm\:top-0{top:0px;}.sm\:bottom-auto{bottom:auto;}.sm\:m-0{margin:0px;}.sm\:m-8{margin:2rem;}.sm\:-mx-4{margin-left:-1rem;margin-right:-1rem;}.sm\:my-0{margin-top:0px;margin-bottom:0px;}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem;}.sm\:mb-4{margin-bottom:1rem;}.sm\:mt-0{margin-top:0px;}.sm\:mb-0{margin-bottom:0px;}.sm\:mb-2{margin-bottom:0.5rem;}.sm\:ml-6{margin-left:1.5rem;}.sm\:ml-0{margin-left:0px;}.sm\:mr-0{margin-right:0px;}.sm\:mt-20{margin-top:5rem;}.sm\:ml-4{margin-left:1rem;}.sm\:-mt-2{margin-top:-0.5rem;}.sm\:mr-4{margin-right:1rem;}.sm\:inline-flex{display:inline-flex;}.sm\:block{display:block;}.sm\:flex{display:flex;}.sm\:inline-block{display:inline-block;}.sm\:h-16{height:4rem;}.sm\:w-1\/2{width:50%;}.sm\:w-auto{width:auto;}.sm\:w-32{width:8rem;}.sm\:w-full{width:100%;}.sm\:w-6\/12{width:50%;}.sm\:w-1\/3{width:33.333333%;}.sm\:w-56{width:14rem;}.sm\:w-16{width:4rem;}.sm\:flex-1{flex:1 1 0%;}.sm\:flex-grow{flex-grow:1;}.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.sm\:flex-row{flex-direction:row;}.sm\:flex-col{flex-direction:column;}.sm\:flex-row-reverse{flex-direction:row-reverse;}.sm\:flex-nowrap{flex-wrap:nowrap;}.sm\:content-center{align-content:center;}.sm\:items-stretch{align-items:stretch;}.sm\:items-center{align-items:center;}.sm\:justify-start{justify-content:flex-start;}.sm\:justify-center{justify-content:center;}.sm\:gap-3{gap:0.75rem;}.sm\:rounded{border-radius:0.25rem;}.sm\:rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px;}.sm\:rounded-l-none{border-top-left-radius:0px;border-bottom-left-radius:0px;}.sm\:rounded-l{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.sm\:rounded-bl{border-bottom-left-radius:0.25rem;}.sm\:rounded-br{border-bottom-right-radius:0.25rem;}.sm\:rounded-br-none{border-bottom-right-radius:0px;}.sm\:rounded-tr{border-top-right-radius:0.25rem;}.sm\:border{border-width:1px;}.sm\:border-l{border-left-width:1px;}.sm\:border-r{border-right-width:1px;}.sm\:border-t-0{border-top-width:0px;}.sm\:border-b{border-bottom-width:1px;}.sm\:border-b-0{border-bottom-width:0px;}.sm\:border-t{border-top-width:1px;}.sm\:p-10{padding:2.5rem;}.sm\:p-6{padding:1.5rem;}.sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.sm\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.sm\:px-4{padding-left:1rem;padding-right:1rem;}.sm\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.sm\:py-32{padding-top:8rem;padding-bottom:8rem;}.sm\:pb-2{padding-bottom:0.5rem;}.sm\:pt-12{padding-top:3rem;}.sm\:pt-8{padding-top:2rem;}.sm\:text-center{text-align:center;}.sm\:text-left{text-align:left;}.sm\:text-sm{font-size:0.875rem;line-height:1.25rem;}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem;}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem;}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem;}.sm\:text-5xl{font-size:3rem;line-height:1;}.sm\:leading-10{line-height:2.5rem;}}@media (min-width: 768px){.md\:absolute{position:absolute;}.md\:m-0{margin:0px;}.md\:my-0{margin-top:0px;margin-bottom:0px;}.md\:mx-auto{margin-left:auto;margin-right:auto;}.md\:mb-0{margin-bottom:0px;}.md\:mr-4{margin-right:1rem;}.md\:ml-0{margin-left:0px;}.md\:mr-6{margin-right:1.5rem;}.md\:mt-0{margin-top:0px;}.md\:mt-4{margin-top:1rem;}.md\:mb-8{margin-bottom:2rem;}.md\:mb-4{margin-bottom:1rem;}.md\:flex{display:flex;}.md\:inline-block{display:inline-block;}.md\:block{display:block;}.md\:hidden{display:none;}.md\:h-16{height:4rem;}.md\:h-10{height:2.5rem;}.md\:w-1\/2{width:50%;}.md\:w-full{width:100%;}.md\:w-5\/12{width:41.666667%;}.md\:w-7\/12{width:58.333333%;}.md\:w-3\/5{width:60%;}.md\:w-24{width:6rem;}.md\:w-10\/12{width:83.333333%;}.md\:w-4\/5{width:80%;}.md\:w-1\/3{width:33.333333%;}.md\:w-2\/3{width:66.666667%;}.md\:w-40{width:10rem;}.md\:w-16{width:4rem;}.md\:w-10{width:2.5rem;}.md\:max-w-xs{max-width:20rem;}.md\:flex-row{flex-direction:row;}.md\:items-center{align-items:center;}.md\:justify-center{justify-content:center;}.md\:justify-between{justify-content:space-between;}.md\:justify-start{justify-content:flex-start;}.md\:rounded-none{border-radius:0px;}.md\:rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px;}.md\:rounded-l-none{border-top-left-radius:0px;border-bottom-left-radius:0px;}.md\:border-0{border-width:0px;}.md\:border-r-0{border-right-width:0px;}.md\:border-b-2{border-bottom-width:2px;}.md\:border-gray-800{--tw-border-opacity:1;border-color:rgba(31, 41, 55, var(--tw-border-opacity));}.md\:border-gray-400{--tw-border-opacity:1;border-color:rgba(156, 163, 175, var(--tw-border-opacity));}.md\:bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));}.md\:p-6{padding:1.5rem;}.md\:p-8{padding:2rem;}.md\:px-4{padding-left:1rem;padding-right:1rem;}.md\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.md\:px-24{padding-left:6rem;padding-right:6rem;}.md\:px-12{padding-left:3rem;padding-right:3rem;}.md\:py-0{padding-top:0px;padding-bottom:0px;}.md\:py-8{padding-top:2rem;padding-bottom:2rem;}.md\:pb-0{padding-bottom:0px;}.md\:pl-32{padding-left:8rem;}.md\:text-right{text-align:right;}.md\:text-left{text-align:left;}.md\:text-base{font-size:1rem;line-height:1.5rem;}.md\:text-2xl{font-size:1.5rem;line-height:2rem;}.md\:shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.md\:hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}}@media (min-width: 1024px){.lg\:absolute{position:absolute;}.lg\:col-start-2{grid-column-start:2;}.lg\:m-8{margin:2rem;}.lg\:mx-4{margin-left:1rem;margin-right:1rem;}.lg\:mx-0{margin-left:0px;margin-right:0px;}.lg\:-mx-2{margin-left:-0.5rem;margin-right:-0.5rem;}.lg\:mx-auto{margin-left:auto;margin-right:auto;}.lg\:my-0{margin-top:0px;margin-bottom:0px;}.lg\:ml-2{margin-left:0.5rem;}.lg\:-mt-24{margin-top:-6rem;}.lg\:mb-0{margin-bottom:0px;}.lg\:-mt-2{margin-top:-0.5rem;}.lg\:mt-8{margin-top:2rem;}.lg\:mt-24{margin-top:6rem;}.lg\:mt-0{margin-top:0px;}.lg\:ml-8{margin-left:2rem;}.lg\:mt-12{margin-top:3rem;}.lg\:mt-16{margin-top:4rem;}.lg\:mt-2{margin-top:0.5rem;}.lg\:ml-16{margin-left:4rem;}.lg\:mb-4{margin-bottom:1rem;}.lg\:inline-flex{display:inline-flex;}.lg\:inline-block{display:inline-block;}.lg\:flex{display:flex;}.lg\:block{display:block;}.lg\:grid{display:grid;}.lg\:hidden{display:none;}.lg\:h-8{height:2rem;}.lg\:h-full{height:100%;}.lg\:w-7\/12{width:58.333333%;}.lg\:w-5\/12{width:41.666667%;}.lg\:w-3\/12{width:25%;}.lg\:w-4\/12{width:33.333333%;}.lg\:w-8{width:2rem;}.lg\:w-1\/4{width:25%;}.lg\:w-10\/12{width:83.333333%;}.lg\:w-1\/3{width:33.333333%;}.lg\:w-6\/12{width:50%;}.lg\:w-3\/5{width:60%;}.lg\:w-2\/5{width:40%;}.lg\:w-2\/3{width:66.666667%;}.lg\:w-full{width:100%;}.lg\:w-64{width:16rem;}.lg\:w-1\/2{width:50%;}.lg\:max-w-lg{max-width:32rem;}.lg\:max-w-none{max-width:none;}.lg\:max-w-md{max-width:28rem;}.lg\:max-w-7xl{max-width:80rem;}.lg\:flex-auto{flex:1 1 auto;}.lg\:flex-shrink-0{flex-shrink:0;}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.lg\:flex-row{flex-direction:row;}.lg\:flex-col{flex-direction:column;}.lg\:items-center{align-items:center;}.lg\:items-stretch{align-items:stretch;}.lg\:justify-start{justify-content:flex-start;}.lg\:justify-center{justify-content:center;}.lg\:gap-8{gap:2rem;}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem;}.lg\: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));}.lg\:self-stretch{align-self:stretch;}.lg\:rounded-lg{border-radius:0.5rem;}.lg\:rounded-t{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;}.lg\:border-l{border-left-width:1px;}.lg\:border-r{border-right-width:1px;}.lg\:p-12{padding:3rem;}.lg\:p-16{padding:4rem;}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.lg\:px-8{padding-left:2rem;padding-right:2rem;}.lg\:px-4{padding-left:1rem;padding-right:1rem;}.lg\:px-48{padding-left:12rem;padding-right:12rem;}.lg\:px-0{padding-left:0px;padding-right:0px;}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.lg\:py-4{padding-top:1rem;padding-bottom:1rem;}.lg\:py-16{padding-top:4rem;padding-bottom:4rem;}.lg\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.lg\:px-12{padding-left:3rem;padding-right:3rem;}.lg\:py-8{padding-top:2rem;padding-bottom:2rem;}.lg\:py-0{padding-top:0px;padding-bottom:0px;}.lg\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.lg\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.lg\:pr-3{padding-right:0.75rem;}.lg\:pt-3{padding-top:0.75rem;}.lg\:pt-12{padding-top:3rem;}.lg\:pt-6{padding-top:1.5rem;}.lg\:pr-4{padding-right:1rem;}.lg\:pl-4{padding-left:1rem;}.lg\:pt-4{padding-top:1rem;}.lg\:text-left{text-align:left;}.lg\:text-center{text-align:center;}.lg\:text-2xl{font-size:1.5rem;line-height:2rem;}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.lg\:text-base{font-size:1rem;line-height:1.5rem;}}@media (min-width: 1280px){.xl\:mx-24{margin-left:6rem;margin-right:6rem;}.xl\:mx-8{margin-left:2rem;margin-right:2rem;}.xl\:mx-16{margin-left:4rem;margin-right:4rem;}.xl\:mb-0{margin-bottom:0px;}.xl\:inline-block{display:inline-block;}.xl\:w-4\/12{width:33.333333%;}.xl\:w-1\/2{width:50%;}.xl\:w-1\/4{width:25%;}.xl\:px-8{padding-left:2rem;padding-right:2rem;}.xl\:px-12{padding-left:3rem;padding-right:3rem;}.xl\:px-16{padding-left:4rem;padding-right:4rem;}.xl\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.xl\:py-16{padding-top:4rem;padding-bottom:4rem;}.xl\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.xl\:px-4{padding-left:1rem;padding-right:1rem;}.xl\:pl-12{padding-left:3rem;}}
.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#5a67d8;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:#e53e3e}
.transparent, .transparent a{color:transparent}.transition-0{transition-duration:0!important}
.transparent, .transparent a{color:transparent}.transition-0{transition-duration:0!important}
.logo{width:140px;cursor:pointer;transition:all .1s ease-in-out}.headroom--not-top .logo{width:100px}
@media only screen and (max-width:1023px) and (min-width:768px){#products li:nth-child(3){display:none}}
.overlay[data-v-62797ebf]{display:none;background:rgba(0,0,0,.2)}.item img[data-v-62797ebf]{transition:all .5s ease;transform-origin:center top}.item.top-left img[data-v-62797ebf]{transform-origin:top left!important}.item:hover img[data-v-62797ebf]{transform:scale(1.25)}.item:hover .overlay[data-v-62797ebf]{display:block}
.footer-link:hover{padding-left:1rem;padding-right:1rem}
.ad{width:85%;z-index:99;right:-100%;bottom:24px;position:fixed;max-width:400px;box-sizing:border-box;-webkit-animation:slide .5s forwards;animation:slide .5s forwards;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes slide{to{right:24px}}@keyframes slide{to{right:24px}}.ad.dark{border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity));text-align:left;--tw-text-opacity:1;color:rgba(243, 244, 246, var(--tw-text-opacity));--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.dark:hover{--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ad.dark .cancel-button, .ad.dark .default-button{border-top-width:1px;--tw-border-opacity:1;border-color:rgba(17, 24, 39, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity))}.ad.dark .cancel-button{border-left-width:1px}.ad.dark .cancel-button:hover, .ad.dark .default-button:hover{--tw-bg-opacity:1;background-color:rgba(17, 24, 39, var(--tw-bg-opacity))}.ad.light{border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));text-align:left;--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity));--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.light:hover{--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ad.light .cancel-button, .ad.light .default-button{border-top-width:1px;--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity))}.ad.light .default-button{--tw-text-opacity:1;color:rgba(67, 56, 202, var(--tw-text-opacity))}.ad.light .cancel-button{border-left-width:1px}.ad.light .cancel-button:hover, .ad.light .default-button:hover{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity))}</style><style data-vue-ssr-id="17757f60:0">
.vue-dialog div {
  box-sizing: border-box;
}
.vue-dialog .dialog-flex {
  width: 100%;
  height: 100%;
}
.vue-dialog .dialog-content {
  flex: 1 0 auto;
  width: 100%;
  padding: 15px;
  font-size: 14px;
}
.vue-dialog .dialog-c-title {
  font-weight: 600;
  padding-bottom: 15px;
}
.vue-dialog .dialog-c-text {
}
.vue-dialog .vue-dialog-buttons {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-top: 1px solid #eee;
}
.vue-dialog .vue-dialog-buttons-none {
  width: 100%;
  padding-bottom: 15px;
}
.vue-dialog-button {
  font-size: 12px !important;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  color: inherit;
  font: inherit;
  outline: none;
}
.vue-dialog-button:hover {
  background: rgba(0, 0, 0, 0.01);
}
.vue-dialog-button:active {
  background: rgba(0, 0, 0, 0.025);
}
.vue-dialog-button:not(:first-of-type) {
  border-left: 1px solid #eee;
}
</style><style data-vue-ssr-id="0e783494:0">
.v--modal-block-scroll {
  overflow: hidden;
  width: 100vw;
}
.v--modal-overlay {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
  opacity: 1;
}
.v--modal-overlay.scrollable {
  height: 100%;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.v--modal-overlay .v--modal-background-click {
  width: 100%;
  min-height: 100%;
  height: auto;
}
.v--modal-overlay .v--modal-box {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.v--modal-overlay.scrollable .v--modal-box {
  margin-bottom: 2px;
}
.v--modal {
  background-color: white;
  text-align: left;
  border-radius: 3px;
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
  padding: 0;
}
.v--modal.v--modal-fullscreen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  left: 0;
  top: 0;
}
.v--modal-top-right {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.overlay-fade-enter-active,
.overlay-fade-leave-active {
  transition: all 0.2s;
}
.overlay-fade-enter,
.overlay-fade-leave-active {
  opacity: 0;
}
.nice-modal-fade-enter-active,
.nice-modal-fade-leave-active {
  transition: all 0.4s;
}
.nice-modal-fade-enter,
.nice-modal-fade-leave-active {
  opacity: 0;
  transform: translateY(-20px);
}
</style>
  </head>
  <body >
    <script data-n-head="ssr" data-hid="nuxt-color-mode-script" data-pbody="true" type="60fc3dd844c5056e3e3341ea-text/javascript">!function(){"use strict";var e=window,s=document,o=s.documentElement,a=["dark","light"],t=window.localStorage.getItem("nuxt-color-mode")||"system",c="system"===t?l():t,i=s.body.getAttribute("data-color-mode-forced");function r(e){var s=""+e+"";o.classList?o.classList.add(s):o.className+=" "+s}function n(s){return e.matchMedia("(prefers-color-scheme"+s+")")}function l(){if(e.matchMedia&&"not all"!==n("").media)for(var s of a)if(n(":"+s).matches)return s;return"light"}i&&(c=i),r(c),e["__NUXT_COLOR_MODE__"]={preference:t,value:c,getColorScheme:l,addClass:r,removeClass:function(e){var s=""+e+"";o.classList?o.classList.remove(s):o.className=o.className.replace(new RegExp(s,"g"),"")}}}();
</script><div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="font-sans w-full min-h-screen m-0 dark:bg-gray-850 dark:text-gray-300"><!----> <div></div> <div class="bg-gray-50 border-b dark:bg-gray-900 dark:border-gray-800"><div class="min-w-full z-50" style="height:px;"><div class="headroom" style="position:relative;top:0;left:0;right:0;z-index:99;"><div class="py-4"><div class="container mx-auto px-4"><div class="flex items-center justify-between py-2"><div class="logo"><a href="/" aria-current="page" class="active"><img src="/logo.svg" alt="Tecdiary" class="inline dark:hidden"> <img src="/logo-light.svg" alt="Tecdiary" class="hidden dark:inline"></a></div> <div class="hidden md:flex md:items-center text-gray-800 dark:text-gray-300 text-sm font-semibold"><div class="relative"><a class="block font-semibold hover:text-white hover:bg-gray-700 px-4 py-2 rounded cursor-pointer">
            Products
          </a> <div class="dark absolute top-auto left-0 w-56 mt-0 text-sm text-gray-100 hover:text-white leading-normal rounded-tr rounded-b bg-gray-700 shadow-lg" style="display:none;"><ul class="list-reset"><li><a href="/products/desktop-apps" class="block py-2 px-4 text-gray-100 hover:text-white font-bold hover:bg-gray-800 rounded-tr">
                  Desktop Applications
                </a></li> <li><a href="/products/php-web-apps" class="block py-2 px-4 text-gray-100 hover:text-white font-bold hover:bg-gray-800">
                  PHP Web Applications
                </a></li> <li><a href="/products/themes" class="block py-2 px-4 text-gray-100 hover:text-white font-bold hover:bg-gray-800 rounded-b">
                  HTML &amp; CSS Templates
                </a></li></ul></div></div> <a href="/#services" class="hover:text-white px-4 md:px-2 lg:px-4 py-2 hover:bg-gray-700 rounded">
        Services
      </a> <a href="/#about" class="hover:text-white px-4 md:px-2 lg:px-4 py-2 hover:bg-gray-700 rounded">
        About
      </a> <a href="/#contact" class="hover:text-white px-4 md:px-2 lg:px-4 py-2 hover:bg-gray-700 rounded">
        Contact
      </a> <a href="/support" class="hover:text-white px-4 md:px-2 lg:px-4 py-2 hover:bg-gray-700 rounded">
        Support
      </a> <!----></div> <div class="hidden md:flex md:items-center"><a href="/login" class="text-gray-800 dark:text-gray-300 text-sm font-semibold hover:text-indigo-600 mr-2 px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded">
        Sign in
      </a> <a href="/register" class="text-gray-800 text-sm bg-gray-200 hover:border-indigo-600 px-4 py-2 rounded hover:bg-indigo-500 dark:text-gray-300 dark:bg-gray-800 dark:hover:bg-indigo-500 font-semibold hover:text-white">
        Sign up
      </a></div> <div class="inline-flex items-center md:hidden"><!----> <a href="/login" class="inline-block font-semibold py-2 px-2 sm:px-4 rounded-t"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="svg-inline--fa fa-user-circle fa-w-16"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"></path></svg></a> <div class="relative"><a class="inline-block font-semibold py-2 px-2 sm:px-4 rounded-t"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-bars fa-w-14"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg></a> <div class="dark absolute top-auto right-0 mt-0 text-sm text-gray-100 leading-normal bg-gray-700 rounded-tl rounded-b shadow-lg" style="display:none;"><ul class="list-reset w-40"><li><button class="block w-full text-left py-2 px-4 font-bold hover:bg-gray-800 rounded-tl">
                  Products
                </button></li> <li><button class="block w-full text-left py-2 px-4 font-bold hover:bg-gray-800">
                  Support
                </button></li> <li><button class="block w-full text-left py-2 px-4 font-bold hover:bg-gray-800">
                  Services
                </button></li> <li><button class="block w-full text-left py-2 px-4 font-bold hover:bg-gray-800">
                  About us
                </button></li> <li><button class="block w-full text-left py-2 px-4 font-bold hover:bg-gray-800 rounded-b">
                  Contact us
                </button></li></ul> <!----></div></div></div></div></div></div></div></div></div> <div class="z-0"><div><div class="bg-gray-50 dark:bg-gray-900 pt-8 lg:pt-12"><div class="container mx-auto pb-12"><div class="text-center px-4 w-full lg:w-10/12 mx-auto"><p class="uppercase tracking-loose font-bold text-indigo-600">
          Welcome to Tecdiary.net
        </p> <h1 class="text-2xl font-bold my-4">
          Desktop, Mobile &amp; Web App Development
        </h1> <p class="leading-normal mx-auto mb-4 px-8 text-center max-w-3xl">
          We are experienced in PHP (CodeIgniter, Laravel, WordPress), JavaScript (Angular, Electron, jQuery, React &amp; Vue.js), Hybrid
          (Flutter) &amp; Java Development.
        </p> <p class="leading-normal mb-8 px-8 text-center">
          Please check our products and for any inquiry
          <a href="/#contact" class="link">send us message</a></p></div> <div class="block xl:px-2 flow-root"><ul id="products" class="products flex flex-row flex-wrap justify-start xl:px-12"><li class="product md:w-1/2 lg:w-1/3 sm:w-full p-4"><a href="/products/modern-pos-solution-saas-version" class="group block rounded-lg overflow-hidden text-gray-700 hover:text-gray-800 shadow-lg hover:shadow-2xl item" data-v-62797ebf><div class="relative dark:bg-gray-800" style="padding-bottom:50%;" data-v-62797ebf><img src="/img/mps_banner.png" alt="Modern Point of Sale Solution (SaaS Version)" class="absolute h-full w-full object-cover" data-v-62797ebf> <div class="absolute inset-0 w-full h-full" data-v-62797ebf></div></div> <div class="relative bg-white dark:bg-gray-800 dark:text-gray-300 dark:group-hover:bg-gray-700" data-v-62797ebf><div class="px-6 py-4" data-v-62797ebf><div class="font-bold text-xl mb-2" data-v-62797ebf>Modern Point of Sale Solution (SaaS Version)</div> <p class="text-sm" data-v-62797ebf>Start business with our SaaS version of Modern Point of Sale Solution. Our all-in-one retail &amp; restaurant POS solution empowers you to provide top-notch service to your clients.</p></div> <!----></div></a></li><li class="product md:w-1/2 lg:w-1/3 sm:w-full p-4"><div class="group relative block rounded-lg overflow-hidden text-gray-700 hover:text-gray-800 shadow-lg hover:shadow-2xl item" data-v-62797ebf><a href="https://www.smartpos.co/" class="hidden group-hover:flex absolute z-10 inset-0 items-start justify-end bg-gray-300 bg-opacity-0" data-v-62797ebf><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="hidden group-hover:block w-6 h-6 text-white mt-2 mr-2" data-v-62797ebf><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" data-v-62797ebf></path></svg> <span class="sr-only" data-v-62797ebf>Go to SmartPOS.co</span></a> <div class="relative dark:bg-gray-800" style="padding-bottom:50%;" data-v-62797ebf><img src="/img/smartpos-banner.png" alt="SmartPOS - Desktop &amp; Cloud Point of Sale App" class="absolute h-full w-full object-cover" data-v-62797ebf> <div class="absolute inset-0 w-full h-full" data-v-62797ebf></div></div> <div class="relative bg-white dark:bg-gray-800 dark:text-gray-300 dark:group-hover:bg-gray-700" data-v-62797ebf><div class="px-6 py-4" data-v-62797ebf><div class="font-bold text-xl mb-2" data-v-62797ebf>SmartPOS - Desktop &amp; Cloud Point of Sale App</div> <p class="text-sm" data-v-62797ebf>A user-friendly interface that's fast to learn and easy to use, minimizing training time. Works seamlessly with your existing or new hardware and cloud synchronization.</p></div> <!----></div></div></li><li class="product md:w-1/2 lg:w-1/3 sm:w-full p-4"><a href="/products/ecommerce-module-for-modern-pos-solution" class="group block rounded-lg overflow-hidden text-gray-700 hover:text-gray-800 shadow-lg hover:shadow-2xl item" data-v-62797ebf><div class="relative dark:bg-gray-800" style="padding-bottom:50%;" data-v-62797ebf><img src="/img/ecom-banner.jpg" alt="eCommerce Module for Modern POS Solution" class="absolute h-full w-full object-cover" data-v-62797ebf> <div class="absolute inset-0 w-full h-full" data-v-62797ebf></div></div> <div class="relative bg-white dark:bg-gray-800 dark:text-gray-300 dark:group-hover:bg-gray-700" data-v-62797ebf><div class="px-6 py-4" data-v-62797ebf><div class="font-bold text-xl mb-2" data-v-62797ebf>eCommerce Module for Modern POS Solution</div> <p class="text-sm" data-v-62797ebf>eCommerce module for your Modern Point of Sale Solution to allow your customer make orders &amp; Payments. It has Pages, Menus, Currencies, Shipping &amp; Coupon management.</p></div> <!----></div></a></li></ul></div></div></div> <div class="text-gray-50 dark:text-gray-900"><svg width="100%" height="100%" version="1.1" viewBox="0 0 394 22" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink" class="fill-current" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect x="0" y="0" width="394" height="22" class="text-white dark:text-gray-850 fill-current"></rect> <path id="a-down" d="M393.6,0l-393.6,0l0,0.48l196.8,17.52l196.8,-17.52l0,-0.48Z"></path></svg></div> <section id="services" class="container mx-auto text-left"><div class="container mx-auto flex flex-col md:flex-row items-center my-12"><div class="w-full xl:w-1/2 xl:pl-12 text-left px-4"><p class="uppercase tracking-loose font-bold text-indigo-600">Our Services</p> <h1 class="text-2xl font-bold my-4">Desktop, Mobile &amp; Web App Development</h1> <p class="leading-normal text-justify mb-4">
        We understand that web services isn’t just about domain, website, web hosting and servers. Web services are about people and
        satisfaction. We understand what it takes to make you happy. We’re here to help you meet your goals. We offer a variety of web
        services such as domain name registration, shared web hosting services, web designing services, business applications and online
        marketing services.
      </p> <ul class="list-none leading-loose mb-4"><li><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="hidden lg:inline-block mr-2 svg-inline--fa fa-check-circle fa-w-16"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>
          Business Application (Desktop, Mobile &amp; Web)
        </li> <li><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="hidden lg:inline-block mr-2 svg-inline--fa fa-check-circle fa-w-16"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>
          E-Commerce - Online Shop &amp; Payments
        </li> <li><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="hidden lg:inline-block mr-2 svg-inline--fa fa-check-circle fa-w-16"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>
          Digital Marketing - Google, Facebook &amp; Twitter
        </li> <li><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="hidden lg:inline-block mr-2 svg-inline--fa fa-check-circle fa-w-16"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>
          Create cutting-edge websites
        </li></ul> <button type="button" class="bg-indigo-600 hover:bg-indigo-700 text-white rounded shadow hover:shadow-lg py-3 px-4 inline-block mt-2">
        More about digital marketing
      </button></div> <div class="flex flex-col w-full xl:w-1/2 justify-center items-start text-center py-12 px-2"><img alt="Web Development" src="/img/web_dev1.svg" class="max-w-full invert-hover mx-auto"></div></div></section> <div><div class="text-gray-50 dark:text-gray-900"><svg width="100%" height="100%" version="1.1" viewBox="0 0 394 22" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink" class="fill-current" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect x="0" y="0" width="394" height="22" class="text-white dark:text-gray-850 fill-current"></rect> <path id="etl" d="M394,0.2l-394,21.8l394,0l0,-21.8Z"></path></svg></div> <div style="margin-top:-4px;"><div id="about" class="bg-gray-50 dark:bg-gray-900 py-4"><section class="container mx-auto text-left my-12"><div class="pt-4 pb-6 text-center border-b dark:border-gray-800"><p class="uppercase tracking-loose font-bold text-indigo-600">About us</p> <p class="text-2xl font-bold m-4">
            We design and code beautifully simple things, and we love what we do.
          </p> <p class="text-base text-center m-4 xl:mx-24">
            Since beginning our journey as a freelance development agency nearly 8 years ago, we've done remote work for agencies,
            consulted for startups, and collaborated with talented people to create digital products for both business and consumer use.
          </p></div> <div class="flex flex-col md:flex-row items-center xl:px-8"><div class="flex flex-col w-full xl:w-4/12 justify-center items-start pt-4 px-4 lg:px-6"><h1 class="text-2xl font-bold my-4">Who We Are</h1> <p class="text-justify">
              We are a team of professionals, experienced in PHP (CodeIgniter, Laravel, WordPress), JavaScript (Angular, React &amp; Vue.js),
              Hybrid (Flutter, NativeScript &amp; React Native) &amp; Java Development.
            </p></div> <div class="flex flex-col w-full xl:w-4/12 justify-center items-start pt-4 px-4 lg:px-6"><h1 class="text-2xl font-bold my-4">What We Do</h1> <p class="text-justify">
              We offer a variety of web services such as domain name registration, mobile &amp; web development, business applications,
              digital marketing services and server management.
            </p></div> <div class="flex flex-col w-full xl:w-4/12 justify-center items-start pt-4 px-4 lg:px-6"><h1 class="text-2xl font-bold my-4">How We Do It</h1> <p class="text-justify">
              We are committed to delivering excellence, our ultimate goal is to ensure that every project is carefully managed and
              delivered to the highest standards. We take time to plan before developing.
            </p></div></div> <div class="pt-6 pb-4 px-4 xl:px-12"><h1 class="font-bold my-4 text-justify">
            We create high quality products to help you manage business. We take pride in quality of work that we do and like to maintain
            a relationship with our clients long after the work has been completed and handed over.
          </h1></div></section></div></div> <div class="text-gray-50 dark:text-gray-900"><svg width="100%" height="100%" version="1.1" viewBox="0 0 394 22" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink" class="fill-current" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect x="0" y="0" width="394" height="22" class="text-white dark:text-gray-850 fill-current"></rect> <path id="ebr" d="M394,0l-394,0l0,22l394,-22l0,0Z"></path></svg></div></div> <div id="contact"><section class="container mx-auto text-left my-12"><form autocomplete="off" class="w-full lg:w-7/12 px-4 py-6 mx-auto"><div class="text-center mb-8"><h1 class="text-2xl font-bold">Send us message</h1> <p>Please fill the form below to send us message.</p> <p class="text-red-500 font-extrabold">
          No Support Questions, please ask support question at
          <a href="/support" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-700">support portal</a></p> <!----> <!----></div> <div class="flex flex-wrap -mx-3 mb-6"><div class="w-full md:w-1/2 px-3 mb-6 md:mb-0"><label for="name" class="block uppercase tracking-wide text-gray-700 dark:text-gray-300 text-xs font-bold mb-2">
            Full Name
          </label> <input id="name" name="name" type="text" placeholder="Full Name" value="" class="input-field border-gray-200"> <!----></div> <div class="w-full md:w-1/2 px-3"><label for="email" class="block uppercase tracking-wide text-gray-700 dark:text-gray-300 text-xs font-bold mb-2">
            Email
          </label> <input id="email" name="email" type="email" placeholder="Email Address" value="" class="input-field border-gray-200"> <!----></div></div> <div class="flex flex-wrap -mx-3 mb-6"><div class="w-full md:w-1/2 px-3 mb-6 md:mb-0"><label for="phone" class="block uppercase tracking-wide text-gray-700 dark:text-gray-300 text-xs font-bold mb-2">
            Phone
          </label> <input id="phone" type="text" name="phone" placeholder="Phone" value="" class="input-field"></div> <div class="w-full md:w-1/2 px-3"><label for="subject" class="block uppercase tracking-wide text-gray-700 dark:text-gray-300 text-xs font-bold mb-2">
            Subject
          </label> <input type="text" id="subject" name="subject" placeholder="Subject" value="" class="input-field border-gray-200"> <!----></div></div> <div class="flex flex-wrap -mx-3 mb-6"><div class="w-full px-3"><label for="c-message" class="block uppercase tracking-wide text-gray-700 dark:text-gray-300 text-xs font-bold mb-2">
            Message
          </label> <textarea id="c-message" placeholder="Please type message here" class="input-field h-32 max-h-full mb-1 border-gray-200"></textarea> <p class="text-gray-600 dark:text-gray-400 text-xs font-bold italic">
            No Support Questions, please ask support question at
            <a href="/support" class="link dark:text-indigo-400">support portal</a></p> <!----></div></div> <!----> <div class="flex flex-wrap -mx-3 mb-6"><div class="w-full flex items-center justify-between  px-3"><button type="submit" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded">
            Send
          </button> <div class="flex items-center justify-center"><div class="block sm:inline-flex ml-4 text-xs sm:py-2 sm:px-3 sm:rounded sm:border dark:border-gray-700">
              protected by <strong class="ml-1">reCAPTCHA</strong> <span class="inline-block"><a target="_blank" href="https://www.google.com/intl/en/policies/privacy/" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-700 hover:font-bold ml-2">
                  Privacy
                </a> <a target="_blank" href="https://www.google.com/intl/en/policies/terms/" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-700 hover:font-bold ml-2">
                  Terms
                </a></span></div></div></div></div></form></section></div></div></div> <div class="mt-6"><div class="text-gray-50 dark:text-gray-900"><svg width="100%" height="100%" version="1.1" viewBox="0 0 394 22" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink" class="fill-current" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect x="0" y="0" width="394" height="22" class="text-white dark:text-gray-850 fill-current"></rect> <path id="a-up" d="M394,21.72l-197,-17.52l-197,17.52l0,0.48l394,0l0,-0.48Z"></path></svg></div> <div class="bg-gray-50 dark:bg-gray-900 pt-16" style="margin-top: -2px;"><div class="footer"><div class="container mx-auto px-4 pb-8"><section id="newsletter" class="container mx-auto text-center"><div class="flex flex-col md:flex-row items-center mb-12 -mt-12"><div class="w-full max-w-full md:w-3/5 xl:w-1/2 xl:pl-12 px-4 mx-auto"><h1 class="text-2xl font-bold mt-4">Subscribe to our newsletter</h1> <p class="leading-normal mb-4">
        to stay up to date with latest items, news and promotions.
      </p> <form autocomplete="off" class="my-4"><div class="flex bg-white h-10 pl-5 rounded-full hover:shadow-lg border dark:bg-gray-800 dark:text-gray-300 border-gray-200 dark:border-gray-900"><div class="flex flex-1 max-w-full"><input placeholder="Full Name" value="" class="flex-1 py-4 pr-4 mr-0 border-0 border-r text-gray-800 bg-white min-w-0 dark:bg-gray-800 dark:text-gray-300 placeholder-opacity-50 border-gray-200 dark:border-gray-900"> <input placeholder="Email Address" value="" class="flex-1 p-4 mr-0 text-gray-800 border-gray-200 bg-white min-w-0 dark:bg-gray-800 dark:text-gray-300 placeholder-opacity-50"> <button type="submit" class="py-2 pl-4 pr-6 text-sm text-gray-800 bg-white rounded-l rounded-full hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="paper-plane" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-paper-plane fa-w-16"><path fill="currentColor" d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z"></path></svg></button></div></div> <!----> <!----> <!----></form></div></div></section> <div class="block flow-root"><div class="md:w-full lg:w-5/12 w-full p-4 float-left"><div class="w-48 mb-4"><div class="logo"><a href="/" aria-current="page" class="active"><img src="/logo.svg" alt="Tecdiary" class="inline dark:hidden"> <img src="/logo-light.svg" alt="Tecdiary" class="hidden dark:inline"></a></div></div> <p class="text-justify"><strong>
            Instantly elevate your business, earn more money, attract more clients, and deliver exceptional digital experiences.
          </strong>
          Tecdiary is the leading independent provider of inventory &amp; e-commerce solutions for digital experiences. What sets our solution
          apart for partners is our modular, flexible architecture and customizable licensing model. With Tecdiary, partners are free to
          build, customize, and extend the platform to create amazing digital experiences for your individual clients or to support your
          own packaged solution.
        </p></div> <div class="md:w-5/12 lg:w-3/12 w-full xl:px-16 lg:px-8 py-4 float-left"><h4 class="text-xl mt-6 mb-2 px-2 border-b dark:border-gray-800 font-bold">Menu</h4> <ul class="list-none"><li><a href="/" aria-current="page" class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500 footer-link active">
              Home
            </a> <a href="/products" class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500 footer-link">
              Products
            </a> <a href="/#services" class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500 footer-link">
              Services
            </a> <a href="/#about" class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500 footer-link">
              About us
            </a> <a href="/legal/license" class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500 footer-link">
              Item Licenses
            </a> <a href="/legal/terms" class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500 footer-link">
              Terms &amp; Privacy
            </a> <a href="/affiliate" class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500 footer-link">
              Affiliate Program
            </a></li></ul></div> <div class="md:w-7/12 lg:w-4/12 w-full py-4 md:px-4 float-left"><h4 class="text-xl mt-6 mb-2 px-2 border-b dark:border-gray-800 font-bold">Contact us</h4> <ul class="list-none"><li><span class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="phone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="mr-2 svg-inline--fa fa-phone fa-w-16"><path fill="currentColor" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg>
              60 11 11 44 2122
            </span> <span class="block px-2 py-1 hover:text-indigo-600 dark:hover:text-indigo-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="mr-2 svg-inline--fa fa-envelope fa-w-16"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
              support<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="at" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-sm font-normal svg-inline--fa fa-at fa-w-16" style="margin-left:2px;margin-right:2px;"><path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z"></path></svg>tecdiary.com
            </span></li></ul> <div class="mt-6"><button class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-4 px-8 rounded-full shadow-lg">
            Send us message
          </button></div> <div class="mt-6"><a href="https://facebook.com/tecdiary" target="_blank" class="inline-block pl-2 pr-1 py-1"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="mr-2 text-3xl hover:text-blue-800 svg-inline--fa fa-facebook-square fa-w-14"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg></a> <a href="https://twitter.com/tecdiary" target="_blank" class="inline-block pl-1 pr-2 py-1"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="mr-2 text-3xl hover:text-blue-500 svg-inline--fa fa-twitter-square fa-w-14"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"></path></svg></a> <div class="relative z-0 inline-block"><a class="cursor-pointer"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 fill-current text-gray-800 hover:text-indigo-600 dark:hover:text-indigo-500 dark:text-gray-100 dark:hover:text-indigo-500"><path d="m507.607 216.525c5.857-5.857 5.857-15.355 0-21.213l-190.917-190.918c-5.858-5.858-15.355-5.858-21.213 0l-74.247 74.245 212.131 212.133z"></path> <path d="m153.616 485.616c17.015-17.015 26.386-39.607 26.385-63.615 0-17.983 29.222-54.182 59.105-66.561 8.643-3.579 20.426-6.366 27.48.688 7.406 7.404 8.171 8.171 8.197 8.196.028.029.057.059.086.087 11.298 11.298 26.365 17.52 42.428 17.52 16.06-.001 31.128-6.224 42.426-17.522l52.426-52.425-212.131-212.132-52.427 52.427c-11.298 11.298-17.521 26.365-17.521 42.428 0 16.061 6.222 31.128 17.535 42.442.042.042.632.63 8.27 8.267 2.996 2.997 4.393 6.674 4.393 11.572 0 29.428-46.683 75.013-70.267 75.013-49.624-.001-89.999 40.372-90.001 89.998v.002c.001 24.009 9.372 46.601 26.387 63.613 17.014 17.016 39.606 26.386 63.614 26.386s46.601-9.37 63.615-26.384zm-78.616-63.616c0-8.284 6.716-15 15-15s15 6.716 15 15-6.716 15-15 15-15-6.715-15-15z"></path></svg></a> <div class="dark absolute bottom-8 -left-16 mt-0 text-sm text-gray-100 leading-normal bg-gray-700 rounded shadow-lg" style="display:none;"><ul class="list-reset w-40"><li><button class="flex w-full text-sm items-center py-2 px-4 font-bold hover:bg-gray-800 rounded-t bg-gray-800"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-4 fill-current"><path d="m482 25h-452c-16.54 0-30 13.46-30 30v298c0 16.54 13.46 30 30 30h452c16.54 0 30-13.46 30-30v-298c0-16.54-13.46-30-30-30z"></path> <path d="m416 457h-81v-44h-158v44h-81c-8.28 0-15 6.72-15 15s6.72 15 15 15h320c8.28 0 15-6.72 15-15s-6.72-15-15-15z"></path></svg> <div>System</div></button></li> <li><button class="flex w-full text-sm items-center py-2 px-4 font-bold hover:bg-gray-800"><svg viewBox="0 0 45.16 45.16" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-4 fill-current"><path d="M22.58,11.269c-6.237,0-11.311,5.075-11.311,11.312s5.074,11.312,11.311,11.312c6.236,0,11.311-5.074,11.311-11.312 S28.816,11.269,22.58,11.269z"></path> <path d="M22.58,7.944c-1.219,0-2.207-0.988-2.207-2.206V2.207C20.373,0.988,21.361,0,22.58,0c1.219,0,2.207,0.988,2.207,2.207 v3.531C24.787,6.956,23.798,7.944,22.58,7.944z"></path> <path d="M22.58,37.215c-1.219,0-2.207,0.988-2.207,2.207v3.53c0,1.22,0.988,2.208,2.207,2.208c1.219,0,2.207-0.988,2.207-2.208 v-3.53C24.787,38.203,23.798,37.215,22.58,37.215z"></path> <path d="M32.928,12.231c-0.861-0.862-0.861-2.259,0-3.121l2.497-2.497c0.861-0.861,2.259-0.861,3.121,0 c0.862,0.862,0.862,2.26,0,3.121l-2.497,2.497C35.188,13.093,33.791,13.093,32.928,12.231z"></path> <path d="M12.231,32.93c-0.862-0.863-2.259-0.863-3.121,0l-2.497,2.496c-0.861,0.861-0.862,2.26,0,3.121 c0.862,0.861,2.26,0.861,3.121,0l2.497-2.498C13.093,35.188,13.093,33.79,12.231,32.93z"></path> <path d="M37.215,22.58c0-1.219,0.988-2.207,2.207-2.207h3.531c1.219,0,2.207,0.988,2.207,2.207c0,1.219-0.988,2.206-2.207,2.206 h-3.531C38.203,24.786,37.215,23.799,37.215,22.58z"></path> <path d="M7.944,22.58c0-1.219-0.988-2.207-2.207-2.207h-3.53C0.988,20.373,0,21.361,0,22.58c0,1.219,0.988,2.206,2.207,2.206 h3.531C6.956,24.786,7.944,23.799,7.944,22.58z"></path> <path d="M32.928,32.93c0.862-0.861,2.26-0.861,3.121,0l2.497,2.497c0.862,0.86,0.862,2.259,0,3.12s-2.259,0.861-3.121,0 l-2.497-2.497C32.066,35.188,32.066,33.791,32.928,32.93z"></path> <path d="M12.231,12.231c0.862-0.862,0.862-2.259,0-3.121L9.734,6.614c-0.862-0.862-2.259-0.862-3.121,0 c-0.862,0.861-0.862,2.259,0,3.12l2.497,2.497C9.972,13.094,11.369,13.094,12.231,12.231z"></path></svg> <div>Light</div></button></li> <li><button class="flex w-full text-sm items-center py-2 px-4 font-bold hover:bg-gray-800 rounded-b"><svg viewBox="0 0 913.059 913.059" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-4 fill-current"><path d="M789.581,777.485c62.73-62.73,103.652-139.002,122.785-219.406c5.479-23.031-22.826-38.58-39.524-21.799 c-0.205,0.207-0.41,0.412-0.615,0.617c-139.57,139.57-367.531,136.879-503.693-8.072 c-128.37-136.658-126.685-348.817,3.673-483.579c1.644-1.699,3.3-3.378,4.97-5.037c16.744-16.635,1.094-44.811-21.869-39.354 c-79.689,18.938-155.326,59.276-217.75,121.035c-182.518,180.576-183.546,473.345-2.245,655.14 C315.821,958.032,608.883,958.182,789.581,777.485z"></path></svg> <div>Dark</div></button></li></ul></div></div></div></div></div></div> <div class="p-4 text-center border-t dark:border-gray-800 min-w-full"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copyright" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-copyright fa-w-16"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm117.134 346.753c-1.592 1.867-39.776 45.731-109.851 45.731-84.692 0-144.484-63.26-144.484-145.567 0-81.303 62.004-143.401 143.762-143.401 66.957 0 101.965 37.315 103.422 38.904a12 12 0 0 1 1.238 14.623l-22.38 34.655c-4.049 6.267-12.774 7.351-18.234 2.295-.233-.214-26.529-23.88-61.88-23.88-46.116 0-73.916 33.575-73.916 76.082 0 39.602 25.514 79.692 74.277 79.692 38.697 0 65.28-28.338 65.544-28.625 5.132-5.565 14.059-5.033 18.508 1.053l24.547 33.572a12.001 12.001 0 0 1-.553 14.866z"></path></svg> 2012 - 2025
    <span class="hover:text-indigo-700 cursor-pointer">Tecdiary</span> all rights reserved.
  </div></div></div></div> <!----> <!----> <div id="modals-container"></div> <div><div class="ad dark"><div class="p-4"><p class="text-xl font-extrabold mb-2">We use Cookies</p> <p class="text-sm">We use cookies to ensure that we give you the best experience on our website. By continuing to browse the site you are agreeing to our use of cookies.</p></div> <div class="flex"><button class="flex-1 default-button">
      Accept
    </button> <button class="flex-1 cancel-button">
      Learn more
    </button></div></div></div></div></div></div><script type="60fc3dd844c5056e3e3341ea-text/javascript">window.__NUXT__=(function(a,b,c,d,e){return {layout:"default",data:[{}],fetch:{},error:a,state:{mode:a,item:a,coupon:a,previous:a,bc_api_key:a,notifications:[],support_type:a,auth:{user:a,loggedIn:b,strategy:"local"}},serverRendered:c,routePath:d,config:{_app:{basePath:d,assetsPath:"\u002F_nuxt\u002F",cdnURL:a}},colorMode:{preference:e,value:e,unknown:c,forced:b}}}(null,false,true,"\u002F","system"));</script><script src="/_nuxt/c82b846.js" defer type="60fc3dd844c5056e3e3341ea-text/javascript"></script><script src="/_nuxt/e9e802c.js" defer type="60fc3dd844c5056e3e3341ea-text/javascript"></script><script src="/_nuxt/87b8d9a.js" defer type="60fc3dd844c5056e3e3341ea-text/javascript"></script><script src="/_nuxt/5e5e126.js" defer type="60fc3dd844c5056e3e3341ea-text/javascript"></script><script src="/_nuxt/97b897c.js" defer type="60fc3dd844c5056e3e3341ea-text/javascript"></script>
  <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="60fc3dd844c5056e3e3341ea-|49" defer></script></body>
</html>
