@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap);
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.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).
*/
html {
	-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, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 
		'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;
}
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, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 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: currentColor; /* 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;
}
/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
:-moz-focusring {
	outline: auto;
}
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;
}
/**
 * 1. 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
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */
[hidden] {
  display: none;
}
*, ::before, ::after{
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-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));
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
	--tw-ring-shadow: 0 0 rgba(0,0,0,0);
	--tw-shadow: 0 0 rgba(0,0,0,0);
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:root{
	background-color: hsla(var(--b1)/1);
	background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-text-opacity,1));
}
html{
	-webkit-tap-highlight-color: transparent;
}
:root{
	--p: 240 25% 29.8%;
	--pf: 240 24.6% 23.9%;
	--pc: 0 0% 100%;
	--s: 75 45.3% 56.3%;
	--sf: 75 50.9% 45.5%;
	--sc: 0 0% 100%;
	--in: 207 89.8% 53.9%;
	--rounded-box: .5rem;
	--rounded-btn: 0.25rem;
	--rounded-badge: 1.9rem;
	--animation-btn: 0s;
	--animation-input: .2s;
	--padding-card: 2rem;
	--btn-text-case: uppercase;
	--navbar-padding: .5rem;
	--border-btn: 1px;
	--focus-ring: 2px;
	--focus-ring-offset: 2px;
	--b1: 0 0% 100%;
	--b2: 220 17% 97%;
	--bc: 215 27.9% 16.9%;
	--su: 174 100% 29%;
	--wa: 36 100% 50%;
	--er: 14 100% 57.1%;
	--n: 219 14.1% 27.8%;
	--nf: 222 13.4% 19%;
	--tw-bg-opacity: 0;
}
/* Typography */
h1{
	display: block;
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-weight: 700;
        font-family: "Poppins", sans-serif;
}
h2{
	display: block;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 700;
        font-family: "Poppins", sans-serif;
}
h3{
	display: block;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 700;
        font-family: "Poppins", sans-serif;
}
h4{
	display: block;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 700;
        font-family: "Poppins", sans-serif;
}
h5{
	display: block;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 700;
        font-family: "Poppins", sans-serif;
}
h6{
	display: block;
	font-weight: 700;
        font-family: "Poppins", sans-serif;
}
p{
	margin-bottom: 0.5rem;
}
p:last-child{
	margin-bottom: 0px;
}
.splide__container{box-sizing:border-box;position:relative}
.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide__progress__bar{width:0}
.splide{outline:none;position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__slider{position:relative}
.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__track{overflow:hidden;position:relative;z-index:0}
@-webkit-keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}
.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}
.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}
.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}
.splide--rtl{direction:rtl}
.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}
.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}
.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}
.splide__arrow:hover{opacity:.9}
.splide__arrow:focus{outline:none}
.splide__arrow--prev{left:1em}
.splide__arrow--prev svg{transform:scaleX(-1)}
.splide__arrow--next{right:1em}
.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}
.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}
.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}
.splide__pagination__page:hover{cursor:pointer;opacity:.9}
.splide__pagination__page:focus{outline:none}
.splide__progress__bar{background:#ccc;height:3px}
.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}
.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}
.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}
.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}
.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}
.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}
.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}
.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}
.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}
.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}
.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}
.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}
.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
html.hc-nav-yscroll{overflow-y:scroll}
body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}
.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}
.hc-offcanvas-nav.is-ios *{cursor:pointer !important}
.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}
.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}
.hc-offcanvas-nav .nav-content{height:100%}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}
.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}
.hc-offcanvas-nav li{position:relative;display:block}
.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}
.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}
.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}
.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}
.hc-offcanvas-nav input[type="checkbox"]{display:none}
.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}
.hc-offcanvas-nav .nav-item-wrapper{position:relative}
.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}
.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}
.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}
.hc-offcanvas-nav.disable-body::after{position:fixed}
.hc-offcanvas-nav .nav-wrapper::after{position:absolute}
.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}
.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}
.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}
.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}
.hc-offcanvas-nav.nav-position-left{left:0}
.hc-offcanvas-nav.nav-position-left .nav-container{left:0}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}
.hc-offcanvas-nav.nav-position-right{right:0}
.hc-offcanvas-nav.nav-position-right .nav-container{right:0}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}
.hc-offcanvas-nav.nav-position-top{top:0}
.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}
.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}
.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}
.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}
.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}
.hc-nav-trigger{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:30px;min-height:24px}
.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}
.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{display:block;position:absolute;left:0;height:4px;background:#34495E;transition:all .2s ease}
.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}
.hc-nav-trigger span::before{top:-10px}
.hc-nav-trigger span::after{bottom:-10px}
.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}
.hc-nav-trigger.toggle-open span::before{transform:translate3d(0, 10px, 0)}
.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px, 0, 0)}
.hc-offcanvas-nav{font-family:sans-serif}
.hc-offcanvas-nav::after,.hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}
.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background:#336ca6}
.hc-offcanvas-nav .nav-content>h2,.hc-offcanvas-nav .nav-content>h3,.hc-offcanvas-nav .nav-content>h4,.hc-offcanvas-nav .nav-content>h5,.hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:20px 17px;color:#1b3958}
.hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 17px;background:#336ca6}
.hc-offcanvas-nav .nav-item-link,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{padding:14px 17px;font-size:14px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #2c5d8f;transition:background .1s ease}
.hc-offcanvas-nav .nav-item-link:focus,.hc-offcanvas-nav .nav-item-link[focus-within],.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav li.nav-close a[focus-within],.hc-offcanvas-nav .nav-back a:focus,.hc-offcanvas-nav .nav-back a[focus-within]{z-index:10}
.hc-offcanvas-nav .nav-item-link:focus,.hc-offcanvas-nav .nav-item-link:focus-within,.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav li.nav-close a:focus-within,.hc-offcanvas-nav .nav-back a:focus,.hc-offcanvas-nav .nav-back a:focus-within{z-index:10}
.hc-offcanvas-nav .nav-item-link[disabled],.hc-offcanvas-nav li.nav-close a[disabled],.hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}
.hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none !important}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#31679e}
.hc-offcanvas-nav .nav-custom-content{padding:14px 17px;font-size:14px;border-bottom:1px solid #2c5d8f}
.hc-offcanvas-nav .nav-highlight{background:#2e6296}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid #2c5d8f}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid #2c5d8f}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}
.hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6{border-top:1px solid #2c5d8f}
.hc-offcanvas-nav li{color:#fff}
.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}
.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}
.hc-offcanvas-nav .nav-close-button span,.hc-offcanvas-nav .nav-parent .nav-next,.hc-offcanvas-nav .nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .1s ease}
.hc-offcanvas-nav .nav-close-button{position:relative;display:block}
.hc-offcanvas-nav .nav-close-button span::before,.hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}
.hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}
.hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}
.hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}
.hc-offcanvas-nav .nav-content>.nav-close a{font-size:14px;color:#fff;background:rgba(0,0,0,0);z-index:1;text-decoration:none;box-sizing:border-box}
.hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}
.hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:14px 17px;border-top:1px solid #2c5d8f}
.hc-offcanvas-nav .nav-content>.nav-close a:hover{border:none;background:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0))}
.hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}
.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}
.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:45px;height:66px;line-height:66px;top:-66px;right:0}
.hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}
.hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a,.hc-offcanvas-nav .nav-title+.nav-close a.has-label,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{background:#2f649a;border-top:1px solid #2b5a8b;border-bottom:1px solid #2b5a8b}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,.hc-offcanvas-nav li.nav-close a:hover,.hc-offcanvas-nav .nav-back a:hover{background:#2e6195}
.hc-offcanvas-nav li.nav-close:not(:first-child) a,.hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}
.hc-offcanvas-nav a.nav-next{border-left:1px solid #2c5d8f;border-bottom:1px solid #2c5d8f}
.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}
.hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}
.hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}
.hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}
.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}
.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}
.hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}
.hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}
.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}
.hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}
.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}
.hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none;background:transparent}
.hc-offcanvas-nav.nav-levels-expand li.level-open,.hc-offcanvas-nav.nav-levels-none li.level-open{background:#2e6296}
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover{background:#2f649a}
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}
.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #2c5d8f}
.hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),.hc-offcanvas-nav.rtl .nav-close-button span,.hc-offcanvas-nav.rtl .nav-next,.hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}
.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}
.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}
.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}
.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}
.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}
body{
	font-size: .9rem;
	--tw-text-opacity: 1;
	color: hsla(var(--p) / var(--tw-text-opacity));
    font-family: "Karla", sans-serif;
    background: #e8e8ee;
}
/* Menu */
.menu-main > .dropdown {
    display: block !important;
}
.menu-main > .dropdown > a{
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.menu-main > .dropdown > a:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(46, 46, 76, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* == child */
.menu-main > .dropdown ul a{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: hsla(var(--p) / var(--tw-text-opacity));
}
.menu-main > .dropdown:hover > ul {
    position: absolute;
    left: 0;
    overflow: inherit;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 20;
}
.menu-main > .dropdown:hover > ul li:hover > a{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.menu-main > .dropdown ul li .child {
    display: none;
}
.menu-main > .dropdown ul li:hover .child {
    position: absolute;
    top: 0;
    left: 100%;
    overflow: inherit;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    display: block;
}
.menu-main > .dropdown ul li .child .dropdown {
    display: block;
    text-align: left;
}
.menu-main > .dropdown ul li .child .dropdown a {
    text-align: left;
    text-transform: capitalize;
    justify-content: start;
}
.menu-main > .dropdown ul li .child .dropdown a:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.menu-main > .dropdown ul li .child .dropdown:hover > ul {
    position: absolute;
    top: 0;
    left: 100%;
    overflow: inherit;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    display: block;
}
.menu-main li>ul {
    transform: translatex(100%) scale(0)
}
.menu-main li:hover>ul {
    transform: translatex(100%) scale(1);
    top:0;
    left:0;
}
.menu-main li>button svg {
    transform: rotate(-90deg)
}
.menu-main li:hover>button svg {
    transform: rotate(-270deg)
}
.group:hover .group-hover\:scale-100 {
    transform: scale(1)
}
.group:hover .group-hover\:-rotate-180 {
    transform: rotate(180deg)
}
.scale-0 {
    transform: scale(0)
}
.min-w-32 {
    min-width: 8rem
}
/* == offcanvas menu */
.hc-offcanvas-nav {
    font-family: inherit;
}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a{
	border-style: none;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover, {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.hc-offcanvas-nav .nav-close-button span{
	top: 0.5rem;
	right: 0.5rem;
	display: flex;
	height: 2rem;
	width: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after{
	--tw-border-opacity: 1;
	border-color: hsla(var(--p) / var(--tw-border-opacity));
    width: 8px;
    height: 8px;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{
	border-top-width: 0px;
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{
	--tw-border-opacity: 1;
	border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}
.hc-nav-trigger {
    position: relative;
    width: 28px;
    top: 0;
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
    height: 2px;
}
.hc-nav-trigger span {
    width: 28px;
}
.hc-nav-trigger span::before {
    top: -8px;
}
.hc-nav-trigger.toggle-open span::before {
    transform: translate3d(0, 8px, 0);
}
.hc-nav-trigger span::after {
    bottom: -8px;
}
.hc-nav-trigger.toggle-open span::after {
    transform: rotate(-90deg) translate3d(8px, 0, 0);
}
.hc-offcanvas-nav li{
	--tw-text-opacity: 1;
	color: hsla(var(--p) / var(--tw-text-opacity));
}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{
	--tw-text-opacity: 1;
	color: hsla(var(--p) / var(--tw-text-opacity));
}
.hc-offcanvas-nav .nav-custom-content{
	border-width: 0px;
}
.hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before{
	--tw-border-opacity: 1;
	border-color: hsla(var(--s) / var(--tw-border-opacity));
}
.hc-offcanvas-nav .nav-back a{
	--tw-border-opacity: 1;
	border-color: hsla(var(--p) / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover, .hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover, .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav .nav-back a:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
}
.hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .hc-offcanvas-nav .nav-content>h6{
	--tw-text-opacity: 1;
	color: hsla(var(--p) / var(--tw-text-opacity));
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* Container */
.container{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
    max-width: 100% !important;
}
@media only screen and (min-width: 1024px) {
    .container{
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* Button */
.btn{
	--btn-focus-scale: 1;
	--animation-btn: 0;
	--animation-input: 0;
}
/* Background */
.bg-shape-rain {
    background-image: url(/images/shape-rain.png?e71ea9ce81afd18c78876d219c3cf62f);
    background-repeat: no-repeat;
    background-position: top right;
}
ul.link-dashed li{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
ul.link-dashed li + li{
	border-top-width: 1px;
	border-style: dashed;
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
ul.link-dashed li:first-child{
	padding-top: 0px;
}
.link-primary{
	--tw-text-opacity: 1;
	color: rgba(57, 57, 95, var(--tw-text-opacity));
}
.link-primary:hover {
    color: #4545b7;
}
/* Section */
.section-cuaca {
    background: rgb(57, 57, 95);
    background: linear-gradient(
        180deg,
        rgba(57, 57, 95, 14%) 0%,
        rgba(57, 57, 95, 0) 100%
    );
}
.section-cuaca::after {
    content: "";
    background: url(/images/bg-malaysia.png?cea8e5d573ff10d71c4b8051297bff39) no-repeat top center;
    background-size: contain;
    height: 94%;
    width: 100%;
    position: absolute;
    top: 1rem;
    z-index: 10;
}
.section-amaran::after {
    content: "";
    background: url(/images/bg-rain.png?90bc0493536cdee17202de392708f8ab) no-repeat top right;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -1rem;
    z-index: 10;
}
/* Splide custom */
.splide__slide img {
    width: 100%;
}
ul.splide__pagination {
    bottom: -1.5rem;
}
#slider-cuaca .splide__arrow--prev {
    left: 0;
}
#slider-cuaca .splide__arrow--next {
    right: 0;
}
#slider-hero .splide__pagination__page, #slider-cuaca .splide__pagination__page{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
	--tw-bg-opacity: 0.25;
}
#slider-hero .splide__pagination__page.is-active, #slider-cuaca .splide__pagination__page.is-active{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
}
/* Shape */
.shape-triangle-light-tl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 48px solid #e8e8ee;
    border-right: 48px solid transparent;
}
.shape-triangle-light-br::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 48px solid #e8e8ee;
    border-left: 48px solid transparent;
}
.shape-triangle-primary-tl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 48px solid #39395f;
    border-right: 48px solid transparent;
}
.sub-header-tag{
	position: relative;
	display: inline-flex;
	height: 2.5rem;
	align-items: center;
	--tw-bg-opacity: 1;
	background-color: hsla(var(--s) / var(--tw-bg-opacity));
	padding: 1rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.sub-header-tag::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5rem 0 0 2rem;
    border-color: transparent transparent transparent #a9c25d;
    position: absolute;
    left: 100%;
}
/* table */
.table th {
    background-color: #f6f6f9 !important;
}
.table td {
    white-space: normal !important;
}
/* Tab */
.tab{
	font-weight: 700 !important;
	line-height: 1.25rem !important;
    white-space: nowrap;
}
@media (min-width: 768px) {
.tab{
        flex-wrap: wrap-reverse !important;
        white-space: normal;
	}
    }
.tab.tab-active{
	--tw-border-opacity: 1 !important;
	border-color: hsla(var(--s) / var(--tw-border-opacity)) !important;
}
@media (min-width: 768px) {
.tabs {
        flex-wrap: nowrap !important;
        align-items: flex-start !important
}
    }
.tabs.tabs-vertical{
	display: block;
}
.tabs.tabs-vertical a{
	display: block;
	height: auto;
	border-radius: 0.5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: left;
	font-weight: 700;
}
.tabs.tabs-vertical a.tab-active{
	border-left-width: 4px;
	--tw-border-opacity: 1;
	border-color: rgba(169, 194, 93, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.tabs.nav-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
}
@media (min-width: 768px) {
.tabs.nav-tabs {
        overflow-x: unset;
        flex-wrap: normal
}
    }
/* Text resize utilities */
.text-smaller,
.text-larger {
    transition: all 0.1s ease;
    --resize: 0.25rem;
    --p-size: 1rem;
    --h1-size: 2.25rem;
    --h2-size: 1.875rem;
    --h3-size: 1.5rem;
    --h4-size: 1.25rem;
    --h5-size: 1.125rem;
    --h6-size: 1rem;
}
body.text-smaller {
    font-size: calc(var(--p-size) - var(--resize));
}
body.text-smaller p, body.text-smaller span, body.text-smaller div {
    font-size: calc(var(--p-size) - var(--resize));
}
body.text-smaller h1 {
    font-size: calc(var(--h1-size) - var(--resize));
}
body.text-smaller h2 {
    font-size: calc(var(--h2-size) - var(--resize));
}
body.text-smaller h3 {
    font-size: calc(var(--h3-size) - var(--resize));
}
body.text-smaller h4 {
    font-size: calc(var(--h4-size) - var(--resize));
}
body.text-smaller h5 {
    font-size: calc(var(--h5-size) - var(--resize));
}
body.text-smaller h6 {
    font-size: calc(var(--h6-size) - var(--resize));
}
body.text-larger {
    font-size: calc(var(--p-size) + var(--resize));
}
body.text-larger p, body.text-larger span, body.text-larger div {
    font-size: calc(var(--p-size) + var(--resize));
}
body.text-larger h1 {
    font-size: calc(var(--h1-size) + var(--resize));
}
body.text-larger h2 {
    font-size: calc(var(--h2-size) + var(--resize));
}
body.text-larger h3 {
    font-size: calc(var(--h3-size) + var(--resize));
}
body.text-larger h4 {
    font-size: calc(var(--h4-size) + var(--resize));
}
body.text-larger h5 {
    font-size: calc(var(--h5-size) + var(--resize));
}
body.text-larger h6 {
    font-size: calc(var(--h6-size) + var(--resize));
}
/* Typography */
table ul{
	padding-left: 1rem;
}
table ul li{
	margin-top: 0px;
    list-style: disc;
}
table ul li + li{
	margin-top: 0.75rem;
}
.list-decimal {
    list-style-type: decimal;
}
.list-disc {
    list-style-type: disc;
}
.list-inside {
    list-style-position: inside;
}
ul li > p {
    display: inline;
}
/* Sitemap */
ul.list-sitemap > li{
	margin-top: 1.5rem;
}
ul.list-sitemap > li > a{
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 700;
}
ul.list-sitemap > li a:hover{
	--tw-text-opacity: 1;
	color: rgba(169, 194, 93, var(--tw-text-opacity));
}
ul.list-sitemap > li ul{
	margin-left: 1.75rem;
}
ul.list-sitemap > li ul li{
	list-style-type: disc;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
/* Breadcrumb */
.breadcrumbs li:last-child{
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.breadcrumbs li:last-child:before{
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
/* Misc */
.box-media {
    overflow-y: auto;
}
@media (min-width: 768px) {
.box-media {
        max-height: 300px
}
    }
@media (min-width: 1024px) {
.box-media {
        height: 270px;
        max-height: 100%
}
    }
@media (min-width: 1280px) {
.box-media {
        height: 332px;
        max-height: 100%
}
    }
@media (min-width: 1536px) {
.box-media {
        height: 476px;
        max-height: 100%
}
    }
.visible{
	visibility: visible;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.z-20{
	z-index: 20;
}
.order-2{
	order: 2;
}
.order-1{
	order: 1;
}
.m-0{
	margin: 0px;
}
.m-2{
	margin: 0.5rem;
}
.my-5{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.-mx-6{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.my-4{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.my-14{
	margin-top: 3.5rem;
	margin-bottom: 3.5rem;
}
.my-8{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.mx-3{
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}
.mt-10{
	margin-top: 2.5rem;
}
.mt-4{
	margin-top: 1rem;
}
.mr-2{
	margin-right: 0.5rem;
}
.mb-3{
	margin-bottom: 0.75rem;
}
.mt-3{
	margin-top: 0.75rem;
}
.mt-1{
	margin-top: 0.25rem;
}
.mt-8{
	margin-top: 2rem;
}
.mb-2{
	margin-bottom: 0.5rem;
}
.ml-auto{
	margin-left: auto;
}
.mb-6{
	margin-bottom: 1.5rem;
}
.ml-4{
	margin-left: 1rem;
}
.mt-6{
	margin-top: 1.5rem;
}
.mt-2{
	margin-top: 0.5rem;
}
.mt-1\.5{
	margin-top: 0.375rem;
}
.mt-0{
	margin-top: 0px;
}
.mb-4{
	margin-bottom: 1rem;
}
.mt-16{
	margin-top: 4rem;
}
.mt-5{
	margin-top: 1.25rem;
}
.-ml-6{
	margin-left: -1.5rem;
}
.ml-8{
	margin-left: 2rem;
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.inline{
	display: inline;
}
.flex{
	display: flex;
}
.table{
	display: table;
}
.grid{
	display: grid;
}
.contents{
	display: contents;
}
.hidden{
	display: none;
}
.h-6{
	height: 1.5rem;
}
.h-5{
	height: 1.25rem;
}
.h-10{
	height: 2.5rem;
}
.h-4{
	height: 1rem;
}
.h-auto{
	height: auto;
}
.h-8{
	height: 2rem;
}
.h-12{
	height: 3rem;
}
.h-16{
	height: 4rem;
}
.h-48{
	height: 12rem;
}
.h-60{
	height: 15rem;
}
.h-80{
	height: 20rem;
}
.h-full{
	height: 100%;
}
.min-h-0{
	min-height: 0px;
}
.w-full{
	width: 100%;
}
.w-5{
	width: 1.25rem;
}
.w-52{
	width: 13rem;
}
.w-4{
	width: 1rem;
}
.w-8{
	width: 2rem;
}
.w-4\/5{
	width: 80%;
}
.w-1\/5{
	width: 20%;
}
.w-3\/4{
	width: 75%;
}
.w-1\/4{
	width: 25%;
}
.w-1\/3{
	width: 33.333333%;
}
.w-1\/6{
	width: 16.666667%;
}
.w-4\/6{
	width: 66.666667%;
}
.w-4\/12{
	width: 33.333333%;
}
.w-80{
	width: 20rem;
}
.w-96{
	width: 24rem;
}
.w-auto{
	width: auto;
}
.w-7\/12{
	width: 58.333333%;
}
.w-9\/12{
	width: 75%;
}
.w-6\/12{
	width: 50%;
}
.w-2\/3{
	width: 66.666667%;
}
.w-2\/12{
	width: 16.666667%;
}
.w-44{
	width: 11rem;
}
.max-w-xs{
	max-width: 20rem;
}
.max-w-full{
	max-width: 100%;
}
.flex-1{
	flex: 1 1 0%;
}
.flex-auto{
	flex: 1 1 auto;
}
.table-auto{
	table-layout: auto;
}
.table-fixed{
	table-layout: fixed;
}
.border-collapse{
	border-collapse: collapse;
}
.origin-top{
	transform-origin: top;
}
.scale-0{
	--tw-scale-x: 0;
	--tw-scale-y: 0;
	transform: var(--tw-transform);
}
.transform{
	transform: var(--tw-transform);
}
.list-inside{
	list-style-position: inside;
}
.list-disc{
	list-style-type: disc;
}
.list-decimal{
	list-style-type: decimal;
}
.list-none{
	list-style-type: none;
}
.auto-cols-max{
	grid-auto-columns: -webkit-max-content;
	grid-auto-columns: max-content;
}
.grid-flow-row{
	grid-auto-flow: row;
}
.grid-flow-col{
	grid-auto-flow: column;
}
.auto-rows-max{
	grid-auto-rows: -webkit-max-content;
	grid-auto-rows: max-content;
}
.grid-cols-3{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-4{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row{
	flex-direction: row;
}
.flex-col{
	flex-direction: column;
}
.content-center{
	align-content: center;
}
.items-start{
	align-items: flex-start;
}
.items-end{
	align-items: flex-end;
}
.items-center{
	align-items: center;
}
.items-stretch{
	align-items: stretch;
}
.justify-end{
	justify-content: flex-end;
}
.justify-center{
	justify-content: center;
}
.justify-between{
	justify-content: space-between;
}
.gap-8{
	gap: 2rem;
}
.gap-4{
	gap: 1rem;
}
.gap-x-0\.5{
	-moz-column-gap: 0.125rem;
	     column-gap: 0.125rem;
}
.gap-x-0{
	-moz-column-gap: 0px;
	     column-gap: 0px;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(1rem * var(--tw-space-x-reverse));
	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
	--tw-divide-opacity: 1;
	border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
}
.self-center{
	align-self: center;
}
.overflow-hidden{
	overflow: hidden;
}
.overflow-x-auto{
	overflow-x: auto;
}
.whitespace-nowrap{
	white-space: nowrap;
}
.break-words{
	word-wrap: break-word;
}
.rounded-lg{
	border-radius: 0.5rem;
}
.rounded{
	border-radius: 0.25rem;
}
.rounded-sm{
	border-radius: 0.125rem;
}
.rounded-full{
	border-radius: 9999px;
}
.rounded-md{
	border-radius: 0.375rem;
}
.rounded-t-lg{
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
.rounded-b-lg{
	border-bottom-right-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.border{
	border-width: 1px;
}
.border-b{
	border-bottom-width: 1px;
}
.border-r{
	border-right-width: 1px;
}
.border-l{
	border-left-width: 1px;
}
.border-solid{
	border-style: solid;
}
.border-gray-400{
	--tw-border-opacity: 1;
	border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}
.border-indigo-100{
	--tw-border-opacity: 1;
	border-color: rgba(176, 176, 191, var(--tw-border-opacity));
}
.border-black{
	--tw-border-opacity: 1;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.border-gray-300{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.border-gray-200{
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
.border-gray-100{
	--tw-border-opacity: 1;
	border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}
.border-opacity-40{
	--tw-border-opacity: 0.4;
}
.bg-white{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-primary{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
}
.bg-secondary{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--s) / var(--tw-bg-opacity));
}
.bg-blue-600{
	--tw-bg-opacity: 1;
	background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}
.bg-gray-100{
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.bg-indigo-50{
	--tw-bg-opacity: 1;
	background-color: rgba(235, 235, 239, var(--tw-bg-opacity));
}
.bg-clip-padding{
	background-clip: padding-box;
}
.fill-current{
	fill: currentColor;
}
.stroke-current{
	stroke: currentColor;
}
.object-contain{
	-o-object-fit: contain;
	   object-fit: contain;
}
.object-cover{
	-o-object-fit: cover;
	   object-fit: cover;
}
.p-6{
	padding: 1.5rem;
}
.p-3{
	padding: 0.75rem;
}
.p-2{
	padding: 0.5rem;
}
.p-4{
	padding: 1rem;
}
.p-8{
	padding: 2rem;
}
.p-5{
	padding: 1.25rem;
}
.px-8{
	padding-left: 2rem;
	padding-right: 2rem;
}
.py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.px-5{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.\!py-3{
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}
.py-2{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.px-2{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.\!px-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.px-3{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.py-1{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.py-10{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.py-1\.5{
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}
.px-6{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.py-3{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.py-5{
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.py-14{
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}
.pb-8{
	padding-bottom: 2rem;
}
.pr-1{
	padding-right: 0.25rem;
}
.pt-4{
	padding-top: 1rem;
}
.pr-4{
	padding-right: 1rem;
}
.pl-0{
	padding-left: 0px;
}
.pb-2{
	padding-bottom: 0.5rem;
}
.pt-8{
	padding-top: 2rem;
}
.pb-32{
	padding-bottom: 8rem;
}
.pb-14{
	padding-bottom: 3.5rem;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.align-top{
	vertical-align: top;
}
.font-heading{
	font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-sm{
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.\!text-xs{
	font-size: 0.75rem !important;
	line-height: 1rem !important;
}
.\!text-base{
	font-size: .9rem !important;
}
.\!text-lg{
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;
}
.text-xs{
	font-size: 0.75rem;
	line-height: 1rem;
}
.text-base{
	font-size: .9rem;
}
.font-bold{
	font-weight: 700;
}
.font-semibold{
	font-weight: 600;
}
.font-normal{
	font-weight: 400;
}
.uppercase{
	text-transform: uppercase;
}
.italic{
	font-style: italic;
}
.leading-none{
	line-height: 1;
}
.\!leading-none{
	line-height: 1 !important;
}
.leading-normal{
	line-height: 1.5;
}
.leading-6{
	line-height: 1.5rem;
}
.text-gray-400{
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.text-primary{
	--tw-text-opacity: 1;
	color: hsla(var(--p) / var(--tw-text-opacity));
}
.text-white{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-green-500{
	--tw-text-opacity: 1;
	color: rgba(65, 106, 89, var(--tw-text-opacity));
}
.text-secondary{
	--tw-text-opacity: 1;
	color: hsla(var(--s) / var(--tw-text-opacity));
}
.text-red-700{
	--tw-text-opacity: 1;
	color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.text-gray-700{
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.text-gray-900{
	--tw-text-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-text-opacity));
}
.text-blue-200{
	--tw-text-opacity: 1;
	color: rgba(191, 219, 254, var(--tw-text-opacity));
}
.underline{
	text-decoration: underline;
}
.opacity-10{
	opacity: 0.1;
}
.opacity-50{
	opacity: 0.5;
}
.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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), 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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-sm{
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.outline-none{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.grayscale{
	--tw-grayscale: grayscale(100%);
	filter: var(--tw-filter);
}
.filter{
	filter: var(--tw-filter);
}
.transition-all{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.duration-700{
	transition-duration: 700ms;
}
.duration-150{
	transition-duration: 150ms;
}
.ease-in-out{
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.container{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1rem;
	padding-left: 1rem;
}
@media (min-width: 640px){
	.container{
		max-width: 640px;
	}
}
@media (min-width: 768px){
	.container{
		max-width: 768px;
	}
}
@media (min-width: 1024px){
	.container{
		max-width: 1024px;
	}
}
@media (min-width: 1280px){
	.container{
		max-width: 1280px;
	}
}
@media (min-width: 1536px){
	.container{
		max-width: 1536px;
	}
}
.alert>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.5rem*var(--tw-space-y-reverse));
}
.alert{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b2)/1);
	background-color: hsla(var(--b2)/var(--tw-bg-opacity,1));
	padding: 1rem;
	border-radius: 1rem;
	border-radius: var(--rounded-box,1rem);
}
@media (min-width:768px){
	.alert>:not([hidden])~:not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px*var(--tw-space-y-reverse));
	}
	.alert{
		flex-direction: row;
	}
}
.alert>*{
	display: flex;
}
.avatar.placeholder>div{
	display: flex;
	align-items: center;
	justify-content: center;
}
.badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	height: 1.25rem;
	font-size: .875rem;
	line-height: 1.25rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding-left: .563rem;
	padding-right: .563rem;
	--tw-bg-opacity: 1;
	background-color: hsla(var(--n)/1);
	background-color: hsla(var(--n)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--n)/1);
	border-color: hsla(var(--n)/var(--tw-border-opacity,1));
	border-width: 1px;
	--tw-text-opacity: 1;
	color: hsla(var(--nc)/1);
	color: hsla(var(--nc)/var(--tw-text-opacity,1));
	border-radius: 1.9rem;
	border-radius: var(--rounded-badge,1.9rem);
}
.breadcrumbs{
	max-width: 100%;
	overflow-x: auto;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.breadcrumbs>ul{
	display: flex;
	align-items: center;
	white-space: nowrap;
	min-height: -webkit-min-content;
	min-height: -moz-min-content;
	min-height: min-content;
}
.breadcrumbs>ul>li{
	display: flex;
	align-items: center;
}
.breadcrumbs>ul>li>a{
	cursor: pointer;
	display: flex;
	align-items: center;
}
.breadcrumbs>ul>li>a:hover{
	text-decoration: underline;
}
.btn{
	border-color: transparent;
	border-color: hsla(var(--n)/1);
	border-color: hsla(var(--n)/var(--tw-border-opacity,1));
	cursor: pointer;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-radius: .5rem;
	border-radius: var(--rounded-btn,.5rem);
	height: 3rem;
	font-size: .875rem;
	line-height: 1.25rem;
	line-height: 1em;
	padding-left: 1rem;
	padding-right: 1rem;
	min-height: 3rem;
	font-weight: 600;
	text-transform: uppercase;
	text-transform: uppercase;
	text-transform: var(--btn-text-case,uppercase);
	border-width: 1px;
	border-width: var(--border-btn,1px);
	-webkit-animation: button-pop .25s ease-out;
	-webkit-animation: button-pop var(--animation-btn,.25s) ease-out;
	animation: button-pop .25s ease-out;
	animation: button-pop var(--animation-btn,.25s) ease-out;
	--tw-bg-opacity: 1;
	background-color: hsla(var(--n)/1);
	background-color: hsla(var(--n)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	--tw-text-opacity: 1;
	color: hsla(var(--nc)/1);
	color: hsla(var(--nc)/var(--tw-text-opacity,1));
}
.btn:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.btn-disabled,.btn[disabled]{
	pointer-events: none;
	--tw-bg-opacity: 1;
	--tw-bg-opacity: 0.2;
	background-color: hsla(var(--n)/1);
	background-color: hsla(var(--n)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 0;
	--tw-text-opacity: 1;
	--tw-text-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-text-opacity,1));
}
.btn.loading,.btn.loading:hover{
	pointer-events: none;
}
.btn.loading:before{
	border-radius: 9999px;
	border-width: 2px;
	height: 1rem;
	margin-right: .5rem;
	width: 1rem;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	content: "";
	border-color: transparent currentColor currentColor transparent;
}
@media (prefers-reduced-motion:reduce){
	.btn.loading:before{
		-webkit-animation: spin 10s linear infinite;
		animation: spin 10s linear infinite;
	}
}
@-webkit-keyframes spin{
	0%{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(1turn);
	}
}
@keyframes spin{
	0%{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(1turn);
	}
}
.btn-group>input[type=radio].btn{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn-group>input[type=radio].btn:before{
	content: attr(data-title);
}
.dropdown{
	display: inline-block;
	position: relative;
}
.dropdown>:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.dropdown .dropdown-content{
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: 50;
	--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-x: .95;
	--tw-scale-y: 1;
	--tw-scale-y: .95;
	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));
	transform-origin: top;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover)[focus-within] .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{
	opacity: 1;
	visibility: visible;
}
.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{
	opacity: 1;
	visibility: visible;
}
.footer{
	display: grid;
	align-items: start;
	justify-items: start;
	place-items: start;
	width: 100%;
	grid-auto-flow: row;
	font-size: .875rem;
	line-height: 1.25rem;
	-moz-column-gap: 1rem;
	grid-column-gap: 1rem;
	column-gap: 1rem;
	grid-row-gap: 2.5rem;
	row-gap: 2.5rem;
}
.footer>*{
	display: grid;
	align-items: start;
	justify-items: start;
	place-items: start;
	grid-gap: .5rem;
	gap: .5rem;
}
@media (min-width:48rem){
	.footer{
		grid-auto-flow: column;
	}
	.footer-center{
		grid-auto-flow: row dense;
	}
}
.form-control{
	display: flex;
	flex-direction: column;
}
.label{
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .5rem .25rem;
}
.indicator{
	display: inline-flex;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.indicator .indicator-item{
	z-index: 1;
	position: absolute;
	--tw-translate-x: 0;
	--tw-translate-x: 50%;
	--tw-translate-y: 0;
	--tw-translate-y: -50%;
	--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));
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
}
.indicator .indicator-item.indicator-start{
	left: 0;
	right: auto;
	--tw-translate-x: -50%;
}
.indicator .indicator-item.indicator-center{
	right: 50%;
	left: 50%;
	--tw-translate-x: -50%;
}
.indicator .indicator-item.indicator-end{
	right: 0;
	left: auto;
	--tw-translate-x: 50%;
}
.indicator .indicator-item.indicator-bottom{
	bottom: 0;
	top: auto;
	--tw-translate-y: 50%;
}
.indicator .indicator-item.indicator-middle{
	top: 50%;
	bottom: 50%;
	--tw-translate-y: -50%;
}
.indicator .indicator-item.indicator-top{
	top: 0;
	bottom: auto;
	--tw-translate-y: -50%;
}
.input{
	flex-shrink: 1;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	height: 3rem;
	font-size: .875rem;
	line-height: 1.25rem;
	line-height: 2;
	padding-left: 1rem;
	padding-right: 1rem;
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b1)/1);
	background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	--tw-border-opacity: 0;
	border-color: hsla(var(--bc)/1);
	border-color: hsla(var(--bc)/var(--tw-border-opacity,1));
	border-width: 1px;
	border-radius: .5rem;
	border-radius: var(--rounded-btn,.5rem);
}
.input:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsla(var(--bc)/.2);
}
.input-group>*,.input-group>.input{
	border-radius: 0;
}
.link{
	cursor: pointer;
	text-decoration: underline;
}
.menu.horizontal{
	display: inline-flex;
	flex-direction: row;
}
.menu.horizontal :where(li){
	flex-direction: row;
}
.modal{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	z-index: 999;
	--tw-bg-opacity: 1;
	--tw-bg-opacity: 0.4;
	background-color: hsla(var(--nf)/1);
	background-color: hsla(var(--nf)/var(--tw-bg-opacity,1));
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
}
@media (min-width:640px){
	.modal{
		align-items: center;
	}
	.modal-box{
		max-width: 32rem;
		--tw-scale-x: .9;
		--tw-scale-y: .9;
		--tw-translate-y: 0px;
		border-bottom-left-radius: 1rem;
		border-bottom-left-radius: var(--rounded-box,1rem);
		border-bottom-right-radius: 1rem;
		border-bottom-right-radius: var(--rounded-box,1rem);
	}
}
.modal-open,.modal-toggle:checked+.modal,.modal:target{
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}
.modal-action{
	display: flex;
	justify-content: flex-end;
	margin-top: 1.5rem;
}
.navbar{
	display: flex;
	align-items: center;
	padding: .5rem;
	padding: var(--navbar-padding,.5rem);
	min-height: 4rem;
}
.navbar>*{
	display: flex;
	align-items: center;
}
.radio:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.range{
	cursor: pointer;
	height: 1.25rem;
	width: 100%;
	-webkit-appearance: none;
	--range-shdw: var(--bc);
	background-color: transparent;
}
.range:focus{
	outline: none;
}
.select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 3rem;
	font-size: .875rem;
	line-height: 1.25rem;
	line-height: 2;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-right: 2.5rem;
	min-height: 3rem;
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b1)/1);
	background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	--tw-border-opacity: 0;
	border-color: hsla(var(--bc)/1);
	border-color: hsla(var(--bc)/var(--tw-border-opacity,1));
	border-width: 1px;
	font-weight: 600;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-radius: .5rem;
	border-radius: var(--rounded-btn,.5rem);
	background-image: linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);
	background-position: calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);
	background-size: 4px 4px,4px 4px;
	background-repeat: no-repeat;
}
.select:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsla(var(--bc)/.2);
}
.select-disabled,.select[disabled]{
	pointer-events: none;
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b2)/1);
	background-color: hsla(var(--b2)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--b2)/1);
	border-color: hsla(var(--b2)/var(--tw-border-opacity,1));
	cursor: not-allowed;
	--tw-text-opacity: 0.2;
}
.stack{
	display: inline-grid;
	align-items: center;
	justify-items: center;
	place-items: center;
	align-items: flex-end;
}
.stack>*{
	grid-column-start: 1;
	grid-row-start: 1;
	transform: translateY(1rem)scale(.9);
	z-index: 1;
	width: 100%;
	opacity: .6;
}
.stack>:nth-child(2){
	transform: translateY(.5rem)scale(.95);
	z-index: 2;
	opacity: .8;
}
.stack>:first-child{
	transform: translateY(0)scale(1);
	z-index: 3;
	opacity: 1;
}
.stats.grid-flow-row{
	grid-auto-rows: minmax(0,1fr);
}
.tabs{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.tab{
	cursor: pointer;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 2rem;
	font-size: .875rem;
	line-height: 1.25rem;
	line-height: 2;
	--tab-padding: 1rem;
	--tw-text-opacity: 1;
	--tw-text-opacity: 0.5;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-text-opacity,1));
	padding-left: 1rem;
	padding-left: var(--tab-padding,1rem);
	padding-right: 1rem;
	padding-right: var(--tab-padding,1rem);
}
.table{
	position: relative;
	text-align: left;
}
.table th:first-child{
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	z-index: 10;
}
.toggle:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.tooltip{
	display: inline-block;
	display: inline-block;
	position: relative;
	position: relative;
	--tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
	text-align: center;
	--tooltip-tail: 3px;
	--tooltip-color: hsl(var(--n));
	--tooltip-text-color: hsl(var(--nc));
	--tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
}
.tooltip:before{
	position: absolute;
	pointer-events: none;
	content: attr(data-tip);
	transform: translateX(-50%);
	top: auto;
	left: 50%;
	right: auto;
	bottom: var(--tooltip-offset);
	border-radius: .25rem;
	font-size: .875rem;
	line-height: 1.25rem;
	max-width: 20rem;
	padding: .25rem .5rem;
	background-color: var(--tooltip-color);
	color: var(--tooltip-text-color);
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.btn .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b1)/1);
	background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
	border-color: transparent;
	--tw-text-opacity: 1;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-text-opacity,1));
}
.btn .badge-outline{
	background-color: transparent;
	--tw-border-opacity: 1;
	border-color: hsla(var(--b2)/1);
	border-color: hsla(var(--b2)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--b2)/1);
	color: hsla(var(--b2)/var(--tw-text-opacity,1));
}
.btn-outline .badge{
	--tw-border-opacity: 1;
	border-color: hsla(var(--nf)/1);
	border-color: hsla(var(--nf)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--nc)/1);
	color: hsla(var(--nc)/var(--tw-text-opacity,1));
}
.btn-outline.btn-primary .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p)/1);
	background-color: hsla(var(--p)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--p)/1);
	border-color: hsla(var(--p)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.btn-outline.btn-secondary .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--s)/1);
	background-color: hsla(var(--s)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--s)/1);
	border-color: hsla(var(--s)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--sc)/1);
	color: hsla(var(--sc)/var(--tw-text-opacity,1));
}
.btn-outline.btn-accent .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--a)/1);
	background-color: hsla(var(--a)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--a)/1);
	border-color: hsla(var(--a)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--ac)/1);
	color: hsla(var(--ac)/var(--tw-text-opacity,1));
}
.btn-outline .badge.outline{
	background-color: transparent;
	--tw-border-opacity: 1;
	border-color: hsla(var(--nf)/1);
	border-color: hsla(var(--nf)/var(--tw-border-opacity,1));
}
.btn-outline.btn-primary .badge-outline{
	background-color: transparent;
	--tw-border-opacity: 1;
	border-color: hsla(var(--p)/1);
	border-color: hsla(var(--p)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--p)/1);
	color: hsla(var(--p)/var(--tw-text-opacity,1));
}
.btn-outline.btn-secondary .badge-outline{
	background-color: transparent;
	--tw-border-opacity: 1;
	border-color: hsla(var(--s)/1);
	border-color: hsla(var(--s)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--s)/1);
	color: hsla(var(--s)/var(--tw-text-opacity,1));
}
.btn-outline:hover .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b2)/1);
	background-color: hsla(var(--b2)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--b2)/1);
	border-color: hsla(var(--b2)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-text-opacity,1));
}
.btn-outline:hover .badge.outline{
	--tw-border-opacity: 1;
	border-color: hsla(var(--b2)/1);
	border-color: hsla(var(--b2)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--nc)/1);
	color: hsla(var(--nc)/var(--tw-text-opacity,1));
}
.btn-outline.btn-primary:hover .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--pc)/1);
	background-color: hsla(var(--pc)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--pc)/1);
	border-color: hsla(var(--pc)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--p)/1);
	color: hsla(var(--p)/var(--tw-text-opacity,1));
}
.btn-outline.btn-primary:hover .badge.outline{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--pf)/1);
	background-color: hsla(var(--pf)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--pc)/1);
	border-color: hsla(var(--pc)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.btn-outline.btn-secondary:hover .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--sc)/1);
	background-color: hsla(var(--sc)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--sc)/1);
	border-color: hsla(var(--sc)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--s)/1);
	color: hsla(var(--s)/var(--tw-text-opacity,1));
}
.btn-outline.btn-secondary:hover .badge.outline{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--sf)/1);
	background-color: hsla(var(--sf)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--sc)/1);
	border-color: hsla(var(--sc)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--sc)/1);
	color: hsla(var(--sc)/var(--tw-text-opacity,1));
}
.btn-outline.btn-accent:hover .badge{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--ac)/1);
	background-color: hsla(var(--ac)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--ac)/1);
	border-color: hsla(var(--ac)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--a)/1);
	color: hsla(var(--a)/var(--tw-text-opacity,1));
}
.btn-outline.btn-accent:hover .badge.outline{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--af)/1);
	background-color: hsla(var(--af)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--ac)/1);
	border-color: hsla(var(--ac)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--ac)/1);
	color: hsla(var(--ac)/var(--tw-text-opacity,1));
}
.breadcrumbs>ul>li>a:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.breadcrumbs>ul>li>a.focus-visible{
	border-radius: 1.9rem;
	border-radius: var(--rounded-badge,1.9rem);
	box-shadow: 0 0 0 2px currentColor;
}
.breadcrumbs>ul>li>a.focus-visible{
	border-radius: 1.9rem;
	border-radius: 1.9rem;
	border-radius: var(--rounded-badge,1.9rem);
	box-shadow: 0 0 0 2px currentColor;
}
.breadcrumbs>ul>li>a:focus-visible{
	border-radius: 1.9rem;
	border-radius: var(--rounded-badge,1.9rem);
	box-shadow: 0 0 0 2px currentColor;
}
.breadcrumbs>ul>li+:before{
	content: "";
	display: block;
	height: .375rem;
	margin-left: .5rem;
	margin-right: .75rem;
	opacity: .4;
	width: .375rem;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-rotate: 45deg;
	--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));
	border-top: 1px solid;
	border-right: 1px solid;
}
.btn:active:focus,.btn:active:hover{
	-webkit-animation: none;
	animation: none;
	transform: scale(.95);
	transform: scale(var(--btn-focus-scale,.95));
}
.btn-active,.btn:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--nf)/1);
	background-color: hsla(var(--nf)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--nf)/1);
	border-color: hsla(var(--nf)/var(--tw-border-opacity,1));
}
.btn.focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--nf));
}
.btn:focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--nf));
}
.btn-primary{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p)/1);
	background-color: hsla(var(--p)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--p)/1);
	border-color: hsla(var(--p)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.btn-primary.btn-active,.btn-primary:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--pf)/1);
	background-color: hsla(var(--pf)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--pf)/1);
	border-color: hsla(var(--pf)/var(--tw-border-opacity,1));
}
.btn-primary.focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p));
}
.btn-primary:focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p));
}
.btn-secondary{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--s)/1);
	background-color: hsla(var(--s)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--s)/1);
	border-color: hsla(var(--s)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--sc)/1);
	color: hsla(var(--sc)/var(--tw-text-opacity,1));
}
.btn-secondary.btn-active,.btn-secondary:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--sf)/1);
	background-color: hsla(var(--sf)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--sf)/1);
	border-color: hsla(var(--sf)/var(--tw-border-opacity,1));
}
.btn-secondary.focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--s));
}
.btn-secondary:focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--s));
}
.btn.glass.btn-active,.btn.glass:hover{
	--glass-opacity: 25%;
	--glass-border-opacity: 15%;
}
.btn.glass.focus-visible{
	box-shadow: 0 0 0 2px currentColor;
}
.btn.glass:focus-visible{
	box-shadow: 0 0 0 2px currentColor;
}
.btn-ghost{
	background-color: transparent;
	border-color: transparent;
	border-width: 1px;
	color: currentColor;
}
.btn-ghost.btn-active,.btn-ghost:hover{
	--tw-bg-opacity: 1;
	--tw-bg-opacity: 0.2;
	background-color: hsla(var(--bc)/1);
	background-color: hsla(var(--bc)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 0;
}
.btn-ghost.focus-visible{
	box-shadow: 0 0 0 2px currentColor;
}
.btn-ghost:focus-visible{
	box-shadow: 0 0 0 2px currentColor;
}
.btn-outline.btn-primary{
	--tw-text-opacity: 1;
	color: hsla(var(--p)/1);
	color: hsla(var(--p)/var(--tw-text-opacity,1));
}
.btn-outline.btn-primary:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--pf)/1);
	background-color: hsla(var(--pf)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--pf)/1);
	border-color: hsla(var(--pf)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.btn-outline.btn-secondary{
	--tw-text-opacity: 1;
	color: hsla(var(--s)/1);
	color: hsla(var(--s)/var(--tw-text-opacity,1));
}
.btn-outline.btn-secondary:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--sf)/1);
	background-color: hsla(var(--sf)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--sf)/1);
	border-color: hsla(var(--sf)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--sc)/1);
	color: hsla(var(--sc)/var(--tw-text-opacity,1));
}
.btn.loading.btn-circle:before,.btn.loading.btn-square:before{
	margin-right: 0;
}
.btn.loading.btn-lg:before,.btn.loading.btn-xl:before{
	height: 1.25rem;
	width: 1.25rem;
}
.btn.loading.btn-sm:before,.btn.loading.btn-xs:before{
	height: .75rem;
	width: .75rem;
}
.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p)/1);
	background-color: hsla(var(--p)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--p)/1);
	border-color: hsla(var(--p)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.btn-group>.btn-active.focus-visible,.btn-group>input[type=radio]:checked.btn.focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p));
}
.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p));
}
.btn-group>.btn:not(:first-child){
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px;
}
.btn-group>.btn:not(:last-child){
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
@-webkit-keyframes button-pop{
	0%{
		transform: scale(.95);
		transform: scale(var(--btn-focus-scale,.95));
	}
	40%{
		transform: scale(1.02);
	}
	to{
		transform: scale(1);
	}
}
@keyframes button-pop{
	0%{
		transform: scale(.95);
		transform: scale(var(--btn-focus-scale,.95));
	}
	40%{
		transform: scale(1.02);
	}
	to{
		transform: scale(1);
	}
}
@-webkit-keyframes checkmark{
	0%{
		background-position-y: 5px;
	}
	50%{
		background-position-y: -2px;
	}
	to{
		background-position-y: 0;
	}
}
@keyframes checkmark{
	0%{
		background-position-y: 5px;
	}
	50%{
		background-position-y: -2px;
	}
	to{
		background-position-y: 0;
	}
}
.drawer-toggle.focus-visible~.drawer-content .drawer-button.btn-primary{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p));
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p));
}
.drawer-toggle.focus-visible~.drawer-content .drawer-button.btn-secondary{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--s));
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--s));
}
.drawer-toggle.focus-visible~.drawer-content .drawer-button.glass{
	box-shadow: 0 0 0 2px currentColor;
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.glass{
	box-shadow: 0 0 0 2px currentColor;
}
.drawer-toggle.focus-visible~.drawer-content .drawer-button.btn-ghost{
	box-shadow: 0 0 0 2px currentColor;
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{
	box-shadow: 0 0 0 2px currentColor;
}
.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown[focus-within] .dropdown-content,.dropdown:focus .dropdown-content{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
}
.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:focus .dropdown-content{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
}
.label a:hover{
	--tw-text-opacity: 1;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-text-opacity,1));
}
.input-bordered{
	--tw-border-opacity: 0.2;
}
.input-disabled,.input[disabled]{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b2)/1);
	background-color: hsla(var(--b2)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--b2)/1);
	border-color: hsla(var(--b2)/var(--tw-border-opacity,1));
	cursor: not-allowed;
	--tw-text-opacity: 0.2;
}
.input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.input-disabled:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.input-disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.input-disabled:-ms-input-placeholder, .input[disabled]:-ms-input-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.input-disabled::placeholder,.input[disabled]::placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.link-primary{
	--tw-text-opacity: 1;
	color: hsla(var(--p)/1);
	color: hsla(var(--p)/var(--tw-text-opacity,1));
}
.link-primary:hover{
	--tw-text-opacity: 1;
	color: hsla(var(--pf)/1);
	color: hsla(var(--pf)/var(--tw-text-opacity,1));
}
.link:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.link.focus-visible{
	box-shadow: 0 0 0 2px currentColor;
}
.link:focus-visible{
	box-shadow: 0 0 0 2px currentColor;
}
.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>span{
	--tw-border-opacity: 1;
	border-color: hsla(var(--p)/1);
	border-color: hsla(var(--p)/var(--tw-border-opacity,1));
	border-left-width: 0;
	border-bottom-width: 4px;
}
.menu li>a.active{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p)/1);
	background-color: hsla(var(--p)/var(--tw-bg-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.mockup-phone .display{
	overflow: hidden;
	border-radius: 40px;
	margin-top: -25px;
}
.modal-box{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b1)/1);
	background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
	padding: 1.5rem;
	width: 100%;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-translate-y: 2.5rem;
	--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));
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-top-left-radius: 1rem;
	border-top-left-radius: var(--rounded-box,1rem);
	border-top-right-radius: 1rem;
	border-top-right-radius: var(--rounded-box,1rem);
	box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
}
.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-translate-y: 0px;
}
.modal-action>:not([hidden])~:not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem*var(--tw-space-x-reverse));
	margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)));
}
.radio{
	--chkbg: var(--bc);
	--focus-shadow: 0 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	--tw-border-opacity: 1;
	--tw-border-opacity: 0.2;
	border-color: hsla(var(--bc)/1);
	border-color: hsla(var(--bc)/var(--tw-border-opacity,1));
	border-radius: 9999px;
	border-width: 1px;
	cursor: pointer;
	height: 1.5rem;
	width: 1.5rem;
	transition: background,box-shadow .2s ease-in-out;
	transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
}
.radio.focus-visible{
	--focus-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--bc));
}
.radio:focus-visible{
	--focus-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--bc));
}
.radio:checked{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--bc)/1);
	background-color: hsla(var(--bc)/var(--tw-bg-opacity,1));
	-webkit-animation: radiomark .2s ease-in-out;
	-webkit-animation: radiomark var(--animation-input,.2s) ease-in-out;
	animation: radiomark .2s ease-in-out;
	animation: radiomark var(--animation-input,.2s) ease-in-out;
	box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset,var(--focus-shadow);
}
.radio:disabled{
	cursor: not-allowed;
	opacity: .2;
}
@-webkit-keyframes radiomark{
	0%{
		box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset,var(--focus-shadow);
	}
	50%{
		box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset,var(--focus-shadow);
	}
	to{
		box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset,var(--focus-shadow);
	}
}
@keyframes radiomark{
	0%{
		box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset,var(--focus-shadow);
	}
	50%{
		box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset,var(--focus-shadow);
	}
	to{
		box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset,var(--focus-shadow);
	}
}
.range.focus-visible::-webkit-slider-thumb{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--range-shdw));
}
.range:focus-visible::-webkit-slider-thumb{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--range-shdw));
}
.range.focus-visible::-moz-range-thumb{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--range-shdw));
}
.range:focus-visible::-moz-range-thumb{
	box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--range-shdw));
}
.range::-webkit-slider-runnable-track{
	height: .5rem;
	width: 100%;
	border-radius: 1rem;
	border-radius: var(--rounded-box,1rem);
	background-color: hsla(var(--bc)/.1);
}
.range::-moz-range-track{
	height: .5rem;
	width: 100%;
	border-radius: 1rem;
	border-radius: var(--rounded-box,1rem);
	background-color: hsla(var(--bc)/.1);
}
.range::-webkit-slider-thumb{
	background-color: hsl(var(--range-shdw));
	border-style: none;
	height: 1.25rem;
	position: relative;
	width: 1.25rem;
	-webkit-transition-property: all;
	transition-property: all;
	transition-duration: .15s;
	transition-duration: .3s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-radius: 1rem;
	border-radius: var(--rounded-box,1rem);
	-webkit-appearance: none;
	top: 50%;
	transform: translateY(-50%);
}
.range::-moz-range-thumb{
	background-color: hsl(var(--range-shdw));
	border-style: none;
	height: 1.25rem;
	position: relative;
	width: 1.25rem;
	-moz-transition-property: all;
	transition-property: all;
	transition-duration: .15s;
	transition-duration: .3s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-radius: 1rem;
	border-radius: var(--rounded-box,1rem);
	top: 50%;
}
.select-bordered{
	--tw-border-opacity: 0.2;
}
.select-disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.select-disabled:-ms-input-placeholder,.select[disabled]:-ms-input-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.select-disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.select-disabled:-ms-input-placeholder, .select[disabled]:-ms-input-placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.select-disabled::placeholder,.select[disabled]::placeholder{
	--tw-placeholder-opacity: 1;
	--tw-placeholder-opacity: 0.2;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-placeholder-opacity,1));
}
.stats.grid-flow-row .stat+.stat{
	border-left-width: 0;
	border-top-width: 1px;
}
.tab:hover{
	--tw-text-opacity: 1;
}
.tab.tab-active{
	border-color: hsla(var(--bc)/1);
	border-color: hsla(var(--bc)/var(--tw-border-opacity,1));
	--tw-border-opacity: 1;
	--tw-text-opacity: 1;
	color: hsla(var(--bc)/1);
	color: hsla(var(--bc)/var(--tw-text-opacity,1));
}
.tab:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.tab.focus-visible{
	box-shadow: inset 0 0 0 2px currentColor;
}
.tab:focus-visible{
	box-shadow: inset 0 0 0 2px currentColor;
}
.tab-bordered{
	--tw-border-opacity: 1;
	--tw-border-opacity: 0.2;
	border-color: hsla(var(--bc)/1);
	border-color: hsla(var(--bc)/var(--tw-border-opacity,1));
	border-style: solid;
	border-bottom-width: calc(1px + 1px);
	border-bottom-width: calc(var(--tab-border, 1px) + 1px);
}
.tab-lifted.tab-active{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b1)/1);
	background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
	border-left-width: 1px;
	border-left-width: var(--tab-border,1px);
	border-bottom-width: 0;
	border-right-width: 1px;
	border-right-width: var(--tab-border,1px);
	border-top-width: 1px;
	border-top-width: var(--tab-border,1px);
	border-left-color: hsla(var(--b3)/1);
	border-left-color: hsla(var(--border-color,var(--b3))/var(--tw-border-opacity,1));
	border-right-color: hsla(var(--b3)/1);
	border-right-color: hsla(var(--border-color,var(--b3))/var(--tw-border-opacity,1));
	border-top-color: hsla(var(--b3)/1);
	border-top-color: hsla(var(--border-color,var(--b3))/var(--tw-border-opacity,1));
	padding-left: calc(1rem - 1px);
	padding-left: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
	padding-right: calc(1rem - 1px);
	padding-right: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
	padding-bottom: 1px;
	padding-bottom: var(--tab-border,1px);
	padding-top: 0;
}
.tab-lifted.tab-active:after,.tab-lifted.tab-active:before{
	z-index: 1;
	content: "";
	display: block;
	position: absolute;
	width: .5rem;
	width: var(--tab-radius,.5rem);
	height: .5rem;
	height: var(--tab-radius,.5rem);
	bottom: 0;
	--tab-grad: calc(68% - var(--tab-border, 1px));
	--tab-corner-bg: radial-gradient(circle at var(--circle-pos),transparent var(--tab-grad),hsla(var(--border-color,var(--b3))/var(--tw-border-opacity,1)) calc(var(--tab-grad) + 0.3px),hsla(var(--border-color,var(--b3))/var(--tw-border-opacity,1)) calc(var(--tab-grad) + var(--tab-border, 1px)),hsla(var(--b1)/var(--tw-border-opacity,1)) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px));
}
.tab-lifted.tab-active:before{
	left: calc(.5rem*-1);
	left: calc(var(--tab-radius, .5rem)*-1);
	--circle-pos: top left;
	background-image: var(--tab-corner-bg);
}
[dir=rtl] .tab-lifted.tab-active:before{
	--circle-pos: top right;
}
.tab-lifted.tab-active:after{
	right: calc(.5rem*-1);
	right: calc(var(--tab-radius, .5rem)*-1);
	--circle-pos: top right;
	background-image: var(--tab-corner-bg);
}
[dir=rtl] .tab-lifted.tab-active:after{
	--circle-pos: top left;
}
.tab-lifted.tab-active:first-child:before{
	background: none;
}
.tab-lifted.tab-active:last-child:after{
	background: none;
}
.tab-lifted.tab-active+.tab-lifted.tab-active:before{
	background: none;
}
.tabs-boxed{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b2)/1);
	background-color: hsla(var(--b2)/var(--tw-bg-opacity,1));
	padding: .25rem;
	border-radius: .5rem;
	border-radius: var(--rounded-btn,.5rem);
}
.tabs-boxed .tab-active{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p)/1);
	background-color: hsla(var(--p)/var(--tw-bg-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
	border-radius: .5rem;
	border-radius: var(--rounded-btn,.5rem);
}
.tabs-boxed .tab-active:hover{
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.table td,.table th{
	padding: 1rem;
	vertical-align: middle;
	white-space: nowrap;
}
.table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.active td,.table tr.active th{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b3)/1);
	background-color: hsla(var(--b3)/var(--tw-bg-opacity,1));
}
.table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(2n):hover td,.table tr.hover:nth-child(2n):hover th{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b3)/1);
	background-color: hsla(var(--b3)/var(--tw-bg-opacity,1));
}
.table:not(.table-zebra) tbody tr:not(:last-child) td,.table:not(.table-zebra) tbody tr:not(:last-child) th,.table:not(.table-zebra) tfoot tr:not(:last-child) td,.table:not(.table-zebra) tfoot tr:not(:last-child) th,.table:not(.table-zebra) thead tr:not(:last-child) td,.table:not(.table-zebra) thead tr:not(:last-child) th{
	--tw-border-opacity: 1;
	border-color: hsla(var(--b2)/1);
	border-color: hsla(var(--b2)/var(--tw-border-opacity,1));
	border-bottom-width: 1px;
}
.table tfoot td,.table tfoot th,.table thead td,.table thead th{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b2)/1);
	background-color: hsla(var(--b2)/var(--tw-bg-opacity,1));
	font-weight: 700;
	font-size: .75rem;
	line-height: 1rem;
	text-transform: uppercase;
}
.table tfoot td:first-child,.table tfoot th:first-child,.table thead td:first-child,.table thead th:first-child{
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
}
.table tfoot td:last-child,.table tfoot th:last-child,.table thead td:last-child,.table thead th:last-child{
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
}
.table tbody td,.table tbody th{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b1)/1);
	background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
}
.table-zebra tbody tr td:first-child,.table-zebra tbody tr th:first-child{
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
}
.table-zebra tbody tr td:last-child,.table-zebra tbody tr th:last-child{
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
}
.table-zebra tbody tr:nth-child(2n) td,.table-zebra tbody tr:nth-child(2n) th{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--b2)/1);
	background-color: hsla(var(--b2)/var(--tw-bg-opacity,1));
}
.toggle{
	--chkbg: hsla(var(--bc)/.2);
	--focus-shadow: 0 0 0;
	--handleoffset: 1.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	--tw-bg-opacity: 1;
	--tw-bg-opacity: 0.2;
	background-color: hsla(var(--bc)/1);
	background-color: hsla(var(--bc)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	--tw-border-opacity: 0.2;
	border-color: hsla(var(--bc)/1);
	border-color: hsla(var(--bc)/var(--tw-border-opacity,1));
	border-width: 1px;
	cursor: pointer;
	height: 1.5rem;
	width: 3rem;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .3s;
	border-radius: 1.9rem;
	border-radius: var(--rounded-badge,1.9rem);
	transition: background,box-shadow .2s ease-in-out;
	transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
	box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset,var(--focus-shadow);
}
.toggle.focus-visible{
	--focus-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--bc));
}
.toggle:focus-visible{
	--focus-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--bc));
}
.toggle:checked{
	--chkbg: hsl(var(--bc));
	--tw-bg-opacity: 1;
	--tw-border-opacity: 1;
	box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset,var(--focus-shadow);
}
[dir=rtl] .toggle:checked{
	box-shadow: calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset,var(--focus-shadow);
}
.toggle:disabled{
	--tw-bg-opacity: 1;
	--tw-bg-opacity: 0.2;
	background-color: hsla(var(--bc)/1);
	background-color: hsla(var(--bc)/var(--tw-bg-opacity,1));
	border-color: transparent;
	cursor: not-allowed;
}
.tooltip:after,.tooltip:before{
	opacity: 0;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-duration: .15s;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-delay: .1s;
}
.tooltip:after{
	position: absolute;
	position: absolute;
	content: "";
	border-style: solid;
	border-width: 0;
	border-width: var(--tooltip-tail,0);
	width: 0;
	height: 0;
	display: block;
	transform: translateX(-50%);
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-top-color: var(--tooltip-color);
	top: auto;
	left: 50%;
	right: auto;
	bottom: var(--tooltip-tail-offset);
}
.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{
	opacity: 1;
	transition-delay: 75ms;
}
.prose .lead,.prose a,.prose a code,.prose blockquote,.prose figure figcaption,.prose h1,.prose h2,.prose h3,.prose h4,.prose strong,.prose thead{
	color: inherit;
}
.prose .lead:hover,.prose a:hover,.prose a code:hover,.prose blockquote:hover,.prose figure figcaption:hover,.prose h1:hover,.prose h2:hover,.prose h3:hover,.prose h4:hover,.prose strong:hover,.prose thead:hover{
	color: inherit;
}
.rounded-btn{
	border-radius: .5rem;
	border-radius: var(--rounded-btn,.5rem);
}
.glass,.glass.btn-active,.glass:hover{
	border: none;
	-webkit-backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(var(--glass-blur,40px));
	backdrop-filter: blur(40px);
	backdrop-filter: blur(var(--glass-blur,40px));
	background-color: transparent;
	background-image: linear-gradient(135deg,rgba(255, 255, 255,0.3),rgba(0, 0, 0,0)),linear-gradient(100deg,rgba(255, 255, 255,0.1) 25%,rgba(0, 0, 0,0) 0);
	background-image: linear-gradient(135deg,rgba(255, 255, 255,30%),rgba(0, 0, 0,0)),linear-gradient(100deg,rgba(255, 255, 255,10%) 25%,rgba(0, 0, 0,0) 0);
	background-image: linear-gradient(135deg,rgba(255, 255, 255,var(--glass-opacity,30%)),rgba(0, 0, 0,0)),linear-gradient(var(--glass-reflex-degree,100deg),rgba(255, 255, 255,var(--glass-reflex-opacity,10%)) 25%,rgba(0, 0, 0,0) 0);
	box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset,0 0 0 2px rgba(0, 0, 0,0.05);
	box-shadow: 0 0 0 1px rgba(255, 255, 255,10%) inset,0 0 0 2px rgba(0, 0, 0,0.05);
	box-shadow: 0 0 0 1px rgba(255, 255, 255,var(--glass-border-opacity,10%)) inset,0 0 0 2px rgba(0, 0, 0,0.05);
	text-shadow: 0 1px rgba(0, 0, 0,0.05);
	text-shadow: 0 1px rgba(0, 0, 0,5%);
	text-shadow: 0 1px rgba(0, 0, 0,var(--glass-text-shadow-opacity,5%));
}
.artboard.phone-1.horizontal{
	width: 568px;
	height: 320px;
}
.artboard.phone-2.horizontal{
	width: 667px;
	height: 375px;
}
.artboard.phone-3.horizontal{
	width: 736px;
	height: 414px;
}
.artboard.phone-4.horizontal{
	width: 812px;
	height: 375px;
}
.artboard.phone-5.horizontal{
	width: 896px;
	height: 414px;
}
.artboard.phone-6.horizontal{
	width: 1024px;
	height: 320px;
}
.badge-md{
	height: 1.25rem;
	font-size: .875rem;
	line-height: 1.25rem;
	padding-left: .563rem;
	padding-right: .563rem;
}
.btn-xs{
	height: 1.5rem;
	padding-left: .5rem;
	padding-right: .5rem;
	min-height: 1.5rem;
	font-size: .75rem;
}
.btn-sm{
	height: 2rem;
	padding-left: .75rem;
	padding-right: .75rem;
	min-height: 2rem;
	font-size: .875rem;
}
.btn-md{
	height: 3rem;
	padding-left: 1rem;
	padding-right: 1rem;
	min-height: 3rem;
	font-size: .875rem;
}
.btn-square.btn-xs{
	height: 1.5rem;
	padding: 0;
	width: 1.5rem;
}
.btn-square.btn-sm{
	height: 2rem;
	padding: 0;
	width: 2rem;
}
.btn-square.btn-md{
	height: 3rem;
	padding: 0;
	width: 3rem;
}
.btn-circle.btn-xs{
	border-radius: 9999px;
	height: 1.5rem;
	padding: 0;
	width: 1.5rem;
}
.btn-circle.btn-sm{
	border-radius: 9999px;
	height: 2rem;
	padding: 0;
	width: 2rem;
}
.btn-circle.btn-md{
	border-radius: 9999px;
	height: 3rem;
	padding: 0;
	width: 3rem;
}
.badge-primary{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p)/1);
	background-color: hsla(var(--p)/var(--tw-bg-opacity,1));
	--tw-border-opacity: 1;
	border-color: hsla(var(--p)/1);
	border-color: hsla(var(--p)/var(--tw-border-opacity,1));
	--tw-text-opacity: 1;
	color: hsla(var(--pc)/1);
	color: hsla(var(--pc)/var(--tw-text-opacity,1));
}
.badge-outline.badge-primary{
	--tw-text-opacity: 1;
	color: hsla(var(--p)/1);
	color: hsla(var(--p)/var(--tw-text-opacity,1));
}
/*@import "tailwindcss/utilities";*/
.hover\:rounded-tl-lg:hover{
	border-top-left-radius: 0.5rem;
}
.hover\:rounded-tr-lg:hover{
	border-top-right-radius: 0.5rem;
}
.hover\:rounded-bl-lg:hover{
	border-bottom-left-radius: 0.5rem;
}
.hover\:rounded-br-lg:hover{
	border-bottom-right-radius: 0.5rem;
}
.hover\:bg-primary:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--p) / var(--tw-bg-opacity));
}
.hover\:bg-secondary-focus:hover{
	--tw-bg-opacity: 1;
	background-color: hsla(var(--sf) / var(--tw-bg-opacity));
}
.hover\:bg-blue-600:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}
.hover\:text-white:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-secondary:hover{
	--tw-text-opacity: 1;
	color: hsla(var(--s) / var(--tw-text-opacity));
}
.hover\:text-blue-200:hover{
	--tw-text-opacity: 1;
	color: rgba(191, 219, 254, var(--tw-text-opacity));
}
.focus\:border-blue-600:focus{
	--tw-border-opacity: 1;
	border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}
.focus\:bg-white:focus{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.focus\:text-gray-700:focus{
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.focus\:outline-none:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.group:hover .group-hover\:scale-100{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: var(--tw-transform);
}
@media (min-width: 768px){
	.md\:-m-2px{
		margin: -2px;
	}
	.md\:mt-0{
		margin-top: 0px;
	}
	.md\:mb-0{
		margin-bottom: 0px;
	}
	.md\:flex{
		display: flex;
	}
	.md\:\!inline-flex{
		display: inline-flex !important;
	}
	.md\:h-12{
		height: 3rem;
	}
	.md\:w-3\/4{
		width: 75%;
	}
	.md\:w-1\/4{
		width: 25%;
	}
	.md\:w-96{
		width: 24rem;
	}
	.md\:w-1\/3{
		width: 33.333333%;
	}
	.md\:w-2\/3{
		width: 66.666667%;
	}
	.md\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.md\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.md\:grid-cols-1{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.md\:flex-row{
		flex-direction: row;
	}
	.md\:gap-4{
		gap: 1rem;
	}
	.md\:space-x-6 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(1.5rem * var(--tw-space-x-reverse));
		margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px * var(--tw-space-y-reverse));
	}
	.md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(1rem * var(--tw-space-x-reverse));
		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.md\:space-y-8 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(2rem * var(--tw-space-y-reverse));
	}
	.md\:space-x-5 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(1.25rem * var(--tw-space-x-reverse));
		margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.md\:space-x-8 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(2rem * var(--tw-space-x-reverse));
		margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.md\:space-x-10 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(2.5rem * var(--tw-space-x-reverse));
		margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.md\:\!overflow-x-auto{
		overflow-x: auto !important;
	}
	.md\:whitespace-nowrap{
		white-space: nowrap;
	}
	.md\:border-b-0{
		border-bottom-width: 0px;
	}
	.md\:border-b-2{
		border-bottom-width: 2px;
	}
	.md\:p-6{
		padding: 1.5rem;
	}
	.md\:px-4{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.md\:\!text-lg{
		font-size: 1.125rem !important;
		line-height: 1.75rem !important;
	}
	.md\:\!text-2xl{
		font-size: 1.5rem !important;
		line-height: 2rem !important;
	}
}
@media (min-width: 1024px){
	.lg\:flex{
		display: flex;
	}
	.lg\:h-16{
		height: 4rem;
	}
	.lg\:w-2\/3{
		width: 66.666667%;
	}
	.lg\:w-1\/3{
		width: 33.333333%;
	}
	.lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(1.5rem * var(--tw-space-x-reverse));
		margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.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\:\!overflow-x-visible{
		overflow-x: visible !important;
	}
	.lg\:whitespace-normal{
		white-space: normal;
	}
	.lg\:\!text-4xl{
		font-size: 2.25rem !important;
		line-height: 2.5rem !important;
	}
}
@media (min-width: 1280px){
	.xl\:order-1{
		order: 1;
	}
	.xl\:order-2{
		order: 2;
	}
	.xl\:flex{
		display: flex;
	}
}