/*! tailwindcss v2.2.7 | 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:-ms-input-placeholder, textarea:-ms-input-placeholder {

  opacity: 1;

  color: #9CA3AF;

}



input::placeholder,

textarea::placeholder {

  opacity: 1;

  color: #9CA3AF;

}



button,

[role="button"] {

  cursor: pointer;

}



table {

  border-collapse: collapse;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: inherit;

  font-weight: inherit;

}



/**

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

 * opt-out.

 */



a {

  color: inherit;

  text-decoration: inherit;

}



/**

 * Reset form element properties that are easy to forget to

 * style explicitly so you don't inadvertently introduce

 * styles that deviate from your design system. These styles

 * supplement a partial reset that is already applied by

 * normalize.css.

 */



button,

input,

optgroup,

select,

textarea {

  padding: 0;

  line-height: inherit;

  color: inherit;

}



/**

 * Use the configured 'mono' font family for elements that

 * are expected to be rendered with a monospace font, falling

 * back to the system monospace stack if there is no configured

 * 'mono' font family.

 */



pre,

code,

kbd,

samp {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}



/**

 * 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-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);

}



[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: #1C64F2;

  --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: #1C64F2;

}



input::-moz-placeholder, textarea::-moz-placeholder {

  color: #6B7280;

  opacity: 1;

}



input:-ms-input-placeholder, textarea:-ms-input-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;

}



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;

  print-color-adjust: exact;

}



[multiple] {

  background-image: initial;

  background-position: initial;

  background-repeat: unset;

  background-size: initial;

  padding-right: 0.75rem;

  print-color-adjust: unset;

}



[type='checkbox'],[type='radio'] {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  padding: 0;

  print-color-adjust: exact;

  display: inline-block;

  vertical-align: middle;

  background-origin: border-box;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  flex-shrink: 0;

  height: 1rem;

  width: 1rem;

  color: #1C64F2;

  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: #1C64F2;

  --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 {

  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']: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 auto inherit;

}



input[type=file]::file-selector-button:hover {

  background: #374151;

}



input[type="range"]::-webkit-slider-thumb {

  height: 1.25rem;

  width: 1.25rem;

  background: #1C64F2;

  border-radius: 9999px;

  border: 0;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  cursor: pointer;

}



input[type="range"]:disabled::-webkit-slider-thumb {

  background: #9CA3AF;

}



input[type="range"]:focus::-webkit-slider-thumb {

  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(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);

  --tw-ring-opacity: 1px;

  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));

}



input[type="range"]::-moz-range-thumb {

  height: 1.25rem;

  width: 1.25rem;

  background: #1C64F2;

  border-radius: 9999px;

  border: 0;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  cursor: pointer;

}



input[type="range"]:disabled::-moz-range-thumb {

  background: #9CA3AF;

}



input[type="range"]::-moz-range-progress {

  background: #3F83F8;

}



input[type="range"]::-ms-fill-lower {

  background: #3F83F8;

}



[data-popper-arrow],[data-popper-arrow]:before {

  position: absolute;

  width: 8px;

  height: 8px;

  background: inherit;

}



[data-popper-arrow] {

  visibility: hidden;

}



[data-popper-arrow]:before {

  content: "";

  visibility: visible;

  transform: rotate(45deg);

}



[data-popper-arrow]:after {

  content: "";

  visibility: visible;

  transform: rotate(45deg);

  position: absolute;

  width: 9px;

  height: 9px;

  background: inherit;

}



[role="tooltip"] > [data-popper-arrow]:before {

  border-style: solid;

  border-color: #e4e4e7;

}



[role="tooltip"] > [data-popper-arrow]:after {

  border-style: solid;

  border-color: #e4e4e7;

}



[role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {

  border-bottom-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {

  border-bottom-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {

  border-bottom-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {

  border-bottom-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {

  border-top-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {

  border-top-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {

  border-top-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {

  border-top-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {

  bottom: -5px;

}



[role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {

  top: -5px;

}



[role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {

  right: -5px;

}



[role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {

  left: -5px;

}



.container {

  width: 100%;

}



@media (min-width: 640px) {

  .container {

    max-width: 640px;

  }

}



@media (min-width: 768px) {

  .container {

    max-width: 768px;

  }

}



@media (min-width: 1024px) {

  .container {

    max-width: 1024px;

  }

}



@media (min-width: 1280px) {

  .container {

    max-width: 1280px;

  }

}



@media (min-width: 1536px) {

  .container {

    max-width: 1536px;

  }

}



.container {

  width: 100%;

}



@media (min-width: 640px) {

  .container {

    max-width: 640px;

  }

}



@media (min-width: 768px) {

  .container {

    max-width: 768px;

  }

}



@media (min-width: 1024px) {

  .container {

    max-width: 1024px;

  }

}



@media (min-width: 1280px) {

  .container {

    max-width: 1340px;

  }

}



.fixed {

  position: fixed;

}



.absolute {

  position: absolute;

}



.relative {

  position: relative;

}



.sticky {

  position: -webkit-sticky;

  position: sticky;

}



.inset-0 {

  top: 0px;

  right: 0px;

  bottom: 0px;

  left: 0px;

}



.top-0 {

  top: 0px;

}



.right-0 {

  right: 0px;

}



.left-0 {

  left: 0px;

}



.top-full {

  top: 100%;

}



.right-\[-9px\] {

  right: -9px;

}



.right-\[10px\] {

  right: 10px;

}



.top-\[10px\] {

  top: 10px;

}



.bottom-\[10px\] {

  bottom: 10px;

}



.z-30 {

  z-index: 30;

}



.z-20 {

  z-index: 20;

}



.z-10 {

  z-index: 10;

}



.float-right {

  float: right;

}



.float-left {

  float: left;

}



.float-none {

  float: none;

}



.m-auto {

  margin: auto;

}



.mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.mx-\[-10px\] {

  margin-left: -10px;

  margin-right: -10px;

}



.mx-\[-5px\] {

  margin-left: -5px;

  margin-right: -5px;

}



.mx-\[2px\] {

  margin-left: 2px;

  margin-right: 2px;

}



.-mx-3 {

  margin-left: -0.75rem;

  margin-right: -0.75rem;

}



.my-\[5px\] {

  margin-top: 5px;

  margin-bottom: 5px;

}



.mx-\[5px\] {

  margin-left: 5px;

  margin-right: 5px;

}



.mt-\[5px\] {

  margin-top: 5px;

}



.mt-\[4px\] {

  margin-top: 4px;

}



.mr-\[20px\] {

  margin-right: 20px;

}



.mr-\[10px\] {

  margin-right: 10px;

}



.ml-\[5px\] {

  margin-left: 5px;

}



.mt-\[8px\] {

  margin-top: 8px;

}



.mt-\[13px\] {

  margin-top: 13px;

}



.mb-\[10px\] {

  margin-bottom: 10px;

}



.mb-\[5px\] {

  margin-bottom: 5px;

}



.mt-\[10px\] {

  margin-top: 10px;

}



.mt-\[30px\] {

  margin-top: 30px;

}



.mb-\[20px\] {

  margin-bottom: 20px;

}



.mt-\[20px\] {

  margin-top: 20px;

}



.ml-\[3px\] {

  margin-left: 3px;

}



.mb-\[15px\] {

  margin-bottom: 15px;

}



.mt-\[15px\] {

  margin-top: 15px;

}



.mr-\[5px\] {

  margin-right: 5px;

}



.mb-\[8px\] {

  margin-bottom: 8px;

}



.ml-0 {

  margin-left: 0px;

}



.mr-3 {

  margin-right: 0.75rem;

}



.mt-4 {

  margin-top: 1rem;

}



.mb-\[3px\] {

  margin-bottom: 3px;

}



.mb-2 {

  margin-bottom: 0.5rem;

}



.mt-1 {

  margin-top: 0.25rem;

}



.mt-5 {

  margin-top: 1.25rem;

}



.mt-6 {

  margin-top: 1.5rem;

}



.mb-3 {

  margin-bottom: 0.75rem;

}



.mr-\[2px\] {

  margin-right: 2px;

}



.mt-2 {

  margin-top: 0.5rem;

}



.mb-\[13px\] {

  margin-bottom: 13px;

}



.mb-4 {

  margin-bottom: 1rem;

}



.mt-\[7px\] {

  margin-top: 7px;

}



.mt-0 {

  margin-top: 0px;

}



.ml-\[10px\] {

  margin-left: 10px;

}



.box-content {

  box-sizing: content-box;

}



.block {

  display: block;

}



.inline-block {

  display: inline-block;

}



.flex {

  display: flex;

}



.inline-flex {

  display: inline-flex;

}



.hidden {

  display: none;

}



.h-\[40px\] {

  height: 40px;

}



.h-\[20px\] {

  height: 20px;

}



.h-full {

  height: 100%;

}



.h-\[30px\] {

  height: 30px;

}



.h-10 {

  height: 2.5rem;

}



.h-\[60px\] {

  height: 60px;

}



.h-\[50px\] {

  height: 50px;

}



.h-\[100px\] {

  height: 100px;

}



.h-\[55px\] {

  height: 55px;

}



.h-\[90px\] {

  height: 90px;

}



.h-\[1200px\] {

  height: 1200px;

}



.h-\[120px\] {

  height: 120px;

}



.w-3\/12 {

  width: 25%;

}



.w-5\/12 {

  width: 41.666667%;

}



.w-full {

  width: 100%;

}



.w-\[45px\] {

  width: 45px;

}



.w-4\/12 {

  width: 33.333333%;

}



.w-1\/5 {

  width: 20%;

}



.w-4\/5 {

  width: 80%;

}



.w-\[30px\] {

  width: 30px;

}



.w-\[20px\] {

  width: 20px;

}



.w-1\/4 {

  width: 25%;

}



.w-1\/2 {

  width: 50%;

}



.w-\[40px\] {

  width: 40px;

}



.w-\[100px\] {

  width: 100px;

}



.w-32 {

  width: 8rem;

}



.w-20 {

  width: 5rem;

}



.w-\[60px\] {

  width: 60px;

}



.flex-none {

  flex: none;

}



.flex-1 {

  flex: 1 1 0%;

}



.transform {

  transform: var(--tw-transform);

}



.cursor-pointer {

  cursor: pointer;

}



.flex-row {

  flex-direction: row;

}



.flex-wrap {

  flex-wrap: wrap;

}



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

}



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

}



.overflow-hidden {

  overflow: hidden;

}



.overflow-y-auto {

  overflow-y: auto;

}



.rounded-\[8px\] {

  border-radius: 8px;

}



.rounded-full {

  border-radius: 9999px;

}



.rounded-\[20px\] {

  border-radius: 20px;

}



.rounded-lg {

  border-radius: 0.5rem;

}



.rounded {

  border-radius: 0.25rem;

}



.rounded-md {

  border-radius: 0.375rem;

}



.rounded-\[5px\] {

  border-radius: 5px;

}



.rounded-\[10px\] {

  border-radius: 10px;

}



.rounded-sm {

  border-radius: 0.125rem;

}



.rounded-\[15px\] {

  border-radius: 15px;

}



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

}



.border {

  border-width: 1px;

}



.border-b {

  border-bottom-width: 1px;

}



.border-t {

  border-top-width: 1px;

}



.border-b-\[1px\] {

  border-bottom-width: 1px;

}



.border-color_primary {

  --tw-border-opacity: 1;

  border-color: #aa812d;

}



.border-gray-300 {

  --tw-border-opacity: 1;

  border-color: rgba(209, 213, 219, var(--tw-border-opacity));

}



.border-gray-100 {

  --tw-border-opacity: 1;

  border-color: rgba(243, 244, 246, var(--tw-border-opacity));

}



.border-gray-200 {

  --tw-border-opacity: 1;

  border-color: rgba(229, 231, 235, var(--tw-border-opacity));

}



.border-gray-500 {

  --tw-border-opacity: 1;

  border-color: rgba(107, 114, 128, var(--tw-border-opacity));

}



.border-gray-400 {

  --tw-border-opacity: 1;

  border-color: rgba(156, 163, 175, var(--tw-border-opacity));

}



.bg-gray-50 {

  --tw-bg-opacity: 1;

  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));

}



.bg-color_primary {

  --tw-bg-opacity: 1;

  background-color: linear-gradient(45deg, #aa812d, #edda7c);

  background: linear-gradient(45deg, #aa812d, #edda7c);
/*  background: #004aad;*/

}



.bg-white {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}



.bg-red {

  --tw-bg-opacity: 1;

  background-color: rgba(220, 31, 38, var(--tw-bg-opacity));

}



.bg-gray-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

}



.bg-gray-900 {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));

}



.bg-gray-500 {

  --tw-bg-opacity: 1;

  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));

}



.bg-transparent {

  background-color: transparent;

}



.bg-gray-200 {

  --tw-bg-opacity: 1;

  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));

}



.bg-orange-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(254, 236, 220, var(--tw-bg-opacity));

}



.bg-gray-300 {

  --tw-bg-opacity: 1;

  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));

}



.object-contain {

  -o-object-fit: contain;

     object-fit: contain;

}



.object-cover {

  -o-object-fit: cover;

     object-fit: cover;

}



.p-\[50px\] {

  padding: 50px;

}



.p-\[10px\] {

  padding: 10px;

}



.p-\[15px\] {

  padding: 15px;

}



.py-\[10px\] {

  padding-top: 10px;

  padding-bottom: 10px;

}

.py-\[20px\] {

  padding-top: 20px;

  padding-bottom: 20px;

}



.px-3 {

  padding-left: 0.75rem;

  padding-right: 0.75rem;

}



.px-\[10px\] {

  padding-left: 10px;

  padding-right: 10px;

}



.px-\[5px\] {

  padding-left: 5px;

  padding-right: 5px;

}



.py-\[13px\] {

  padding-top: 13px;

  padding-bottom: 13px;

}



.px-\[15px\] {

  padding-left: 15px;

  padding-right: 15px;

}



.px-2 {

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}



.py-\[5px\] {

  padding-top: 5px;

  padding-bottom: 5px;

}



.py-\[8px\] {

  padding-top: 8px;

  padding-bottom: 8px;

}



.px-10px {

  padding-left: 10px;

  padding-right: 10px;

}



.px-4 {

  padding-left: 1rem;

  padding-right: 1rem;

}



.py-4 {

  padding-top: 1rem;

  padding-bottom: 1rem;

}



.px-6 {

  padding-left: 1.5rem;

  padding-right: 1.5rem;

}



.py-\[30px\] {

  padding-top: 30px;

  padding-bottom: 30px;

}



.px-\[20px\] {

  padding-left: 20px;

  padding-right: 20px;

}



.py-\[2px\] {

  padding-top: 2px;

  padding-bottom: 2px;

}



.pl-\[15px\] {

  padding-left: 15px;

}



.pr-\[5px\] {

  padding-right: 5px;

}



.pt-\[30px\] {

  padding-top: 30px;

}



.pl-4 {

  padding-left: 1rem;

}



.pr-4 {

  padding-right: 1rem;

}



.pb-\[10px\] {

  padding-bottom: 10px;

}



.pr-\[30px\] {

  padding-right: 30px;

}



.pl-\[10px\] {

  padding-left: 10px;

}



.pb-\[20px\] {

  padding-bottom: 20px;

}



.pt-7 {

  padding-top: 1.75rem;

}



.pl-\[5px\] {

  padding-left: 5px;

}



.pb-3 {

  padding-bottom: 0.75rem;

}



.pl-2 {

  padding-left: 0.5rem;

}



.pr-2 {

  padding-right: 0.5rem;

}



.pt-4 {

  padding-top: 1rem;

}



.pb-20 {

  padding-bottom: 5rem;

}



.pt-5 {

  padding-top: 1.25rem;

}



.pb-4 {

  padding-bottom: 1rem;

}



.pl-0 {

  padding-left: 0px;

}



.pl-\[23px\] {

  padding-left: 23px;

}



.pb-\[13px\] {

  padding-bottom: 13px;

}



.text-left {

  text-align: left;

}



.text-center {

  text-align: center;

}



.text-f15 {

  font-size: 15px;

  line-height: 20px;

}



.text-f16 {

  font-size: 16px;

}



.text-f25 {

  font-size: 25px;

  line-height: 28px;

}



.text-f11 {

  font-size: 11px;

}



.text-f13 {

  font-size: 13px;

}



.text-f14 {

  font-size: 14px;

}



.text-f18 {

  font-size: 18px;

  line-height: 20px;

}



.text-f20 {

  font-size: 20px;

  line-height: 24px;

}



.text-xs {

  font-size: 0.75rem;

  line-height: 1rem;

}



.text-2xl {

  font-size: 1.5rem;

  line-height: 2rem;

}



.text-f12 {

  font-size: 12px;

  line-height: 14px;

}



.text-f30 {

  font-size: 30px;

  line-height: 32px;

}



.font-bold {

  font-weight: 700;

}



.font-black {

  font-weight: 900;

}



.font-thin {

  font-weight: 100;

}



.font-semibold {

  font-weight: 600;

}



.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}



.italic {

  font-style: italic;

}



.leading-\[20px\] {

  line-height: 20px;

}



.leading-\[40px\] {

  line-height: 40px;

}



.leading-\[30px\] {

  line-height: 30px;

}



.leading-\[50px\] {

  line-height: 50px;

}



.leading-\[22px\] {

  line-height: 22px;

}



.text-white {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}



.text-red {

  --tw-text-opacity: 1;

  color: rgba(220, 31, 38, var(--tw-text-opacity));

}



.text-gray-600 {

  --tw-text-opacity: 1;

  color: rgba(75, 85, 99, var(--tw-text-opacity));

}



.text-color_primary {

  --tw-text-opacity: 1;

  color: #004aad;

}



.text-gray-400 {

  --tw-text-opacity: 1;

  color: rgba(156, 163, 175, var(--tw-text-opacity));

}



.text-gray-700 {

  --tw-text-opacity: 1;

  color: rgba(55, 65, 81, var(--tw-text-opacity));

}



.text-yellow-300 {

  --tw-text-opacity: 1;

  color: rgba(250, 202, 21, var(--tw-text-opacity));

}



.text-black {

  --tw-text-opacity: 1;

  color: rgba(0, 0, 0, var(--tw-text-opacity));

}



.text-gray-500 {

  --tw-text-opacity: 1;

  color: rgba(107, 114, 128, var(--tw-text-opacity));

}



.text-gray-300 {

  --tw-text-opacity: 1;

  color: rgba(209, 213, 219, var(--tw-text-opacity));

}



.opacity-75 {

  opacity: 0.75;

}



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

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

}



.outline-none {

  outline: 2px solid transparent;

  outline-offset: 2px;

}



.grayscale {

  --tw-grayscale: grayscale(100%);

  filter: var(--tw-filter);

}



.filter {

  filter: var(--tw-filter);

}



.transition-all {

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.transition-opacity {

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.transition {

  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.hover\:bg-white:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}



.hover\:bg-color_primary:hover {

  --tw-bg-opacity: 1;

  background-color: linear-gradient(45deg, #aa812d, #edda7c);

}



.hover\:bg-gray-400:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));

}



.hover\:text-color_primary:hover {

  --tw-text-opacity: 1;

  color: #004aad;

}



.hover\:text-white:hover {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}



.hover\:text-gray-700:hover {

  --tw-text-opacity: 1;

  color: rgba(55, 65, 81, var(--tw-text-opacity));

}



.hover\:text-black:hover {

  --tw-text-opacity: 1;

  color: rgba(0, 0, 0, var(--tw-text-opacity));

}



.hover\:underline:hover {

  text-decoration: underline;

}



.hover\:opacity-80:hover {

  opacity: 0.8;

}



.focus\:text-black:focus {

  --tw-text-opacity: 1;

  color: rgba(0, 0, 0, var(--tw-text-opacity));

}



.focus\:outline-none:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

}



.group:hover .group-hover\:block {

  display: block;

}



@media (min-width: 640px) {

  .sm\:my-8 {

    margin-top: 2rem;

    margin-bottom: 2rem;

  }



  .sm\:mt-4 {

    margin-top: 1rem;

  }



  .sm\:block {

    display: block;

  }



  .sm\:inline-block {

    display: inline-block;

  }



  .sm\:h-screen {

    height: 100vh;

  }



  .sm\:p-0 {

    padding: 0px;

  }



  .sm\:p-6 {

    padding: 1.5rem;

  }



  .sm\:pb-4 {

    padding-bottom: 1rem;

  }



  .sm\:align-middle {

    vertical-align: middle;

  }

}



@media (min-width: 768px) {

  .md\:-mx-3 {

    margin-left: -0.75rem;

    margin-right: -0.75rem;

  }



  .md\:mx-\[15px\] {

    margin-left: 15px;

    margin-right: 15px;

  }



  .md\:mt-\[70px\] {

    margin-top: 70px;

  }



  .md\:mt-0 {

    margin-top: 0px;

  }



  .md\:ml-\[15px\] {

    margin-left: 15px;

  }



  .md\:mt-\[30px\] {

    margin-top: 30px;

  }



  .md\:mb-\[20px\] {

    margin-bottom: 20px;

  }



  .md\:mt-10 {

    margin-top: 2.5rem;

  }



  .md\:mr-\[15px\] {

    margin-right: 15px;

  }



  .md\:mb-0 {

    margin-bottom: 0px;

  }



  .md\:mt-\[40px\] {

    margin-top: 40px;

  }



  .md\:mt-\[50px\] {

    margin-top: 50px;

  }



  .md\:mt-\[20px\] {

    margin-top: 20px;

  }



  .md\:mt-\[60px\] {

    margin-top: 60px;

  }



  .md\:block {

    display: block;

  }



  .md\:hidden {

    display: none;

  }



  .md\:w-1\/2 {

    width: 50%;

  }



  .md\:w-auto {

    width: auto;

  }



  .md\:w-\[300px\] {

    width: 300px;

  }



  .md\:w-1\/4 {

    width: 25%;

  }



  .md\:w-3\/4 {

    width: 75%;

  }



  .md\:w-1\/3 {

    width: 33.333333%;

  }



  .md\:w-2\/3 {

    width: 66.666667%;

  }



  .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0px * var(--tw-space-x-reverse));

    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));

  }



  .md\:p-\[20px\] {

    padding: 20px;

  }



  .md\:px-3 {

    padding-left: 0.75rem;

    padding-right: 0.75rem;

  }



  .md\:px-\[15px\] {

    padding-left: 15px;

    padding-right: 15px;

  }



  .md\:py-\[70px\] {

    padding-top: 70px;

    padding-bottom: 70px;

  }



  .md\:pt-12 {

    padding-top: 3rem;

  }



  .md\:pl-\[15px\] {

    padding-left: 15px;

  }



  .md\:pt-\[70px\] {

    padding-top: 70px;

  }



  .md\:text-f40 {

    font-size: 40px;

  }



  .md\:text-f50 {

    font-size: 50px;

  }



  .md\:text-f20 {

    font-size: 20px;

    line-height: 24px;

  }



  .md\:text-f35 {

    font-size: 35px;

  }



  .md\:leading-\[40px\] {

    line-height: 40px;

  }



  .md\:leading-\[30px\] {

    line-height: 30px;

  }

}



@media (min-width: 1024px) {

  .lg\:float-right {

    float: right;

  }



  .lg\:mt-0 {

    margin-top: 0px;

  }



  .lg\:mb-0 {

    margin-bottom: 0px;

  }



  .lg\:mt-\[15px\] {

    margin-top: 15px;

  }



  .lg\:mt-\[60px\] {

    margin-top: 60px;

  }



  .lg\:block {

    display: block;

  }



  .lg\:w-3\/4 {

    width: 75%;

  }



  .lg\:w-1\/4 {

    width: 25%;

  }



  .lg\:w-4\/12 {

    width: 33.333333%;

  }



  .lg\:w-8\/12 {

    width: 66.666667%;

  }



  .lg\:w-1\/3 {

    width: 33.333333%;

  }



  .lg\:w-1\/2 {

    width: 50%;

  }



  .lg\:w-1\/5 {

    width: 20%;

  }



  .lg\:flex-grow {

    flex-grow: 1;

  }



  .lg\: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)));

  }



  .lg\:px-\[10px\] {

    padding-left: 10px;

    padding-right: 10px;

  }

}