.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;-moz-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}
/*# sourceMappingURL=introjs.css.map */
@charset "UTF-8";
/*
 |--------------------------------------------------------------------------
 | TailwindCSS Directives
 |--------------------------------------------------------------------------
 |
 | Import TailwindCSS directives and swipe out at build-time with all of
 | the styles it generates based on your configured design system.
 |
 | Please check this link for more details:
 | https://tailwindcss.com/docs/installation#include-tailwind-in-your-css
 |
 */
/*
 ! 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, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
	font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
	font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
	text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
	box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
	padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
	vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
	display: list-item;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
  font-family: inherit;
  line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: 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::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 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--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);
	--tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.container{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@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;
	}
}
.accordion .accordion-item{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.accordion .accordion-item:not(:last-child){
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
.dark .accordion .accordion-item:not(:last-child){
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
.accordion .accordion-item:first-child{
	margin-top: -1rem;
}
.accordion .accordion-item:last-child{
	margin-bottom: -1rem;
}
.accordion .accordion-item .accordion-header .accordion-button{
	width: 100%;
	text-align: left;
	font-weight: 500;
}
.accordion .accordion-item .accordion-header .accordion-button:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
	--tw-text-opacity: 1;
	color: rgba(94, 180, 247, var(--tw-text-opacity));
}
.dark .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
	--tw-text-opacity: 1;
	color: rgba(49, 96, 216, var(--tw-text-opacity));
}
.accordion .accordion-collapse{
	margin-top: 0.75rem;
	line-height: 1.625;
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.dark .accordion .accordion-collapse{
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.accordion .accordion-collapse.collapse:not(.show){
	display: none;
}
.\!accordion .\!accordion-collapse.\!collapse:not(.\!show){
	display: none;
}
.accordion.accordion-boxed .accordion-item{
	margin-top: 0.75rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	padding: 1rem;
}
.dark .accordion.accordion-boxed .accordion-item{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
.accordion.accordion-boxed .accordion-item:first-child{
	margin-top: 0px;
}
.accordion.accordion-boxed .accordion-item:last-child{
	margin-bottom: 0px;
}
.alert{
	position: relative;
	border-radius: 0.375rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.alert:not(.show){
	display: none;
}
.\!alert:not(.\!show){
	display: none;
}
.alert.alert-dismissible{
	padding-left: 1.25rem;
	padding-right: 4rem;
}
.alert .btn-close{
	position: absolute;
	right: 0px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 0.5rem;
	display: inline-flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-radius: 0.375rem;
	border-width: 1px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	font-weight: 500;
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	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;
	transition-duration: 200ms;
}
.alert .btn-close:hover:not(:disabled){
	--tw-border-opacity: 0.9;
	--tw-bg-opacity: 0.9;
}
.alert .btn-close:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.alert .btn-close:not(button){
	text-align: center;
}
.alert .btn-close:disabled{
	cursor: not-allowed;
	opacity: 0.7;
}
.alert .btn-close{
	border-width: 0px;
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.alert .btn-close:focus{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.alert-primary{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.alert-secondary{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.dark .alert-secondary{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.alert-success{
	--tw-bg-opacity: 1;
	background-color: rgba(145, 199, 20, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.alert-warning{
	--tw-bg-opacity: 1;
	background-color: rgba(251, 197, 0, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-text-opacity));
}
.alert-danger{
	--tw-bg-opacity: 1;
	background-color: rgba(211, 41, 41, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.alert-dark{
	--tw-bg-opacity: 1;
	background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .alert-dark{
	--tw-bg-opacity: 1;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.btn{
	display: inline-flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-radius: 0.375rem;
	border-width: 1px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	font-weight: 500;
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	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;
	transition-duration: 200ms;
}
.btn:hover:not(:disabled){
	--tw-border-opacity: 0.9;
	--tw-bg-opacity: 0.9;
}
.btn:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.btn:not(button){
	text-align: center;
}
.btn:disabled{
	cursor: not-allowed;
	opacity: 0.7;
}
.btn-sm{
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 0.75rem;
	line-height: 1rem;
}
.btn-primary{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .btn-primary{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}
.btn-secondary{
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.dark .btn-secondary{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.btn-secondary:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}
.dark .btn-secondary:hover{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	--tw-border-opacity: 0.8;
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	--tw-bg-opacity: 0.8;
}
.btn-success{
	--tw-border-opacity: 1;
	border-color: rgba(145, 199, 20, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(145, 199, 20, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .btn-success{
	--tw-border-opacity: 1;
	border-color: rgba(145, 199, 20, var(--tw-border-opacity));
}
.btn-warning{
	--tw-border-opacity: 1;
	border-color: rgba(251, 197, 0, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(251, 197, 0, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-text-opacity));
}
.dark .btn-warning{
	--tw-border-opacity: 1;
	border-color: rgba(251, 197, 0, var(--tw-border-opacity));
}
.btn-danger{
	--tw-border-opacity: 1;
	border-color: rgba(211, 41, 41, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(211, 41, 41, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .btn-danger{
	--tw-border-opacity: 1;
	border-color: rgba(211, 41, 41, var(--tw-border-opacity));
}
.btn-dark{
	--tw-border-opacity: 1;
	border-color: rgba(31, 41, 55, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .btn-dark{
	--tw-border-opacity: 1;
	border-color: rgba(65, 65, 65, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.btn-rounded{
	border-radius: 9999px;
}
.btn-outline-secondary{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.dark .btn-outline-secondary{
	--tw-border-opacity: 1;
	border-color: rgba(55, 65, 81, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.btn-outline-secondary:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
	--tw-bg-opacity: 0.2;
}
.dark .btn-outline-secondary:hover{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	--tw-border-opacity: 0.8;
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	--tw-bg-opacity: 0.8;
}
.dropdown-menu {
    z-index: 9999;
    inset: 0px auto auto 0px;
    transform: translate3d(-10000px, 0px, 0px);
    transition: visibility 0s ease-in-out 0.2s, opacity 0.2s 0s;
    visibility: hidden;
    position: absolute;
    opacity: 0;
  }
.dropdown-menu.show {
    transition: visibility 0s ease-in-out 0s, opacity 0.2s 0s;
    visibility: visible;
    opacity: 1;
  }
.\!dropdown-menu.\!show {
    transition: visibility 0s ease-in-out 0s, opacity 0.2s 0s !important;
    visibility: visible;
    opacity: 1;
  }
.dropdown-menu.show > .dropdown-menu__content{
	margin-top: 0.25rem;
}
.\!dropdown-menu.\!show > .\!dropdown-menu__content{
	margin-top: 0.25rem;
}
.dropdown-menu.show > .dropdown-menu__content .tab-content .tab-pane{
	visibility: visible;
}
.\!dropdown-menu.\!show > .\!dropdown-menu__content .\!tab-content .\!tab-pane{
	visibility: visible;
}
.dropdown-menu .dropdown-menu__content {
    transition: margin-top 0.2s;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0901960784);
    margin-top: 1.25rem;
    width: 100%;
  }
.dropdown-menu .dropdown-menu__content .tab-content .tab-pane{
	visibility: hidden;
}
.file .file__icon{
	position: relative;
	display: block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.\!file .\!file__icon{
	position: relative;
	display: block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.file .file__icon.file__icon--empty-directory {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='786' height='721' rx='40' transform='translate(567 158)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
.\!file .\!file__icon.\!file__icon--empty-directory {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='786' height='721' rx='40' transform='translate(567 158)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
  }
.file .file__icon.file__icon--directory {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_3' data-name='Group 3' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='742' height='734' rx='40' transform='translate(590 145)' fill='%23bec8d9'/%3E%3Crect id='Rectangle_5' data-name='Rectangle 5' width='786' height='692' rx='40' transform='translate(567 187)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
.\!file .\!file__icon.\!file__icon--directory {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_3' data-name='Group 3' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='742' height='734' rx='40' transform='translate(590 145)' fill='%23bec8d9'/%3E%3Crect id='Rectangle_5' data-name='Rectangle 5' width='786' height='692' rx='40' transform='translate(567 187)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
  }
.file .file__icon.file__icon--file {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='628.027' height='786.012' viewBox='0 0 628.027 786.012'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(-646 -92.988)'%3E%3Cpath id='Union_2' data-name='Union 2' d='M40,786A40,40,0,0,1,0,746V40A40,40,0,0,1,40,0H501V103h29v24h98V746a40,40,0,0,1-40,40Z' transform='translate(646 93)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Intersection_2' data-name='Intersection 2' d='M.409,162.042l.058-109.9c31.605,29.739,125.37,125.377,125.37,125.377l-109.976.049A20.025,20.025,0,0,1,.409,162.042Z' transform='translate(1147 42)' fill='%23bec8d9' stroke='%23bec8d9' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
.\!file .\!file__icon.\!file__icon--file {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='628.027' height='786.012' viewBox='0 0 628.027 786.012'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(-646 -92.988)'%3E%3Cpath id='Union_2' data-name='Union 2' d='M40,786A40,40,0,0,1,0,746V40A40,40,0,0,1,40,0H501V103h29v24h98V746a40,40,0,0,1-40,40Z' transform='translate(646 93)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Intersection_2' data-name='Intersection 2' d='M.409,162.042l.058-109.9c31.605,29.739,125.37,125.377,125.37,125.377l-109.976.049A20.025,20.025,0,0,1,.409,162.042Z' transform='translate(1147 42)' fill='%23bec8d9' stroke='%23bec8d9' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
  }
.file .file__icon.file__icon--image .file__icon--image__preview{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.\!file .\!file__icon.\!file__icon--image .\!file__icon--image__preview{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.file .file__icon.file__icon--image .file__icon--image__preview img{
	border-radius: 0.375rem;
}
.\!file .\!file__icon.\!file__icon--image .\!file__icon--image__preview img{
	border-radius: 0.375rem;
}
.file .file__icon .file__icon__file-name{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.\!file .\!file__icon .\!file__icon__file-name{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.file .file__icon:before {
    content: "";
    padding-top: 100%;
    display: block;
    width: 100%;
  }
.\!file .\!file__icon:before {
    content: "" !important;
    padding-top: 100% !important;
    display: block;
    width: 100%;
  }
.form-check{
	display: flex;
	align-items: center;
}
.form-check-label{
	margin-left: 0.5rem;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.dark .form-check-label{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.form-check-input:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.form-check-input[type=radio] {
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    padding: 0px;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.dark .form-check-input[type=radio]{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.form-check-input[type=radio]:before {
    content: "";
    width: 10px;
    height: 10px;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
    opacity: 0;
  }
.form-check-input[type=radio]:checked{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}
.form-check-input[type=radio]:checked:before{
	opacity: 1;
}
.form-check-input[type=radio]:disabled:not(:checked){
	cursor: not-allowed;
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.dark .form-check-input[type=radio]:disabled:not(:checked){
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.form-check-input[type=radio]:disabled:checked{
	cursor: not-allowed;
	opacity: 0.7;
}
.form-check-input[type=checkbox] {
    width: 16px;
    height: 16px;
    border-radius: 0.2em;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    padding: 0px;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.dark .form-check-input[type=checkbox]{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.form-check-input[type=checkbox]:before {
    content: "";
    transition: all 0.2s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 80%;
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    opacity: 0;
  }
.form-check-input[type=checkbox]:checked{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}
.dark .form-check-input[type=checkbox]:checked{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}
.form-check-input[type=checkbox]:checked:before{
	opacity: 1;
}
.form-check-input[type=checkbox]:disabled:not(:checked){
	cursor: not-allowed;
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.dark .form-check-input[type=checkbox]:disabled:not(:checked){
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.form-check-input[type=checkbox]:disabled:checked{
	cursor: not-allowed;
	opacity: 0.7;
}
.form-check-switch {
    width: 38px;
    height: 24px;
    padding: 1px;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    background-image: none;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
.dark .form-check-switch{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.form-check-switch:disabled:not(:checked){
	cursor: not-allowed;
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.dark .form-check-switch:disabled:not(:checked){
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.form-check-switch:disabled:checked{
	cursor: not-allowed;
	opacity: 0.7;
}
.form-check-switch:before {
    content: "";
    width: 22px;
    height: 22px;
    transition: all 0.2s ease-in-out;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
  }
.dark .form-check-switch:before{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.form-check-switch:checked{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}
.dark .form-check-switch:checked{
	--tw-bg-opacity: 1;
	background-color: rgba(49, 96, 216, var(--tw-bg-opacity));
}
.form-check-switch:checked::before {
    margin-left: 13px;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
.form-control{
	width: 100%;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border-radius: 0.375rem;
	border-width: 1px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.form-control::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}
.form-control::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}
.form-control{
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .form-control{
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.form-control:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.form-control:disabled, .form-control[readonly]{
	cursor: not-allowed;
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.dark .form-control:disabled, .dark .form-control[readonly]{
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.form-control-lg{
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.form-inline .form-label{
	margin-bottom: 0px;
	margin-right: 1.25rem;
	text-align: right;
}
@media (max-width: 639px) {
    .form-inline .form-label{
		margin-bottom: 0.5rem;
	}
    .form-inline .form-label{
		margin-right: 0px;
	}
    .form-inline .form-label{
		text-align: left;
	}
  }
.form-inline .form-control{
	flex: 1 1 0%;
}
.form-label{
	margin-bottom: 0.5rem;
	display: inline-block;
}
.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 18px;
    background-position: center right 0.6rem;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0.375rem;
    border-width: 1px;
    background-repeat: no-repeat;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-right: 2rem;
  }
.form-select::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}
.form-select::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}
.form-select{
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .form-select{
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.form-select:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.form-select:disabled, .form-select[readonly]{
	cursor: not-allowed;
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.form-select.form-select-light {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  }
.dark .form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  }
.dark .form-select.form-select-dark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  }
.form-select-lg{
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-left: 1rem;
	padding-right: 2rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.image-fit{
	position: relative;
}
.image-fit > img{
	position: absolute;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.input-group{
	display: flex;
}
.input-group .input-group-text{
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .input-group .input-group-text{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.input-group > .input-group-text, .input-group > .form-control{
	border-radius: 0px;
}
.input-group > .input-group-text:not(:first-child),
  .input-group > .form-control:not(:first-child) {
    border-left-color: transparent;
  }
.input-group > .input-group-text:first-child, .input-group > .form-control:first-child{
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.input-group > .input-group-text:last-child, .input-group > .form-control:last-child{
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
.input-group > .form-control{
	z-index: 10;
}
* > .intro-x:nth-child(1) {
    z-index: 49;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
  }
* > .-intro-x:nth-child(1) {
    z-index: 49;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
  }
* > .intro-y:nth-child(1) {
    z-index: 49;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
  }
* > .intro-x:nth-child(2) {
    z-index: 48;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
  }
* > .-intro-x:nth-child(2) {
    z-index: 48;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
  }
* > .intro-y:nth-child(2) {
    z-index: 48;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
  }
* > .intro-x:nth-child(3) {
    z-index: 47;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
  }
* > .-intro-x:nth-child(3) {
    z-index: 47;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
  }
* > .intro-y:nth-child(3) {
    z-index: 47;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
  }
* > .intro-x:nth-child(4) {
    z-index: 46;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
  }
* > .-intro-x:nth-child(4) {
    z-index: 46;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
  }
* > .intro-y:nth-child(4) {
    z-index: 46;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
  }
* > .intro-x:nth-child(5) {
    z-index: 45;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
  }
* > .-intro-x:nth-child(5) {
    z-index: 45;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
  }
* > .intro-y:nth-child(5) {
    z-index: 45;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
  }
* > .intro-x:nth-child(6) {
    z-index: 44;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
  }
* > .-intro-x:nth-child(6) {
    z-index: 44;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
  }
* > .intro-y:nth-child(6) {
    z-index: 44;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
  }
* > .intro-x:nth-child(7) {
    z-index: 43;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
  }
* > .-intro-x:nth-child(7) {
    z-index: 43;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
  }
* > .intro-y:nth-child(7) {
    z-index: 43;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
  }
* > .intro-x:nth-child(8) {
    z-index: 42;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
  }
* > .-intro-x:nth-child(8) {
    z-index: 42;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
  }
* > .intro-y:nth-child(8) {
    z-index: 42;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
  }
* > .intro-x:nth-child(9) {
    z-index: 41;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
  }
* > .-intro-x:nth-child(9) {
    z-index: 41;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
  }
* > .intro-y:nth-child(9) {
    z-index: 41;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
  }
* > .intro-x:nth-child(10) {
    z-index: 40;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  }
* > .-intro-x:nth-child(10) {
    z-index: 40;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  }
* > .intro-y:nth-child(10) {
    z-index: 40;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  }
* > .intro-x:nth-child(11) {
    z-index: 39;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
  }
* > .-intro-x:nth-child(11) {
    z-index: 39;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
  }
* > .intro-y:nth-child(11) {
    z-index: 39;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
  }
* > .intro-x:nth-child(12) {
    z-index: 38;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
  }
* > .-intro-x:nth-child(12) {
    z-index: 38;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
  }
* > .intro-y:nth-child(12) {
    z-index: 38;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
  }
* > .intro-x:nth-child(13) {
    z-index: 37;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
  }
* > .-intro-x:nth-child(13) {
    z-index: 37;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
  }
* > .intro-y:nth-child(13) {
    z-index: 37;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
  }
* > .intro-x:nth-child(14) {
    z-index: 36;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
  }
* > .-intro-x:nth-child(14) {
    z-index: 36;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
  }
* > .intro-y:nth-child(14) {
    z-index: 36;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
  }
* > .intro-x:nth-child(15) {
    z-index: 35;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
  }
* > .-intro-x:nth-child(15) {
    z-index: 35;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
  }
* > .intro-y:nth-child(15) {
    z-index: 35;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
  }
* > .intro-x:nth-child(16) {
    z-index: 34;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
  }
* > .-intro-x:nth-child(16) {
    z-index: 34;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
  }
* > .intro-y:nth-child(16) {
    z-index: 34;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
  }
* > .intro-x:nth-child(17) {
    z-index: 33;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
  }
* > .-intro-x:nth-child(17) {
    z-index: 33;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
  }
* > .intro-y:nth-child(17) {
    z-index: 33;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
  }
* > .intro-x:nth-child(18) {
    z-index: 32;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
  }
* > .-intro-x:nth-child(18) {
    z-index: 32;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
  }
* > .intro-y:nth-child(18) {
    z-index: 32;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
  }
* > .intro-x:nth-child(19) {
    z-index: 31;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
  }
* > .-intro-x:nth-child(19) {
    z-index: 31;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
  }
* > .intro-y:nth-child(19) {
    z-index: 31;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
  }
* > .intro-x:nth-child(20) {
    z-index: 30;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
  }
* > .-intro-x:nth-child(20) {
    z-index: 30;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
  }
* > .intro-y:nth-child(20) {
    z-index: 30;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
  }
* > .intro-x:nth-child(21) {
    z-index: 29;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
  }
* > .-intro-x:nth-child(21) {
    z-index: 29;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
  }
* > .intro-y:nth-child(21) {
    z-index: 29;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
  }
* > .intro-x:nth-child(22) {
    z-index: 28;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
  }
* > .-intro-x:nth-child(22) {
    z-index: 28;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
  }
* > .intro-y:nth-child(22) {
    z-index: 28;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
  }
* > .intro-x:nth-child(23) {
    z-index: 27;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
  }
* > .-intro-x:nth-child(23) {
    z-index: 27;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
  }
* > .intro-y:nth-child(23) {
    z-index: 27;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
  }
* > .intro-x:nth-child(24) {
    z-index: 26;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
  }
* > .-intro-x:nth-child(24) {
    z-index: 26;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
  }
* > .intro-y:nth-child(24) {
    z-index: 26;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
  }
* > .intro-x:nth-child(25) {
    z-index: 25;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
  }
* > .-intro-x:nth-child(25) {
    z-index: 25;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
  }
* > .intro-y:nth-child(25) {
    z-index: 25;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
  }
* > .intro-x:nth-child(26) {
    z-index: 24;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
  }
* > .-intro-x:nth-child(26) {
    z-index: 24;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
  }
* > .intro-y:nth-child(26) {
    z-index: 24;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
  }
* > .intro-x:nth-child(27) {
    z-index: 23;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.7s;
  }
* > .-intro-x:nth-child(27) {
    z-index: 23;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.7s;
  }
* > .intro-y:nth-child(27) {
    z-index: 23;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.7s;
  }
* > .intro-x:nth-child(28) {
    z-index: 22;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
  }
* > .-intro-x:nth-child(28) {
    z-index: 22;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
  }
* > .intro-y:nth-child(28) {
    z-index: 22;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
  }
* > .intro-x:nth-child(29) {
    z-index: 21;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
  }
* > .-intro-x:nth-child(29) {
    z-index: 21;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
  }
* > .intro-y:nth-child(29) {
    z-index: 21;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
  }
* > .intro-x:nth-child(30) {
    z-index: 20;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
  }
* > .-intro-x:nth-child(30) {
    z-index: 20;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
  }
* > .intro-y:nth-child(30) {
    z-index: 20;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
  }
* > .intro-x:nth-child(31) {
    z-index: 19;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.1s;
  }
* > .-intro-x:nth-child(31) {
    z-index: 19;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.1s;
  }
* > .intro-y:nth-child(31) {
    z-index: 19;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.1s;
  }
* > .intro-x:nth-child(32) {
    z-index: 18;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.2s;
  }
* > .-intro-x:nth-child(32) {
    z-index: 18;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.2s;
  }
* > .intro-y:nth-child(32) {
    z-index: 18;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.2s;
  }
* > .intro-x:nth-child(33) {
    z-index: 17;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.3s;
  }
* > .-intro-x:nth-child(33) {
    z-index: 17;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.3s;
  }
* > .intro-y:nth-child(33) {
    z-index: 17;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.3s;
  }
* > .intro-x:nth-child(34) {
    z-index: 16;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.4s;
  }
* > .-intro-x:nth-child(34) {
    z-index: 16;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.4s;
  }
* > .intro-y:nth-child(34) {
    z-index: 16;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.4s;
  }
* > .intro-x:nth-child(35) {
    z-index: 15;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s;
  }
* > .-intro-x:nth-child(35) {
    z-index: 15;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s;
  }
* > .intro-y:nth-child(35) {
    z-index: 15;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s;
  }
* > .intro-x:nth-child(36) {
    z-index: 14;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.6s;
  }
* > .-intro-x:nth-child(36) {
    z-index: 14;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.6s;
  }
* > .intro-y:nth-child(36) {
    z-index: 14;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.6s;
  }
* > .intro-x:nth-child(37) {
    z-index: 13;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.7s;
  }
* > .-intro-x:nth-child(37) {
    z-index: 13;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.7s;
  }
* > .intro-y:nth-child(37) {
    z-index: 13;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.7s;
  }
* > .intro-x:nth-child(38) {
    z-index: 12;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;
  }
* > .-intro-x:nth-child(38) {
    z-index: 12;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;
  }
* > .intro-y:nth-child(38) {
    z-index: 12;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;
  }
* > .intro-x:nth-child(39) {
    z-index: 11;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.9s;
  }
* > .-intro-x:nth-child(39) {
    z-index: 11;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.9s;
  }
* > .intro-y:nth-child(39) {
    z-index: 11;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.9s;
  }
* > .intro-x:nth-child(40) {
    z-index: 10;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
  }
* > .-intro-x:nth-child(40) {
    z-index: 10;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
  }
* > .intro-y:nth-child(40) {
    z-index: 10;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
  }
* > .intro-x:nth-child(41) {
    z-index: 9;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.1s;
  }
* > .-intro-x:nth-child(41) {
    z-index: 9;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.1s;
  }
* > .intro-y:nth-child(41) {
    z-index: 9;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.1s;
  }
* > .intro-x:nth-child(42) {
    z-index: 8;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
  }
* > .-intro-x:nth-child(42) {
    z-index: 8;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
  }
* > .intro-y:nth-child(42) {
    z-index: 8;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
  }
* > .intro-x:nth-child(43) {
    z-index: 7;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.3s;
  }
* > .-intro-x:nth-child(43) {
    z-index: 7;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.3s;
  }
* > .intro-y:nth-child(43) {
    z-index: 7;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.3s;
  }
* > .intro-x:nth-child(44) {
    z-index: 6;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.4s;
  }
* > .-intro-x:nth-child(44) {
    z-index: 6;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.4s;
  }
* > .intro-y:nth-child(44) {
    z-index: 6;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.4s;
  }
* > .intro-x:nth-child(45) {
    z-index: 5;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s;
  }
* > .-intro-x:nth-child(45) {
    z-index: 5;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s;
  }
* > .intro-y:nth-child(45) {
    z-index: 5;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s;
  }
* > .intro-x:nth-child(46) {
    z-index: 4;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.6s;
  }
* > .-intro-x:nth-child(46) {
    z-index: 4;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.6s;
  }
* > .intro-y:nth-child(46) {
    z-index: 4;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.6s;
  }
* > .intro-x:nth-child(47) {
    z-index: 3;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.7s;
  }
* > .-intro-x:nth-child(47) {
    z-index: 3;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.7s;
  }
* > .intro-y:nth-child(47) {
    z-index: 3;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.7s;
  }
* > .intro-x:nth-child(48) {
    z-index: 2;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.8s;
  }
* > .-intro-x:nth-child(48) {
    z-index: 2;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.8s;
  }
* > .intro-y:nth-child(48) {
    z-index: 2;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.8s;
  }
* > .intro-x:nth-child(49) {
    z-index: 1;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.9s;
  }
* > .-intro-x:nth-child(49) {
    z-index: 1;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.9s;
  }
* > .intro-y:nth-child(49) {
    z-index: 1;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.9s;
  }
* > .intro-x:nth-child(50) {
    z-index: 0;
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
  }
* > .-intro-x:nth-child(50) {
    z-index: 0;
    position: relative;
    opacity: 0;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
  }
* > .intro-y:nth-child(50) {
    z-index: 0;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
  }
@keyframes intro-x-animation {
    100%{
		opacity: 1;
	}
    100% {
      transform: translateX(0px);
    }
  }
@keyframes intro-y-animation {
    100%{
		opacity: 1;
	}
    100% {
      transform: translateY(0px);
    }
  }
.modal {
    margin-top: -10000px;
    margin-left: -10000px;
    background: rgba(0, 0, 0, 0.6509803922);
    transition: visibility 0s linear 0.2s, opacity 0.2s 0s;
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 100vw;
    opacity: 0;
  }
.modal.modal-overlap {
    background: rgba(0, 0, 0, 0.6509803922);
  }
.modal.modal-static .modal-content {
    animation: modal-static-backdrop 0.3s infinite;
    animation-direction: alternate;
  }
.modal.show {
    transition: visibility 0s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
  }
.\!modal.\!show {
    transition: visibility 0s ease-in-out 0s, opacity 0.4s ease-in-out 0s !important;
    visibility: visible;
    opacity: 1;
  }
.modal.show > .modal-dialog{
	margin-top: 4rem;
}
.\!modal.\!show > .\!modal-dialog{
	margin-top: 4rem;
}
.modal .modal-dialog {
    width: 90%;
    transition: margin-top 0.4s;
    margin-left: auto;
    margin-right: auto;
    margin-top: -4rem;
    margin-bottom: 4rem;
  }
@media (min-width: 640px) {
    .modal .modal-dialog {
      width: 460px;
    }
    .modal .modal-dialog.modal-sm {
      width: 300px;
    }
    .modal .modal-dialog.modal-lg {
      width: 600px;
    }
    .modal .modal-dialog.modal-xl {
      width: 600px;
    }
  }
@media (min-width: 1024px) {
    .modal .modal-dialog.modal-xl {
      width: 900px;
    }
  }
.modal .modal-dialog .modal-content{
	position: relative;
}
.modal .modal-dialog .modal-content > [data-dismiss=modal]{
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: 0.75rem;
	margin-right: 0.75rem;
}
.modal.modal-slide-over{
	overflow-x: hidden;
}
.modal.modal-slide-over.modal-static .modal-content{
	animation: none;
}
.modal.modal-slide-over.show {
    transition: visibility 0s ease-in-out 0s, opacity 0.6s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
  }
.\!modal.\!modal-slide-over.\!show {
    transition: visibility 0s ease-in-out 0s, opacity 0.6s ease-in-out 0s !important;
    visibility: visible;
    opacity: 1;
  }
.modal.modal-slide-over.show > .modal-dialog{
	margin-right: 0px;
}
.\!modal.\!modal-slide-over.\!show > .\!modal-dialog{
	margin-right: 0px;
}
@media (max-width: 639px) {
    .modal.modal-slide-over.show > .modal-dialog .modal-content > [data-dismiss=modal]{
		margin-left: -2.5rem;
	}
    .\!modal.\!modal-slide-over.\!show > .\!modal-dialog .\!modal-content > [data-dismiss=modal]{
		margin-left: -2.5rem;
	}
  }
.modal.modal-slide-over .modal-dialog {
    margin-right: -100%;
    transition: margin-right 0.6s;
    margin-top: 0px;
    margin-bottom: 0px;
  }
.modal.modal-slide-over .modal-dialog .modal-content{
	min-height: 100vh;
	border-radius: 0px;
}
.modal.modal-slide-over .modal-dialog .modal-content > [data-dismiss=modal]{
	position: absolute;
	top: 0px;
	left: 0px;
	right: auto;
	margin-top: 1rem;
	margin-left: -3rem;
}
.modal-content{
	position: relative;
	width: 100%;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .modal-content{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.modal-header{
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.dark .modal-header{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
.modal-body{
	padding: 1.25rem;
}
.modal-footer{
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	text-align: right;
}
.dark .modal-footer{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
@keyframes modal-static-backdrop {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.05);
    }
  }
.pagination{
	margin-right: auto;
	display: flex;
}
@media (max-width: 639px) {
    .pagination{
		margin-right: 0px;
	}
    .pagination{
		width: 100%;
	}
    .pagination li{
		flex: 1 1 0%;
	}
    .pagination li:nth-child(1) .pagination__link, .pagination li:nth-child(2) .pagination__link, .pagination li:nth-child(3) .pagination__link, .pagination li:nth-child(7) .pagination__link, .pagination li:nth-child(8) .pagination__link, .pagination li:nth-child(9) .pagination__link{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
  }
.pagination li .pagination__link {
    min-width: 40px;
    margin-right: 0.5rem;
    display: flex;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    border-width: 1px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-weight: 500;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    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;
    transition-duration: 200ms;
  }
.pagination li .pagination__link:hover:not(:disabled){
	--tw-border-opacity: 0.9;
	--tw-bg-opacity: 0.9;
}
.pagination li .pagination__link:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.pagination li .pagination__link:not(button){
	text-align: center;
}
.pagination li .pagination__link:disabled{
	cursor: not-allowed;
	opacity: 0.7;
}
.pagination li .pagination__link{
	align-items: center;
	justify-content: center;
	border-color: transparent;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .pagination li .pagination__link{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
@media (max-width: 639px) {
    .pagination li .pagination__link{
		margin-right: 0px;
	}
    .pagination li .pagination__link{
		min-width: 0px;
	}
  }
.pagination li .pagination__link.pagination__link--active{
	font-weight: 500;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.0431372549);
    position: relative;
    border-radius: 0.375rem;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.dark .pagination li .pagination__link.pagination__link--active{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.report-box .pagination li .pagination__link.pagination__link--active {
    background: #585757;
  }
.pagination li .pagination__link.pagination__link--active {
    background: #4c4b4b;
  }
.dark .pagination li .pagination__link.pagination__link--active{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.scrollbar-hidden::-webkit-scrollbar{
	width: 0px;
	background-color: transparent;
}
.nav{
	display: flex;
}
.nav.nav-tabs .active{
	border-bottom-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
	font-weight: 500;
}
.tab-content .tab-pane {
    top: -9999px;
    left: -9999px;
    transition: visibility 0s linear 0.6s, opacity 0.6s 0s;
    visibility: hidden;
    position: absolute;
    opacity: 0;
  }
.tab-content .tab-pane.active {
    transition: visibility 0s linear 0s, opacity 0.6s 0s;
    visibility: visible;
    position: static;
    opacity: 1;
  }
.table{
	width: 100%;
	text-align: left;
}
.table th{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-weight: 500;
}
.table td{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.table.table--sm th{
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.table.table--sm td{
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
@keyframes type-animation {
    50%{
		opacity: 1;
	}
  }
.zoom-in{
	transform: var(--tw-transform);
	cursor: pointer;
	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;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.zoom-in:hover{
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: var(--tw-transform);
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.box {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.0431372549);
    position: relative;
    border-radius: 0.375rem;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
.dark .box{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
html{
	--tw-bg-opacity: 1;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
}
html.dark{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
html.dark body{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
html.dark body *, html.dark body ::before, html.dark body ::after{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}
html body {
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-family: Roboto;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }
.main {
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
.top-bar {
    height: 67px;
    z-index: 51;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(222, 229, 245, var(--tw-border-opacity));
  }
.content--dashboard .top-bar{
	--tw-border-opacity: 1;
	border-color: rgba(41, 76, 183, var(--tw-border-opacity));
}
.dark .content--dashboard .top-bar{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}
.login{
	position: relative;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.dark .login{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
@media (max-width: 1279px) {
    .login {
      background: linear-gradient(to bottom, #5ab3ea, #417dcc);
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
  }
.login:before {
    content: "";
    margin-left: -48%;
    background-image: url(../assets/images/bg-login-page.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
  }
@media (max-width: 1279px) {
    .login:before{
		display: none;
	}
  }
.login .login__input {
    min-width: 350px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.0274509804);
  }
@media (max-width: 1279px) {
    .login .login__input{
		min-width: 100%;
	}
  }
.dark .login:before {
    background-image: url(../assets/images/bg-login-page-dark.svg);
  }
@media (max-width: 1279px) {
    .dark .login {
      background: #a9c1ff;
    }
  }
.table-report:not(.table-report--bordered):not(.table-report--tabulator) {
    border-spacing: 0 10px;
    border-collapse: separate;
  }
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.dark .table-report:not(.table-report--bordered):not(.table-report--tabulator) td{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td {
    box-shadow: 20px 3px 20px rgba(0, 0, 0, 0.0431372549);
  }
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td:first-child{
	border-top-left-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td:last-child{
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td.table-report__action{
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td.table-report__action:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-top: auto;
    margin-bottom: auto;
    height: 2rem;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }
.dark .table-report:not(.table-report--bordered):not(.table-report--tabulator) td.table-report__action:before{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.table-report img {
    box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, 0.32);
  }
.table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(3) .tabulator-col-content .tabulator-col-title, .table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(4) .tabulator-col-content .tabulator-col-title, .table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(5) .tabulator-col-content .tabulator-col-title, .table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(6) .tabulator-col-content .tabulator-col-title{
	text-align: center;
}
.dark .table-report img {
    box-shadow: 0px 0px 0px 2px #3f4865, 1px 1px 5px rgba(0, 0, 0, 0.32);
  }
.dark .report-chart:before {
    background: linear-gradient(to right, #313b56, #313b56, transparent);
  }
.dark .report-chart:after {
    background: linear-gradient(to right, transparent, #313b56, #313b56);
  }
.search{
	position: relative;
}
.\!search{
	position: relative;
}
.search .search__input{
	width: 14rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(214, 225, 245, var(--tw-bg-opacity));
	padding-right: 2rem;
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .search .search__input{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.\!search .\!search__input{
	width: 14rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(214, 225, 245, var(--tw-bg-opacity));
	padding-right: 2rem;
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .\!search .\!search__input{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.search .search__icon{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 0.75rem;
	height: 1.25rem;
	width: 1.25rem;
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.\!search .\!search__icon{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 0.75rem;
	height: 1.25rem;
	width: 1.25rem;
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.content--light .search .search__input{
	--tw-bg-opacity: 1;
	background-color: rgba(240, 245, 255, var(--tw-bg-opacity));
}
.\!content--light .\!search .\!search__input{
	--tw-bg-opacity: 1;
	background-color: rgba(240, 245, 255, var(--tw-bg-opacity));
}
.content--light .search .search__icon{
	--tw-text-opacity: 1;
	color: rgba(126, 139, 180, var(--tw-text-opacity));
}
.\!content--light .\!search .\!search__icon{
	--tw-text-opacity: 1;
	color: rgba(126, 139, 180, var(--tw-text-opacity));
}
.notification{
	position: relative;
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.notification.notification--light{
	--tw-text-opacity: 1;
	color: rgba(168, 182, 219, var(--tw-text-opacity));
}
.notification .notification__icon{
	height: 1.25rem;
	width: 1.25rem;
}
.notification.notification--bullet:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(230, 59, 31, var(--tw-bg-opacity));
  }
.content--dashboard .notification{
	--tw-text-opacity: 1;
	color: rgba(168, 182, 219, var(--tw-text-opacity));
}
.report-box{
	position: relative;
}
.report-box:before {
    content: "";
    width: 90%;
    background: #282828;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.0431372549);
    background-color: #282828 !important;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.75rem;
    height: 100%;
    border-radius: 0.375rem;
  }
.report-box .report-box__icon {
    width: 28px;
    height: 28px;
  }
.report-box .report-box__indicator {
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    align-items: center;
    border-radius: 9999px;
    padding-left: 0.5rem;
    padding-right: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
.report-box .box {
    background: #585757;
  }
.dark .report-box:before {
    background: #282828;
  }
.box {
    background: #4c4b4b;
  }
.dark .report-box-2:before {
    background: #2d3650;
  }
@keyframes intro-report-box-3-animation {
    100%{
		opacity: 1;
	}
    100% {
      transform: translateX(0px);
    }
  }
@keyframes intro-report-box-4-animation {
    100%{
		opacity: 1;
	}
    100% {
      transform: translateX(0px);
    }
  }
.content {
    border-radius: 35px/50px 0px 0px 0px;
    position: relative;
    margin-left: 1rem;
    min-height: 100vh;
    min-width: 0px;
    flex: 1 1 0%;
    --tw-bg-opacity: 1;
    background-color: rgba(240, 245, 255, var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 2.5rem;
  }
.dark .content{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
@media (max-width: 767px) {
    .content {
      border-radius: 0px;
    }
    .content{
		margin-left: 0px;
	}
    .content{
		max-width: 100%;
	}
    .content{
		padding-left: 1rem;
		padding-right: 1rem;
	}
  }
.content.content--dashboard, .content.content--dashboard.content--top-nav{
	--tw-bg-opacity: 1;
	background-color: rgba(28, 63, 170, var(--tw-bg-opacity));
}
.dark .content.content--dashboard, .dark .content.content--dashboard.content--top-nav{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.content.content--dashboard:after, .content.content--dashboard.content--top-nav:after{
	--tw-bg-opacity: 1;
	background-color: rgba(23, 44, 105, var(--tw-bg-opacity));
}
.content:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
  }
.content:after {
    content: "";
    z-index: -1;
    border-radius: 40px 0px 0px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-top: 2rem;
    margin-left: -1rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(191, 203, 228, var(--tw-bg-opacity));
  }
.dark .content:after{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.content.content--top-nav {
    border-radius: 35px 35px 0px 0px;
    margin-top: 2rem;
    margin-left: 0px;
  }
.content.content--top-nav:after {
    width: 97%;
    border-radius: 40px 40px 0px 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1rem;
    --tw-bg-opacity: 1;
    background-color: rgba(191, 203, 228, var(--tw-bg-opacity));
  }
.dark .content.content--top-nav:after{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
@keyframes intro-top-menu-animation {
    100%{
		opacity: 1;
	}
    100% {
      transform: translateY(0px);
    }
  }
@keyframes intro-active-top-menu-animation {
    100%{
		z-index: 10;
	}
  }
.dark .top-nav > ul li ul {
    background: rgba(24, 31, 41, 0.9019607843);
  }
.side-nav {
    width: 250px;
    overflow-x: hidden;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 4rem;
  }
@media (max-width: 1279px) {
    .side-nav {
      width: 105px;
    }
  }
@media (max-width: 767px) {
    .side-nav{
		display: none;
	}
  }
.side-nav.side-nav--simple {
    width: 105px;
  }
.side-nav.side-nav--simple .side-menu .side-menu__title{
	display: none;
}
.side-nav.side-nav--simple .side-menu .side-menu__title .side-menu__sub-icon{
	display: none;
}
.side-nav.side-nav--simple .side-menu:not(.side-menu--active) .side-menu__icon:before{
	display: none;
}
.side-nav .side-nav__devider{
	position: relative;
	z-index: 10;
	height: 1px;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgba(38, 52, 87, var(--tw-bg-opacity));
}
.dark .side-nav .side-nav__devider{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.side-nav .side-menu {
    height: 50px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    padding-left: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(240, 245, 255, var(--tw-text-opacity));
  }
.side-nav .side-menu .side-menu__title{
	margin-left: 0.75rem;
	display: flex;
	width: 100%;
	align-items: center;
}
.side-nav .side-menu .side-menu__title .side-menu__sub-icon{
	margin-left: auto;
	margin-right: 1.25rem;
	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;
	transition-duration: 100ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.side-nav .side-menu .side-menu__title .side-menu__sub-icon svg{
	height: 1rem;
	width: 1rem;
}
@media (max-width: 1279px) {
    .side-nav .side-menu .side-menu__title .side-menu__sub-icon{
		display: none;
	}
    .side-nav .side-menu .side-menu__title{
		display: none;
	}
  }
.side-nav > ul > li:nth-child(1).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
}
.side-nav > ul > li:nth-child(1) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
}
.side-nav > ul > li:nth-child(1) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(2).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
}
.side-nav > ul > li:nth-child(2) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
}
.side-nav > ul > li:nth-child(2) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(3).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
}
.side-nav > ul > li:nth-child(3) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
}
.side-nav > ul > li:nth-child(3) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(4).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
}
.side-nav > ul > li:nth-child(4) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
}
.side-nav > ul > li:nth-child(4) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(5).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
.side-nav > ul > li:nth-child(5) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
.side-nav > ul > li:nth-child(5) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(6).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
}
.side-nav > ul > li:nth-child(6) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
}
.side-nav > ul > li:nth-child(6) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(7).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
}
.side-nav > ul > li:nth-child(7) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
}
.side-nav > ul > li:nth-child(7) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(8).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
}
.side-nav > ul > li:nth-child(8) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
}
.side-nav > ul > li:nth-child(8) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(9).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
}
.side-nav > ul > li:nth-child(9) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
}
.side-nav > ul > li:nth-child(9) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(10).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
.side-nav > ul > li:nth-child(10) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
.side-nav > ul > li:nth-child(10) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(11).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
}
.side-nav > ul > li:nth-child(11) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
}
.side-nav > ul > li:nth-child(11) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(12).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
}
.side-nav > ul > li:nth-child(12) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
}
.side-nav > ul > li:nth-child(12) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(13).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
}
.side-nav > ul > li:nth-child(13) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
}
.side-nav > ul > li:nth-child(13) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(14).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
}
.side-nav > ul > li:nth-child(14) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
}
.side-nav > ul > li:nth-child(14) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(15).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
}
.side-nav > ul > li:nth-child(15) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
}
.side-nav > ul > li:nth-child(15) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(16).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
}
.side-nav > ul > li:nth-child(16) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
}
.side-nav > ul > li:nth-child(16) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(17).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
}
.side-nav > ul > li:nth-child(17) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
}
.side-nav > ul > li:nth-child(17) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(18).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
}
.side-nav > ul > li:nth-child(18) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
}
.side-nav > ul > li:nth-child(18) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(19).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
}
.side-nav > ul > li:nth-child(19) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
}
.side-nav > ul > li:nth-child(19) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(20).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}
.side-nav > ul > li:nth-child(20) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}
.side-nav > ul > li:nth-child(20) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(21).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
}
.side-nav > ul > li:nth-child(21) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
}
.side-nav > ul > li:nth-child(21) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(22).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
}
.side-nav > ul > li:nth-child(22) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
}
.side-nav > ul > li:nth-child(22) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(23).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
}
.side-nav > ul > li:nth-child(23) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
}
.side-nav > ul > li:nth-child(23) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(24).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
}
.side-nav > ul > li:nth-child(24) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
}
.side-nav > ul > li:nth-child(24) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(25).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
}
.side-nav > ul > li:nth-child(25) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
}
.side-nav > ul > li:nth-child(25) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(26).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
}
.side-nav > ul > li:nth-child(26) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
}
.side-nav > ul > li:nth-child(26) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(27).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.7s;
}
.side-nav > ul > li:nth-child(27) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.7s;
}
.side-nav > ul > li:nth-child(27) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(28).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
}
.side-nav > ul > li:nth-child(28) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
}
.side-nav > ul > li:nth-child(28) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(29).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
}
.side-nav > ul > li:nth-child(29) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
}
.side-nav > ul > li:nth-child(29) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(30).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
}
.side-nav > ul > li:nth-child(30) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
}
.side-nav > ul > li:nth-child(30) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(31).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.1s;
}
.side-nav > ul > li:nth-child(31) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.1s;
}
.side-nav > ul > li:nth-child(31) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(32).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.2s;
}
.side-nav > ul > li:nth-child(32) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.2s;
}
.side-nav > ul > li:nth-child(32) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(33).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.3s;
}
.side-nav > ul > li:nth-child(33) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.3s;
}
.side-nav > ul > li:nth-child(33) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(34).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.4s;
}
.side-nav > ul > li:nth-child(34) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.4s;
}
.side-nav > ul > li:nth-child(34) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(35).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s;
}
.side-nav > ul > li:nth-child(35) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s;
}
.side-nav > ul > li:nth-child(35) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(36).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.6s;
}
.side-nav > ul > li:nth-child(36) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.6s;
}
.side-nav > ul > li:nth-child(36) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(37).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.7s;
}
.side-nav > ul > li:nth-child(37) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.7s;
}
.side-nav > ul > li:nth-child(37) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(38).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;
}
.side-nav > ul > li:nth-child(38) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;
}
.side-nav > ul > li:nth-child(38) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(39).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.9s;
}
.side-nav > ul > li:nth-child(39) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.9s;
}
.side-nav > ul > li:nth-child(39) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(40).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
}
.side-nav > ul > li:nth-child(40) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
}
.side-nav > ul > li:nth-child(40) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(41).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.1s;
}
.side-nav > ul > li:nth-child(41) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.1s;
}
.side-nav > ul > li:nth-child(41) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(42).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
}
.side-nav > ul > li:nth-child(42) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
}
.side-nav > ul > li:nth-child(42) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(43).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.3s;
}
.side-nav > ul > li:nth-child(43) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.3s;
}
.side-nav > ul > li:nth-child(43) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(44).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.4s;
}
.side-nav > ul > li:nth-child(44) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.4s;
}
.side-nav > ul > li:nth-child(44) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(45).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s;
}
.side-nav > ul > li:nth-child(45) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s;
}
.side-nav > ul > li:nth-child(45) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(46).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.6s;
}
.side-nav > ul > li:nth-child(46) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.6s;
}
.side-nav > ul > li:nth-child(46) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(47).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.7s;
}
.side-nav > ul > li:nth-child(47) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.7s;
}
.side-nav > ul > li:nth-child(47) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(48).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.8s;
}
.side-nav > ul > li:nth-child(48) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.8s;
}
.side-nav > ul > li:nth-child(48) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(49).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.9s;
}
.side-nav > ul > li:nth-child(49) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.9s;
}
.side-nav > ul > li:nth-child(49) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul > li:nth-child(50).side-nav__devider{
	opacity: 0;
    animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
}
.side-nav > ul > li:nth-child(50) > a:not(.side-menu--active){
	opacity: 0;
    transform: translateX(50px);
    animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
}
.side-nav > ul > li:nth-child(50) > a.side-menu--active {
    animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
  }
.side-nav > ul ul {
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgba(27, 40, 74, var(--tw-bg-opacity));
  }
.dark .side-nav > ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
}
.side-nav > ul ul li:nth-child(1) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
}
.side-nav > ul ul li:nth-child(2) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
}
.side-nav > ul ul li:nth-child(3) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
}
.side-nav > ul ul li:nth-child(4) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
}
.side-nav > ul ul li:nth-child(5) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
.side-nav > ul ul li:nth-child(6) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
}
.side-nav > ul ul li:nth-child(7) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
}
.side-nav > ul ul li:nth-child(8) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
}
.side-nav > ul ul li:nth-child(9) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
}
.side-nav > ul ul li:nth-child(10) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
.side-nav > ul ul li:nth-child(11) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
}
.side-nav > ul ul li:nth-child(12) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
}
.side-nav > ul ul li:nth-child(13) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
}
.side-nav > ul ul li:nth-child(14) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
}
.side-nav > ul ul li:nth-child(15) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
}
.side-nav > ul ul li:nth-child(16) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
}
.side-nav > ul ul li:nth-child(17) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
}
.side-nav > ul ul li:nth-child(18) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
}
.side-nav > ul ul li:nth-child(19) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
}
.side-nav > ul ul li:nth-child(20) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}
.side-nav > ul ul li:nth-child(21) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
}
.side-nav > ul ul li:nth-child(22) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
}
.side-nav > ul ul li:nth-child(23) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
}
.side-nav > ul ul li:nth-child(24) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
}
.side-nav > ul ul li:nth-child(25) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
}
.side-nav > ul ul li:nth-child(26) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
}
.side-nav > ul ul li:nth-child(27) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.7s;
}
.side-nav > ul ul li:nth-child(28) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
}
.side-nav > ul ul li:nth-child(29) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
}
.side-nav > ul ul li:nth-child(30) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
}
.side-nav > ul ul li:nth-child(31) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.1s;
}
.side-nav > ul ul li:nth-child(32) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.2s;
}
.side-nav > ul ul li:nth-child(33) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.3s;
}
.side-nav > ul ul li:nth-child(34) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.4s;
}
.side-nav > ul ul li:nth-child(35) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s;
}
.side-nav > ul ul li:nth-child(36) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.6s;
}
.side-nav > ul ul li:nth-child(37) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.7s;
}
.side-nav > ul ul li:nth-child(38) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;
}
.side-nav > ul ul li:nth-child(39) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.9s;
}
.side-nav > ul ul li:nth-child(40) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
}
.side-nav > ul ul li:nth-child(41) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.1s;
}
.side-nav > ul ul li:nth-child(42) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
}
.side-nav > ul ul li:nth-child(43) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.3s;
}
.side-nav > ul ul li:nth-child(44) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.4s;
}
.side-nav > ul ul li:nth-child(45) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s;
}
.side-nav > ul ul li:nth-child(46) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.6s;
}
.side-nav > ul ul li:nth-child(47) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.7s;
}
.side-nav > ul ul li:nth-child(48) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.8s;
}
.side-nav > ul ul li:nth-child(49) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.9s;
}
.side-nav > ul ul li:nth-child(50) > a{
	opacity: 0;
    transform: translateX(50px);
    animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
}
.side-nav > ul ul.side-menu__sub-open{
	display: block;
}
.side-nav > ul ul .side-menu__icon:before{
	display: none;
}
.side-nav > ul ul li a:not(.side-menu--active){
	--tw-text-opacity: 1;
	color: rgba(116, 134, 162, var(--tw-text-opacity));
}
.dark .side-nav > ul ul li a:not(.side-menu--active){
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.side-nav > ul ul li a.side-menu--active .side-menu__title{
	font-weight: 500;
}
.side-nav > ul ul ul {
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgba(30, 44, 80, var(--tw-bg-opacity));
  }
.dark .side-nav > ul ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(40, 40, 40, var(--tw-bg-opacity));
}
.side-nav > ul > li > .side-menu.side-menu--active{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
}
.dark .side-nav > ul > li > .side-menu.side-menu--active{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.side-nav > ul > li > .side-menu.side-menu--active .side-menu__icon{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.side-nav > ul > li > .side-menu.side-menu--active .side-menu__title{
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .side-nav > ul > li > .side-menu .side-menu__icon{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.dark .side-nav > ul > li > .side-menu .side-menu__title{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
@keyframes intro-devider-animation {
    100%{
		opacity: 1;
	}
  }
@keyframes intro-menu-animation {
    100%{
		opacity: 1;
	}
    100% {
      transform: translateX(0px);
    }
  }
@keyframes intro-submenu-animation {
    100%{
		opacity: 1;
	}
    100% {
      transform: translateX(0px);
    }
  }
@keyframes intro-active-menu-animation {
    100%{
		z-index: 10;
	}
  }
.breadcrumb{
	display: flex;
	align-items: center;
	--tw-text-opacity: 1;
	color: rgba(21, 55, 157, var(--tw-text-opacity));
}
.dark .breadcrumb{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.breadcrumb.breadcrumb--light{
	margin-left: 2.5rem;
	height: 100%;
	border-left-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(38, 52, 87, var(--tw-border-opacity));
	padding-left: 2.5rem;
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .breadcrumb.breadcrumb--light{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}
@media (max-width: 767px) {
    .breadcrumb.breadcrumb--light{
		margin-left: 0px;
	}
    .breadcrumb.breadcrumb--light{
		border-left-width: 0px;
	}
    .breadcrumb.breadcrumb--light{
		padding-left: 0px;
	}
  }
.breadcrumb.breadcrumb--light .breadcrumb--active{
	--tw-text-opacity: 1;
	color: rgba(168, 182, 219, var(--tw-text-opacity));
}
.dark .breadcrumb.breadcrumb--light .breadcrumb--active{
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.breadcrumb .breadcrumb__icon {
    width: 14px;
    height: 14px;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
.breadcrumb .breadcrumb--active{
	cursor: text;
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.dark .breadcrumb .breadcrumb--active{
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.content--dashboard .breadcrumb{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.content--dashboard .breadcrumb .breadcrumb--active{
	--tw-text-opacity: 1;
	color: rgba(168, 182, 219, var(--tw-text-opacity));
}
.toastify {
    background: none;
    padding: 0px;
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
@media (max-width: 767px) {
    .toastify {
      max-width: calc(100% - 30px);
    }
  }
.toastify .toast-close{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	display: flex;
	align-items: center;
	padding-right: 0.75rem;
	color: transparent;
	opacity: 1;
}
.toastify .toast-close:before {
    content: "×";
    margin-top: -0.375rem;
    display: block;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }
.toastify-content{
	border-radius: 0.5rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 1.25rem;
	padding-right: 3.5rem;
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .toastify-content{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.feather{
	display: inline-block;
	stroke-width: 1.5;
}
.top-bar-boxed {
    height: 70px;
    z-index: 51;
    position: relative;
  }
.mobile-menu{
	margin-bottom: 1.5rem;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(222, 229, 245, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(240, 245, 255, var(--tw-bg-opacity));
}
.dark .mobile-menu{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.mobile-menu.mobile-menu--light{
	--tw-border-opacity: 1;
	border-color: rgba(38, 52, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(22, 35, 67, var(--tw-bg-opacity));
}
.dark .mobile-menu.mobile-menu--light{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.mobile-menu.mobile-menu--light .mobile-menu-bar a svg{
	--tw-text-opacity: 1;
	color: rgba(116, 134, 162, var(--tw-text-opacity));
}
.dark .mobile-menu.mobile-menu--light .mobile-menu-bar a svg{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.mobile-menu.mobile-menu--light .menu{
	--tw-text-opacity: 1;
	color: rgba(116, 134, 162, var(--tw-text-opacity));
}
.dark .mobile-menu.mobile-menu--light .menu{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.mobile-menu.mobile-menu--light .mobile-menu-box{
	--tw-border-opacity: 1;
	border-color: rgba(38, 52, 87, var(--tw-border-opacity));
}
.mobile-menu.mobile-menu--light .menu__devider{
	--tw-bg-opacity: 1;
	background-color: rgba(38, 52, 87, var(--tw-bg-opacity));
}
.mobile-menu.mobile-menu--light ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(27, 40, 74, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
.mobile-menu.mobile-menu--light ul ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(30, 44, 80, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
.mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light){
	--tw-border-opacity: 1;
	border-color: rgba(41, 76, 183, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(28, 63, 170, var(--tw-bg-opacity));
}
.dark .mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light){
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .mobile-menu-bar a svg{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .mobile-menu-bar a svg{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .menu{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .menu{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .mobile-menu-box{
	--tw-border-opacity: 1;
	border-color: rgba(41, 76, 183, var(--tw-border-opacity));
}
.dark .mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .mobile-menu-box{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}
.mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .menu__devider{
	--tw-bg-opacity: 1;
	background-color: rgba(41, 76, 183, var(--tw-bg-opacity));
}
.dark .mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) .menu__devider{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(27, 56, 159, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
.dark .mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
.mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) ul ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(24, 50, 149, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
.dark .mobile-menu.mobile-menu--dashboard:not(.mobile-menu--light) ul ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(40, 40, 40, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
@media (max-width: 767px) {
    .mobile-menu{
		margin-bottom: 0px;
	}
  }
.mobile-menu .mobile-menu-bar {
    height: 70px;
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgba(240, 245, 255, var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgba(116, 134, 162, var(--tw-text-opacity));
  }
.mobile-menu .mobile-menu-box{
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(222, 229, 245, var(--tw-border-opacity));
}
.dark .mobile-menu .mobile-menu-box{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}
.mobile-menu ul.menu__sub-open{
	display: block;
}
.mobile-menu ul li {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
.mobile-menu ul li ul{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgba(214, 225, 245, var(--tw-bg-opacity));
	--tw-bg-opacity: 0.5;
}
.dark .mobile-menu ul li ul{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
@media (max-width: 639px) {
    .mobile-menu ul li ul{
		margin-left: 0.75rem;
		margin-right: 0.75rem;
	}
  }
.mobile-menu ul li ul .menu{
	padding-left: 1rem;
	padding-right: 1rem;
}
.mobile-menu ul li ul ul{
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 0.375rem;
	--tw-bg-opacity: 0.7;
}
.dark .mobile-menu ul li ul ul{
	--tw-bg-opacity: 1;
	background-color: rgba(40, 40, 40, var(--tw-bg-opacity));
	--tw-bg-opacity: 1;
}
.mobile-menu .menu__devider{
	position: relative;
	height: 1px;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgba(222, 229, 245, var(--tw-bg-opacity));
}
.dark .mobile-menu .menu__devider{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.mobile-menu .menu {
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }
.dark .mobile-menu .menu{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (max-width: 639px) {
    .mobile-menu .menu{
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
  }
.mobile-menu .menu .menu__title{
	margin-left: 0.75rem;
	display: flex;
	width: 100%;
	align-items: center;
}
.mobile-menu .menu .menu__title .menu__sub-icon{
	margin-left: auto;
	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;
	transition-duration: 100ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.mobile-menu .menu .menu__title .menu__sub-icon svg{
	height: 1.25rem;
	width: 1.25rem;
}
.inbox-filter__dropdown-menu .dropdown-menu__content {
    margin-left: -228px;
    width: auto;
  }
.inbox .inbox__item{
	transform: var(--tw-transform);
	cursor: pointer;
	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;
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.inbox .inbox__item:hover {
    transform: scale(1.02, 1.02);
    position: relative;
    z-index: 20;
    border-radius: 0.25rem;
    border-width: 0px;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.inbox .inbox__item.inbox__item--active{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.dark .inbox .inbox__item.inbox__item--active{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.inbox .inbox__item.inbox__item--active .inbox__item--sender{
	font-weight: 500;
}
.inbox .inbox__item.inbox__item--active .inbox__item--highlight{
	font-weight: 500;
}
.inbox .inbox__item.inbox__item--active .inbox__item--time{
	font-weight: 500;
}
.inbox .form-check-input{
	--tw-border-opacity: 1;
	border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}
.inbox .form-check-input:checked{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}
.chat .chat__tabs a.active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.\!chat .\!chat__tabs a.\!active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.chat .chat__chat-list {
    height: 762px;
  }
.\!chat .\!chat__chat-list {
    height: 762px !important;
  }
.chat .chat__user-list {
    height: 762px;
  }
.\!chat .\!chat__user-list {
    height: 762px !important;
  }
.chat .chat__box {
    height: 762px;
  }
.\!chat .\!chat__box {
    height: 762px !important;
  }
.chat .chat__box .chat__box__text-box {
    max-width: 49%;
  }
.\!chat .\!chat__box .\!chat__box__text-box {
    max-width: 49% !important;
  }
@media (max-width: 639px) {
    .chat .chat__box .chat__box__text-box {
      max-width: 90%;
    }
    .\!chat .\!chat__box .\!chat__box__text-box {
      max-width: 90% !important;
    }
  }
.chat .chat__box__input {
    height: 46px;
  }
.\!chat .\!chat__box__input {
    height: 46px !important;
  }
.nav.nav-tabs.boxed-tabs a{
	border-bottom-width: 0px;
}
.nav.nav-tabs.boxed-tabs a.active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .nav.nav-tabs.boxed-tabs a.active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.chat-dropdown .chat-dropdown__box .chat-dropdown__box__tabs a.active{
	border-bottom-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.dark .chat-dropdown .chat-dropdown__box .chat-dropdown__box__tabs a.active{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.wizard .wizard__line {
    height: 3px;
  }
.pricing-tabs a.active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.search-result {
    width: 450px;
    visibility: hidden;
    position: absolute;
    right: 0px;
    z-index: 20;
    margin-top: 0.25rem;
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s 0s;
  }
.search-result.show {
    transition: visibility 0s linear 0s, opacity 0.2s 0s;
    visibility: visible;
    opacity: 1;
  }
.\!search-result.\!show {
    transition: visibility 0s linear 0s, opacity 0.2s 0s !important;
    visibility: visible;
    opacity: 1;
  }
.search-result.show > .search-result__content {
    margin-top: -1px;
  }
.\!search-result.\!show > .\!search-result__content {
    margin-top: -1px !important;
  }
.search-result.show > .search-result__content .tab-content .tab-pane{
	visibility: visible;
}
.\!search-result.\!show > .\!search-result__content .\!tab-content .\!tab-pane{
	visibility: visible;
}
.search-result .search-result__content {
    transition: margin-top 0.2s;
    margin-top: 1.25rem;
    padding: 1.25rem;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.0431372549);
    position: relative;
    border-radius: 0.375rem;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
.dark .search-result .search-result__content{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.report-box .search-result .search-result__content {
    background: #585757;
  }
.search-result .search-result__content {
    background: #4c4b4b;
  }
.dark .search-result .search-result__content{
	--tw-bg-opacity: 1;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
}
.search-result .search-result__content .search-result__content__title{
	margin-bottom: 0.5rem;
	font-weight: 500;
}
.report-maps {
    height: 310px;
  }
.pos .pos-image:before {
    content: "";
    padding-top: 100%;
    display: block;
    width: 100%;
  }
.pos .pos-image .pos-image__preview{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.pos .pos-image .pos-image__preview img{
	border-radius: 0.375rem;
}
.pos .pos__tabs a.active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.pos .pos__ticket .pos__ticket__item-name {
    max-width: 50%;
  }
.pos .pos__box {
    height: 780px;
  }
.post .post__tabs a{
	border-bottom-width: 0px;
}
.post .post__tabs a.active{
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(47, 90, 216, var(--tw-text-opacity));
}
.dark .post .post__tabs a.active{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.litepicker{
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	font-size: 0.875rem;
	line-height: 1.25rem;
    z-index: 999999 !important;
    margin-top: 7px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.0784313725);
}
@media (max-width: 1023px) {
    .litepicker {
      width: 310px;
    }
  }
@media (max-width: 639px) {
    .litepicker {
      left: 0px !important;
    }
    .litepicker{
		right: 0px;
	}
    .litepicker{
		margin-left: auto;
		margin-right: auto;
	}
  }
.litepicker:before {
    content: "";
    left: 9px;
    top: -7px;
    border-bottom-color: #f7f7f7;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e8e8e8;
    position: absolute;
    display: inline-block;
  }
.litepicker:after {
    content: "";
    left: 10px;
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    position: absolute;
    display: inline-block;
  }
.litepicker .container__months, .litepicker .container__footer{
	background-color: transparent;
	padding-top: 0px;
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.litepicker .container__footer{
	margin: 0px;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	padding: 0.75rem;
}
@media (max-width: 1023px) {
    .litepicker .container__footer{
		display: flex;
	}
    .litepicker .container__footer{
		flex-direction: column-reverse;
	}
    .litepicker .container__footer{
		text-align: center;
	}
    .litepicker .container__footer .preview-date-range{
		order: 1;
	}
    .litepicker .container__footer .preview-date-range{
		margin-bottom: 0.375rem;
	}
    .litepicker .container__footer .preview-date-range{
		display: block;
	}
    .litepicker .container__footer .preview-date-range{
		width: 100%;
	}
    .litepicker .container__footer .button-cancel {
      width: 100% !important;
      margin-left: 0px !important;
      padding-top: 0.375rem !important;
      padding-bottom: 0.375rem !important;
    }
    .litepicker .container__footer .button-apply {
      width: 100% !important;
      margin-left: 0px !important;
      padding-top: 0.375rem !important;
      padding-bottom: 0.375rem !important;
    }
    .litepicker .container__footer .button-apply{
		margin-bottom: 0.375rem;
	}
  }
.litepicker .container__footer .button-apply, .litepicker .container__footer .button-cancel{
	margin-left: 0.25rem;
	margin-right: 0px;
	width: 5rem;
	border-radius: 0.375rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-weight: 500;
}
.litepicker .container__footer .button-apply{
	--tw-bg-opacity: 1;
	background-color: rgba(84, 127, 252, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.litepicker .container__footer .button-cancel{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.litepicker .container__months{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.litepicker .container__months .month-item-weekdays-row{
	margin-top: 0.75rem;
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.litepicker .container__months .month-item-header{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0.5rem;
}
.litepicker .container__months .month-item-header .button-previous-month{
	display: flex;
	height: 2rem;
	width: 2rem;
	align-items: center;
	justify-content: center;
}
.litepicker .container__months .month-item-header .button-previous-month:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.litepicker .container__months .month-item-header .button-previous-month svg {
    transform: rotate(135deg);
    margin-right: -0.25rem;
  }
.litepicker .container__months .month-item-header .button-next-month{
	display: flex;
	height: 2rem;
	width: 2rem;
	align-items: center;
	justify-content: center;
}
.litepicker .container__months .month-item-header .button-next-month:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.litepicker .container__months .month-item-header .button-next-month svg {
    transform: rotate(-45deg);
    margin-left: -0.25rem;
  }
.litepicker .container__months .month-item-header .button-previous-month:hover svg,
  .litepicker .container__months .month-item-header .button-previous-month svg,
  .litepicker .container__months .month-item-header .button-next-month:hover svg,
  .litepicker .container__months .month-item-header .button-next-month svg {
    fill: transparent;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    border-color: #4a5568;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
  }
.litepicker .container__months .month-item-header div > .month-item-name,
  .litepicker .container__months .month-item-header div > .month-item-year {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 15px;
    background-position: center right 0.6rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0.375rem;
    border-width: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 2rem;
  }
.litepicker .container__days .day-item{
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.litepicker .container__days .day-item:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.litepicker .container__days .day-item.is-today, .litepicker .container__days .day-item.is-today:hover{
	--tw-text-opacity: 1;
	color: rgba(27, 40, 74, var(--tw-text-opacity));
}
.litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-start-date:hover, .litepicker .container__days .day-item.is-end-date, .litepicker .container__days .day-item.is-end-date:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(84, 127, 252, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.litepicker .container__days .day-item.is-in-range, .litepicker .container__days .day-item.is-in-range:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.litepicker .container__days .week-number{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
@media (max-width: 1023px) {
    :root {
      --litepicker-day-width: 35px;
    }
  }
.dark .litepicker{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark .litepicker:before, .dark .litepicker:after {
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #293145;
  }
.dark .litepicker .container__months .button-previous-month:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .litepicker .container__months .button-next-month:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .litepicker .container__months .month-item-header .button-previous-month:hover svg, .dark .litepicker .container__months .month-item-header .button-previous-month svg, .dark .litepicker .container__months .month-item-header .button-next-month:hover svg, .dark .litepicker .container__months .month-item-header .button-next-month svg{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.dark .litepicker .container__months .month-item-header div > .month-item-name, .dark .litepicker .container__months .month-item-header div > .month-item-year{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .litepicker .container__days .day-item{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .litepicker .container__days .day-item:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .litepicker .container__days .day-item.is-start-date, .dark .litepicker .container__days .day-item.is-start-date:hover, .dark .litepicker .container__days .day-item.is-end-date, .dark .litepicker .container__days .day-item.is-end-date:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(84, 127, 252, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .litepicker .container__days .day-item.is-in-range, .dark .litepicker .container__days .day-item.is-in-range:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .litepicker .container__days .day-item.is-today, .dark .litepicker .container__days .day-item.is-today:hover{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .litepicker .container__footer{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}
.dark .litepicker .container__footer .button-cancel{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .litepicker .container__tooltip{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.dark .litepicker .container__tooltip:before, .dark .litepicker .container__tooltip:after {
    border-top-color: #3f4865;
  }
.tooltip-content {
    left: 10000px;
    position: fixed;
  }
.dark .tippy-box {
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.1490196078), 0 4px 80px -8px rgba(36, 40, 47, 0.2509803922), 0 4px 4px -2px rgba(91, 94, 105, 0.1490196078);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
.dark .tippy-box > .tippy-svg-arrow {
    fill: #2a3244;
  }
.tabulator{
	overflow: hidden;
	border-width: 0px;
	background-color: transparent;
}
.tabulator .tabulator-header{
	border-top-width: 1px;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
	background-color: transparent;
	font-weight: 500;
	color: current;
}
.tabulator .tabulator-header .tabulator-headers .tabulator-col{
	border-right-width: 0px;
	background-color: transparent;
}
.tabulator .tabulator-header .tabulator-headers .tabulator-col:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-col-title{
	padding-right: 0px;
}
.tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-arrow {
    top: -3px;
    border-left-width: 5px;
    border-right-width: 5px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
  }
.tabulator .tabulator-header .tabulator-headers .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-arrow {
    border-bottom-color: #cbd5e0;
  }
.tabulator .tabulator-row{
	border-bottom-width: 1px;
	border-right-width: 0px;
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.tabulator .tabulator-row:hover, .tabulator .tabulator-row.tabulator-row-even:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}
.tabulator .tabulator-row.tabulator-row-even{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.tabulator .tabulator-row .tabulator-cell{
	border-right-width: 0px;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle{
	padding-left: 0px;
	padding-right: 0px;
}
.tabulator .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{
	margin-right: -1.25rem;
	height: 1rem;
	width: 1rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}
.tabulator .tabulator-row .tabulator-responsive-collapse{
	border-bottom-width: 0px;
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
	padding: 0.75rem;
}
.tabulator .tabulator-row .tabulator-responsive-collapse td{
	padding: 0.5rem;
}
.tabulator .tabulator-row .tabulator-responsive-collapse td strong{
	font-weight: 500;
}
.tabulator .tabulator-footer{
	margin-top: 0.5rem;
	border-top-width: 0px;
	background-color: transparent;
	padding: 0px;
}
@media (max-width: 767px) {
    .tabulator .tabulator-footer{
		white-space: normal;
	}
  }
.tabulator .tabulator-footer .tabulator-paginator{
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
    .tabulator .tabulator-footer .tabulator-paginator{
		display: block;
	}
    .tabulator .tabulator-footer .tabulator-paginator{
		text-align: left;
	}
  }
.tabulator .tabulator-footer .tabulator-paginator > label{
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 15px;
    background-position: center right 0.6rem;
    margin-left: 0.5rem;
    margin-right: auto;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    background-repeat: no-repeat;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 2rem;
  }
@media (max-width: 767px) {
    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size{
		margin-right: 0.75rem;
	}
  }
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
    min-width: 40px;
    display: inline-flex;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    border-width: 1px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-weight: 500;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    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;
    transition-duration: 200ms;
  }
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover:not(:disabled){
	--tw-border-opacity: 0.9;
	--tw-bg-opacity: 0.9;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(button){
	text-align: center;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:disabled{
	cursor: not-allowed;
	opacity: 0.7;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page{
	align-items: center;
	justify-content: center;
	border-color: transparent;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
@media (max-width: 639px) {
    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page{
		margin-right: 0px;
	}
    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
  }
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
	color: current;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
	font-weight: 500;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=first], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=prev], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=next], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=last]{
	width: 1.25rem;
	color: transparent;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=first] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='11 17 6 12 11 7'%3E%3C/polyline%3E%3Cpolyline points='18 17 13 12 18 7'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
  }
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=prev] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 45%;
    background-position: center;
    background-repeat: no-repeat;
  }
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=next] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 45%;
    background-position: center;
    background-repeat: no-repeat;
  }
.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=last] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='13 17 18 12 13 7'%3E%3C/polyline%3E%3Cpolyline points='6 17 11 12 6 7'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
  }
.tabulator .tabulator-tableHolder .tabulator-placeholder span{
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.tabulator .tabulator-loader {
    background: rgba(255, 255, 255, 0.7411764706);
  }
.tabulator .tabulator-loader .tabulator-loader-msg{
	background-color: transparent;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading{
	border-width: 0px;
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error{
	border-width: 0px;
	--tw-text-opacity: 1;
	color: rgba(206, 49, 49, var(--tw-text-opacity));
}
.dark .tabulator{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
    background: rgba(0, 0, 0, 0.2392156863);
}
.dark .tabulator .tabulator-header{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	background-color: transparent;
    color: #fff;
}
.dark .tabulator .tabulator-header .tabulator-col{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	background-color: transparent;
}
.dark .tabulator .tabulator-header .tabulator-headers .tabulator-col:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.dark .tabulator .tabulator-tableHolder .tabulator-table{
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	background-color: transparent;
}
.dark .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row textarea{
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row:hover, .dark .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-row-even:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-row-even{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell{
	border-right-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
.dark .tabulator .tabulator-footer .tabulator-paginator > label{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page{
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active, .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .tabulator .tabulator-loader {
    background: rgba(0, 0, 0, 0.2392156863);
  }
.dark .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.tom-select .ts-input {
    min-height: 40px;
    padding: 7.5px 32px 7.5px 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 18px;
    background-position: center right 0.6rem;
    border-radius: 0.25rem;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    background-repeat: no-repeat;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.tom-select .ts-input .item {
    line-height: 22px;
  }
.\!tom-select .\!ts-input .\!item {
    line-height: 22px !important;
  }
.tom-select .ts-input.dropdown-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414' viewBox='0 0 14.828 8.414'%3E%3Cpath id='chevron' d='M6,9l6,6,6-6' transform='translate(19.414 16) rotate(180)' fill='none' stroke='%234a5568' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
    background-size: 11px !important;
    background-position: center right 0.8rem !important;
    background-repeat: no-repeat !important;
  }
.tom-select .ts-input input {
    height: 23px;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
.tom-select.multi .ts-input{
	padding-left: 0.375rem;
	padding-right: 0.375rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.tom-select.multi .ts-input > div{
	margin-top: 0.125rem;
	margin-bottom: 0.125rem;
	margin-right: 0.25rem;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0px;
	padding-bottom: 0px;
}
.tom-select.multi .ts-input > div.active{
	--tw-bg-opacity: 1;
	background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}
.tom-select.multi .ts-input > div.active .remove{
	--tw-border-opacity: 1;
	border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}
.tom-select.plugin-remove_button .item .remove{
	margin-left: 0.5rem;
	--tw-border-opacity: 1;
	border-color: rgba(156, 163, 175, var(--tw-border-opacity));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.\!tom-select.\!plugin-remove_button .\!item .\!remove{
	margin-left: 0.5rem;
	--tw-border-opacity: 1;
	border-color: rgba(156, 163, 175, var(--tw-border-opacity));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.tom-select.plugin-dropdown_input .ts-input.focus{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.tom-select .ts-dropdown {
    margin-top: -1px;
    border-top: 1px solid rgba(226, 232, 240, var(--tw-border-opacity));
    z-index: 50;
    border-radius: 0.25rem;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.tom-select .ts-dropdown .optgroup-header {
    padding: 9px 10px;
    font-weight: 500;
  }
.tom-select .ts-dropdown .option {
    padding: 9px 13px;
  }
.\!tom-select .\!ts-dropdown .\!option {
    padding: 9px 13px !important;
  }
.tom-select .ts-dropdown .option .highlight{
	--tw-bg-opacity: 1;
	background-color: rgba(206, 49, 49, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.\!tom-select .\!ts-dropdown .\!option .\!highlight{
	--tw-bg-opacity: 1;
	background-color: rgba(206, 49, 49, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.tom-select .ts-dropdown .option.active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.\!tom-select .\!ts-dropdown .\!option.\!active{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.tom-select .ts-dropdown .option:hover:not(.active){
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.\!tom-select .\!ts-dropdown .\!option:hover:not(.\!active){
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.tom-select .ts-dropdown.plugin-dropdown_input .dropdown-input-wrap{
	padding: 0.5rem;
}
.tom-select .ts-dropdown.plugin-dropdown_input .dropdown-input-wrap input{
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.tom-select .ts-dropdown .dropdown-header{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.tom-select .ts-dropdown .dropdown-header .dropdown-header-close{
	margin-right: 0.125rem;
	cursor: pointer;
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
	opacity: 1;
}
.dark .tom-select .ts-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
.dark .tom-select .ts-input.dropdown-active{
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414' viewBox='0 0 14.828 8.414'%3E%3Cpath id='chevron' d='M6,9l6,6,6-6' transform='translate(19.414 16) rotate(180)' fill='none' stroke='rgb(255 255 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
}
.dark .tom-select .ts-input.dropdown-active:before{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .tom-select.multi .ts-input > div{
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .tom-select.multi .ts-input > div.active{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.dark .tom-select.multi .ts-input > div .remove{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
}
.dark .tom-select.plugin-dropdown_input .ts-input.focus{
	border-color: transparent;
}
.dark .tom-select .ts-dropdown{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .tom-select .ts-dropdown.plugin-dropdown_input .dropdown-input-wrap input{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark .tom-select .ts-dropdown .optgroup-header{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.dark .tom-select .ts-dropdown .create{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .tom-select .ts-dropdown .create:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark .tom-select .ts-dropdown .option:hover:not(.active){
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.\!dark .\!tom-select .\!ts-dropdown .\!option:hover:not(.\!active){
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .tom-select .ts-dropdown .dropdown-header{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .tom-select .ts-dropdown .dropdown-header .dropdown-header-close{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.document-editor .document-editor__toolbar {
    z-index: 1;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }
.document-editor .document-editor__toolbar .ck-toolbar {
    border: 0;
    border-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }
.document-editor .document-editor__toolbar .ck-toolbar .ck-icon {
    width: 16px;
  }
.dark .document-editor{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
}
.dark .document-editor .document-editor__toolbar{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
}
.dark .document-editor .document-editor__toolbar .ck-toolbar{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
}
.dark .document-editor .document-editor__toolbar .ck-toolbar .ck-toolbar__separator{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.dark .document-editor .document-editor__toolbar .ck-toolbar .ck-tooltip .ck-tooltip__text{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .document-editor .document-editor__toolbar .ck-toolbar .ck-tooltip .ck-tooltip__text:after {
    border-bottom-color: #3f4865;
  }
.dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-icon :not([fill]) {
    fill: #9fa8bb;
  }
.dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-dropdown__panel{
	--tw-border-opacity: 1;
	border-color: rgba(47, 47, 47, var(--tw-border-opacity));
}
.dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-button.ck-on, .dark .document-editor .document-editor__toolbar .ck-toolbar a.ck.ck-button.ck-on{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .document-editor .document-editor__editable-container{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark .document-editor .document-editor__editable-container .ck-editor__editable{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .ck.ck-content.ck-editor__editable_inline{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .ck .ck .ck-content.ck-editor__editable_inline{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .ck .ck.ck-reset_all, .dark .ck .ck.ck-reset_all *{
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.dark .ck .ck.ck-toolbar, .dark .ck .ck.ck-balloon-panel{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
}
.dark .ck .ck.ck-toolbar:before, .dark .ck .ck.ck-balloon-panel:before {
    border-bottom-color: #1e2533 !important;
  }
.dark .ck .ck.ck-toolbar:after, .dark .ck .ck.ck-balloon-panel:after {
    border-bottom-color: #1e2533 !important;
  }
.dark .ck .ck.ck-toolbar .ck-toolbar__separator, .dark .ck .ck.ck-balloon-panel .ck-toolbar__separator{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.dark .ck .ck.ck-toolbar .ck-tooltip .ck-tooltip__text, .dark .ck .ck.ck-balloon-panel .ck-tooltip .ck-tooltip__text{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.dark .ck .ck.ck-toolbar .ck-tooltip .ck-tooltip__text:after, .dark .ck .ck.ck-balloon-panel .ck-tooltip .ck-tooltip__text:after {
    border-bottom-color: #3f4865;
  }
.dark .ck .ck.ck-toolbar .ck.ck-icon :not([fill]), .dark .ck .ck.ck-balloon-panel .ck.ck-icon :not([fill]) {
    fill: #9fa8bb;
  }
.dark .ck .ck.ck-toolbar .ck.ck-dropdown__panel, .dark .ck .ck.ck-balloon-panel .ck.ck-dropdown__panel{
	--tw-border-opacity: 1;
	border-color: rgba(47, 47, 47, var(--tw-border-opacity));
}
.dark .ck .ck.ck-toolbar .ck.ck-button.ck-on, .dark .ck .ck.ck-toolbar a.ck.ck-button.ck-on, .dark .ck .ck.ck-balloon-panel .ck.ck-button.ck-on, .dark .ck .ck.ck-balloon-panel a.ck.ck-button.ck-on{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .ck .ck.ck-editor__main > .ck-editor__editable{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}
.dark .ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
}
.dark .ck .ck.ck-button:not(.ck-disabled):hover, .dark .ck .cka.ck-button:not(.ck-disabled):hover{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
}
.dark-mode-switcher .dark-mode-switcher__toggle {
    width: 38px;
    height: 24px;
    padding: 1px;
    position: relative;
    cursor: pointer;
    border-radius: 9999px;
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
.dark .dark-mode-switcher .dark-mode-switcher__toggle{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.dark-mode-switcher .dark-mode-switcher__toggle:before {
    content: "";
    width: 22px;
    height: 22px;
    transition: all 0.2s ease-in-out;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
  }
.dark .dark-mode-switcher .dark-mode-switcher__toggle:before{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark-mode-switcher .dark-mode-switcher__toggle.dark-mode-switcher__toggle--active{
	--tw-border-opacity: 1;
	border-color: rgba(28, 63, 170, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(28, 63, 170, var(--tw-bg-opacity));
}
.dark .dark-mode-switcher .dark-mode-switcher__toggle.dark-mode-switcher__toggle--active{
	--tw-bg-opacity: 1;
	background-color: rgba(84, 127, 252, var(--tw-bg-opacity));
}
.dark-mode-switcher .dark-mode-switcher__toggle.dark-mode-switcher__toggle--active::before {
    margin-left: 13px;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
.hljs{
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.source-preview{
	position: relative;
}
.source-preview code:before {
    content: "HTML";
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    border-bottom-left-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.7;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-family: Roboto;
    font-weight: 500;
  }
.source-preview code.javascript:before {
    content: "JS";
  }
@media (max-width: 639px) {
    .full-calendar.fc .fc-view-harness {
      min-height: 400px !important;
    }
    .full-calendar.fc .fc-daygrid-day-frame {
      min-height: 60px;
    }
  }
.dark .full-calendar .fc-button-primary {
    border-color: rgba(41, 49, 69, var(--tw-bg-opacity)) !important;
    background-color: rgba(41, 49, 69, var(--tw-bg-opacity)) !important;
    color: rgba(203, 213, 224, var(--tw-text-opacity)) !important;
  }
.dark .full-calendar .fc-button-primary:not(:disabled):active,
  .dark .full-calendar .fc-button-primary:not(:disabled).fc-button-active {
    border-color: rgba(47, 90, 216, var(--tw-bg-opacity)) !important;
    background-color: rgba(28, 63, 170, var(--tw-bg-opacity)) !important;
  }
.dark .full-calendar .fc-day-today{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.dark .full-calendar .fc-list-day-cushion {
    --tw-bg-opacity: 1;
    background-color: rgba(41, 49, 69, var(--tw-bg-opacity)) !important;
  }
.dark .full-calendar .fc-event:hover td{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}
.has-error .form-control{
	--tw-border-opacity: 1;
	border-color: rgba(211, 41, 41, var(--tw-border-opacity));
}
.progress{
	height: 0.5rem;
	width: 100%;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}
.dark .progress{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}
.progress-bar{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
	font-size: 0.75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .progress-bar{
	--tw-bg-opacity: 1;
	background-color: rgba(49, 96, 216, var(--tw-bg-opacity));
}
.bg-gradient-primary{
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #5068B6;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(80, 104, 182, 0));
	--tw-gradient-to: #4DA7BE;
}
.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.pointer-events-none{
	pointer-events: none;
}
.visible{
	visibility: visible;
}
.invisible{
	visibility: hidden;
}
.static{
	position: static;
}
.fixed{
	position: fixed;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.sticky{
	position: sticky;
}
.inset-0{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.inset-y-0{
	top: 0px;
	bottom: 0px;
}
.bottom-4{
	bottom: 1rem;
}
.right-4{
	right: 1rem;
}
.bottom-16{
	bottom: 4rem;
}
.left-0{
	left: 0px;
}
.right-0{
	right: 0px;
}
.top-0{
	top: 0px;
}
.top-1\/2{
	top: 50%;
}
.left-1\/2{
	left: 50%;
}
.bottom-0{
	bottom: 0px;
}
.left-3{
	left: 0.75rem;
}
.top-16{
	top: 4rem;
}
.top-auto{
	top: auto;
}
.right-2{
	right: 0.5rem;
}
.top-2{
	top: 0.5rem;
}
.top-1{
	top: 0.25rem;
}
.\!-right-3{
	right: -0.75rem !important;
}
.top-8{
	top: 2rem;
}
.-left-20{
	left: -5rem;
}
.-right-2{
	right: -0.5rem;
}
.top-\[-8px\]{
	top: -8px;
}
.right-\[-8px\]{
	right: -8px;
}
.-top-6{
	top: -1.5rem;
}
.-top-2{
	top: -0.5rem;
}
.right-1{
	right: 0.25rem;
}
.top-4{
	top: 1rem;
}
.top-\[45\%\]{
	top: 45%;
}
.top-2\/3{
	top: 66.666667%;
}
.top-full{
	top: 100%;
}
.z-50{
	z-index: 50;
}
.z-30{
	z-index: 30;
}
.z-10{
	z-index: 10;
}
.z-0{
	z-index: 0;
}
.z-\[2\]{
	z-index: 2;
}
.order-1{
	order: 1;
}
.order-first{
	order: -9999;
}
.col-span-12{
	grid-column: span 12 / span 12;
}
.col-span-2{
	grid-column: span 2 / span 2;
}
.col-span-3{
	grid-column: span 3 / span 3;
}
.col-span-1{
	grid-column: span 1 / span 1;
}
.col-start-1{
	grid-column-start: 1;
}
.col-start-2{
	grid-column-start: 2;
}
.col-start-4{
	grid-column-start: 4;
}
.col-end-6{
	grid-column-end: 6;
}
.col-end-4{
	grid-column-end: 4;
}
.col-end-12{
	grid-column-end: 12;
}
.float-right{
	float: right;
}
.m-2{
	margin: 0.5rem;
}
.m-8{
	margin: 2rem;
}
.m-4{
	margin: 1rem;
}
.m-10{
	margin: 2.5rem;
}
.m-0{
	margin: 0px;
}
.m-1{
	margin: 0.25rem;
}
.mx-4{
	margin-left: 1rem;
	margin-right: 1rem;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.my-2{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.mx-2{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.mx-3{
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}
.mx-1{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.my-auto{
	margin-top: auto;
	margin-bottom: auto;
}
.my-4{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.my-3{
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.my-5{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.my-6{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.mx-6{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.my-12{
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.my-1{
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
.my-0{
	margin-top: 0px;
	margin-bottom: 0px;
}
.-mx-5{
	margin-left: -1.25rem;
	margin-right: -1.25rem;
}
.-mx-4{
	margin-left: -1rem;
	margin-right: -1rem;
}
.mx-5{
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
.my-8{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.mx-10{
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}
.my-10{
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}
.mb-2{
	margin-bottom: 0.5rem;
}
.ml-4{
	margin-left: 1rem;
}
.mt-5{
	margin-top: 1.25rem;
}
.mt-6{
	margin-top: 1.5rem;
}
.mt-3{
	margin-top: 0.75rem;
}
.mb-16{
	margin-bottom: 4rem;
}
.mb-5{
	margin-bottom: 1.25rem;
}
.mr-2{
	margin-right: 0.5rem;
}
.ml-auto{
	margin-left: auto;
}
.mt-2{
	margin-top: 0.5rem;
}
.mb-10{
	margin-bottom: 2.5rem;
}
.mr-4{
	margin-right: 1rem;
}
.mb-4{
	margin-bottom: 1rem;
}
.ml-1{
	margin-left: 0.25rem;
}
.mr-1{
	margin-right: 0.25rem;
}
.mr-8{
	margin-right: 2rem;
}
.mr-14{
	margin-right: 3.5rem;
}
.mb-3{
	margin-bottom: 0.75rem;
}
.-ml-2{
	margin-left: -0.5rem;
}
.-mt-2{
	margin-top: -0.5rem;
}
.mt-8{
	margin-top: 2rem;
}
.mr-auto{
	margin-right: auto;
}
.mr-3{
	margin-right: 0.75rem;
}
.mt-10{
	margin-top: 2.5rem;
}
.mt-4{
	margin-top: 1rem;
}
.ml-2{
	margin-left: 0.5rem;
}
.ml-12{
	margin-left: 3rem;
}
.-mt-px{
	margin-top: -1px;
}
.mb-8{
	margin-bottom: 2rem;
}
.mt-1{
	margin-top: 0.25rem;
}
.-mr-3{
	margin-right: -0.75rem;
}
.-mt-1{
	margin-top: -0.25rem;
}
.mb-1{
	margin-bottom: 0.25rem;
}
.mb-6{
	margin-bottom: 1.5rem;
}
.-mb-6{
	margin-bottom: -1.5rem;
}
.mr-5{
	margin-right: 1.25rem;
}
.mb-0{
	margin-bottom: 0px;
}
.ml-3{
	margin-left: 0.75rem;
}
.-ml-px{
	margin-left: -1px;
}
.-mt-16{
	margin-top: -4rem;
}
.-mt-5{
	margin-top: -1.25rem;
}
.ml-8{
	margin-left: 2rem;
}
.mr-10{
	margin-right: 2.5rem;
}
.mt-9{
	margin-top: 2.25rem;
}
.mt-14{
	margin-top: 3.5rem;
}
.ml-0{
	margin-left: 0px;
}
.mr-0{
	margin-right: 0px;
}
.mt-0\.5{
	margin-top: 0.125rem;
}
.mt-0{
	margin-top: 0px;
}
.-mr-1{
	margin-right: -0.25rem;
}
.ml-5{
	margin-left: 1.25rem;
}
.-mt-4{
	margin-top: -1rem;
}
.ml-6{
	margin-left: 1.5rem;
}
.mr-7{
	margin-right: 1.75rem;
}
.mr-0\.5{
	margin-right: 0.125rem;
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.inline{
	display: inline;
}
.flex{
	display: flex;
}
.inline-flex{
	display: inline-flex;
}
.table{
	display: table;
}
.table-row-group{
	display: table-row-group;
}
.table-row{
	display: table-row;
}
.grid{
	display: grid;
}
.contents{
	display: contents;
}
.list-item{
	display: list-item;
}
.hidden{
	display: none;
}
.\!hidden{
	display: none !important;
}
.h-10{
	height: 2.5rem;
}
.h-\[30rem\]{
	height: 30rem;
}
.h-8{
	height: 2rem;
}
.h-12{
	height: 3rem;
}
.h-4{
	height: 1rem;
}
.h-full{
	height: 100%;
}
.h-16{
	height: 4rem;
}
.h-1{
	height: 0.25rem;
}
.h-auto{
	height: auto;
}
.h-6{
	height: 1.5rem;
}
.h-9{
	height: 2.25rem;
}
.h-5{
	height: 1.25rem;
}
.h-3{
	height: 0.75rem;
}
.h-40{
	height: 10rem;
}
.h-64{
	height: 16rem;
}
.h-2{
	height: 0.5rem;
}
.h-px{
	height: 1px;
}
.h-36{
	height: 9rem;
}
.h-44{
	height: 11rem;
}
.h-96{
	height: 24rem;
}
.h-72{
	height: 18rem;
}
.h-32{
	height: 8rem;
}
.h-2\.5{
	height: 0.625rem;
}
.h-screen{
	height: 100vh;
}
.h-20{
	height: 5rem;
}
.h-24{
	height: 6rem;
}
.h-48{
	height: 12rem;
}
.h-28{
	height: 7rem;
}
.h-56{
	height: 14rem;
}
.max-h-60{
	max-height: 15rem;
}
.max-h-96{
	max-height: 24rem;
}
.max-h-\[350px\]{
	max-height: 350px;
}
.max-h-64{
	max-height: 16rem;
}
.max-h-48{
	max-height: 12rem;
}
.max-h-full{
	max-height: 100%;
}
.max-h-40{
	max-height: 10rem;
}
.max-h-\[600px\]{
	max-height: 600px;
}
.min-h-screen{
	min-height: 100vh;
}
.min-h-full{
	min-height: 100%;
}
.min-h-\[200px\]{
	min-height: 200px;
}
.w-60{
	width: 15rem;
}
.w-full{
	width: 100%;
}
.w-40{
	width: 10rem;
}
.w-96{
	width: 24rem;
}
.w-8{
	width: 2rem;
}
.w-10{
	width: 2.5rem;
}
.w-4{
	width: 1rem;
}
.w-36{
	width: 9rem;
}
.w-5{
	width: 1.25rem;
}
.w-auto{
	width: auto;
}
.w-11{
	width: 2.75rem;
}
.w-14{
	width: 3.5rem;
}
.w-12{
	width: 3rem;
}
.w-48{
	width: 12rem;
}
.w-1\/2{
	width: 50%;
}
.w-6{
	width: 1.5rem;
}
.w-16{
	width: 4rem;
}
.w-32{
	width: 8rem;
}
.w-3{
	width: 0.75rem;
}
.w-24{
	width: 6rem;
}
.w-\[26rem\]{
	width: 26rem;
}
.w-10\/12{
	width: 83.333333%;
}
.w-2{
	width: 0.5rem;
}
.w-11\/12{
	width: 91.666667%;
}
.w-1\/3{
	width: 33.333333%;
}
.w-64{
	width: 16rem;
}
.w-max{
	width: -moz-max-content;
	width: max-content;
}
.w-3\/12{
	width: 25%;
}
.w-2\/5{
	width: 40%;
}
.w-3\/5{
	width: 60%;
}
.w-1{
	width: 0.25rem;
}
.w-\[60\%\]{
	width: 60%;
}
.w-2\/12{
	width: 16.666667%;
}
.w-1\/12{
	width: 8.333333%;
}
.w-4\/12{
	width: 33.333333%;
}
.w-2\/3{
	width: 66.666667%;
}
.w-\[25px\]{
	width: 25px;
}
.w-56{
	width: 14rem;
}
.w-min{
	width: -moz-min-content;
	width: min-content;
}
.w-52{
	width: 13rem;
}
.w-72{
	width: 18rem;
}
.w-screen{
	width: 100vw;
}
.w-20{
	width: 5rem;
}
.w-1\/5{
	width: 20%;
}
.w-4\/5{
	width: 80%;
}
.min-w-0{
	min-width: 0px;
}
.min-w-full{
	min-width: 100%;
}
.min-w-\[32px\]{
	min-width: 32px;
}
.min-w-\[20\%\]{
	min-width: 20%;
}
.max-w-lg{
	max-width: 32rem;
}
.max-w-xs{
	max-width: 20rem;
}
.max-w-xl{
	max-width: 36rem;
}
.max-w-md{
	max-width: 28rem;
}
.max-w-6xl{
	max-width: 72rem;
}
.max-w-sm{
	max-width: 24rem;
}
.max-w-2xl{
	max-width: 42rem;
}
.max-w-1\/2{
	max-width: 50%;
}
.max-w-4xl{
	max-width: 56rem;
}
.max-w-\[780px\]{
	max-width: 780px;
}
.max-w-7xl{
	max-width: 80rem;
}
.max-w-\[46px\]{
	max-width: 46px;
}
.max-w-\[86px\]{
	max-width: 86px;
}
.max-w-\[240px\]{
	max-width: 240px;
}
.max-w-full{
	max-width: 100%;
}
.max-w-none{
	max-width: none;
}
.flex-none{
	flex: none;
}
.flex-1{
	flex: 1 1 0%;
}
.flex-auto{
	flex: 1 1 auto;
}
.flex-shrink-0{
	flex-shrink: 0;
}
.flex-shrink{
	flex-shrink: 1;
}
.flex-grow{
	flex-grow: 1;
}
.flex-grow-0{
	flex-grow: 0;
}
.table-auto{
	table-layout: auto;
}
.table-fixed{
	table-layout: fixed;
}
.origin-top-left{
	transform-origin: top left;
}
.origin-top{
	transform-origin: top;
}
.origin-top-right{
	transform-origin: top right;
}
.origin-bottom{
	transform-origin: bottom;
}
.-translate-x-1\/2{
	--tw-translate-x: -50%;
	transform: var(--tw-transform);
}
.-translate-y-1\/2{
	--tw-translate-y: -50%;
	transform: var(--tw-transform);
}
.translate-y-2{
	--tw-translate-y: 0.5rem;
	transform: var(--tw-transform);
}
.translate-y-0{
	--tw-translate-y: 0px;
	transform: var(--tw-transform);
}
.translate-y-4{
	--tw-translate-y: 1rem;
	transform: var(--tw-transform);
}
.-translate-y-full{
	--tw-translate-y: -100%;
	transform: var(--tw-transform);
}
.translate-x-full{
	--tw-translate-x: 100%;
	transform: var(--tw-transform);
}
.translate-y-1\/2{
	--tw-translate-y: 50%;
	transform: var(--tw-transform);
}
.translate-x-1\/2{
	--tw-translate-x: 50%;
	transform: var(--tw-transform);
}
.rotate-45{
	--tw-rotate: 45deg;
	transform: var(--tw-transform);
}
.-rotate-90{
	--tw-rotate: -90deg;
	transform: var(--tw-transform);
}
.rotate-180{
	--tw-rotate: 180deg;
	transform: var(--tw-transform);
}
.rotate-90{
	--tw-rotate: 90deg;
	transform: var(--tw-transform);
}
.scale-95{
	--tw-scale-x: .95;
	--tw-scale-y: .95;
	transform: var(--tw-transform);
}
.scale-100{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: var(--tw-transform);
}
.scale-90{
	--tw-scale-x: .9;
	--tw-scale-y: .9;
	transform: var(--tw-transform);
}
.transform{
	transform: var(--tw-transform);
}
.transform-gpu{
	--tw-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce{
	0%, 100%{
		transform: translateY(-25%);
		animation-timing-function: cubic-bezier(0.8,0,1,1);
	}
	50%{
		transform: none;
		animation-timing-function: cubic-bezier(0,0,0.2,1);
	}
}
.animate-bounce{
	animation: bounce 1s infinite;
}
@keyframes spin{
	to{
		transform: rotate(360deg);
	}
}
.animate-spin{
	animation: spin 1s linear infinite;
}
.cursor-pointer{
	cursor: pointer;
}
.cursor-text{
	cursor: text;
}
.cursor-not-allowed{
	cursor: not-allowed;
}
.cursor-default{
	cursor: default;
}
.cursor-help{
	cursor: help;
}
.cursor-wait{
	cursor: wait;
}
.select-none{
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}
.resize-none{
	resize: none;
}
.resize{
	resize: both;
}
.list-inside{
	list-style-position: inside;
}
.list-disc{
	list-style-type: disc;
}
.appearance-none{
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.grid-cols-12{
	grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-6{
	grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row{
	flex-direction: row;
}
.flex-row-reverse{
	flex-direction: row-reverse;
}
.flex-col{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-nowrap{
	flex-wrap: nowrap;
}
.place-content-center{
	place-content: center;
}
.place-items-start{
	place-items: start;
}
.place-items-end{
	place-items: end;
}
.content-center{
	align-content: center;
}
.items-start{
	align-items: flex-start;
}
.items-end{
	align-items: flex-end;
}
.items-center{
	align-items: center;
}
.items-baseline{
	align-items: baseline;
}
.items-stretch{
	align-items: stretch;
}
.justify-start{
	justify-content: flex-start;
}
.justify-end{
	justify-content: flex-end;
}
.justify-center{
	justify-content: center;
}
.justify-between{
	justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
}
.justify-items-center{
	justify-items: center;
}
.gap-1{
	gap: 0.25rem;
}
.gap-2{
	gap: 0.5rem;
}
.gap-2\.5{
	gap: 0.625rem;
}
.gap-6{
	gap: 1.5rem;
}
.gap-4{
	gap: 1rem;
}
.gap-8{
	gap: 2rem;
}
.gap-12{
	gap: 3rem;
}
.gap-3{
	gap: 0.75rem;
}
.gap-0\.5{
	gap: 0.125rem;
}
.gap-0{
	gap: 0px;
}
.gap-5{
	gap: 1.25rem;
}
.gap-y-5{
	row-gap: 1.25rem;
}
.gap-y-2{
	row-gap: 0.5rem;
}
.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-y-2 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.5rem * var(--tw-space-y-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-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-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)));
}
.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-300 > :not([hidden]) ~ :not([hidden]){
	--tw-divide-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
}
.place-self-end{
	place-self: end;
}
.place-self-center{
	place-self: center;
}
.self-start{
	align-self: flex-start;
}
.self-end{
	align-self: flex-end;
}
.self-center{
	align-self: center;
}
.justify-self-end{
	justify-self: end;
}
.overflow-auto{
	overflow: auto;
}
.overflow-hidden{
	overflow: hidden;
}
.\!overflow-visible{
	overflow: visible !important;
}
.overflow-scroll{
	overflow: scroll;
}
.overflow-x-auto{
	overflow-x: auto;
}
.overflow-y-auto{
	overflow-y: auto;
}
.overflow-x-hidden{
	overflow-x: hidden;
}
.overflow-y-hidden{
	overflow-y: hidden;
}
.overflow-x-visible{
	overflow-x: visible;
}
.overflow-y-visible{
	overflow-y: visible;
}
.overflow-y-scroll{
	overflow-y: scroll;
}
.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.overflow-ellipsis{
	text-overflow: ellipsis;
}
.whitespace-nowrap{
	white-space: nowrap;
}
.whitespace-pre-line{
	white-space: pre-line;
}
.break-words{
	overflow-wrap: break-word;
}
.break-all{
	word-break: break-all;
}
.rounded-md{
	border-radius: 0.375rem;
}
.rounded-lg{
	border-radius: 0.5rem;
}
.rounded-full{
	border-radius: 9999px;
}
.rounded{
	border-radius: 0.25rem;
}
.rounded-xl{
	border-radius: 0.75rem;
}
.rounded-sm{
	border-radius: 0.125rem;
}
.rounded-none{
	border-radius: 0px;
}
.rounded-2xl{
	border-radius: 1rem;
}
.rounded-t-lg{
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
.rounded-l-md{
	border-top-left-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
}
.rounded-r-md{
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}
.rounded-t-md{
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
}
.rounded-l-lg{
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.rounded-r-lg{
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.rounded-l{
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.rounded-r{
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
.rounded-b-lg{
	border-bottom-right-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.rounded-br-none{
	border-bottom-right-radius: 0px;
}
.rounded-tl{
	border-top-left-radius: 0.25rem;
}
.rounded-tr{
	border-top-right-radius: 0.25rem;
}
.rounded-tr-sm{
	border-top-right-radius: 0.125rem;
}
.rounded-br-sm{
	border-bottom-right-radius: 0.125rem;
}
.rounded-tl-none{
	border-top-left-radius: 0px;
}
.rounded-bl-none{
	border-bottom-left-radius: 0px;
}
.rounded-tr-md{
	border-top-right-radius: 0.375rem;
}
.rounded-tl-md{
	border-top-left-radius: 0.375rem;
}
.rounded-bl-lg{
	border-bottom-left-radius: 0.5rem;
}
.rounded-br-lg{
	border-bottom-right-radius: 0.5rem;
}
.border{
	border-width: 1px;
}
.border-2{
	border-width: 2px;
}
.border-4{
	border-width: 4px;
}
.border-0{
	border-width: 0px;
}
.border-b{
	border-bottom-width: 1px;
}
.border-t{
	border-top-width: 1px;
}
.border-b-2{
	border-bottom-width: 2px;
}
.border-l-4{
	border-left-width: 4px;
}
.border-r{
	border-right-width: 1px;
}
.border-b-0{
	border-bottom-width: 0px;
}
.border-b-4{
	border-bottom-width: 4px;
}
.border-t-2{
	border-top-width: 2px;
}
.border-l{
	border-left-width: 1px;
}
.border-l-0{
	border-left-width: 0px;
}
.border-t-4{
	border-top-width: 4px;
}
.border-t-8{
	border-top-width: 8px;
}
.border-r-0{
	border-right-width: 0px;
}
.border-solid{
	border-style: solid;
}
.border-dashed{
	border-style: dashed;
}
.border-dotted{
	border-style: dotted;
}
.border-none{
	border-style: none;
}
.border-transparent{
	border-color: transparent;
}
.border-gray-200{
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
.border-brand-blue{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}
.border-red-600{
	--tw-border-opacity: 1;
	border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}
.border-gray-700{
	--tw-border-opacity: 1;
	border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}
.border-dark-4{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
}
.border-gray-300{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.border-indigo-400{
	--tw-border-opacity: 1;
	border-color: rgba(129, 140, 248, var(--tw-border-opacity));
}
.border-gray-400{
	--tw-border-opacity: 1;
	border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}
.border-blue-300{
	--tw-border-opacity: 1;
	border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}
.border-white{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.border-\[\#5EB4F7\]{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}
.border-primary-1{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}
.border-dark-5{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
.border-red-500{
	--tw-border-opacity: 1;
	border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}
.border-dark-7{
	--tw-border-opacity: 1;
	border-color: rgba(40, 40, 40, var(--tw-border-opacity));
}
.border-dark-6{
	--tw-border-opacity: 1;
	border-color: rgba(65, 65, 65, var(--tw-border-opacity));
}
.border-theme-15{
	--tw-border-opacity: 1;
	border-color: rgba(251, 197, 0, var(--tw-border-opacity));
}
.border-blue-400{
	--tw-border-opacity: 1;
	border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}
.border-gray-500{
	--tw-border-opacity: 1;
	border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}
.border-dark-3{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}
.border-green-500{
	--tw-border-opacity: 1;
	border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}
.border-gray-100{
	--tw-border-opacity: 1;
	border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}
.border-theme-7{
	--tw-border-opacity: 1;
	border-color: rgba(116, 134, 162, var(--tw-border-opacity));
}
.border-\[\#666666\]{
	--tw-border-opacity: 1;
	border-color: rgba(102, 102, 102, var(--tw-border-opacity));
}
.border-theme-21{
	--tw-border-opacity: 1;
	border-color: rgba(206, 49, 49, var(--tw-border-opacity));
}
.border-alt-4{
	--tw-border-opacity: 1;
	border-color: rgba(138, 173, 31, var(--tw-border-opacity));
}
.border-primary-4{
	--tw-border-opacity: 1;
	border-color: rgba(145, 199, 20, var(--tw-border-opacity));
}
.border-\[\#393939\]{
	--tw-border-opacity: 1;
	border-color: rgba(57, 57, 57, var(--tw-border-opacity));
}
.border-dark-8{
	--tw-border-opacity: 1;
	border-color: rgba(49, 49, 49, var(--tw-border-opacity));
}
.border-brand-blueAlpha{
	border-color: #5eb4f7bd;
}
.border-green-400{
	--tw-border-opacity: 1;
	border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}
.border-green-600{
	--tw-border-opacity: 1;
	border-color: rgba(5, 150, 105, var(--tw-border-opacity));
}
.border-white\/10{
	border-color: rgba(255, 255, 255, 0.1);
}
.border-white\/20{
	border-color: rgba(255, 255, 255, 0.2);
}
.border-black{
	--tw-border-opacity: 1;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.border-red-400{
	--tw-border-opacity: 1;
	border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}
.border-primary-3{
	--tw-border-opacity: 1;
	border-color: rgba(211, 41, 41, var(--tw-border-opacity));
}
.border-modify-redbk{
	--tw-border-opacity: 1;
	border-color: rgba(84, 4, 4, var(--tw-border-opacity));
}
.border-modify-bluebk{
	--tw-border-opacity: 1;
	border-color: rgba(0, 27, 97, var(--tw-border-opacity));
}
.border-modify-yellowbk{
	--tw-border-opacity: 1;
	border-color: rgba(126, 71, 21, var(--tw-border-opacity));
}
.border-\[\#EF4444\]{
	--tw-border-opacity: 1;
	border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}
.border-yellow-300{
	--tw-border-opacity: 1;
	border-color: rgba(252, 211, 77, var(--tw-border-opacity));
}
.border-blue-500{
	--tw-border-opacity: 1;
	border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}
.border-t-brand-blue{
	--tw-border-opacity: 1;
	border-top-color: rgba(94, 180, 247, var(--tw-border-opacity));
}
.border-opacity-20{
	--tw-border-opacity: 0.2;
}
.border-opacity-5{
	--tw-border-opacity: 0.05;
}
.bg-gray-100{
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.bg-white{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-dark-5{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}
.bg-brand-blue{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}
.bg-gray-200{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.bg-\[\#bbb\]{
	--tw-bg-opacity: 1;
	background-color: rgba(187, 187, 187, var(--tw-bg-opacity));
}
.bg-black{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-dark-7{
	--tw-bg-opacity: 1;
	background-color: rgba(40, 40, 40, var(--tw-bg-opacity));
}
.bg-gray-800{
	--tw-bg-opacity: 1;
	background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
.bg-gray-700{
	--tw-bg-opacity: 1;
	background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}
.bg-dark-6{
	--tw-bg-opacity: 1;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
}
.bg-gray-300{
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}
.bg-gray-400{
	--tw-bg-opacity: 1;
	background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}
.bg-green-500{
	--tw-bg-opacity: 1;
	background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}
.bg-yellow-500{
	--tw-bg-opacity: 1;
	background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}
.bg-\[\#00000080\]{
	background-color: #00000080;
}
.bg-dark-4{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
}
.bg-indigo-50{
	--tw-bg-opacity: 1;
	background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
}
.bg-transparent{
	background-color: transparent;
}
.bg-primary-12{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}
.bg-\[\#5EB4F7\]{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}
.bg-\[\#FF914C\]{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 145, 76, var(--tw-bg-opacity));
}
.bg-\[\#5eb3f6\]{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 179, 246, var(--tw-bg-opacity));
}
.bg-gray-50{
	--tw-bg-opacity: 1;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}
.bg-theme-25{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
}
.bg-theme-21{
	--tw-bg-opacity: 1;
	background-color: rgba(206, 49, 49, var(--tw-bg-opacity));
}
.bg-theme-11{
	--tw-bg-opacity: 1;
	background-color: rgba(41, 76, 183, var(--tw-bg-opacity));
}
.bg-theme-15{
	--tw-bg-opacity: 1;
	background-color: rgba(251, 197, 0, var(--tw-bg-opacity));
}
.bg-primary-1{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}
.bg-gray-500{
	--tw-bg-opacity: 1;
	background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}
.bg-primary-4{
	--tw-bg-opacity: 1;
	background-color: rgba(145, 199, 20, var(--tw-bg-opacity));
}
.bg-indigo-600{
	--tw-bg-opacity: 1;
	background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}
.bg-red-500{
	--tw-bg-opacity: 1;
	background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}
.bg-accent-1{
	--tw-bg-opacity: 1;
	background-color: rgba(32, 201, 123, var(--tw-bg-opacity));
}
.bg-gray-900{
	--tw-bg-opacity: 1;
	background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}
.bg-primary-9{
	--tw-bg-opacity: 1;
	background-color: rgba(74, 179, 244, var(--tw-bg-opacity));
}
.\!bg-dark-6{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity)) !important;
}
.bg-indigo-500{
	--tw-bg-opacity: 1;
	background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}
.bg-blue-500{
	--tw-bg-opacity: 1;
	background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}
.bg-purple-500{
	--tw-bg-opacity: 1;
	background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
}
.bg-primary-6{
	--tw-bg-opacity: 1;
	background-color: rgba(247, 139, 0, var(--tw-bg-opacity));
}
.bg-blue-300{
	--tw-bg-opacity: 1;
	background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}
.bg-dark-8{
	--tw-bg-opacity: 1;
	background-color: rgba(49, 49, 49, var(--tw-bg-opacity));
}
.bg-red-400{
	--tw-bg-opacity: 1;
	background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}
.\!bg-dark-4{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity)) !important;
}
.bg-green-100{
	--tw-bg-opacity: 1;
	background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}
.bg-red-100{
	--tw-bg-opacity: 1;
	background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.bg-primary-3{
	--tw-bg-opacity: 1;
	background-color: rgba(211, 41, 41, var(--tw-bg-opacity));
}
.bg-theme-34{
	--tw-bg-opacity: 1;
	background-color: rgba(183, 195, 230, var(--tw-bg-opacity));
}
.bg-\[\#666666\]{
	--tw-bg-opacity: 1;
	background-color: rgba(102, 102, 102, var(--tw-bg-opacity));
}
.bg-alt-4{
	--tw-bg-opacity: 1;
	background-color: rgba(138, 173, 31, var(--tw-bg-opacity));
}
.bg-green-200{
	--tw-bg-opacity: 1;
	background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}
.bg-primary-7{
	--tw-bg-opacity: 1;
	background-color: rgba(251, 197, 0, var(--tw-bg-opacity));
}
.bg-\[\#585858\]{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 88, 88, var(--tw-bg-opacity));
}
.bg-\[\#4a4a4a\]{
	--tw-bg-opacity: 1;
	background-color: rgba(74, 74, 74, var(--tw-bg-opacity));
}
.bg-red-600{
	--tw-bg-opacity: 1;
	background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}
.bg-\[\#3d3d3d\]{
	--tw-bg-opacity: 1;
	background-color: rgba(61, 61, 61, var(--tw-bg-opacity));
}
.bg-\[\#898989\]{
	--tw-bg-opacity: 1;
	background-color: rgba(137, 137, 137, var(--tw-bg-opacity));
}
.bg-blue-400{
	--tw-bg-opacity: 1;
	background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}
.bg-green-600{
	--tw-bg-opacity: 1;
	background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}
.bg-white\/5{
	background-color: rgba(255, 255, 255, 0.05);
}
.bg-\[\#0B1220\]{
	--tw-bg-opacity: 1;
	background-color: rgba(11, 18, 32, var(--tw-bg-opacity));
}
.bg-\[\#30AF25\]{
	--tw-bg-opacity: 1;
	background-color: rgba(48, 175, 37, var(--tw-bg-opacity));
}
.bg-theme-28{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 80, 181, var(--tw-bg-opacity));
}
.bg-theme-26{
	--tw-bg-opacity: 1;
	background-color: rgba(84, 127, 252, var(--tw-bg-opacity));
}
.bg-brand-blueAlpha{
	background-color: #5eb4f7bd;
}
.bg-\[\#777676\]{
	--tw-bg-opacity: 1;
	background-color: rgba(119, 118, 118, var(--tw-bg-opacity));
}
.bg-\[\#565656\]{
	--tw-bg-opacity: 1;
	background-color: rgba(86, 86, 86, var(--tw-bg-opacity));
}
.bg-\[\#5D5D5D\]{
	--tw-bg-opacity: 1;
	background-color: rgba(93, 93, 93, var(--tw-bg-opacity));
}
.bg-modify-red{
	--tw-bg-opacity: 1;
	background-color: rgba(211, 62, 62, var(--tw-bg-opacity));
}
.bg-modify-blue{
	--tw-bg-opacity: 1;
	background-color: rgba(61, 104, 215, var(--tw-bg-opacity));
}
.bg-modify-yellow{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 128, 55, var(--tw-bg-opacity));
}
.\!bg-green-400{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(52, 211, 153, var(--tw-bg-opacity)) !important;
}
.\!bg-red-400{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(248, 113, 113, var(--tw-bg-opacity)) !important;
}
.bg-green-400{
	--tw-bg-opacity: 1;
	background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}
.bg-yellow-300{
	--tw-bg-opacity: 1;
	background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
}
.bg-green-300{
	--tw-bg-opacity: 1;
	background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}
.bg-red-300{
	--tw-bg-opacity: 1;
	background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}
.\!bg-dark-5{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity)) !important;
}
.bg-blue-100{
	--tw-bg-opacity: 1;
	background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}
.bg-blue-200{
	--tw-bg-opacity: 1;
	background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}
.bg-blue-600{
	--tw-bg-opacity: 1;
	background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}
.bg-blue-700{
	--tw-bg-opacity: 1;
	background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}
.bg-blue-800{
	--tw-bg-opacity: 1;
	background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}
.bg-gray-600{
	--tw-bg-opacity: 1;
	background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}
.bg-yellow-100{
	--tw-bg-opacity: 1;
	background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}
.bg-purple-100{
	--tw-bg-opacity: 1;
	background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
}
.\!bg-blue-100{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(219, 234, 254, var(--tw-bg-opacity)) !important;
}
.\!bg-blue-200{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(191, 219, 254, var(--tw-bg-opacity)) !important;
}
.\!bg-blue-300{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(147, 197, 253, var(--tw-bg-opacity)) !important;
}
.\!bg-blue-400{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(96, 165, 250, var(--tw-bg-opacity)) !important;
}
.\!bg-blue-500{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(59, 130, 246, var(--tw-bg-opacity)) !important;
}
.\!bg-blue-600{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(37, 99, 235, var(--tw-bg-opacity)) !important;
}
.\!bg-blue-700{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(29, 78, 216, var(--tw-bg-opacity)) !important;
}
.\!bg-blue-800{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(30, 64, 175, var(--tw-bg-opacity)) !important;
}
.bg-opacity-90{
	--tw-bg-opacity: 0.9;
}
.bg-opacity-60{
	--tw-bg-opacity: 0.6;
}
.bg-opacity-75{
	--tw-bg-opacity: 0.75;
}
.bg-gradient-to-r{
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-primary-2{
	--tw-gradient-from: #2e51bb;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(46, 81, 187, 0));
}
.from-\[\#293557\]{
	--tw-gradient-from: #293557;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(41, 53, 87, 0));
}
.from-modify-gradBlueB{
	--tw-gradient-from: #5068B6;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(80, 104, 182, 0));
}
.from-brand-blue{
	--tw-gradient-from: #5eb4f7;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(94, 180, 247, 0));
}
.to-brand-blue{
	--tw-gradient-to: #5eb4f7;
}
.to-\[\#284B54\]{
	--tw-gradient-to: #284B54;
}
.to-modify-gradBlue{
	--tw-gradient-to: #4DA7BE;
}
.to-modify-gradBlueB{
	--tw-gradient-to: #5068B6;
}
.bg-cover{
	background-size: cover;
}
.bg-contain{
	background-size: contain;
}
.bg-center{
	background-position: center;
}
.bg-no-repeat{
	background-repeat: no-repeat;
}
.fill-current{
	fill: currentColor;
}
.object-cover{
	-o-object-fit: cover;
	   object-fit: cover;
}
.p-5{
	padding: 1.25rem;
}
.p-2{
	padding: 0.5rem;
}
.p-4{
	padding: 1rem;
}
.p-6{
	padding: 1.5rem;
}
.p-10{
	padding: 2.5rem;
}
.p-14{
	padding: 3.5rem;
}
.p-8{
	padding: 2rem;
}
.p-2\.5{
	padding: 0.625rem;
}
.p-1{
	padding: 0.25rem;
}
.p-3{
	padding: 0.75rem;
}
.p-\[2px\]{
	padding: 2px;
}
.p-0{
	padding: 0px;
}
.px-6{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.py-4{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.px-4{
	padding-left: 1rem;
	padding-right: 1rem;
}
.py-2{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.py-1{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.px-2{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.px-3{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.px-5{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.py-3{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.px-1{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.py-8{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.py-1\.5{
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}
.py-5{
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.py-10{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.px-8{
	padding-left: 2rem;
	padding-right: 2rem;
}
.py-2\.5{
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}
.py-7{
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;
}
.px-10{
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.px-0\.5{
	padding-left: 0.125rem;
	padding-right: 0.125rem;
}
.px-0{
	padding-left: 0px;
	padding-right: 0px;
}
.\!py-2{
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
.px-2\.5{
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.py-0\.5{
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}
.py-0{
	padding-top: 0px;
	padding-bottom: 0px;
}
.py-12{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.py-16{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.px-1\.5{
	padding-left: 0.375rem;
	padding-right: 0.375rem;
}
.pr-4{
	padding-right: 1rem;
}
.pt-6{
	padding-top: 1.5rem;
}
.pl-2{
	padding-left: 0.5rem;
}
.pr-10{
	padding-right: 2.5rem;
}
.pt-1{
	padding-top: 0.25rem;
}
.pl-3{
	padding-left: 0.75rem;
}
.pt-8{
	padding-top: 2rem;
}
.pt-10{
	padding-top: 2.5rem;
}
.pb-5{
	padding-bottom: 1.25rem;
}
.pt-3{
	padding-top: 0.75rem;
}
.pr-3{
	padding-right: 0.75rem;
}
.pr-2{
	padding-right: 0.5rem;
}
.pr-9{
	padding-right: 2.25rem;
}
.pb-4{
	padding-bottom: 1rem;
}
.pl-4{
	padding-left: 1rem;
}
.pb-6{
	padding-bottom: 1.5rem;
}
.pb-1{
	padding-bottom: 0.25rem;
}
.pb-8{
	padding-bottom: 2rem;
}
.pb-2{
	padding-bottom: 0.5rem;
}
.pl-1{
	padding-left: 0.25rem;
}
.pl-5{
	padding-left: 1.25rem;
}
.pt-5{
	padding-top: 1.25rem;
}
.pt-4{
	padding-top: 1rem;
}
.pr-1{
	padding-right: 0.25rem;
}
.pb-10{
	padding-bottom: 2.5rem;
}
.pt-2{
	padding-top: 0.5rem;
}
.pb-3{
	padding-bottom: 0.75rem;
}
.pt-12{
	padding-top: 3rem;
}
.pr-0{
	padding-right: 0px;
}
.pl-10{
	padding-left: 2.5rem;
}
.pr-8{
	padding-right: 2rem;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-justify{
	text-align: justify;
}
.align-top{
	vertical-align: top;
}
.align-middle{
	vertical-align: middle;
}
.align-bottom{
	vertical-align: bottom;
}
.align-text-top{
	vertical-align: text-top;
}
.font-sans{
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-sora{
	font-family: Sora;
}
.font-roboto{
	font-family: Roboto;
}
.font-mono{
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-sm{
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-xs{
	font-size: 0.75rem;
	line-height: 1rem;
}
.text-2xl{
	font-size: 1.5rem;
	line-height: 2rem;
}
.text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-4xl{
	font-size: 2.25rem;
	line-height: 2.5rem;
}
.text-xl{
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.text-base{
	font-size: 1rem;
	line-height: 1.5rem;
}
.text-5xl{
	font-size: 3rem;
	line-height: 1;
}
.text-3xl{
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.text-9xl{
	font-size: 8rem;
	line-height: 1;
}
.text-7xl{
	font-size: 4.5rem;
	line-height: 1;
}
.text-8xl{
	font-size: 6rem;
	line-height: 1;
}
.text-\[11px\]{
	font-size: 11px;
}
.text-\[10px\]{
	font-size: 10px;
}
.font-medium{
	font-weight: 500;
}
.font-semibold{
	font-weight: 600;
}
.font-bold{
	font-weight: 700;
}
.font-light{
	font-weight: 300;
}
.font-black{
	font-weight: 900;
}
.font-normal{
	font-weight: 400;
}
.font-extrabold{
	font-weight: 800;
}
.uppercase{
	text-transform: uppercase;
}
.capitalize{
	text-transform: capitalize;
}
.leading-5{
	line-height: 1.25rem;
}
.leading-7{
	line-height: 1.75rem;
}
.leading-normal{
	line-height: 1.5;
}
.leading-tight{
	line-height: 1.25;
}
.leading-relaxed{
	line-height: 1.625;
}
.leading-6{
	line-height: 1.5rem;
}
.leading-8{
	line-height: 2rem;
}
.leading-none{
	line-height: 1;
}
.tracking-widest{
	letter-spacing: 0.1em;
}
.tracking-wider{
	letter-spacing: 0.05em;
}
.tracking-wide{
	letter-spacing: 0.025em;
}
.text-green-600{
	--tw-text-opacity: 1;
	color: rgba(5, 150, 105, var(--tw-text-opacity));
}
.text-primary-3{
	--tw-text-opacity: 1;
	color: rgba(211, 41, 41, var(--tw-text-opacity));
}
.text-white{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-gray-300{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}
.text-gray-700{
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.text-gray-500{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.text-gray-400{
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.text-red-500{
	--tw-text-opacity: 1;
	color: rgba(239, 68, 68, var(--tw-text-opacity));
}
.text-gray-100{
	--tw-text-opacity: 1;
	color: rgba(243, 244, 246, var(--tw-text-opacity));
}
.text-black{
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-gray-800{
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}
.text-gray-600{
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}
.text-gray-50{
	--tw-text-opacity: 1;
	color: rgba(249, 250, 251, var(--tw-text-opacity));
}
.text-gray-900{
	--tw-text-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-text-opacity));
}
.text-indigo-700{
	--tw-text-opacity: 1;
	color: rgba(67, 56, 202, var(--tw-text-opacity));
}
.text-brand-blue{
	--tw-text-opacity: 1;
	color: rgba(94, 180, 247, var(--tw-text-opacity));
}
.text-gray-200{
	--tw-text-opacity: 1;
	color: rgba(229, 231, 235, var(--tw-text-opacity));
}
.text-green-500{
	--tw-text-opacity: 1;
	color: rgba(16, 185, 129, var(--tw-text-opacity));
}
.text-primary-9{
	--tw-text-opacity: 1;
	color: rgba(74, 179, 244, var(--tw-text-opacity));
}
.text-theme-20{
	--tw-text-opacity: 1;
	color: rgba(19, 177, 118, var(--tw-text-opacity));
}
.text-\[\#5EB4F7\]{
	--tw-text-opacity: 1;
	color: rgba(94, 180, 247, var(--tw-text-opacity));
}
.text-blue-500{
	--tw-text-opacity: 1;
	color: rgba(59, 130, 246, var(--tw-text-opacity));
}
.text-dark-5{
	--tw-text-opacity: 1;
	color: rgba(76, 75, 75, var(--tw-text-opacity));
}
.text-dark-6{
	--tw-text-opacity: 1;
	color: rgba(65, 65, 65, var(--tw-text-opacity));
}
.text-dark-4{
	--tw-text-opacity: 1;
	color: rgba(88, 87, 87, var(--tw-text-opacity));
}
.text-theme-30{
	--tw-text-opacity: 1;
	color: rgba(21, 55, 157, var(--tw-text-opacity));
}
.text-indigo-600{
	--tw-text-opacity: 1;
	color: rgba(79, 70, 229, var(--tw-text-opacity));
}
.text-blue-600{
	--tw-text-opacity: 1;
	color: rgba(37, 99, 235, var(--tw-text-opacity));
}
.text-yellow-400{
	--tw-text-opacity: 1;
	color: rgba(251, 191, 36, var(--tw-text-opacity));
}
.text-red-400{
	--tw-text-opacity: 1;
	color: rgba(248, 113, 113, var(--tw-text-opacity));
}
.text-dark-1{
	--tw-text-opacity: 1;
	color: rgba(54, 54, 54, var(--tw-text-opacity));
}
.text-red-300{
	--tw-text-opacity: 1;
	color: rgba(252, 165, 165, var(--tw-text-opacity));
}
.text-green-800{
	--tw-text-opacity: 1;
	color: rgba(6, 95, 70, var(--tw-text-opacity));
}
.text-red-800{
	--tw-text-opacity: 1;
	color: rgba(153, 27, 27, var(--tw-text-opacity));
}
.text-theme-21{
	--tw-text-opacity: 1;
	color: rgba(206, 49, 49, var(--tw-text-opacity));
}
.text-theme-34{
	--tw-text-opacity: 1;
	color: rgba(183, 195, 230, var(--tw-text-opacity));
}
.text-green-900{
	--tw-text-opacity: 1;
	color: rgba(6, 78, 59, var(--tw-text-opacity));
}
.text-\[\#fff\]{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-green-700{
	--tw-text-opacity: 1;
	color: rgba(4, 120, 87, var(--tw-text-opacity));
}
.text-primary-1{
	--tw-text-opacity: 1;
	color: rgba(94, 180, 247, var(--tw-text-opacity));
}
.text-white\/70{
	color: rgba(255, 255, 255, 0.7);
}
.text-white\/75{
	color: rgba(255, 255, 255, 0.75);
}
.text-\[\#30AF25\]{
	--tw-text-opacity: 1;
	color: rgba(48, 175, 37, var(--tw-text-opacity));
}
.text-white\/80{
	color: rgba(255, 255, 255, 0.8);
}
.text-white\/60{
	color: rgba(255, 255, 255, 0.6);
}
.text-theme-10{
	--tw-text-opacity: 1;
	color: rgba(240, 245, 255, var(--tw-text-opacity));
}
.text-\[\#818181\]{
	--tw-text-opacity: 1;
	color: rgba(129, 129, 129, var(--tw-text-opacity));
}
.text-modify-red{
	--tw-text-opacity: 1;
	color: rgba(211, 62, 62, var(--tw-text-opacity));
}
.text-modify-blue{
	--tw-text-opacity: 1;
	color: rgba(61, 104, 215, var(--tw-text-opacity));
}
.text-modify-yellow{
	--tw-text-opacity: 1;
	color: rgba(229, 128, 55, var(--tw-text-opacity));
}
.text-yellow-300{
	--tw-text-opacity: 1;
	color: rgba(252, 211, 77, var(--tw-text-opacity));
}
.text-red-600{
	--tw-text-opacity: 1;
	color: rgba(220, 38, 38, var(--tw-text-opacity));
}
.text-blue-800{
	--tw-text-opacity: 1;
	color: rgba(30, 64, 175, var(--tw-text-opacity));
}
.text-yellow-800{
	--tw-text-opacity: 1;
	color: rgba(146, 64, 14, var(--tw-text-opacity));
}
.text-purple-800{
	--tw-text-opacity: 1;
	color: rgba(91, 33, 182, var(--tw-text-opacity));
}
.\!text-gray-800{
	--tw-text-opacity: 1 !important;
	color: rgba(31, 41, 55, var(--tw-text-opacity)) !important;
}
.\!text-gray-100{
	--tw-text-opacity: 1 !important;
	color: rgba(243, 244, 246, var(--tw-text-opacity)) !important;
}
.text-opacity-80{
	--tw-text-opacity: 0.8;
}
.text-opacity-70{
	--tw-text-opacity: 0.7;
}
.underline{
	text-decoration: underline;
}
.line-through{
	text-decoration: line-through;
}
.antialiased{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.\!placeholder-red-500::-moz-placeholder{
	--tw-placeholder-opacity: 1 !important;
	color: rgba(239, 68, 68, var(--tw-placeholder-opacity)) !important;
}
.\!placeholder-red-500::placeholder{
	--tw-placeholder-opacity: 1 !important;
	color: rgba(239, 68, 68, var(--tw-placeholder-opacity)) !important;
}
.placeholder-theme-13::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(126, 139, 180, var(--tw-placeholder-opacity));
}
.placeholder-theme-13::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(126, 139, 180, var(--tw-placeholder-opacity));
}
.placeholder-white::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}
.placeholder-white::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}
.placeholder-gray-400::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}
.placeholder-gray-400::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}
.placeholder-gray-200::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}
.placeholder-gray-200::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}
.placeholder-\[\#fff\]::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}
.placeholder-\[\#fff\]::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}
.placeholder-gray-500::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}
.placeholder-gray-500::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}
.placeholder-gray-600::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}
.placeholder-gray-600::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}
.caret-white{
	caret-color: #fff;
}
.opacity-50{
	opacity: 0.5;
}
.opacity-0{
	opacity: 0;
}
.opacity-90{
	opacity: 0.9;
}
.opacity-100{
	opacity: 1;
}
.opacity-40{
	opacity: 0.4;
}
.opacity-70{
	opacity: 0.7;
}
.opacity-95{
	opacity: 0.95;
}
.opacity-25{
	opacity: 0.25;
}
.opacity-75{
	opacity: 0.75;
}
.opacity-20{
	opacity: 0.2;
}
.shadow-md{
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow{
	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
	--tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
	--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.ring-1{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-gray-300{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
}
.ring-black{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
}
.ring-white{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}
.ring-\[\#30AF25\]{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(48, 175, 37, var(--tw-ring-opacity));
}
.ring-white\/5{
	--tw-ring-color: rgba(255, 255, 255, 0.05);
}
.ring-dark-6{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(65, 65, 65, var(--tw-ring-opacity));
}
.ring-blue-400{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
}
.ring-opacity-5{
	--tw-ring-opacity: 0.05;
}
.blur{
	--tw-blur: blur(8px);
	filter: var(--tw-filter);
}
.brightness-50{
	--tw-brightness: brightness(.5);
	filter: var(--tw-filter);
}
.drop-shadow{
	--tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
	filter: var(--tw-filter);
}
.grayscale{
	--tw-grayscale: grayscale(100%);
	filter: var(--tw-filter);
}
.filter{
	filter: var(--tw-filter);
}
.backdrop-blur-sm{
	--tw-backdrop-blur: blur(4px);
	-webkit-backdrop-filter: var(--tw-backdrop-filter);
	        backdrop-filter: var(--tw-backdrop-filter);
}
.backdrop-blur-md{
	--tw-backdrop-blur: blur(12px);
	-webkit-backdrop-filter: var(--tw-backdrop-filter);
	        backdrop-filter: var(--tw-backdrop-filter);
}
.backdrop-filter{
	-webkit-backdrop-filter: var(--tw-backdrop-filter);
	        backdrop-filter: var(--tw-backdrop-filter);
}
.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;
}
.transition-colors{
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-opacity{
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-transform{
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-all{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.delay-75{
	transition-delay: 75ms;
}
.duration-150{
	transition-duration: 150ms;
}
.duration-300{
	transition-duration: 300ms;
}
.duration-100{
	transition-duration: 100ms;
}
.duration-200{
	transition-duration: 200ms;
}
.duration-75{
	transition-duration: 75ms;
}
.duration-1000{
	transition-duration: 1000ms;
}
.ease-in-out{
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in{
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-linear{
	transition-timing-function: linear;
}
/*
 |--------------------------------------------------------------------------
 | Fonts
 |--------------------------------------------------------------------------
 |
 | Import all fonts used in the template, the font configuration can be
 | seen in "tailwind.config.js".
 |
 | Please check this link for more details:
 | https://tailwindcss.com/docs/theme
 |
 */
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
 |--------------------------------------------------------------------------
 | Breakpoints
 |--------------------------------------------------------------------------
 |
 | Provide custom breakpoints for responsive layouts.
 |
 | Default values:
 | xs: 0, sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px
 |
 */
/*
 |--------------------------------------------------------------------------
 | Mixins
 |--------------------------------------------------------------------------
 |
 | Import helper mixins.
 |
 */
/*
 |--------------------------------------------------------------------------
 | 3rd Party Libraries
 |--------------------------------------------------------------------------
 |
 | Import 3rd party library CSS/SASS files.
 |
 */
/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}

.hljs-comment,
.hljs-quote {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
  color: #008080;
}

.hljs-string,
.hljs-doctag {
  color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
  color: #900;
  font-weight: bold;
}

.hljs-subst {
  font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: #000080;
  font-weight: normal;
}

.hljs-regexp,
.hljs-link {
  color: #009926;
}

.hljs-symbol,
.hljs-bullet {
  color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #0086b3;
}

.hljs-meta {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.tippy-box[data-theme~=light] {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow:before {
  border-top-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow:before {
  border-left-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow:before {
  border-right-color: #fff;
}

.tippy-box[data-theme~=light] > .tippy-backdrop {
  background-color: #fff;
}

.tippy-box[data-theme~=light] > .tippy-svg-arrow {
  fill: #fff;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after, .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after, .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after, .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}

.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}

.tippy-svg-arrow, .tippy-svg-arrow > svg {
  position: absolute;
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
} /*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background: linear-gradient(135deg, #73a5ff, #5477f5);
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/**
 * tom-select.css (v//@@version)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control.plugin-drag_drop.multi > .ts-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.ts-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.ts-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.plugin-checkbox_options .option input {
  margin-right: 0.5rem;
}

.plugin-clear_button .items {
  padding-right: calc(1em + (3 * 6px)) !important;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 8px;
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.single .clear-button {
  right: calc(8px - 6px + 2rem);
}
.plugin-clear_button .has-items.focus .clear-button, .plugin-clear_button:hover .has-items .clear-button {
  opacity: 1;
}

.ts-control .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.ts-control .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-control .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input .ts-input.focus {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px 0;
  display: block;
  padding: 8px 8px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  background: transparent;
}
.ts-control.plugin-input_autogrow .ts-input.has-items > input {
  min-width: 0;
}
.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input {
  flex: none;
  min-width: 4px;
}
.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input::-moz-placeholder {
  color: transparent;
}
.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.ts-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #0073bb;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.ts-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-control.plugin-remove_button .item.active .remove {
  border-left-color: #00578d;
}
.ts-control.plugin-remove_button .disabled .item .remove:hover {
  background: none;
}
.ts-control.plugin-remove_button .disabled .item .remove {
  border-left-color: #aaaaaa;
}
.ts-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-control {
  position: relative;
}

.ts-dropdown,
.ts-input,
.ts-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  font-smoothing: inherit;
}

.ts-input,
.ts-control.single .ts-input.input-active {
  background: #fff;
  cursor: text;
}

.ts-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-control.multi .ts-input.has-items {
  padding: calc( 8px - 2px - 1px) 8px calc( 8px - 2px - 3px - 1px);
}
.ts-input.full {
  background-color: #fff;
}
.ts-input.disabled, .ts-input.disabled * {
  cursor: default !important;
}
.ts-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.ts-input > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-control.multi .ts-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}
.ts-control.multi .ts-input > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}
.ts-control.multi .ts-input.disabled > div, .ts-control.multi .ts-input.disabled > div.active {
  color: white;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.ts-input > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
  box-shadow: none !important;
}
.ts-input > input::-ms-clear {
  display: none;
}
.ts-input > input:focus {
  outline: none !important;
}
.ts-input.has-items > input {
  margin: 0 4px !important;
}
.ts-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.ts-input.rtl {
  text-align: right;
}
.ts-input.rtl.single .ts-input:after {
  left: 15px;
  right: auto;
}
.ts-input.rtl .ts-input > input {
  margin: 0 4px 0 -2px !important;
}
.ts-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-input > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .create:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .create:hover.create,
.ts-dropdown .option:hover.create,
.ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.ts-control.single .ts-input {
  padding-right: 2rem;
}
.ts-control.single .ts-input, .ts-control.single .ts-input input {
  cursor: pointer;
}
.ts-control.single .ts-input.input-active, .ts-control.single .ts-input.input-active input {
  cursor: text;
}
.ts-control.single .ts-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.ts-control.single .ts-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.ts-control.multi .ts-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.ts-control.multi .ts-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  box-shadow: none;
}
.ts-control.multi .ts-input.disabled [data-value], .ts-control.multi .ts-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.ts-control.multi .ts-input.disabled [data-value] .remove {
  background: none;
}
.ts-control.multi .ts-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}
.ts-control.multi .ts-input [data-value].active {
  background-color: #0085d4;
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
}
.ts-control.single .ts-input {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f9f9f9;
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
}

.ts-control.single .ts-input, .ts-dropdown.single {
  border-color: #b8b8b8;
}

.ts-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}

.ts-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.ts-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.ts-dropdown .optgroup:first-child {
  border-top: 0 none;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@keyframes bounce {
  from, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}

/* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

/* Lightspeed */
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}

/* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}

/* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}

/* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}

/* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}

/* Sliding entrances */
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}

/* Sliding exits */
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}

/*
 |--------------------------------------------------------------------------
 | Components
 |--------------------------------------------------------------------------
 |
 | Import CSS/SCSS components.
 |
 */
.reservations-table{
	display: table;
	width: 100%;
	text-align: left;
}
.reservations-table th{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-weight: 500;
}
.reservations-table td{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.reservations-table.table--sm th{
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.reservations-table.table--sm td{
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.dark .reservations-table{
	--tw-border-opacity: 1;
	border-color: rgba(88, 87, 87, var(--tw-border-opacity));
}
.reservations-table th{
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	white-space: nowrap;
	border-width: 1px;
	border-bottom-width: 2px;
	text-transform: uppercase;
}
.dark .reservations-table th{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
.reservations-table thead th {
  text-align: center;
}
.reservations-table thead th .rt-dayname{
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.reservations-table thead th .rt-daynum{
	font-size: 1.5rem;
	line-height: 2rem;
}
.reservations-table tbody th {
  text-align: right;
}
.reservations-table td{
	border-width: 1px;
}
.dark .reservations-table td{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}
.reservations-table td:hover:not(:first-child){
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}
.dark .reservations-table td:hover:not(:first-child){
	--tw-bg-opacity: 1;
	background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.loader-wrapper {
  margin: 0 auto;
}

.baton {
  display: block;
  height: 2px;
  width: 70px;
  background-color: rgba(89, 178, 234, 0.6117647059);
  animation: scale 1.25s infinite linear;
  transform-origin: 0;
  transform: rotate(-10deg);
}
.baton:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  background-color: rgba(17, 3, 40, 0.8156862745);
  position: absolute;
  top: -2px;
  border-radius: 5px;
}
.baton:after {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  background-color: #f5a51c;
  position: absolute;
  top: -2px;
  right: 0;
  border-radius: 5px;
}

.metronome {
  transform-origin: 0;
  animation: metronome 1.25s infinite linear;
}

.baton-0 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.baton-0 .baton,
.baton-0 .baton:after,
.baton-0 .metronome {
  animation-delay: 0s;
}

.baton-1 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}
.baton-1 .baton,
.baton-1 .baton:after,
.baton-1 .metronome {
  animation-delay: -0.14s;
}

.baton-2 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
}
.baton-2 .baton,
.baton-2 .baton:after,
.baton-2 .metronome {
  animation-delay: -0.28s;
}

.baton-3 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}
.baton-3 .baton,
.baton-3 .baton:after,
.baton-3 .metronome {
  animation-delay: -0.42s;
}

.baton-4 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
}
.baton-4 .baton,
.baton-4 .baton:after,
.baton-4 .metronome {
  animation-delay: -0.56s;
}

.baton-5 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -o-transform: rotate(50deg);
}
.baton-5 .baton,
.baton-5 .baton:after,
.baton-5 .metronome {
  animation-delay: -0.7s;
}

.baton-6 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
}
.baton-6 .baton,
.baton-6 .baton:after,
.baton-6 .metronome {
  animation-delay: -0.84s;
}

.baton-7 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(70deg);
  -moz-transform: rotate(70deg);
  -ms-transform: rotate(70deg);
  -o-transform: rotate(70deg);
}
.baton-7 .baton,
.baton-7 .baton:after,
.baton-7 .metronome {
  animation-delay: -0.98s;
}

.baton-8 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(80deg);
  -moz-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  -o-transform: rotate(80deg);
}
.baton-8 .baton,
.baton-8 .baton:after,
.baton-8 .metronome {
  animation-delay: -1.12s;
}

.baton-9 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.baton-9 .baton,
.baton-9 .baton:after,
.baton-9 .metronome {
  animation-delay: -1.26s;
}

.baton-10 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(100deg);
  -moz-transform: rotate(100deg);
  -ms-transform: rotate(100deg);
  -o-transform: rotate(100deg);
}
.baton-10 .baton,
.baton-10 .baton:after,
.baton-10 .metronome {
  animation-delay: -1.4s;
}

.baton-11 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(110deg);
  -moz-transform: rotate(110deg);
  -ms-transform: rotate(110deg);
  -o-transform: rotate(110deg);
}
.baton-11 .baton,
.baton-11 .baton:after,
.baton-11 .metronome {
  animation-delay: -1.54s;
}

.baton-12 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
}
.baton-12 .baton,
.baton-12 .baton:after,
.baton-12 .metronome {
  animation-delay: -1.68s;
}

.baton-13 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(130deg);
  -moz-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  -o-transform: rotate(130deg);
}
.baton-13 .baton,
.baton-13 .baton:after,
.baton-13 .metronome {
  animation-delay: -1.82s;
}

.baton-14 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(140deg);
  -moz-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  -o-transform: rotate(140deg);
}
.baton-14 .baton,
.baton-14 .baton:after,
.baton-14 .metronome {
  animation-delay: -1.96s;
}

.baton-15 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
}
.baton-15 .baton,
.baton-15 .baton:after,
.baton-15 .metronome {
  animation-delay: -2.1s;
}

.baton-16 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(160deg);
  -moz-transform: rotate(160deg);
  -ms-transform: rotate(160deg);
  -o-transform: rotate(160deg);
}
.baton-16 .baton,
.baton-16 .baton:after,
.baton-16 .metronome {
  animation-delay: -2.24s;
}

.baton-17 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(170deg);
  -moz-transform: rotate(170deg);
  -ms-transform: rotate(170deg);
  -o-transform: rotate(170deg);
}
.baton-17 .baton,
.baton-17 .baton:after,
.baton-17 .metronome {
  animation-delay: -2.38s;
}

.baton-18 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.baton-18 .baton,
.baton-18 .baton:after,
.baton-18 .metronome {
  animation-delay: -2.52s;
}

.baton-19 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(190deg);
  -moz-transform: rotate(190deg);
  -ms-transform: rotate(190deg);
  -o-transform: rotate(190deg);
}
.baton-19 .baton,
.baton-19 .baton:after,
.baton-19 .metronome {
  animation-delay: -2.66s;
}

.baton-20 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(200deg);
  -moz-transform: rotate(200deg);
  -ms-transform: rotate(200deg);
  -o-transform: rotate(200deg);
}
.baton-20 .baton,
.baton-20 .baton:after,
.baton-20 .metronome {
  animation-delay: -2.8s;
}

.baton-21 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  -o-transform: rotate(210deg);
}
.baton-21 .baton,
.baton-21 .baton:after,
.baton-21 .metronome {
  animation-delay: -2.94s;
}

.baton-22 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
}
.baton-22 .baton,
.baton-22 .baton:after,
.baton-22 .metronome {
  animation-delay: -3.08s;
}

.baton-23 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(230deg);
  -moz-transform: rotate(230deg);
  -ms-transform: rotate(230deg);
  -o-transform: rotate(230deg);
}
.baton-23 .baton,
.baton-23 .baton:after,
.baton-23 .metronome {
  animation-delay: -3.22s;
}

.baton-24 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -o-transform: rotate(240deg);
}
.baton-24 .baton,
.baton-24 .baton:after,
.baton-24 .metronome {
  animation-delay: -3.36s;
}

.baton-25 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(250deg);
  -moz-transform: rotate(250deg);
  -ms-transform: rotate(250deg);
  -o-transform: rotate(250deg);
}
.baton-25 .baton,
.baton-25 .baton:after,
.baton-25 .metronome {
  animation-delay: -3.5s;
}

.baton-26 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(260deg);
  -moz-transform: rotate(260deg);
  -ms-transform: rotate(260deg);
  -o-transform: rotate(260deg);
}
.baton-26 .baton,
.baton-26 .baton:after,
.baton-26 .metronome {
  animation-delay: -3.64s;
}

.baton-27 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.baton-27 .baton,
.baton-27 .baton:after,
.baton-27 .metronome {
  animation-delay: -3.78s;
}

.baton-28 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(280deg);
  -moz-transform: rotate(280deg);
  -ms-transform: rotate(280deg);
  -o-transform: rotate(280deg);
}
.baton-28 .baton,
.baton-28 .baton:after,
.baton-28 .metronome {
  animation-delay: -3.92s;
}

.baton-29 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(290deg);
  -moz-transform: rotate(290deg);
  -ms-transform: rotate(290deg);
  -o-transform: rotate(290deg);
}
.baton-29 .baton,
.baton-29 .baton:after,
.baton-29 .metronome {
  animation-delay: -4.06s;
}

.baton-30 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -o-transform: rotate(300deg);
}
.baton-30 .baton,
.baton-30 .baton:after,
.baton-30 .metronome {
  animation-delay: -4.2s;
}

.baton-31 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(310deg);
  -moz-transform: rotate(310deg);
  -ms-transform: rotate(310deg);
  -o-transform: rotate(310deg);
}
.baton-31 .baton,
.baton-31 .baton:after,
.baton-31 .metronome {
  animation-delay: -4.34s;
}

.baton-32 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(320deg);
  -moz-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  -o-transform: rotate(320deg);
}
.baton-32 .baton,
.baton-32 .baton:after,
.baton-32 .metronome {
  animation-delay: -4.48s;
}

.baton-33 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  -o-transform: rotate(330deg);
}
.baton-33 .baton,
.baton-33 .baton:after,
.baton-33 .metronome {
  animation-delay: -4.62s;
}

.baton-34 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(340deg);
  -moz-transform: rotate(340deg);
  -ms-transform: rotate(340deg);
  -o-transform: rotate(340deg);
}
.baton-34 .baton,
.baton-34 .baton:after,
.baton-34 .metronome {
  animation-delay: -4.76s;
}

.baton-35 {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 15%;
  transform-origin: 100%;
  -webkit-transform: rotate(350deg);
  -moz-transform: rotate(350deg);
  -ms-transform: rotate(350deg);
  -o-transform: rotate(350deg);
}
.baton-35 .baton,
.baton-35 .baton:after,
.baton-35 .metronome {
  animation-delay: -4.9s;
}

@keyframes metronome {
  0% {
    transform: rotate(-25deg);
  }
  50% {
    transform: rotate(25deg);
  }
  100% {
    transform: rotate(-25deg);
  }
}
@keyframes scale {
  0% {
    transform: scaleX(1);
  }
  25% {
    transform: scaleX(0.74);
  }
  50% {
    transform: scaleX(1);
  }
  75% {
    transform: scaleX(1.16);
  }
  100% {
    transform: scaleX(1);
  }
}
.tabulator {
  position: relative;
  border: 1px solid #282828;
  background-color: #414141;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
  transform: translateZ(0);
}
.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table {
  min-width: 100%;
}
.tabulator[tabulator-layout=fitDataTable] {
  display: inline-block;
}
.tabulator.tabulator-block-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tabulator .tabulator-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #5eb4f7;
  background-color: #282828;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator .tabulator-header.tabulator-header-hidden {
  display: none;
}
.tabulator .tabulator-header .tabulator-header-contents {
  position: relative;
  overflow: hidden;
}
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
  display: inline-block;
}
.tabulator .tabulator-header .tabulator-col {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  border-right: 1px solid #414141;
  background: #282828;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
}
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  position: absolute;
  border: 1px solid #5eb4f7;
  background: #0f0f0f;
  pointer-events: none;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  position: relative;
  padding: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
  padding: 0 8px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  position: relative;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
  white-space: normal;
  text-overflow: initial;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #999;
  padding: 1px;
  background: #fff;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
  width: calc(100% - 22px);
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #3f4866;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  position: relative;
  display: flex;
  border-top: 1px solid #414141;
  overflow: hidden;
  margin-right: -1px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  position: relative;
  box-sizing: border-box;
  margin-top: 2px;
  width: 100%;
  text-align: center;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  height: auto !important;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  margin-top: 3px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  width: 0;
  height: 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 25px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    cursor: pointer;
    background-color: #0f0f0f;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
  color: #3f4866;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-bottom: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #3f4866;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter {
  color: #59b3ea;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-bottom: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #59b3ea;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter {
  color: #59b3ea;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-top: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: none;
  border-top: 6px solid #59b3ea;
  color: #59b3ea;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  transform: rotate(180deg);
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-top: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  padding-right: 0;
  padding-bottom: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
  justify-content: center;
  left: 0;
  right: 0;
  top: 4px;
  bottom: auto;
}
.tabulator .tabulator-header .tabulator-frozen {
  position: sticky;
  left: 0;
  z-index: 10;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #aaa;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #aaa;
}
.tabulator .tabulator-header .tabulator-calcs-holder {
  box-sizing: border-box;
  background: #353535 !important;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #414141;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: #353535 !important;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  display: none;
}
.tabulator .tabulator-tableholder {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.tabulator .tabulator-tableholder:focus {
  outline: none;
}
.tabulator .tabulator-tableholder .tabulator-placeholder {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual] {
  min-height: 100%;
  min-width: 100%;
}
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
  display: inline-block;
  text-align: center;
  padding: 10px;
  color: #ccc;
  font-weight: bold;
  font-size: 20px;
  white-space: normal;
}
.tabulator .tabulator-tableholder .tabulator-table {
  position: relative;
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  overflow: visible;
  color: #262c41;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
  font-weight: bold;
  background: #e2e2e2 !important;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  border-bottom: 2px solid #aaa;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  border-top: 2px solid #aaa;
}
.tabulator .tabulator-footer {
  border-top: 1px solid #59b3ea;
  background-color: rgba(255, 255, 255, 0);
  color: #262c41;
  font-weight: bold;
  white-space: nowrap;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator .tabulator-footer .tabulator-footer-contents {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}
.tabulator .tabulator-footer .tabulator-footer-contents:empty {
  display: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  background: rgba(255, 255, 255, 0) !important;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  overflow: hidden;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  display: inline-block;
  background: rgba(255, 255, 255, 0) !important;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  margin-bottom: -5px;
  border-bottom: none;
}
.tabulator .tabulator-footer > * + .tabulator-page-counter {
  margin-left: 10px;
}
.tabulator .tabulator-footer .tabulator-page-counter {
  font-weight: normal;
}
.tabulator .tabulator-footer .tabulator-paginator {
  flex: 1;
  text-align: right;
  color: #262c41;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.tabulator .tabulator-footer .tabulator-page-size {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
  border: 1px solid #3f4866;
  border-radius: 3px;
}
.tabulator .tabulator-footer .tabulator-pages {
  margin: 0 7px;
}
.tabulator .tabulator-footer .tabulator-page {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border: 1px solid #3f4866;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.2);
}
.tabulator .tabulator-footer .tabulator-page.active {
  color: #59b3ea;
}
.tabulator .tabulator-footer .tabulator-page:disabled {
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
  }
}
.tabulator .tabulator-col-resize-handle {
  position: relative;
  display: inline-block;
  width: 6px;
  margin-left: -3px;
  margin-right: -3px;
  z-index: 10;
  vertical-align: middle;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize;
  }
}
.tabulator .tabulator-col-resize-handle:last-of-type {
  width: 3px;
  margin-right: 0;
}
.tabulator .tabulator-alert {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.tabulator .tabulator-alert .tabulator-alert-msg {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
  font-weight: bold;
  font-size: 16px;
}
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
  border: 4px solid #333;
  color: #000;
}
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
  border: 4px solid #D00;
  color: #590000;
}

.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 22px;
  background-color: #fff;
}
.tabulator-row.tabulator-row-even {
  background-color: #EFEFEF;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selectable:hover {
    background-color: #bbb;
    cursor: pointer;
  }
}
.tabulator-row.tabulator-selected {
  background-color: #9ABCEA;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selected:hover {
    background-color: #769BCC;
    cursor: pointer;
  }
}
.tabulator-row.tabulator-row-moving {
  border: 1px solid #000;
  background: #fff;
}
.tabulator-row.tabulator-moving {
  position: absolute;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  pointer-events: none;
  z-index: 15;
}
.tabulator-row .tabulator-row-resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
}
.tabulator-row .tabulator-row-resize-handle.prev {
  top: 0;
  bottom: auto;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize;
  }
}
.tabulator-row .tabulator-responsive-collapse {
  box-sizing: border-box;
  padding: 5px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.tabulator-row .tabulator-responsive-collapse:empty {
  display: none;
}
.tabulator-row .tabulator-responsive-collapse table {
  font-size: 14px;
}
.tabulator-row .tabulator-responsive-collapse table tr td {
  position: relative;
}
.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  padding-right: 10px;
}
.tabulator-row .tabulator-cell {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  border-right: 1px solid #aaa;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabulator-row .tabulator-cell.tabulator-frozen {
  display: inline-block;
  position: sticky;
  left: 0;
  background-color: inherit;
  z-index: 10;
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #aaa;
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #aaa;
}
.tabulator-row .tabulator-cell.tabulator-editing {
  border: 1px solid #1D68CD;
  outline: none;
  padding: 0;
}
.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  border: 1px;
  background: transparent;
  outline: none;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail {
  border: 1px solid #dd0000;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  border: 1px;
  background: transparent;
  color: #dd0000;
}
.tabulator-row .tabulator-cell.tabulator-row-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  width: 80%;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  width: 100%;
  height: 3px;
  margin-top: 2px;
  background: #666;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #262c41;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
  }
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #262c41;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #262c41;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #262c41;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background: #666;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  display: initial;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
  stroke: #fff;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-traffic-light {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
}
.tabulator-row.tabulator-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #aaa;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #ccc;
  font-weight: bold;
  min-width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #59b3ea;
  border-bottom: 0;
}
.tabulator-row.tabulator-group.tabulator-group-level-1 {
  padding-left: 30px;
}
.tabulator-row.tabulator-group.tabulator-group-level-2 {
  padding-left: 50px;
}
.tabulator-row.tabulator-group.tabulator-group-level-3 {
  padding-left: 70px;
}
.tabulator-row.tabulator-group.tabulator-group-level-4 {
  padding-left: 90px;
}
.tabulator-row.tabulator-group.tabulator-group-level-5 {
  padding-left: 110px;
}
.tabulator-row.tabulator-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-row.tabulator-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #59b3ea;
  vertical-align: middle;
}
.tabulator-row.tabulator-group span {
  margin-left: 10px;
  color: #d00;
}

.tabulator-popup-container {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}

.tabulator-popup {
  padding: 5px;
  border-radius: 3px;
}

.tabulator-tooltip {
  max-width: min(500px, 100%);
  padding: 3px 5px;
  border-radius: 2px;
  box-shadow: none;
  font-size: 12px;
  pointer-events: none;
}

.tabulator-menu .tabulator-menu-item {
  position: relative;
  box-sizing: border-box;
  padding: 5px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    cursor: pointer;
    background: #EFEFEF;
  }
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
  padding-right: 25px;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
  display: inline-block;
  position: absolute;
  top: calc(5px + 0.4em);
  right: 10px;
  height: 7px;
  width: 7px;
  content: "";
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #aaa;
  vertical-align: top;
  transform: rotate(45deg);
}
.tabulator-menu .tabulator-menu-separator {
  border-top: 1px solid #aaa;
}

.tabulator-edit-list {
  max-height: 200px;
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.tabulator-edit-list .tabulator-edit-list-item {
  padding: 4px;
  color: #262c41;
  outline: none;
}
.tabulator-edit-list .tabulator-edit-list-item.active {
  color: #fff;
  background: #1D68CD;
}
.tabulator-edit-list .tabulator-edit-list-item.active.focused {
  outline: 1px solid rgba(255, 255, 255, 0.5);
}
.tabulator-edit-list .tabulator-edit-list-item.focused {
  outline: 1px solid #1D68CD;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-edit-list .tabulator-edit-list-item:hover {
    cursor: pointer;
    color: #fff;
    background: #1D68CD;
  }
}
.tabulator-edit-list .tabulator-edit-list-placeholder {
  padding: 4px;
  color: #262c41;
  text-align: center;
}
.tabulator-edit-list .tabulator-edit-list-group {
  border-bottom: 1px solid #aaa;
  padding: 4px;
  padding-top: 6px;
  color: #262c41;
  font-weight: bold;
}
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {
  padding-left: 12px;
}
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {
  padding-left: 20px;
}
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {
  padding-left: 28px;
}
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {
  padding-left: 36px;
}

.tabulator.tabulator-ltr {
  direction: ltr;
}

.tabulator.tabulator-rtl {
  text-align: initial;
  direction: rtl;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  text-align: initial;
  border-left: 1px solid #414141;
  border-right: initial;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  margin-right: initial;
  margin-left: -1px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-left: 25px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  left: 8px;
  right: initial;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  border-right: initial;
  border-left: 1px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  margin-right: initial;
  margin-left: 5px;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: 1px;
  border-left: initial;
  border-right: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  margin-right: initial;
  margin-left: 5px;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-left: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-right: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
  width: 3px;
  margin-left: 0;
  margin-right: -3px;
}
.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
  text-align: initial;
}

.tabulator-print-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  display: none !important;
}

.tabulator-print-table {
  border-collapse: collapse;
}
.tabulator-print-table .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
}
.tabulator-print-table .tabulator-print-table-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #aaa;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #ccc;
  font-weight: bold;
  min-width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-print-table-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #59b3ea;
  border-bottom: 0;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  padding-left: 30px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  padding-left: 50px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  padding-left: 70px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  padding-left: 90px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  padding-left: 110px !important;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #59b3ea;
  vertical-align: middle;
}
.tabulator-print-table .tabulator-print-table-group span {
  margin-left: 10px;
  color: #d00;
}
.tabulator-print-table .tabulator-data-tree-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #262c41;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
  }
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #262c41;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #262c41;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #262c41;
}

.tabulator {
  border: none;
  border-bottom: 5px solid #282828;
  border-radius: 10px;
}
.tabulator[tabulator-layout=fitColumns] .tabulator-row .tabulator-cell:last-of-type {
  border-right: none;
  padding-left: 15px;
  padding-right: 15px;
}
.tabulator .tabulator-header {
  border-bottom: 3px solid #5eb4f7;
}
.tabulator .tabulator-header .tabulator-col {
  background-color: #282828;
}
.tabulator .tabulator-header .tabulator-col :hover {
  background-color: #323232;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  padding: 8px;
}
.tabulator .tabulator-header .tabulator-calcs-holder {
  background: #424242 !important;
  border-top: 1px solid #aaa;
  border-bottom: none;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: #424242 !important;
}
.tabulator .tabulator-tableholder .tabulator-placeholder span {
  color: #5eb4f7;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
  font-weight: bold;
  background: #4e4e4e !important;
  color: #fff;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs-top {
  border-bottom: none;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs-bottom {
  border-top: none;
}
.tabulator .tabulator-footer {
  padding: 5px 10px;
  padding-top: 8px;
  border-top: 3px solid #59b3ea;
}
.tabulator .tabulator-footer .tabulator-calcs-holder {
  margin: -8px -10px 8px -10px;
  background: rgba(255, 255, 255, 0) !important;
  border-top: none;
  border-bottom: 1px solid #aaa;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background: rgba(255, 255, 255, 0) !important;
  color: #fff !important;
}
.tabulator .tabulator-footer .tabulator-paginator label {
  color: #fff;
}
.tabulator .tabulator-footer .tabulator-page-counter {
  color: #fff;
}
.tabulator .tabulator-footer .tabulator-page {
  background-color: #fff;
  color: #262c41;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.tabulator-row .tabulator-cell {
  padding: 6px;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  background: #59b3ea;
}
.tabulator-row.tabulator-group {
  border-right: 1px solid #aaa;
  border-top: 1px solid #000;
  border-bottom: 2px solid #5eb4f7;
  background: #282828;
  color: #fff;
}
.tabulator-row.tabulator-group:hover {
  background-color: #0f0f0f;
}
.tabulator-row.tabulator-group span {
  color: #5eb4f7;
}

.tabulator-print-table {
  border-collapse: collapse;
}
.tabulator-print-table .tabulator-print-table-group {
  border-bottom: 2px solid #5eb4f7;
  background: #282828;
  color: #fff;
}
.tabulator-print-table .tabulator-print-table-group:hover {
  background-color: #0f0f0f;
}
.tabulator-print-table .tabulator-print-table-group span {
  color: #5eb4f7;
}

/** new layout */
.brand {
  z-index: 10;
}

.cutoff {
  border-radius: 0px 0px 125px/100% 0px;
  min-height: 10px;
  min-width: 0px;
  flex: 1 1 0%;
  position: relative;
  padding: 10px;
  z-index: 2;
}

.behind {
  position: relative;
  min-height: 25px;
  margin-top: -20px;
  margin-bottom: 20px;
  border-radius: 0px 0px 125px/100% 0px;
  z-index: 1;
}

.navbar-top > a,
.navbar-top-item {
  padding: 10px;
  border-radius: 8px;
  display: inline-block;
}

.item-active {
  background-color: #282828;
}

.item-active-insurance {
  color: white;
  border: 10px solid #282828;
  border-radius: 8px;
  background-color: #282828;
}

.slant_text-table_header {
  height: 106px;
  white-space: nowrap;
}

.slant_text-table_header > div {
  transform: translate(25px, 51px) rotate(315deg) !important;
  width: 0px !important;
}

th.slant_text-table_header > div > span {
  padding: 5px 10px;
}

[x-cloak] {
  display: none !important;
}

.m-content {
  border-radius: 0px 0px 0px 0px;
  position: relative;
  min-width: 0px;
  flex: 1 1 0%;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 2.5rem;
}

@media only screen and (max-width: 596px) {
  .m-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.custom-scale {
  transform: scale(110%);
}

.flip-card-front {
  backface-visibility: hidden;
  transform: perspective(1000px) rotateY(0deg);
  transition: transform 0.7s ease-out;
}

.flip-card-back {
  backface-visibility: hidden;
  transform: perspective(1000px) rotateY(180deg);
  transition: transform 0.7s ease-out;
}

.backfacevisu {
  backface-visibility: hidden;
}

.trash-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.login {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}

.login:before {
  content: "";
  margin-left: -48%;
  background-image: url(../assets/images/test.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

#card-element {
  border: 1px solid currentColor;
  border-radius: 4px;
  height: 40px;
  background: #ffffff;
  margin-bottom: 20px;
}

.introjs-helperLayer {
  border-color: #00bbff !important;
  border: 2px solid;
}

.form-check-switch {
  background: #585757;
  transition: background-color 250ms ease, box-shadow 250ms ease;
  outline: none;
}

.form-check-switch::before {
  background-color: white;
}

.form-check-switch:checked {
  outline: none;
}

.form-check-switch:focus {
  outline: none;
}

.swal2-html-container-full {
  margin: 0 !important;
}

.swal2-popup-full {
  padding: 0 !important;
}

.swal2-popup-edit-partner {
  padding: 0 !important;
}

.swal2-html-container-edit-partner {
  margin: 0 !important;
}

.swal-custom-popup {
  background-color: #414141 !important;
}

.swal-border-blue {
  border-left: 1mm solid #5eb4f7 !important;
}

.swal-border-danger {
  border-left: 1mm solid #ef4444 !important;
}

.swal-border-warning {
  border-left: 1mm solid #f8bb86 !important;
}

.swal-border-success {
  border-left: 1mm solid #28a745 !important;
}

.swal-custom-title {
  color: white !important;
}

.swal-custom-content {
  color: white !important;
}

.swal-custom-confirm-button {
  background-color: white !important;
  color: #414141 !important;
  border-radius: 0.125rem !important;
}

.swal-custom-cancel-button {
  background-color: white !important;
  color: #414141 !important;
  border-radius: 0.125rem !important;
}

.toast {
  opacity: 1 !important;
}

.card-border-accent-2 {
  border-top: solid 3px #0fff90;
}

.alert .btn-close {
  padding-top: 0px;
  padding-right: 6px;
}

.dropdown .dropdown-toggle[aria-expanded=true] {
  background-color: #282828;
}

.ts-dropdown, .ts-input, .ts-input input {
  font-size: inherit;
  line-height: inherit;
}

.hover\:shadow-border:hover {
  box-shadow: 0 0 0 2px white;
}

div:where(.swal2-container) .swal2-select {
  border-width: 2px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(65, 65, 65);
  border-radius: 2px;
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #525252;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  background-color: grey;
}

#custom-tom-select-for-dark-theme .ts-control.single .ts-input,
#custom-tom-select-for-dark-theme .ts-control.single .ts-dropdown.single {
  border-color: #616161;
  background-color: rgb(65, 65, 65);
  color: #ffffff;
}

#custom-tom-select-for-dark-theme .ts-control.single .ts-input {
  box-shadow: 0 1px 0 rgba(88, 87, 87, 0.05), inset 0 1px 0 rgba(88, 87, 87, 0.8);
  background-image: linear-gradient(to bottom, rgb(88, 87, 87), rgb(88, 87, 87));
  background-repeat: repeat-x;
  color: #ffffff;
}

#custom-tom-select-for-dark-theme .ts-input,
#custom-tom-select-for-dark-theme .ts-control.single .ts-input.input-active {
  border-color: #1e1e1e;
  background-color: rgb(65, 65, 65);
  color: white;
}

#custom-tom-select-for-dark-theme .ts-dropdown .option {
  padding: 5px;
  padding-left: 10px;
  color: #ffffff;
}

#custom-tom-select-for-dark-theme .ts-dropdown .active {
  padding: 5px;
  padding-left: 10px;
  color: #ffffff;
}

#custom-tom-select-for-dark-theme .ts-dropdown .create:hover,
#custom-tom-select-for-dark-theme .ts-dropdown .option:hover,
#custom-tom-select-for-dark-theme .ts-dropdown {
  padding: 5px;
  background-color: #1e1e1e;
  color: #ffffff;
}

#custom-tom-select-for-dark-theme .ts-dropdown .create:hover,
#custom-tom-select-for-dark-theme .ts-dropdown .option:hover {
  padding: 5px;
  padding-left: 10px;
  background-color: #1e1e1e;
  color: #ffffff;
}

#custom-tom-select-for-dark-theme .ts-dropdown .option,
#custom-tom-select-for-dark-theme .ts-dropdown [data-disabled],
#custom-tom-select-for-dark-theme .ts-dropdown [data-disabled] [data-selectable].option {
  background-color: #303030;
  color: #ffffff;
}

#custom-tom-select-for-dark-theme .ts-dropdown, .ts-input, .ts-input input {
  color: #ffffff;
}

.ts-dropdown, .ts-input, .ts-input input {
  color: #1e1e1e;
}

#treatments-select-opt-1 {
  font-weight: bolder;
  padding: 5px;
  background-color: #303030;
  color: #ffffff;
}

#treatments-select-opt-1:hover {
  padding: 5px;
  font-weight: bolder;
  background-color: #303030;
  color: #ffffff;
}

#treatments-select-opt-6 {
  font-weight: bolder;
  padding: 5px;
  background-color: #303030;
  color: #ffffff;
}

#treatments-select-opt-6:hover {
  font-weight: bolder;
  padding: 2px;
  background-color: #303030;
  color: #ffffff;
}

.input-group .input-group-text {
  background-color: #5fb4f7;
  border-color: #5fb4f7;
  color: white;
}

canvas:focus{
	outline: 2px solid #5eb4f7;
	outline-offset: 0;
}

.dentist-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 4% !important;
  padding-right: 4% !important;
}

@media (min-width: 640px) {
  .dentist-container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .dentist-container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .dentist-container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .dentist-container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .dentist-container {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .dentist-container {
    max-width: 1920px;
  }
}
.draggable-status-item {
  transition: transform 0.3s ease;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.swal-title-spacing {
  line-height: 1;
  margin-bottom: 0.2rem;
}

.bg-lp-dark {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
}
.swal2-confirm-custom {
  background-color: #5eb4f7 !important;
  border-color: #5eb4f7 !important;
}

.swal2-deny-custom {
  background-color: rgba(94, 180, 247, 0.7411764706) !important;
  border-color: rgba(94, 180, 247, 0.7411764706) !important;
}

* > .first-letter\:intro-y::first-letter:nth-child(1) {
    z-index: 49;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(2) {
    z-index: 48;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(3) {
    z-index: 47;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(4) {
    z-index: 46;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(5) {
    z-index: 45;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(6) {
    z-index: 44;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(7) {
    z-index: 43;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(8) {
    z-index: 42;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(9) {
    z-index: 41;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(10) {
    z-index: 40;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(11) {
    z-index: 39;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(12) {
    z-index: 38;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(13) {
    z-index: 37;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(14) {
    z-index: 36;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(15) {
    z-index: 35;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(16) {
    z-index: 34;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(17) {
    z-index: 33;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(18) {
    z-index: 32;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(19) {
    z-index: 31;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(20) {
    z-index: 30;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(21) {
    z-index: 29;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(22) {
    z-index: 28;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(23) {
    z-index: 27;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(24) {
    z-index: 26;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.4s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(25) {
    z-index: 25;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(26) {
    z-index: 24;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(27) {
    z-index: 23;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.7s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(28) {
    z-index: 22;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(29) {
    z-index: 21;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(30) {
    z-index: 20;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(31) {
    z-index: 19;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.1s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(32) {
    z-index: 18;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.2s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(33) {
    z-index: 17;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.3s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(34) {
    z-index: 16;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.4s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(35) {
    z-index: 15;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(36) {
    z-index: 14;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.6s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(37) {
    z-index: 13;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.7s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(38) {
    z-index: 12;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(39) {
    z-index: 11;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 3.9s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(40) {
    z-index: 10;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(41) {
    z-index: 9;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.1s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(42) {
    z-index: 8;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(43) {
    z-index: 7;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.3s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(44) {
    z-index: 6;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.4s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(45) {
    z-index: 5;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(46) {
    z-index: 4;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.6s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(47) {
    z-index: 3;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.7s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(48) {
    z-index: 2;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.8s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(49) {
    z-index: 1;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 4.9s;
  }

* > .first-letter\:intro-y::first-letter:nth-child(50) {
    z-index: 0;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
  }

.after\:absolute::after{
	content: "";
	position: absolute;
}

.after\:top-\[2px\]::after{
	content: "";
	top: 2px;
}

.after\:left-\[2px\]::after{
	content: "";
	left: 2px;
}

.after\:h-5::after{
	content: "";
	height: 1.25rem;
}

.after\:w-5::after{
	content: "";
	width: 1.25rem;
}

.after\:rounded-full::after{
	content: "";
	border-radius: 9999px;
}

.after\:border::after{
	content: "";
	border-width: 1px;
}

.after\:border-gray-300::after{
	content: "";
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.after\:bg-white::after{
	content: "";
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.after\:transition-all::after{
	content: "";
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after{
	content: '';
}

.last\:mb-0:last-child{
	margin-bottom: 0px;
}

.last\:border-b-0:last-child{
	border-bottom-width: 0px;
}

.last\:pb-0:last-child{
	padding-bottom: 0px;
}

.checked\:border-brand-blueAlpha:checked{
	border-color: #5eb4f7bd;
}

.checked\:bg-brand-blue:checked{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}

.hover\:origin-bottom:hover{
	transform-origin: bottom;
}

.hover\:translate-y-\[-4px\]:hover{
	--tw-translate-y: -4px;
	transform: var(--tw-transform);
}

.hover\:scale-110:hover{
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
	transform: var(--tw-transform);
}

.hover\:scale-105:hover{
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: var(--tw-transform);
}

.hover\:scale-y-110:hover{
	--tw-scale-y: 1.1;
	transform: var(--tw-transform);
}

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

.hover\:animate-pulse:hover{
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin{
	to{
		transform: rotate(360deg);
	}
}

.hover\:animate-spin:hover{
	animation: spin 1s linear infinite;
}

.hover\:border-4:hover{
	border-width: 4px;
}

.hover\:border:hover{
	border-width: 1px;
}

.hover\:border-gray-300:hover{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.hover\:border-gray-500:hover{
	--tw-border-opacity: 1;
	border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}

.hover\:border-black:hover{
	--tw-border-opacity: 1;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.hover\:border-\[\#6a6a6a\]:hover{
	--tw-border-opacity: 1;
	border-color: rgba(106, 106, 106, var(--tw-border-opacity));
}

.hover\:border-white:hover{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.hover\:border-white\/30:hover{
	border-color: rgba(255, 255, 255, 0.3);
}

.hover\:bg-gray-700:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.hover\:bg-brand-blueAlpha:hover{
	background-color: #5eb4f7bd;
}

.hover\:bg-\[\#52b0f1\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(82, 176, 241, var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.hover\:bg-theme-10:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(240, 245, 255, var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.hover\:bg-dark-7:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(40, 40, 40, var(--tw-bg-opacity));
}

.hover\:bg-gray-600:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}

.hover\:bg-dark-6:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
}

.hover\:bg-dark-1:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}

.hover\:bg-dark-5:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}

.hover\:\!bg-dark-5:hover{
	--tw-bg-opacity: 1 !important;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity)) !important;
}

.hover\:bg-dark-4:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(88, 87, 87, var(--tw-bg-opacity));
}

.hover\:bg-\[\#6a6a6a\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(106, 106, 106, var(--tw-bg-opacity));
}

.hover\:bg-theme-16:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(230, 59, 31, var(--tw-bg-opacity));
}

.hover\:bg-primary-4:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(145, 199, 20, var(--tw-bg-opacity));
}

.hover\:bg-dark-8:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(49, 49, 49, var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
}

.hover\:bg-red-800:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
}

.hover\:bg-brand-blue:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.hover\:bg-primary-3:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(211, 41, 41, var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.hover\:bg-red-300:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}

.hover\:bg-green-300:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}

.hover\:bg-green-400:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}

.hover\:bg-blue-400:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.hover\:bg-opacity-80:hover{
	--tw-bg-opacity: 0.8;
}

.hover\:font-black:hover{
	font-weight: 900;
}

.hover\:text-white:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:text-red-700:hover{
	--tw-text-opacity: 1;
	color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.hover\:text-gray-100:hover{
	--tw-text-opacity: 1;
	color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.hover\:text-gray-700:hover{
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.hover\:text-gray-800:hover{
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.hover\:text-gray-300:hover{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.hover\:text-gray-500:hover{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.hover\:text-gray-400:hover{
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.hover\:text-dark-5:hover{
	--tw-text-opacity: 1;
	color: rgba(76, 75, 75, var(--tw-text-opacity));
}

.hover\:text-gray-200:hover{
	--tw-text-opacity: 1;
	color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.hover\:text-gray-900:hover{
	--tw-text-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.hover\:text-blue-700:hover{
	--tw-text-opacity: 1;
	color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.hover\:text-red-400:hover{
	--tw-text-opacity: 1;
	color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.hover\:text-brand-blue:hover{
	--tw-text-opacity: 1;
	color: rgba(94, 180, 247, var(--tw-text-opacity));
}

.hover\:underline:hover{
	text-decoration: underline;
}

.hover\:\!underline:hover{
	text-decoration: underline !important;
}

.hover\:opacity-100:hover{
	opacity: 1;
}

.hover\:shadow-2xl:hover{
	--tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-3xl:hover{
	--tw-shadow: 0 50px 60px -15px rgba(0, 0, 0, 1);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:brightness-110:hover{
	--tw-brightness: brightness(1.1);
	filter: var(--tw-filter);
}

.focus\:z-10:focus{
	z-index: 10;
}

.focus\:border-gray-900:focus{
	--tw-border-opacity: 1;
	border-color: rgba(17, 24, 39, var(--tw-border-opacity));
}

.focus\:border-indigo-700:focus{
	--tw-border-opacity: 1;
	border-color: rgba(67, 56, 202, var(--tw-border-opacity));
}

.focus\:border-gray-300:focus{
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.focus\:border-blue-500:focus{
	--tw-border-opacity: 1;
	border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.focus\:border-blue-300:focus{
	--tw-border-opacity: 1;
	border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}

.focus\:border-blue-400:focus{
	--tw-border-opacity: 1;
	border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}

.focus\:border-brand-blue:focus{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}

.focus\:border-indigo-300:focus{
	--tw-border-opacity: 1;
	border-color: rgba(165, 180, 252, var(--tw-border-opacity));
}

.focus\:border-primary-1:focus{
	--tw-border-opacity: 1;
	border-color: rgba(94, 180, 247, var(--tw-border-opacity));
}

.focus\:bg-gray-100:focus{
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.focus\:bg-indigo-100:focus{
	--tw-bg-opacity: 1;
	background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.focus\:bg-gray-50:focus{
	--tw-bg-opacity: 1;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.focus\:text-white:focus{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.focus\:text-gray-700:focus{
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.focus\:text-indigo-800:focus{
	--tw-text-opacity: 1;
	color: rgba(55, 48, 163, var(--tw-text-opacity));
}

.focus\:text-gray-800:focus{
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.focus\:outline-none:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.focus\:ring:focus{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-blue-500:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}

.focus\:ring-theme-21:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(206, 49, 49, var(--tw-ring-opacity));
}

.focus\:ring-alt-4:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(138, 173, 31, var(--tw-ring-opacity));
}

.focus\:ring-brand-blue:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(94, 180, 247, var(--tw-ring-opacity));
}

.focus\:ring-blue-300:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
}

.focus\:ring-indigo-200:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
}

.focus\:ring-primary-1:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(94, 180, 247, var(--tw-ring-opacity));
}

.focus\:ring-opacity-50:focus{
	--tw-ring-opacity: 0.5;
}

.focus-visible\:outline-none:focus-visible{
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.active\:bg-gray-900:active{
	--tw-bg-opacity: 1;
	background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.active\:bg-gray-100:active{
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.active\:text-white:active{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.active\:text-gray-400:active{
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.disabled\:cursor-not-allowed:disabled{
	cursor: not-allowed;
}

.disabled\:text-dark-4:disabled{
	--tw-text-opacity: 1;
	color: rgba(88, 87, 87, var(--tw-text-opacity));
}

.disabled\:opacity-25:disabled{
	opacity: 0.25;
}

.disabled\:opacity-60:disabled{
	opacity: 0.6;
}

.group:hover .group-hover\:opacity-100{
	opacity: 1;
}

.peer:checked ~ .peer-checked\:bg-brand-blue{
	--tw-bg-opacity: 1;
	background-color: rgba(94, 180, 247, var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
	content: "";
	--tw-translate-x: 100%;
	transform: var(--tw-transform);
}

.peer:checked ~ .peer-checked\:after\:border-white::after{
	content: "";
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:outline-none{
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.peer:focus ~ .peer-focus\:ring-4{
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus ~ .peer-focus\:ring-blue-300{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
}

.dark .dark\:border-gray-600{
	--tw-border-opacity: 1;
	border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.dark .dark\:border-gray-700{
	--tw-border-opacity: 1;
	border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}

.dark .dark\:border-dark-5{
	--tw-border-opacity: 1;
	border-color: rgba(76, 75, 75, var(--tw-border-opacity));
}

.dark .dark\:border-dark-3{
	--tw-border-opacity: 1;
	border-color: rgba(67, 67, 67, var(--tw-border-opacity));
}

.dark .dark\:border-transparent{
	border-color: transparent;
}

.dark .dark\:border-opacity-100{
	--tw-border-opacity: 1;
}

.dark .dark\:bg-dark-2{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}

.dark .dark\:bg-gray-700{
	--tw-bg-opacity: 1;
	background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.dark .dark\:bg-dark-1{
	--tw-bg-opacity: 1;
	background-color: rgba(54, 54, 54, var(--tw-bg-opacity));
}

.dark .dark\:bg-gray-900{
	--tw-bg-opacity: 1;
	background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.dark .dark\:bg-transparent{
	background-color: transparent;
}

.dark .dark\:bg-green-200{
	--tw-bg-opacity: 1;
	background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

.dark .dark\:bg-red-200{
	--tw-bg-opacity: 1;
	background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.dark .dark\:bg-dark-6{
	--tw-bg-opacity: 1;
	background-color: rgba(65, 65, 65, var(--tw-bg-opacity));
}

.dark .dark\:bg-dark-5{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
}

.dark .dark\:bg-blue-200{
	--tw-bg-opacity: 1;
	background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

.dark .dark\:bg-yellow-200{
	--tw-bg-opacity: 1;
	background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}

.dark .dark\:bg-purple-200{
	--tw-bg-opacity: 1;
	background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
}

.dark .dark\:text-gray-300{
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.dark .dark\:text-gray-400{
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.dark .dark\:text-theme-25{
	--tw-text-opacity: 1;
	color: rgba(47, 90, 216, var(--tw-text-opacity));
}

.dark .dark\:text-green-900{
	--tw-text-opacity: 1;
	color: rgba(6, 78, 59, var(--tw-text-opacity));
}

.dark .dark\:text-red-900{
	--tw-text-opacity: 1;
	color: rgba(127, 29, 29, var(--tw-text-opacity));
}

.dark .dark\:text-white{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.dark .dark\:text-gray-600{
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.dark .dark\:text-gray-500{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.dark .dark\:text-blue-900{
	--tw-text-opacity: 1;
	color: rgba(30, 58, 138, var(--tw-text-opacity));
}

.dark .dark\:text-yellow-900{
	--tw-text-opacity: 1;
	color: rgba(120, 53, 15, var(--tw-text-opacity));
}

.dark .dark\:text-purple-900{
	--tw-text-opacity: 1;
	color: rgba(76, 29, 149, var(--tw-text-opacity));
}

.dark .dark\:hover\:border-gray-800:hover{
	--tw-border-opacity: 1;
	border-color: rgba(31, 41, 55, var(--tw-border-opacity));
}

.dark .dark\:hover\:bg-dark-2:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(47, 47, 47, var(--tw-bg-opacity));
}

.dark .dark\:hover\:bg-dark-3:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(67, 67, 67, var(--tw-bg-opacity));
}

.dark .peer:focus ~ .dark\:peer-focus\:ring-brand-blue{
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(94, 180, 247, var(--tw-ring-opacity));
}

@media (min-width: 640px){
	.sm\:top-0{
		top: 0px;
	}
	.sm\:order-none{
		order: 0;
	}
	.sm\:col-span-6{
		grid-column: span 6 / span 6;
	}
	.sm\:col-span-12{
		grid-column: span 12 / span 12;
	}
	.sm\:col-span-5{
		grid-column: span 5 / span 5;
	}
	.sm\:col-span-2{
		grid-column: span 2 / span 2;
	}
	.sm\:col-span-1{
		grid-column: span 1 / span 1;
	}
	.sm\:mx-0{
		margin-left: 0px;
		margin-right: 0px;
	}
	.sm\:mr-20{
		margin-right: 5rem;
	}
	.sm\:mt-0{
		margin-top: 0px;
	}
	.sm\:ml-auto{
		margin-left: auto;
	}
	.sm\:ml-0{
		margin-left: 0px;
	}
	.sm\:mr-auto{
		margin-right: auto;
	}
	.sm\:mr-4{
		margin-right: 1rem;
	}
	.sm\:ml-1{
		margin-left: 0.25rem;
	}
	.sm\:ml-2{
		margin-left: 0.5rem;
	}
	.sm\:mr-2{
		margin-right: 0.5rem;
	}
	.sm\:mr-8{
		margin-right: 2rem;
	}
	.sm\:mb-0{
		margin-bottom: 0px;
	}
	.sm\:inline-block{
		display: inline-block;
	}
	.sm\:inline{
		display: inline;
	}
	.sm\:flex{
		display: flex;
	}
	.sm\:grid{
		display: grid;
	}
	.sm\:hidden{
		display: none;
	}
	.sm\:h-10{
		height: 2.5rem;
	}
	.sm\:h-12{
		height: 3rem;
	}
	.sm\:h-24{
		height: 6rem;
	}
	.sm\:w-10{
		width: 2.5rem;
	}
	.sm\:w-auto{
		width: auto;
	}
	.sm\:w-32{
		width: 8rem;
	}
	.sm\:w-40{
		width: 10rem;
	}
	.sm\:w-16{
		width: 4rem;
	}
	.sm\:w-3\/4{
		width: 75%;
	}
	.sm\:w-12{
		width: 3rem;
	}
	.sm\:w-1\/2{
		width: 50%;
	}
	.sm\:w-24{
		width: 6rem;
	}
	.sm\:w-1\/4{
		width: 25%;
	}
	.sm\:max-w-md{
		max-width: 28rem;
	}
	.sm\:flex-1{
		flex: 1 1 0%;
	}
	.sm\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sm\:grid-cols-5{
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	.sm\:flex-row{
		flex-direction: row;
	}
	.sm\:flex-nowrap{
		flex-wrap: nowrap;
	}
	.sm\:items-end{
		align-items: flex-end;
	}
	.sm\:items-center{
		align-items: center;
	}
	.sm\:justify-start{
		justify-content: flex-start;
	}
	.sm\:justify-end{
		justify-content: flex-end;
	}
	.sm\:justify-center{
		justify-content: center;
	}
	.sm\:justify-between{
		justify-content: space-between;
	}
	.sm\:gap-4{
		gap: 1rem;
	}
	.sm\:whitespace-normal{
		white-space: normal;
	}
	.sm\:rounded-lg{
		border-radius: 0.5rem;
	}
	.sm\:border-0{
		border-width: 0px;
	}
	.sm\:p-6{
		padding: 1.5rem;
	}
	.sm\:px-6{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.sm\:py-20{
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.sm\:px-20{
		padding-left: 5rem;
		padding-right: 5rem;
	}
	.sm\:px-10{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.sm\:px-8{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.sm\:px-0{
		padding-left: 0px;
		padding-right: 0px;
	}
	.sm\:py-4{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.sm\:pt-0{
		padding-top: 0px;
	}
	.sm\:text-2xl{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.sm\:text-sm{
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.sm\:text-base{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.sm\:leading-5{
		line-height: 1.25rem;
	}
	.sm\:text-white{
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}
	.sm\:no-underline{
		text-decoration: none;
	}
}

@media (min-width: 768px){
	.md\:my-6{
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.md\:mx-auto{
		margin-left: auto;
		margin-right: auto;
	}
	.md\:mx-0{
		margin-left: 0px;
		margin-right: 0px;
	}
	.md\:ml-0{
		margin-left: 0px;
	}
	.md\:mb-12{
		margin-bottom: 3rem;
	}
	.md\:mb-6{
		margin-bottom: 1.5rem;
	}
	.md\:mb-0{
		margin-bottom: 0px;
	}
	.md\:mr-4{
		margin-right: 1rem;
	}
	.md\:ml-4{
		margin-left: 1rem;
	}
	.md\:flex{
		display: flex;
	}
	.md\:grid{
		display: grid;
	}
	.md\:contents{
		display: contents;
	}
	.md\:hidden{
		display: none;
	}
	.md\:h-32{
		height: 8rem;
	}
	.md\:min-h-screen{
		min-height: 100vh;
	}
	.md\:w-full{
		width: 100%;
	}
	.md\:w-1\/2{
		width: 50%;
	}
	.md\:w-1\/3{
		width: 33.333333%;
	}
	.md\:w-3\/4{
		width: 75%;
	}
	.md\:w-1\/4{
		width: 25%;
	}
	.md\:w-\[20\%\]{
		width: 20%;
	}
	.md\:w-72{
		width: 18rem;
	}
	.md\:w-32{
		width: 8rem;
	}
	.md\:max-w-md{
		max-width: 28rem;
	}
	.md\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.md\:flex-row{
		flex-direction: row;
	}
	.md\:flex-nowrap{
		flex-wrap: nowrap;
	}
	.md\:gap-8{
		gap: 2rem;
	}
	.md\:gap-2{
		gap: 0.5rem;
	}
	.md\:border-l-2{
		border-left-width: 2px;
	}
	.md\:border-r-2{
		border-right-width: 2px;
	}
	.md\:p-8{
		padding: 2rem;
	}
	.md\:px-8{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.md\:px-0{
		padding-left: 0px;
		padding-right: 0px;
	}
	.md\:px-24{
		padding-left: 6rem;
		padding-right: 6rem;
	}
	.md\:px-2{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.md\:px-4{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.md\:pb-0{
		padding-bottom: 0px;
	}
	.md\:text-3xl{
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
	.md\:text-sm{
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.md\:text-xs{
		font-size: 0.75rem;
		line-height: 1rem;
	}
	.md\:text-4xl{
		font-size: 2.25rem;
		line-height: 2.5rem;
	}
	.md\:text-lg{
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.md\:text-xl{
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	.md\:text-5xl{
		font-size: 3rem;
		line-height: 1;
	}
}

@media (min-width: 1024px){
	.lg\:col-span-12{
		grid-column: span 12 / span 12;
	}
	.lg\:col-span-6{
		grid-column: span 6 / span 6;
	}
	.lg\:col-span-4{
		grid-column: span 4 / span 4;
	}
	.lg\:col-span-8{
		grid-column: span 8 / span 8;
	}
	.lg\:col-span-7{
		grid-column: span 7 / span 7;
	}
	.lg\:col-span-5{
		grid-column: span 5 / span 5;
	}
	.lg\:mx-8{
		margin-left: 2rem;
		margin-right: 2rem;
	}
	.lg\:mt-0{
		margin-top: 0px;
	}
	.lg\:mt-16{
		margin-top: 4rem;
	}
	.lg\:mb-10{
		margin-bottom: 2.5rem;
	}
	.lg\:mb-14{
		margin-bottom: 3.5rem;
	}
	.lg\:mt-3{
		margin-top: 0.75rem;
	}
	.lg\:mb-0{
		margin-bottom: 0px;
	}
	.lg\:ml-auto{
		margin-left: auto;
	}
	.lg\:inline-block{
		display: inline-block;
	}
	.lg\:inline{
		display: inline;
	}
	.lg\:flex{
		display: flex;
	}
	.lg\:hidden{
		display: none;
	}
	.lg\:h-16{
		height: 4rem;
	}
	.lg\:h-32{
		height: 8rem;
	}
	.lg\:w-full{
		width: 100%;
	}
	.lg\:w-2\/4{
		width: 50%;
	}
	.lg\:w-40{
		width: 10rem;
	}
	.lg\:w-1\/3{
		width: 33.333333%;
	}
	.lg\:w-2\/3{
		width: 66.666667%;
	}
	.lg\:w-80{
		width: 20rem;
	}
	.lg\:w-1\/4{
		width: 25%;
	}
	.lg\:w-32{
		width: 8rem;
	}
	.lg\:w-1\/5{
		width: 20%;
	}
	.lg\:w-auto{
		width: auto;
	}
	.lg\:w-2\/5{
		width: 40%;
	}
	.lg\:w-9{
		width: 2.25rem;
	}
	.lg\:grid-cols-4{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.lg\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.lg\:flex-row{
		flex-direction: row;
	}
	.lg\:items-start{
		align-items: flex-start;
	}
	.lg\:justify-start{
		justify-content: flex-start;
	}
	.lg\:gap-2{
		gap: 0.5rem;
	}
	.lg\:gap-1{
		gap: 0.25rem;
	}
	.lg\:gap-8{
		gap: 2rem;
	}
	.lg\:overflow-auto{
		overflow: auto;
	}
	.lg\:overflow-visible{
		overflow: visible;
	}
	.lg\:border-t-0{
		border-top-width: 0px;
	}
	.lg\:p-2{
		padding: 0.5rem;
	}
	.lg\:p-0{
		padding: 0px;
	}
	.lg\:px-10{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.lg\:px-8{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.lg\:px-1\.5{
		padding-left: 0.375rem;
		padding-right: 0.375rem;
	}
	.lg\:px-1{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	.lg\:pr-4{
		padding-right: 1rem;
	}
	.lg\:pl-4{
		padding-left: 1rem;
	}
	.lg\:pt-0{
		padding-top: 0px;
	}
	.lg\:pt-12{
		padding-top: 3rem;
	}
	.lg\:text-left{
		text-align: left;
	}
	.lg\:text-3xl{
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
	.lg\:text-2xl{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.lg\:text-xl{
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	.lg\:text-xs{
		font-size: 0.75rem;
		line-height: 1rem;
	}
	.lg\:text-base{
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

@media (min-width: 1280px){
	.xl\:col-span-12{
		grid-column: span 12 / span 12;
	}
	.xl\:col-span-6{
		grid-column: span 6 / span 6;
	}
	.xl\:col-span-5{
		grid-column: span 5 / span 5;
	}
	.xl\:col-span-2{
		grid-column: span 2 / span 2;
	}
	.xl\:mx-2{
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.xl\:mx-20{
		margin-left: 5rem;
		margin-right: 5rem;
	}
	.xl\:my-0{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.xl\:mr-2{
		margin-right: 0.5rem;
	}
	.xl\:mt-0{
		margin-top: 0px;
	}
	.xl\:mt-8{
		margin-top: 2rem;
	}
	.xl\:mr-3{
		margin-right: 0.75rem;
	}
	.xl\:ml-auto{
		margin-left: auto;
	}
	.xl\:ml-20{
		margin-left: 5rem;
	}
	.xl\:block{
		display: block;
	}
	.xl\:\!inline-block{
		display: inline-block !important;
	}
	.xl\:inline{
		display: inline;
	}
	.xl\:flex{
		display: flex;
	}
	.xl\:grid{
		display: grid;
	}
	.xl\:hidden{
		display: none;
	}
	.xl\:h-auto{
		height: auto;
	}
	.xl\:w-auto{
		width: auto;
	}
	.xl\:w-full{
		width: 100%;
	}
	.xl\:w-32{
		width: 8rem;
	}
	.xl\:w-12{
		width: 3rem;
	}
	.xl\:flex-initial{
		flex: 0 1 auto;
	}
	.xl\:grid-cols-5{
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	.xl\:items-start{
		align-items: flex-start;
	}
	.xl\:justify-center{
		justify-content: center;
	}
	.xl\:space-x-3 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(0.75rem * var(--tw-space-x-reverse));
		margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.xl\:border-gray-600{
		--tw-border-opacity: 1;
		border-color: rgba(75, 85, 99, var(--tw-border-opacity));
	}
	.xl\:bg-transparent{
		background-color: transparent;
	}
	.xl\:bg-dark-5{
		--tw-bg-opacity: 1;
		background-color: rgba(76, 75, 75, var(--tw-bg-opacity));
	}
	.xl\:p-0{
		padding: 0px;
	}
	.xl\:px-2{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.xl\:py-0{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.xl\:text-left{
		text-align: left;
	}
	.xl\:text-lg{
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.xl\:text-base{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.xl\:text-xs{
		font-size: 0.75rem;
		line-height: 1rem;
	}
	.xl\:text-3xl{
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
	.xl\:text-gray-100{
		--tw-text-opacity: 1;
		color: rgba(243, 244, 246, var(--tw-text-opacity));
	}
	.xl\:text-white{
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}
	.xl\:shadow-none{
		--tw-shadow: 0 0 #0000;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
	.xl\:hover\:text-gray-200:hover{
		--tw-text-opacity: 1;
		color: rgba(229, 231, 235, var(--tw-text-opacity));
	}
}

@media (min-width: 1536px){
	.\32xl\:col-span-6{
		grid-column: span 6 / span 6;
	}
	.\32xl\:col-span-3{
		grid-column: span 3 / span 3;
	}
	.\32xl\:col-span-9{
		grid-column: span 9 / span 9;
	}
	.\32xl\:w-full{
		width: 100%;
	}
	.\32xl\:w-2\/3{
		width: 66.666667%;
	}
	.\32xl\:flex-row{
		flex-direction: row;
	}
	.\32xl\:gap-1{
		gap: 0.25rem;
	}
	.\32xl\:text-lg{
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
}