@font-face{
  font-family:Icons;

  src:url(../fonts/open-iconic.eot);

  src:url(../fonts/open-iconic.eot?#iconic-sm) format('embedded-opentype'),url(../fonts/open-iconic.woff) format('woff'),url(../fonts/open-iconic.ttf) format('truetype'),url(../fonts/open-iconic.otf) format('opentype'),url(../fonts/open-iconic.svg#iconic-sm) format('svg');

  font-weight:400;

  font-style:normal
}

.oi{
  position:relative;
  top:1px;
  display:inline-block;
  speak:none;
  font-family:Icons;
  font-style:normal;
  font-weight:400;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.oi:empty:before{
  width:1em;
  text-align:center;
  box-sizing:content-box
}

.oi.oi-align-center:before{
  text-align:center
}

.oi.oi-align-left:before{
  text-align:left
}

.oi.oi-align-right:before{
  text-align:right
}

.oi.oi-flip-horizontal:before{
  transform:scale(-1,1)
}

.oi.oi-flip-vertical:before{
  transform:scale(1,-1)
}

.oi.oi-flip-horizontal-vertical:before{
  transform:scale(-1,-1)
}

.oi-account-login:before{
  content:'\e000'
}

.oi-account-logout:before{
  content:'\e001'
}

.oi-action-redo:before{
  content:'\e002'
}

.oi-action-undo:before{
  content:'\e003'
}

.oi-align-center:before{
  content:'\e004'
}

.oi-align-left:before{
  content:'\e005'
}

.oi-align-right:before{
  content:'\e006'
}

.oi-aperture:before{
  content:'\e007'
}

.oi-arrow-bottom:before{
  content:'\e008'
}

.oi-arrow-circle-bottom:before{
  content:'\e009'
}

.oi-arrow-circle-left:before{
  content:'\e00a'
}

.oi-arrow-circle-right:before{
  content:'\e00b'
}

.oi-arrow-circle-top:before{
  content:'\e00c'
}

.oi-arrow-left:before{
  content:'\e00d'
}

.oi-arrow-right:before{
  content:'\e00e'
}

.oi-arrow-thick-bottom:before{
  content:'\e00f'
}

.oi-arrow-thick-left:before{
  content:'\e010'
}

.oi-arrow-thick-right:before{
  content:'\e011'
}

.oi-arrow-thick-top:before{
  content:'\e012'
}

.oi-arrow-top:before{
  content:'\e013'
}

.oi-audio-spectrum:before{
  content:'\e014'
}

.oi-audio:before{
  content:'\e015'
}

.oi-badge:before{
  content:'\e016'
}

.oi-ban:before{
  content:'\e017'
}

.oi-bar-chart:before{
  content:'\e018'
}

.oi-basket:before{
  content:'\e019'
}

.oi-battery-empty:before{
  content:'\e01a'
}

.oi-battery-full:before{
  content:'\e01b'
}

.oi-beaker:before{
  content:'\e01c'
}

.oi-bell:before{
  content:'\e01d'
}

.oi-bluetooth:before{
  content:'\e01e'
}

.oi-bold:before{
  content:'\e01f'
}

.oi-bolt:before{
  content:'\e020'
}

.oi-book:before{
  content:'\e021'
}

.oi-bookmark:before{
  content:'\e022'
}

.oi-box:before{
  content:'\e023'
}

.oi-briefcase:before{
  content:'\e024'
}

.oi-british-pound:before{
  content:'\e025'
}

.oi-browser:before{
  content:'\e026'
}

.oi-brush:before{
  content:'\e027'
}

.oi-bug:before{
  content:'\e028'
}

.oi-bullhorn:before{
  content:'\e029'
}

.oi-calculator:before{
  content:'\e02a'
}

.oi-calendar:before{
  content:'\e02b'
}

.oi-camera-slr:before{
  content:'\e02c'
}

.oi-caret-bottom:before{
  content:'\e02d'
}

.oi-caret-left:before{
  content:'\e02e'
}

.oi-caret-right:before{
  content:'\e02f'
}

.oi-caret-top:before{
  content:'\e030'
}

.oi-cart:before{
  content:'\e031'
}

.oi-chat:before{
  content:'\e032'
}

.oi-check:before{
  content:'\e033'
}

.oi-chevron-bottom:before{
  content:'\e034'
}

.oi-chevron-left:before{
  content:'\e035'
}

.oi-chevron-right:before{
  content:'\e036'
}

.oi-chevron-top:before{
  content:'\e037'
}

.oi-circle-check:before{
  content:'\e038'
}

.oi-circle-x:before{
  content:'\e039'
}

.oi-clipboard:before{
  content:'\e03a'
}

.oi-clock:before{
  content:'\e03b'
}

.oi-cloud-download:before{
  content:'\e03c'
}

.oi-cloud-upload:before{
  content:'\e03d'
}

.oi-cloud:before{
  content:'\e03e'
}

.oi-cloudy:before{
  content:'\e03f'
}

.oi-code:before{
  content:'\e040'
}

.oi-cog:before{
  content:'\e041'
}

.oi-collapse-down:before{
  content:'\e042'
}

.oi-collapse-left:before{
  content:'\e043'
}

.oi-collapse-right:before{
  content:'\e044'
}

.oi-collapse-up:before{
  content:'\e045'
}

.oi-command:before{
  content:'\e046'
}

.oi-comment-square:before{
  content:'\e047'
}

.oi-compass:before{
  content:'\e048'
}

.oi-contrast:before{
  content:'\e049'
}

.oi-copywriting:before{
  content:'\e04a'
}

.oi-credit-card:before{
  content:'\e04b'
}

.oi-crop:before{
  content:'\e04c'
}

.oi-dashboard:before{
  content:'\e04d'
}

.oi-data-transfer-download:before{
  content:'\e04e'
}

.oi-data-transfer-upload:before{
  content:'\e04f'
}

.oi-delete:before{
  content:'\e050'
}

.oi-dial:before{
  content:'\e051'
}

.oi-document:before{
  content:'\e052'
}

.oi-dollar:before{
  content:'\e053'
}

.oi-double-quote-sans-left:before{
  content:'\e054'
}

.oi-double-quote-sans-right:before{
  content:'\e055'
}

.oi-double-quote-serif-left:before{
  content:'\e056'
}

.oi-double-quote-serif-right:before{
  content:'\e057'
}

.oi-droplet:before{
  content:'\e058'
}

.oi-eject:before{
  content:'\e059'
}

.oi-elevator:before{
  content:'\e05a'
}

.oi-ellipses:before{
  content:'\e05b'
}

.oi-envelope-closed:before{
  content:'\e05c'
}

.oi-envelope-open:before{
  content:'\e05d'
}

.oi-euro:before{
  content:'\e05e'
}

.oi-excerpt:before{
  content:'\e05f'
}

.oi-expand-down:before{
  content:'\e060'
}

.oi-expand-left:before{
  content:'\e061'
}

.oi-expand-right:before{
  content:'\e062'
}

.oi-expand-up:before{
  content:'\e063'
}

.oi-external-link:before{
  content:'\e064'
}

.oi-eye:before{
  content:'\e065'
}

.oi-eyedropper:before{
  content:'\e066'
}

.oi-file:before{
  content:'\e067'
}

.oi-fire:before{
  content:'\e068'
}

.oi-flag:before{
  content:'\e069'
}

.oi-flash:before{
  content:'\e06a'
}

.oi-folder:before{
  content:'\e06b'
}

.oi-fork:before{
  content:'\e06c'
}

.oi-fullscreen-enter:before{
  content:'\e06d'
}

.oi-fullscreen-exit:before{
  content:'\e06e'
}

.oi-globe:before{
  content:'\e06f'
}

.oi-graph:before{
  content:'\e070'
}

.oi-grid-four-up:before{
  content:'\e071'
}

.oi-grid-three-up:before{
  content:'\e072'
}

.oi-grid-two-up:before{
  content:'\e073'
}

.oi-hard-drive:before{
  content:'\e074'
}

.oi-header:before{
  content:'\e075'
}

.oi-headphones:before{
  content:'\e076'
}

.oi-heart:before{
  content:'\e077'
}

.oi-home:before{
  content:'\e078'
}

.oi-image:before{
  content:'\e079'
}

.oi-inbox:before{
  content:'\e07a'
}

.oi-infinity:before{
  content:'\e07b'
}

.oi-info:before{
  content:'\e07c'
}

.oi-italic:before{
  content:'\e07d'
}

.oi-justify-center:before{
  content:'\e07e'
}

.oi-justify-left:before{
  content:'\e07f'
}

.oi-justify-right:before{
  content:'\e080'
}

.oi-key:before{
  content:'\e081'
}

.oi-laptop:before{
  content:'\e082'
}

.oi-layers:before{
  content:'\e083'
}

.oi-lightbulb:before{
  content:'\e084'
}

.oi-link-broken:before{
  content:'\e085'
}

.oi-link-intact:before{
  content:'\e086'
}

.oi-list-rich:before{
  content:'\e087'
}

.oi-list:before{
  content:'\e088'
}

.oi-location:before{
  content:'\e089'
}

.oi-lock-locked:before{
  content:'\e08a'
}

.oi-lock-unlocked:before{
  content:'\e08b'
}

.oi-loop-circular:before{
  content:'\e08c'
}

.oi-loop-square:before{
  content:'\e08d'
}

.oi-loop:before{
  content:'\e08e'
}

.oi-magnifying-glass:before{
  content:'\e08f'
}

.oi-map-marker:before{
  content:'\e090'
}

.oi-map:before{
  content:'\e091'
}

.oi-media-pause:before{
  content:'\e092'
}

.oi-media-play:before{
  content:'\e093'
}

.oi-media-record:before{
  content:'\e094'
}

.oi-media-skip-backward:before{
  content:'\e095'
}

.oi-media-skip-forward:before{
  content:'\e096'
}

.oi-media-step-backward:before{
  content:'\e097'
}

.oi-media-step-forward:before{
  content:'\e098'
}

.oi-media-stop:before{
  content:'\e099'
}

.oi-medical-cross:before{
  content:'\e09a'
}

.oi-menu:before{
  content:'\e09b'
}

.oi-microphone:before{
  content:'\e09c'
}

.oi-minus:before{
  content:'\e09d'
}

.oi-monitor:before{
  content:'\e09e'
}

.oi-moon:before{
  content:'\e09f'
}

.oi-move:before{
  content:'\e0a0'
}

.oi-musical-note:before{
  content:'\e0a1'
}

.oi-paperclip:before{
  content:'\e0a2'
}

.oi-pencil:before{
  content:'\e0a3'
}

.oi-people:before{
  content:'\e0a4'
}

.oi-person:before{
  content:'\e0a5'
}

.oi-phone:before{
  content:'\e0a6'
}

.oi-pie-chart:before{
  content:'\e0a7'
}

.oi-pin:before{
  content:'\e0a8'
}

.oi-play-circle:before{
  content:'\e0a9'
}

.oi-plus:before{
  content:'\e0aa'
}

.oi-power-standby:before{
  content:'\e0ab'
}

.oi-print:before{
  content:'\e0ac'
}

.oi-project:before{
  content:'\e0ad'
}

.oi-pulse:before{
  content:'\e0ae'
}

.oi-puzzle-piece:before{
  content:'\e0af'
}

.oi-question-mark:before{
  content:'\e0b0'
}

.oi-rain:before{
  content:'\e0b1'
}

.oi-random:before{
  content:'\e0b2'
}

.oi-reload:before{
  content:'\e0b3'
}

.oi-resize-both:before{
  content:'\e0b4'
}

.oi-resize-height:before{
  content:'\e0b5'
}

.oi-resize-width:before{
  content:'\e0b6'
}

.oi-rss-alt:before{
  content:'\e0b7'
}

.oi-rss:before{
  content:'\e0b8'
}

.oi-script:before{
  content:'\e0b9'
}

.oi-share-boxed:before{
  content:'\e0ba'
}

.oi-share:before{
  content:'\e0bb'
}

.oi-shield:before{
  content:'\e0bc'
}

.oi-signal:before{
  content:'\e0bd'
}

.oi-signpost:before{
  content:'\e0be'
}

.oi-sort-ascending:before{
  content:'\e0bf'
}

.oi-sort-descending:before{
  content:'\e0c0'
}

.oi-spreadsheet:before{
  content:'\e0c1'
}

.oi-star:before{
  content:'\e0c2'
}

.oi-sun:before{
  content:'\e0c3'
}

.oi-tablet:before{
  content:'\e0c4'
}

.oi-tag:before{
  content:'\e0c5'
}

.oi-tags:before{
  content:'\e0c6'
}

.oi-target:before{
  content:'\e0c7'
}

.oi-task:before{
  content:'\e0c8'
}

.oi-terminal:before{
  content:'\e0c9'
}

.oi-text:before{
  content:'\e0ca'
}

.oi-thumb-down:before{
  content:'\e0cb'
}

.oi-thumb-up:before{
  content:'\e0cc'
}

.oi-timer:before{
  content:'\e0cd'
}

.oi-transfer:before{
  content:'\e0ce'
}

.oi-trash:before{
  content:'\e0cf'
}

.oi-underline:before{
  content:'\e0d0'
}

.oi-vertical-align-bottom:before{
  content:'\e0d1'
}

.oi-vertical-align-center:before{
  content:'\e0d2'
}

.oi-vertical-align-top:before{
  content:'\e0d3'
}

.oi-video:before{
  content:'\e0d4'
}

.oi-volume-high:before{
  content:'\e0d5'
}

.oi-volume-low:before{
  content:'\e0d6'
}

.oi-volume-off:before{
  content:'\e0d7'
}

.oi-warning:before{
  content:'\e0d8'
}

.oi-wifi:before{
  content:'\e0d9'
}

.oi-wrench:before{
  content:'\e0da'
}

.oi-x:before{
  content:'\e0db'
}

.oi-yen:before{
  content:'\e0dc'
}

.oi-zoom-in:before{
  content:'\e0dd'
}

.oi-zoom-out:before{
  content:'\e0de'
}

/*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  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";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

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

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

/*
Remove the default font size and weight for headings.
*/

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;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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;
}

/*
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)
3. Remove gaps between table borders by default.
*/

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

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

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

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

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

/*
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 */
}

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0px;
  padding-top:0.5rem;
  padding-right:0.75rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --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);
  border-color:#2563eb
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

input::placeholder,textarea::placeholder{
  color:#6b7280;
  opacity:1
}

::-webkit-datetime-edit-fields-wrapper{
  padding:0
}

::-webkit-date-and-time-value{
  min-height:1.5em
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top:0;
  padding-bottom:0
}

select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right 0.5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  padding-right:2.5rem;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact
}

[multiple]{
  background-image:initial;
  background-position:initial;
  background-repeat:unset;
  background-size:initial;
  padding-right:0.75rem;
  -webkit-print-color-adjust:unset;
          print-color-adjust:unset
}

[type='checkbox'],[type='radio']{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  padding:0;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow:0 0 #0000
}

[type='checkbox']{
  border-radius:0px
}

[type='radio']{
  border-radius:100%
}

[type='checkbox']:focus,[type='radio']:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --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)
}

[type='checkbox']:checked,[type='radio']:checked{
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat
}

[type='checkbox']:checked{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type='radio']:checked{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
  border-color:transparent;
  background-color:currentColor
}

[type='checkbox']:indeterminate{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color:transparent;
  background-color:currentColor
}

[type='file']{
  background:unset;
  border-color:inherit;
  border-width:0;
  border-radius:0;
  padding:0;
  font-size:unset;
  line-height:inherit
}

[type='file']:focus{
  outline:1px solid ButtonText;
  outline:1px auto -webkit-focus-ring-color
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.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
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

.inset-x-0{
  left:0px;
  right:0px
}

.inset-y-0{
  top:0px;
  bottom:0px
}

.-left-2{
  left:-0.5rem
}

.bottom-0{
  bottom:0px
}

.bottom-1{
  bottom:0.25rem
}

.bottom-2{
  bottom:0.5rem
}

.left-0{
  left:0px
}

.right-0{
  right:0px
}

.right-2{
  right:0.5rem
}

.right-3{
  right:0.75rem
}

.right-4{
  right:1rem
}

.right-8{
  right:2rem
}

.top-0{
  top:0px
}

.top-1{
  top:0.25rem
}

.top-2{
  top:0.5rem
}

.top-20{
  top:5rem
}

.top-3{
  top:0.75rem
}

.top-8{
  top:2rem
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.order-first{
  order:-9999
}

.col-span-1{
  grid-column:span 1 / span 1
}

.col-span-2{
  grid-column:span 2 / span 2
}

.col-span-3{
  grid-column:span 3 / span 3
}

.col-span-6{
  grid-column:span 6 / span 6
}

.col-span-full{
  grid-column:1 / -1
}

.row-span-3{
  grid-row:span 3 / span 3
}

.float-right{
  float:right
}

.m-2{
  margin:0.5rem
}

.m-3{
  margin:0.75rem
}

.m-4{
  margin:1rem
}

.m-8{
  margin:2rem
}

.mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.mx-8{
  margin-left:2rem;
  margin-right:2rem
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.mx-px{
  margin-left:1px;
  margin-right:1px
}

.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.my-3{
  margin-top:0.75rem;
  margin-bottom:0.75rem
}

.my-px{
  margin-top:1px;
  margin-bottom:1px
}

.-mb-2{
  margin-bottom:-0.5rem
}

.-mb-px{
  margin-bottom:-1px
}

.-ml-1{
  margin-left:-0.25rem
}

.-ml-2{
  margin-left:-0.5rem
}

.mb-0{
  margin-bottom:0px
}

.mb-0\.5{
  margin-bottom:0.125rem
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-8{
  margin-bottom:2rem
}

.mb-px{
  margin-bottom:1px
}

.ml-2{
  margin-left:0.5rem
}

.ml-3{
  margin-left:0.75rem
}

.ml-4{
  margin-left:1rem
}

.ml-40{
  margin-left:10rem
}

.ml-8{
  margin-left:2rem
}

.mr-1{
  margin-right:0.25rem
}

.mr-1\.5{
  margin-right:0.375rem
}

.mr-2{
  margin-right:0.5rem
}

.mr-4{
  margin-right:1rem
}

.mt-0{
  margin-top:0px
}

.mt-1{
  margin-top:0.25rem
}

.mt-2{
  margin-top:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-8{
  margin-top:2rem
}

.mt-px{
  margin-top:1px
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.h-1\/3{
  height:33.333333%
}

.h-10{
  height:2.5rem
}

.h-16{
  height:4rem
}

.h-20{
  height:5rem
}

.h-28{
  height:7rem
}

.h-4{
  height:1rem
}

.h-40{
  height:10rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-8{
  height:2rem
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.h-full-m-2{
  height:calc(100% - 2rem)
}

.h-screen{
  height:100vh
}

.max-h-full{
  max-height:100%
}

.max-h-full-m-2{
  max-height:calc(100% - 2rem)
}

.min-h-0{
  min-height:0px
}

.min-h-64{
  min-height:16rem !important
}

.min-h-8{
  min-height:2rem !important
}

.w-1\/2{
  width:50%
}

.w-10{
  width:2.5rem
}

.w-11{
  width:2.75rem
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-40{
  width:10rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-64{
  width:16rem
}

.w-8{
  width:2rem
}

.w-80{
  width:20rem
}

.w-full{
  width:100%
}

.w-screen{
  width:100vw
}

.min-w-0{
  min-width:0px
}

.min-w-64{
  min-width:16rem !important
}

.min-w-full{
  min-width:100%
}

.max-w-4xl{
  max-width:56rem
}

.max-w-5xl{
  max-width:64rem
}

.max-w-6xl{
  max-width:72rem
}

.max-w-7xl{
  max-width:80rem
}

.max-w-full{
  max-width:100%
}

.max-w-lg{
  max-width:32rem
}

.max-w-screen-3xl{
  max-width:1920px
}

.max-w-sm{
  max-width:24rem
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.flex-initial{
  flex:0 1 auto
}

.flex-none{
  flex:none
}

.flex-shrink-0{
  flex-shrink:0
}

.translate-x-0{
  --tw-translate-x:0px;
  transform:translate(var(--tw-translate-x), 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))
}

.translate-x-5{
  --tw-translate-x:1.25rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform{
  transform:translate(var(--tw-translate-x), 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))
}

@keyframes spinback{
  from{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(-360deg)
  }
}

.animate-spin-back{
  animation:spinback 2s linear infinite
}

.cursor-help{
  cursor:help
}

.cursor-not-allowed{
  cursor:not-allowed
}

.cursor-pointer{
  cursor:pointer
}

.cursor-wait{
  cursor:wait
}

.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.list-\[lower-alpha\]{
  list-style-type:lower-alpha
}

.list-decimal{
  list-style-type:decimal
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-12{
  grid-template-columns:repeat(12, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

.grid-cols-6{
  grid-template-columns:repeat(6, minmax(0, 1fr))
}

.grid-rows-2{
  grid-template-rows:repeat(2, minmax(0, 1fr))
}

.grid-rows-4{
  grid-template-rows:repeat(4, minmax(0, 1fr))
}

.flex-row{
  flex-direction:row
}

.flex-col{
  flex-direction:column
}

.place-items-center{
  place-items:center
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.justify-around{
  justify-content:space-around
}

.gap-0{
  gap:0px
}

.gap-0\.5{
  gap:0.125rem
}

.gap-1{
  gap:0.25rem
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-8{
  gap:2rem
}

.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem
}

.gap-x-8{
  -moz-column-gap:2rem;
       column-gap:2rem
}

.gap-y-2{
  row-gap:0.5rem
}

.gap-y-4{
  row-gap:1rem
}

.gap-y-8{
  row-gap:2rem
}

.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)))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1rem * var(--tw-space-x-reverse));
  margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1.25rem * var(--tw-space-x-reverse));
  margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(2rem * var(--tw-space-x-reverse));
  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse:0;
  border-right-width:calc(1px * var(--tw-divide-x-reverse));
  border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-divide-opacity))
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-divide-opacity))
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-divide-opacity))
}

.divide-green-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(220 252 231 / var(--tw-divide-opacity))
}

.divide-red-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(254 226 226 / var(--tw-divide-opacity))
}

.overflow-hidden{
  overflow:hidden
}

.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-y-scroll{
  overflow-y:scroll
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.whitespace-nowrap{
  white-space:nowrap
}

.whitespace-pre{
  white-space:pre
}

.whitespace-pre-wrap{
  white-space:pre-wrap
}

.break-words{
  overflow-wrap:break-word
}

.rounded{
  border-radius:0.25rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-md{
  border-radius:0.375rem
}

.rounded-none{
  border-radius:0px
}

.rounded-sm{
  border-radius:0.125rem
}

.rounded-xl{
  border-radius:0.75rem
}

.rounded-b-lg{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem
}

.rounded-t-lg{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem
}

.border{
  border-width:1px
}

.border-2{
  border-width:2px
}

.border-8{
  border-width:8px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-r{
  border-right-width:1px
}

.border-t{
  border-top-width:1px
}

.border-\[\#005CA1\]{
  --tw-border-opacity:1;
  border-color:rgb(0 92 161 / var(--tw-border-opacity))
}

.border-black{
  --tw-border-opacity:1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity))
}

.border-blue-900{
  --tw-border-opacity:1;
  border-color:rgb(30 58 138 / var(--tw-border-opacity))
}

.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity))
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity))
}

.border-gray-500{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity))
}

.border-gray-900{
  --tw-border-opacity:1;
  border-color:rgb(17 24 39 / var(--tw-border-opacity))
}

.border-green-100{
  --tw-border-opacity:1;
  border-color:rgb(220 252 231 / var(--tw-border-opacity))
}

.border-green-900{
  --tw-border-opacity:1;
  border-color:rgb(20 83 45 / var(--tw-border-opacity))
}

.border-pink-500{
  --tw-border-opacity:1;
  border-color:rgb(236 72 153 / var(--tw-border-opacity))
}

.border-purple-900{
  --tw-border-opacity:1;
  border-color:rgb(88 28 135 / var(--tw-border-opacity))
}

.border-red-100{
  --tw-border-opacity:1;
  border-color:rgb(254 226 226 / var(--tw-border-opacity))
}

.border-red-900{
  --tw-border-opacity:1;
  border-color:rgb(127 29 29 / var(--tw-border-opacity))
}

.border-tex-dark-blue{
  --tw-border-opacity:1;
  border-color:rgb(0 92 161 / var(--tw-border-opacity))
}

.border-transparent{
  border-color:transparent
}

.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity))
}

.bg-\[\#A9DCB9\]{
  --tw-bg-opacity:1;
  background-color:rgb(169 220 185 / var(--tw-bg-opacity))
}

.bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity))
}

.bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgb(239 246 255 / var(--tw-bg-opacity))
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity))
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity))
}

.bg-gray-300{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity))
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity))
}

.bg-gray-500{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity))
}

.bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}

.bg-gray-900{
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity))
}

.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
}

.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity))
}

.bg-green-700{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
}

.bg-green-900{
  --tw-bg-opacity:1;
  background-color:rgb(20 83 45 / var(--tw-bg-opacity))
}

.bg-purple-500{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
}

.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
}

.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity))
}

.bg-red-900{
  --tw-bg-opacity:1;
  background-color:rgb(127 29 29 / var(--tw-bg-opacity))
}

.bg-tex-dark-blue{
  --tw-bg-opacity:1;
  background-color:rgb(0 92 161 / var(--tw-bg-opacity))
}

.bg-tex-light-blue{
  --tw-bg-opacity:1;
  background-color:rgb(169 185 220 / var(--tw-bg-opacity))
}

.bg-tex-pink{
  --tw-bg-opacity:1;
  background-color:rgb(247 160 114 / var(--tw-bg-opacity))
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-yellow-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
}

.bg-yellow-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 252 232 / var(--tw-bg-opacity))
}

.bg-opacity-60{
  --tw-bg-opacity:0.6
}

.bg-\[url\(\'\/img\/ludomil\.jpg\'\)\]{
  background-image:url('/img/ludomil.jpg')
}

.bg-cover{
  background-size:cover
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover
}

.p-0{
  padding:0px
}

.p-0\.5{
  padding:0.125rem
}

.p-1{
  padding:0.25rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-8{
  padding:2rem
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.py-0{
  padding-top:0px;
  padding-bottom:0px
}

.py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.py-1\.5{
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.pb-1{
  padding-bottom:0.25rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-10{
  padding-left:2.5rem
}

.pl-16{
  padding-left:4rem
}

.pl-2{
  padding-left:0.5rem
}

.pl-3{
  padding-left:0.75rem
}

.pl-4{
  padding-left:1rem
}

.pl-8\!{
  padding-left:2rem !important
}

.pr-1{
  padding-right:0.25rem
}

.pr-2{
  padding-right:0.5rem
}

.pr-4{
  padding-right:1rem
}

.pr-8{
  padding-right:2rem
}

.pt-2{
  padding-top:0.5rem
}

.pt-4{
  padding-top:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pt-8{
  padding-top:2rem
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-justify{
  text-align:justify
}

.align-middle{
  vertical-align:middle
}

.font-sans{
  font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-2xs{
  font-size:.5rem
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-5xl{
  font-size:3rem;
  line-height:1
}

.text-6xl{
  font-size:3.75rem;
  line-height:1
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.font-black{
  font-weight:900
}

.font-bold{
  font-weight:700
}

.font-extrabold{
  font-weight:800
}

.font-medium{
  font-weight:500
}

.font-semibold{
  font-weight:600
}

.font-thin{
  font-weight:100
}

.uppercase{
  text-transform:uppercase
}

.italic{
  font-style:italic
}

.leading-4{
  line-height:1rem
}

.leading-6{
  line-height:1.5rem
}

.leading-7{
  line-height:1.75rem
}

.leading-normal{
  line-height:1.5
}

.leading-tight{
  line-height:1.25
}

.tracking-tight{
  letter-spacing:-0.025em
}

.tracking-wide{
  letter-spacing:0.025em
}

.tracking-wider{
  letter-spacing:0.05em
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}

.text-blue-800{
  --tw-text-opacity:1;
  color:rgb(30 64 175 / var(--tw-text-opacity))
}

.text-blue-900{
  --tw-text-opacity:1;
  color:rgb(30 58 138 / var(--tw-text-opacity))
}

.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity))
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity))
}

.text-gray-50{
  --tw-text-opacity:1;
  color:rgb(249 250 251 / var(--tw-text-opacity))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity))
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

.text-green-900{
  --tw-text-opacity:1;
  color:rgb(20 83 45 / var(--tw-text-opacity))
}

.text-red-400{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / var(--tw-text-opacity))
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity))
}

.text-red-700{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity))
}

.text-red-800{
  --tw-text-opacity:1;
  color:rgb(153 27 27 / var(--tw-text-opacity))
}

.text-red-900{
  --tw-text-opacity:1;
  color:rgb(127 29 29 / var(--tw-text-opacity))
}

.text-tex-dark-blue{
  --tw-text-opacity:1;
  color:rgb(0 92 161 / var(--tw-text-opacity))
}

.text-tex-light-blue{
  --tw-text-opacity:1;
  color:rgb(169 185 220 / var(--tw-text-opacity))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.text-yellow-400{
  --tw-text-opacity:1;
  color:rgb(250 204 21 / var(--tw-text-opacity))
}

.text-yellow-700{
  --tw-text-opacity:1;
  color:rgb(161 98 7 / var(--tw-text-opacity))
}

.text-yellow-800{
  --tw-text-opacity:1;
  color:rgb(133 77 14 / var(--tw-text-opacity))
}

.underline{
  text-decoration-line:underline
}

.opacity-20{
  opacity:0.2
}

.opacity-80{
  opacity:0.8
}

.shadow{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner{
  --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-tex-dark-blue{
  --tw-shadow-color:#005CA1;
  --tw-shadow:var(--tw-shadow-colored)
}

.ring{
  --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)
}

.ring-0{
  --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)
}

.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-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)
}

.ring-inset{
  --tw-ring-inset:inset
}

.ring-pink-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(236 72 153 / var(--tw-ring-opacity))
}

.ring-pink-900{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(131 24 67 / var(--tw-ring-opacity))
}

.ring-purple-900{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(88 28 135 / var(--tw-ring-opacity))
}

.ring-tex-dark-blue{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(0 92 161 / var(--tw-ring-opacity))
}

.ring-white{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))
}

.drop-shadow-md{
  --tw-drop-shadow:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.duration-200{
  transition-duration:200ms
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

html, body {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  max-height: 100vh;
  overflow: hidden;
  margin: 0;
}

a, .btn-link {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.valid.modified:not([type=checkbox]) 
{
  box-shadow: 0 0 5px 0 #26b050;
}

input:focus 
{
  outline-color: hotpink;
}

.invalid 
{
  box-shadow: 0 0 5px 0 red;
}

.validation-message {
  color: red;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.e-groupcaption 
{
  overflow: visible !important;
}

.e-grid .e-row 
{
  cursor: pointer;
}

.text-xs .e-grid .e-rowcell 
{
  font-size: 0.75rem;
}

.e-gridheader, .e-columnheader, .e-gridfooter
{
  padding-right: 0 !important;
}

.e-multiselect.e-control-wrapper 
{
  border-radius: 6px !important;
  padding: 4px !important;
}

.e-ddl.border-0
{
  border:none !important;
}

.e-numeric.e-input-group 
{
  width: 6rem !important;
}

.e-date-container.e-input-group 
{
  width: 8rem !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator)
{
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.e-gridheader, .e-gridfooter 
{
  padding-right: 0 !important;
}

.enclose-y  > :first-child
{
  border-top-width: 1px;
}

.enclose-y  > :last-child
{
  border-bottom-width: 1px;
}

.e-tick:before{
  content:'\e718';
}

.e-cancel:before{
  content:'\e745';
}

.e-ddl.e-input-group.w-full
{
  width: 100% !important;
}

.e-headercelldiv
{
  padding-right: 0.5rem;
}

.e-content.e-yscroll 
{
  overflow-y:auto !important;
}

.fade:not(.show) 
{
  opacity: 0;
}

/* @include transition($transition-fade); */

.collapse:not(.show) 
  {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.collapsing.width 
  {
  transition-property: width, visibility;
  width: 0;
  height: auto;
}

.w-full .e-toolbar-items {
  width: 100% !important
}

.flex .e-toolbar-items {
  display: flex !important;
  align-items: center
}

.justify-between .e-toolbar-items {
  justify-content: space-between !important;
  align-items: center
}

.e-container.e-color-picker 
{
  width: 20rem !important;
}

div.sf-colorpicker .e-selected-value .e-input-group {
  width: 4.5rem !important
}

div.sf-colorpicker .e-selected-value .e-input-group.e-numeric 
{
  width: 2.5rem !important
}

/*.e-tab, .e-tab .e-content, .e-tab .e-content .e-item { height: 100% !important }*/

.e-tab-header .e-toolbar-items {
  justify-content: flex-start !important;
}

.e-tab-header .e-toolbar-item {
  width: 16rem !important;
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
  border-top: 1px solid #d1d5db !important;
  border-left: 1px solid #d1d5db !important;
  border-right: 1px solid #d1d5db !important;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.e-tab-header .e-toolbar-item .e-tab-wrap {
  margin: 0 !important;
  border: none !important
}

.e-tab .e-tab-header .e-toolbar-item * {
  color: #333 !important;
}

.e-tab .e-tab-header .e-toolbar-item:not(.e-active):hover  {
  background: #d1d5db !important;
}

.e-tab,
.e-tab .e-content,
.e-tab .e-content .e-item.e-active,
.e-tab .e-content.e-progress {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 1 auto;
  height: 100% !important;
}

.register fluent-tab {
  position: relative;
  top: 1px;
  padding: 0.25rem;
  font-size: 1rem;
  width: 16rem;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid rgb(229 231 235);
  text-align: center;
  background-color: rgb(249 250 251);
}

.register fluent-tab[aria-selected=true] {
  border-bottom: 1px solid white;
  background-color: transparent;
}

.users fluent-tab {
  position: relative;
  top: 1px;
  padding: 0.25rem 2rem 0.25rem 2rem;
  font-size: 1rem;
  width: auto;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid rgb(229 231 235);
  text-align: center;
  background-color: rgb(249 250 251);
}

.users fluent-tab[aria-selected=true] {
  border-bottom: 1px solid white;
  background-color: transparent;
}

.clientpicker fluent-tab {
  position: relative;
  top: 1px;
  padding: 0.25rem;
  font-size: 1rem;
  width: 9.5rem;
  text-align: center;
  background-color: rgb(249 250 251);
}

.clientpicker fluent-tab[aria-selected=true] {
  border-bottom: 1px solid white;
  background-color: transparent;
}

fluent-combobox::part(control) 
{
  background: none;
  position: relative;
  top: -0.25rem;
}

.hover\:rounded:hover{
  border-radius:0.25rem
}

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

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

.hover\:bg-green-900:hover{
  --tw-bg-opacity:1;
  background-color:rgb(20 83 45 / var(--tw-bg-opacity))
}

.hover\:bg-indigo-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(238 242 255 / var(--tw-bg-opacity))
}

.hover\:bg-tex-light-blue:hover{
  --tw-bg-opacity:1;
  background-color:rgb(169 185 220 / var(--tw-bg-opacity))
}

.hover\:bg-opacity-70:hover{
  --tw-bg-opacity:0.7
}

.hover\:text-black:hover{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}

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

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

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

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

.hover\:ring:hover{
  --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\:border-pink-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(236 72 153 / var(--tw-border-opacity))
}

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

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

.focus\:ring-indigo-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))
}

.focus\:ring-pink-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(236 72 153 / var(--tw-ring-opacity))
}

.focus\:ring-tex-dark-blue:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(0 92 161 / var(--tw-ring-opacity))
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px
}

.group:hover .group-hover\:border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity))
}

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

@media (min-width: 640px){
  .sm\:col-span-1{
    grid-column:span 1 / span 1
  }

  .sm\:col-span-2{
    grid-column:span 2 / span 2
  }

  .sm\:mx-3{
    margin-left:0.75rem;
    margin-right:0.75rem
  }

  .sm\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .sm\:my-4{
    margin-top:1rem;
    margin-bottom:1rem
  }

  .sm\:mt-0{
    margin-top:0px
  }

  .sm\:mt-2{
    margin-top:0.5rem
  }

  .sm\:mt-3{
    margin-top:0.75rem
  }

  .sm\:mt-4{
    margin-top:1rem
  }

  .sm\:block{
    display:block
  }

  .sm\:inline-block{
    display:inline-block
  }

  .sm\:inline{
    display:inline
  }

  .sm\:flex{
    display:flex
  }

  .sm\:inline-grid{
    display:inline-grid
  }

  .sm\:max-w-3xl{
    max-width:48rem
  }

  .sm\:max-w-none{
    max-width:none
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .sm\:flex-row{
    flex-direction:row
  }

  .sm\:flex-wrap{
    flex-wrap:wrap
  }

  .sm\:justify-center{
    justify-content:center
  }

  .sm\:gap-1{
    gap:0.25rem
  }

  .sm\:gap-5{
    gap:1.25rem
  }

  .sm\: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)))
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0px * var(--tw-space-y-reverse))
  }

  .sm\: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))
  }

  .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity:1;
    border-color:rgb(229 231 235 / var(--tw-divide-opacity))
  }

  .sm\:overflow-hidden{
    overflow:hidden
  }

  .sm\:truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }

  .sm\:rounded-2xl{
    border-radius:1rem
  }

  .sm\:rounded-lg{
    border-radius:0.5rem
  }

  .sm\:border-none{
    border-style:none
  }

  .sm\:p-0{
    padding:0px
  }

  .sm\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }

  .sm\:px-4\!{
    padding-left:1rem !important;
    padding-right:1rem !important
  }

  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .sm\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .sm\:py-12{
    padding-top:3rem;
    padding-bottom:3rem
  }

  .sm\:pt-4\!{
    padding-top:1rem !important
  }

  .sm\:text-right{
    text-align:right
  }

  .sm\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }

  .sm\:text-5xl{
    font-size:3rem;
    line-height:1
  }

  .sm\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem
  }

  .sm\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }

  .sm\:text-xs{
    font-size:0.75rem;
    line-height:1rem
  }

  .sm\:leading-9{
    line-height:2.25rem
  }
}

@media (min-width: 768px){
  .md\:my-4{
    margin-top:1rem;
    margin-bottom:1rem
  }

  .md\:mt-4{
    margin-top:1rem
  }

  .md\:block{
    display:block
  }

  .md\:flex{
    display:flex
  }

  .md\:hidden{
    display:none
  }

  .md\:w-auto{
    width:auto
  }

  .md\:min-w-0{
    min-width:0px
  }

  .md\:flex-1{
    flex:1 1 0%
  }

  .md\:items-center{
    align-items:center
  }

  .md\:justify-start{
    justify-content:flex-start
  }

  .md\:justify-end{
    justify-content:flex-end
  }

  .md\:justify-between{
    justify-content:space-between
  }

  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(1.5rem * var(--tw-space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse:0;
    border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(0px * var(--tw-divide-y-reverse))
  }

  .md\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .md\:pb-1{
    padding-bottom:0.25rem
  }

  .md\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }

  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }
}

@media (min-width: 1024px){
  .lg\:block{
    display:block
  }

  .lg\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }

  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .lg\:pb-2{
    padding-bottom:0.5rem
  }

  .lg\:text-6xl{
    font-size:3.75rem;
    line-height:1
  }
}

@media (min-width: 1280px){
  .xl\:relative{
    position:relative
  }

  .xl\:top-0{
    top:0px
  }

  .xl\:col-span-2{
    grid-column:span 2 / span 2
  }

  .xl\:col-span-3{
    grid-column:span 3 / span 3
  }

  .xl\:m-4{
    margin:1rem
  }

  .xl\:mx-4\!{
    margin-left:1rem !important;
    margin-right:1rem !important
  }

  .xl\:my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
  }

  .xl\:mr-auto{
    margin-right:auto
  }

  .xl\:mt-0{
    margin-top:0px
  }

  .xl\:mt-6{
    margin-top:1.5rem
  }

  .xl\:block{
    display:block
  }

  .xl\:hidden{
    display:none
  }

  .xl\:grid-cols-7{
    grid-template-columns:repeat(7, minmax(0, 1fr))
  }

  .xl\:grid-cols-\[repeat\(4\2c auto\)\]{
    grid-template-columns:repeat(4,auto)
  }

  .xl\:gap-3{
    gap:0.75rem
  }

  .xl\:gap-y-4{
    row-gap:1rem
  }

  .xl\:rounded{
    border-radius:0.25rem
  }

  .xl\:rounded-xl{
    border-radius:0.75rem
  }

  .xl\:border-y{
    border-top-width:1px;
    border-bottom-width:1px
  }

  .xl\:border-b-0{
    border-bottom-width:0px
  }

  .xl\:border-r{
    border-right-width:1px
  }

  .xl\:border-t{
    border-top-width:1px
  }

  .xl\:bg-transparent{
    background-color:transparent
  }

  .xl\:p-3{
    padding:0.75rem
  }

  .xl\:p-8{
    padding:2rem
  }

  .xl\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .xl\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }

  .xl\:py-3{
    padding-top:0.75rem;
    padding-bottom:0.75rem
  }

  .xl\:py-8{
    padding-top:2rem;
    padding-bottom:2rem
  }

  .xl\:pl-4{
    padding-left:1rem
  }

  .xl\:pr-8{
    padding-right:2rem
  }

  .xl\:pt-4{
    padding-top:1rem
  }

  .xl\:text-left{
    text-align:left
  }

  .xl\:text-right{
    text-align:right
  }

  .xl\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }

  .xl\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
  }

  .xl\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem
  }

  .xl\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }

  .xl\:leading-6{
    line-height:1.5rem
  }

  .xl\:text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
  }
}

@media (min-width: 1536px){
  .\32xl\:mx-8\!{
    margin-left:2rem !important;
    margin-right:2rem !important
  }

  .\32xl\:ml-80\!{
    margin-left:20rem !important
  }

  .\32xl\:mt-5{
    margin-top:1.25rem
  }

  .\32xl\:inline{
    display:inline
  }

  .\32xl\:flex{
    display:flex
  }

  .\32xl\:hidden{
    display:none
  }

  .\32xl\:pl-8\!{
    padding-left:2rem !important
  }

  .\32xl\:pl-80\!{
    padding-left:20rem !important
  }
}

@media (min-width: 1920px){
  .\33xl\:top-28{
    top:7rem
  }

  .\33xl\:col-span-2{
    grid-column:span 2 / span 2
  }

  .\33xl\:block{
    display:block
  }

  .\33xl\:table-cell{
    display:table-cell
  }

  .\33xl\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .\33xl\:p-4{
    padding:1rem
  }

  .\33xl\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .\33xl\:pr-6{
    padding-right:1.5rem
  }
}