@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);
/*! tailwindcss v2.2.17 | 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;
  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] {
  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='submit'] {
  -webkit-appearance: button;
}

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

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

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

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

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

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

/*
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: -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::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #8a8a8a;
}

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

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: 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{
  border-color:currentColor;
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
}

@media (min-width: 640px){
  .container{
    max-width:640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width:768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width:1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width:1280px;
  }
}

h1, h2, h3, h4, h5{
  margin-bottom:0.5rem;
  font-weight:400;
}

h1{
  font-size:2.75rem;
  font-weight:100
}

h2{
  font-size:2.25rem
}

h3{
  font-size:1.25rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.2em
}

h4{
  font-size:1.25rem
}

.site-content p{
  margin-bottom:1.25rem
}

.loader .progress-bar{
  --tw-bg-opacity:1;
  background-color:rgba(56, 178, 172, var(--tw-bg-opacity))
}

.absolute{
  position:absolute !important;
}

.relative{
  position:relative !important;
}

.bottom-0{
  bottom:0 !important;
}

.z-20{
  z-index:20 !important;
}

.mx-1{
  margin-left:0.25rem !important;
  margin-right:0.25rem !important;
}

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

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

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

.-mx-10{
  margin-left:-2.5rem !important;
  margin-right:-2.5rem !important;
}

.mt-0{
  margin-top:0 !important;
}

.mt-2{
  margin-top:0.5rem !important;
}

.mt-3{
  margin-top:0.75rem !important;
}

.mt-4{
  margin-top:1rem !important;
}

.mt-6{
  margin-top:1.5rem !important;
}

.mt-8{
  margin-top:2rem !important;
}

.mt-16{
  margin-top:4rem !important;
}

.mr-2{
  margin-right:0.5rem !important;
}

.mr-3{
  margin-right:0.75rem !important;
}

.mr-4{
  margin-right:1rem !important;
}

.mr-5{
  margin-right:1.25rem !important;
}

.mb-0{
  margin-bottom:0 !important;
}

.mb-2{
  margin-bottom:0.5rem !important;
}

.mb-3{
  margin-bottom:0.75rem !important;
}

.mb-4{
  margin-bottom:1rem !important;
}

.mb-5{
  margin-bottom:1.25rem !important;
}

.mb-8{
  margin-bottom:2rem !important;
}

.mb-24{
  margin-bottom:6rem !important;
}

.-mb-32{
  margin-bottom:-8rem !important;
}

.ml-2{
  margin-left:0.5rem !important;
}

.ml-4{
  margin-left:1rem !important;
}

.ml-10{
  margin-left:2.5rem !important;
}

.inline-block{
  display:inline-block !important;
}

.inline{
  display:inline !important;
}

.flex{
  display:flex !important;
}

.inline-flex{
  display:inline-flex !important;
}

.table{
  display:table !important;
}

.hidden{
  display:none !important;
}

.h-5{
  height:1.25rem !important;
}

.h-6{
  height:1.5rem !important;
}

.h-7{
  height:1.75rem !important;
}

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

.h-10{
  height:2.5rem !important;
}

.h-12{
  height:3rem !important;
}

.h-16{
  height:4rem !important;
}

.h-48{
  height:12rem !important;
}

.w-5{
  width:1.25rem !important;
}

.w-6{
  width:1.5rem !important;
}

.w-7{
  width:1.75rem !important;
}

.w-8{
  width:2rem !important;
}

.w-10{
  width:2.5rem !important;
}

.w-12{
  width:3rem !important;
}

.w-16{
  width:4rem !important;
}

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

.w-full{
  width:100% !important;
}

.max-w-sm{
  max-width:24rem !important;
}

.max-w-md{
  max-width:28rem !important;
}

.max-w-lg{
  max-width:32rem !important;
}

.flex-none{
  flex:none !important;
}

.flex-shrink-0{
  flex-shrink:0 !important;
}

.transform{
  --tw-translate-x:0 !important;
  --tw-translate-y:0 !important;
  --tw-rotate:0 !important;
  --tw-skew-x:0 !important;
  --tw-skew-y:0 !important;
  --tw-scale-x:1 !important;
  --tw-scale-y:1 !important;
  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)) !important;
}

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

@keyframes ping{
  75%, 100%{
    transform:scale(2);
    opacity:0;
  }
}

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

@keyframes bounce{
  0%, 100%{
    transform:translateY(-25%);
    animation-timing-function:cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform:none;
    animation-timing-function:cubic-bezier(0,0,0.2,1);
  }
}

.cursor-pointer{
  cursor:pointer !important;
}

.flex-col{
  flex-direction:column !important;
}

.flex-col-reverse{
  flex-direction:column-reverse !important;
}

.flex-wrap{
  flex-wrap:wrap !important;
}

.items-end{
  align-items:flex-end !important;
}

.items-center{
  align-items:center !important;
}

.justify-center{
  justify-content:center !important;
}

.justify-between{
  justify-content:space-between !important;
}

.overflow-hidden{
  overflow:hidden !important;
}

.rounded-lg{
  border-radius:0.5rem !important;
}

.rounded-xl{
  border-radius:1rem !important;
}

.rounded-full{
  border-radius:9999px !important;
}

.border{
  border-width:1px !important;
}

.border-t{
  border-top-width:1px !important;
}

.border-r{
  border-right-width:1px !important;
}

.border-b{
  border-bottom-width:1px !important;
}

.border-l{
  border-left-width:1px !important;
}

.border-transparent{
  border-color:transparent !important;
}

.border-rose-400{
  --tw-border-opacity:1 !important;
  border-color:rgba(251, 113, 133, var(--tw-border-opacity)) !important;
}

.border-rose-500{
  --tw-border-opacity:1 !important;
  border-color:rgba(244, 63, 94, var(--tw-border-opacity)) !important;
}

.border-rose-600{
  --tw-border-opacity:1 !important;
  border-color:rgba(225, 29, 72, var(--tw-border-opacity)) !important;
}

.border-gray-200{
  --tw-border-opacity:1 !important;
  border-color:rgba(223, 223, 223, var(--tw-border-opacity)) !important;
}

.border-gray-400{
  --tw-border-opacity:1 !important;
  border-color:rgba(138, 138, 138, var(--tw-border-opacity)) !important;
}

.border-gray-600{
  --tw-border-opacity:1 !important;
  border-color:rgba(216, 216, 216, var(--tw-border-opacity)) !important;
}

.border-teal-500{
  --tw-border-opacity:1 !important;
  border-color:rgba(56, 178, 172, var(--tw-border-opacity)) !important;
}

.focus\:border-indigo-400:focus{
  --tw-border-opacity:1 !important;
  border-color:rgba(127, 156, 245, var(--tw-border-opacity)) !important;
}

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

.dark .dark\:hover\:border-rose-500:hover{
  --tw-border-opacity:1 !important;
  border-color:rgba(244, 63, 94, var(--tw-border-opacity)) !important;
}

.border-opacity-50{
  --tw-border-opacity:0.5 !important;
}

.dark .dark\:border-opacity-25{
  --tw-border-opacity:0.25 !important;
}

.bg-transparent{
  background-color:transparent !important;
}

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

.bg-rose-500{
  --tw-bg-opacity:1 !important;
  background-color:rgba(244, 63, 94, var(--tw-bg-opacity)) !important;
}

.bg-teal-500{
  --tw-bg-opacity:1 !important;
  background-color:rgba(56, 178, 172, var(--tw-bg-opacity)) !important;
}

.bg-blue-600{
  --tw-bg-opacity:1 !important;
  background-color:rgba(49, 130, 206, var(--tw-bg-opacity)) !important;
}

.hover\:bg-rose-300:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgba(253, 164, 175, var(--tw-bg-opacity)) !important;
}

.hover\:bg-rose-400:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgba(251, 113, 133, var(--tw-bg-opacity)) !important;
}

.hover\:bg-rose-500:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgba(244, 63, 94, var(--tw-bg-opacity)) !important;
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgba(247, 247, 247, var(--tw-bg-opacity)) !important;
}

.hover\:bg-gray-600:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgba(216, 216, 216, var(--tw-bg-opacity)) !important;
}

.hover\:bg-teal-400:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgba(79, 209, 197, var(--tw-bg-opacity)) !important;
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgba(43, 108, 176, var(--tw-bg-opacity)) !important;
}

.dark .dark\:bg-gray-800{
  --tw-bg-opacity:1 !important;
  background-color:rgba(45, 55, 72, var(--tw-bg-opacity)) !important;
}

.dark .dark\:hover\:bg-opacity-10:hover{
  --tw-bg-opacity:0.1 !important;
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

.from-rose-500{
  --tw-gradient-from:#F43F5E !important;
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 63, 94, 0)) !important;
}

.to-rose-400{
  --tw-gradient-to:#FB7185 !important;
}

.bg-cover{
  background-size:cover !important;
}

.bg-center{
  background-position:center !important;
}

.fill-current{
  fill:currentColor !important;
}

.stroke-current{
  stroke:currentColor !important;
}

.p-4{
  padding:1rem !important;
}

.p-6{
  padding:1.5rem !important;
}

.px-0{
  padding-left:0 !important;
  padding-right:0 !important;
}

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

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

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

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

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

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

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

.py-5{
  padding-top:1.25rem !important;
  padding-bottom:1.25rem !important;
}

.py-8{
  padding-top:2rem !important;
  padding-bottom:2rem !important;
}

.py-10{
  padding-top:2.5rem !important;
  padding-bottom:2.5rem !important;
}

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

.pt-10{
  padding-top:2.5rem !important;
}

.pt-16{
  padding-top:4rem !important;
}

.pt-20{
  padding-top:5rem !important;
}

.pr-0{
  padding-right:0 !important;
}

.pr-2{
  padding-right:0.5rem !important;
}

.pr-10{
  padding-right:2.5rem !important;
}

.pb-4{
  padding-bottom:1rem !important;
}

.pb-16{
  padding-bottom:4rem !important;
}

.pb-64{
  padding-bottom:16rem !important;
}

.pl-4{
  padding-left:1rem !important;
}

.text-center{
  text-align:center !important;
}

.text-right{
  text-align:right !important;
}

.text-xs{
  font-size:0.75rem !important;
}

.text-sm{
  font-size:0.875rem !important;
}

.text-base{
  font-size:1rem !important;
}

.text-lg{
  font-size:1.125rem !important;
}

.text-xl{
  font-size:1.25rem !important;
}

.text-2xl{
  font-size:1.5rem !important;
}

.text-3xl{
  font-size:1.875rem !important;
}

.text-5xl{
  font-size:2.75rem !important;
}

.font-light{
  font-weight:300 !important;
}

.font-medium{
  font-weight:500 !important;
}

.font-semibold{
  font-weight:600 !important;
}

.font-bold{
  font-weight:700 !important;
}

.uppercase{
  text-transform:uppercase !important;
}

.leading-normal{
  line-height:1.5 !important;
}

.tracking-tighter{
  letter-spacing:-0.05em !important;
}

.tracking-wide{
  letter-spacing:0.025em !important;
}

.text-black{
  --tw-text-opacity:1 !important;
  color:rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}

.text-black2{
  --tw-text-opacity:1 !important;
  color:rgba(25, 25, 25, var(--tw-text-opacity)) !important;
}

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

.text-rose-300{
  --tw-text-opacity:1 !important;
  color:rgba(253, 164, 175, var(--tw-text-opacity)) !important;
}

.text-rose-500{
  --tw-text-opacity:1 !important;
  color:rgba(244, 63, 94, var(--tw-text-opacity)) !important;
}

.text-gray-300{
  --tw-text-opacity:1 !important;
  color:rgba(168, 168, 168, var(--tw-text-opacity)) !important;
}

.text-gray-400{
  --tw-text-opacity:1 !important;
  color:rgba(138, 138, 138, var(--tw-text-opacity)) !important;
}

.text-gray-600{
  --tw-text-opacity:1 !important;
  color:rgba(216, 216, 216, var(--tw-text-opacity)) !important;
}

.text-gray-700{
  --tw-text-opacity:1 !important;
  color:rgba(74, 85, 104, var(--tw-text-opacity)) !important;
}

.text-gray-900{
  --tw-text-opacity:1 !important;
  color:rgba(243, 243, 246, var(--tw-text-opacity)) !important;
}

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

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

.hover\:text-gray-500:hover{
  --tw-text-opacity:1 !important;
  color:rgba(237, 237, 237, var(--tw-text-opacity)) !important;
}

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

.dark .dark\:text-rose-500{
  --tw-text-opacity:1 !important;
  color:rgba(244, 63, 94, var(--tw-text-opacity)) !important;
}

.dark .dark\:text-gray-300{
  --tw-text-opacity:1 !important;
  color:rgba(168, 168, 168, var(--tw-text-opacity)) !important;
}

.dark .dark\:hover\:text-gray-300:hover{
  --tw-text-opacity:1 !important;
  color:rgba(168, 168, 168, var(--tw-text-opacity)) !important;
}

.dark .dark\:hover\:text-gray-1000:hover{
  --tw-text-opacity:1 !important;
  color:rgba(32, 41, 56, var(--tw-text-opacity)) !important;
}

.text-opacity-75{
  --tw-text-opacity:0.75 !important;
}

.text-opacity-100{
  --tw-text-opacity:1 !important;
}

.dark .dark\:text-opacity-75{
  --tw-text-opacity:0.75 !important;
}

.placeholder-gray-300::placeholder{
  --tw-placeholder-opacity:1 !important;
  color:rgba(168, 168, 168, var(--tw-placeholder-opacity)) !important;
}

.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity:1 !important;
  color:rgba(138, 138, 138, var(--tw-placeholder-opacity)) !important;
}

.placeholder-opacity-75::placeholder{
  --tw-placeholder-opacity:0.75 !important;
}

.opacity-0{
  opacity:0 !important;
}

*, ::before, ::after{
  --tw-shadow:0 0 #0000;
}

.shadow{
  --tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-md{
  --tw-shadow:0 0 10px rgba(0,0,0,.1) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

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

.shadow-inner{
  --tw-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:shadow-outline:focus{
  --tw-shadow:0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.outline-none{
  outline:2px solid transparent !important;
  outline-offset:2px !important;
}

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

*, ::before, ::after{
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(66, 153, 225, 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
}

.filter{
  --tw-blur:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-brightness:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-contrast:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-grayscale:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-invert:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-saturate:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-sepia:var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/) !important;
  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) !important;
}

.transition-all{
  transition-property:all !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:150ms !important;
}

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

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

.duration-150{
  transition-duration:150ms !important;
}

.duration-200{
  transition-duration:200ms !important;
}

.duration-500{
  transition-duration:500ms !important;
}

.duration-700{
  transition-duration:700ms !important;
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1) !important;
}

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

.loader{
  position:fixed;
  z-index:1000000;
  top:0;
  width:100%;
  height:3px
}

.loader .progress-bar{
  height:3px;
  transition:all .25s;
  background:#000
}

.loader-animation-leave-active{
  transition:delay 1s
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

.animate__animated{
  animation-duration:1s;
  animation-fill-mode:both
}

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

.animate__animated.animate__repeat-1{
  animation-iteration-count:1
}

.animate__animated.animate__repeat-2{
  animation-iteration-count:2
}

.animate__animated.animate__repeat-3{
  animation-iteration-count:3
}

.animate__animated.animate__delay-1s{
  animation-delay:1s
}

.animate__animated.animate__delay-2s{
  animation-delay:2s
}

.animate__animated.animate__delay-3s{
  animation-delay:3s
}

.animate__animated.animate__delay-4s{
  animation-delay:4s
}

.animate__animated.animate__delay-5s{
  animation-delay:5s
}

.animate__animated.animate__faster{
  animation-duration:.5s
}

.animate__animated.animate__fast{
  animation-duration:.8s
}

.animate__animated.animate__slow{
  animation-duration:2s
}

.animate__animated.animate__slower{
  animation-duration:3s
}

@media (prefers-reduced-motion:reduce),print{
  .animate__animated{
    animation-duration:1ms!important;
    transition-duration:1ms!important;
    animation-iteration-count:1!important
  }

  .animate__animated[class*=Out]{
    opacity:0
  }
}

@keyframes bounce{
  0%,20%,53%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translateZ(0)
  }

  40%,43%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(0,-30px,0) scaleY(1.1)
  }

  70%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(0,-15px,0) scaleY(1.05)
  }

  80%{
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translateZ(0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,-4px,0) scaleY(1.02)
  }
}

.animate__bounce{
  animation-name:bounce;
  transform-origin:center bottom
}

@keyframes flash{
  0%,50%,to{
    opacity:1
  }

  25%,75%{
    opacity:0
  }
}

.animate__flash{
  animation-name:flash
}

@keyframes pulse{
  0%{
    transform:scaleX(1)
  }

  50%{
    transform:scale3d(1.05,1.05,1.05)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__pulse{
  animation-name:pulse;
  animation-timing-function:ease-in-out
}

@keyframes rubberBand{
  0%{
    transform:scaleX(1)
  }

  30%{
    transform:scale3d(1.25,.75,1)
  }

  40%{
    transform:scale3d(.75,1.25,1)
  }

  50%{
    transform:scale3d(1.15,.85,1)
  }

  65%{
    transform:scale3d(.95,1.05,1)
  }

  75%{
    transform:scale3d(1.05,.95,1)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__rubberBand{
  animation-name:rubberBand
}

@keyframes shakeX{
  0%,to{
    transform:translateZ(0)
  }

  10%,30%,50%,70%,90%{
    transform:translate3d(-10px,0,0)
  }

  20%,40%,60%,80%{
    transform:translate3d(10px,0,0)
  }
}

.animate__shakeX{
  animation-name:shakeX
}

@keyframes shakeY{
  0%,to{
    transform:translateZ(0)
  }

  10%,30%,50%,70%,90%{
    transform:translate3d(0,-10px,0)
  }

  20%,40%,60%,80%{
    transform:translate3d(0,10px,0)
  }
}

.animate__shakeY{
  animation-name:shakeY
}

@keyframes headShake{
  0%{
    transform:translateX(0)
  }

  6.5%{
    transform:translateX(-6px) rotateY(-9deg)
  }

  18.5%{
    transform:translateX(5px) rotateY(7deg)
  }

  31.5%{
    transform:translateX(-3px) rotateY(-5deg)
  }

  43.5%{
    transform:translateX(2px) rotateY(3deg)
  }

  50%{
    transform:translateX(0)
  }
}

.animate__headShake{
  animation-timing-function:ease-in-out;
  animation-name:headShake
}

@keyframes swing{
  20%{
    transform:rotate(15deg)
  }

  40%{
    transform:rotate(-10deg)
  }

  60%{
    transform:rotate(5deg)
  }

  80%{
    transform:rotate(-5deg)
  }

  to{
    transform:rotate(0deg)
  }
}

.animate__swing{
  transform-origin:top center;
  animation-name:swing
}

@keyframes tada{
  0%{
    transform:scaleX(1)
  }

  10%,20%{
    transform:scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90%{
    transform:scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80%{
    transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__tada{
  animation-name:tada
}

@keyframes wobble{
  0%{
    transform:translateZ(0)
  }

  15%{
    transform:translate3d(-25%,0,0) rotate(-5deg)
  }

  30%{
    transform:translate3d(20%,0,0) rotate(3deg)
  }

  45%{
    transform:translate3d(-15%,0,0) rotate(-3deg)
  }

  60%{
    transform:translate3d(10%,0,0) rotate(2deg)
  }

  75%{
    transform:translate3d(-5%,0,0) rotate(-1deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__wobble{
  animation-name:wobble
}

@keyframes jello{
  0%,11.1%,to{
    transform:translateZ(0)
  }

  22.2%{
    transform:skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3%{
    transform:skewX(6.25deg) skewY(6.25deg)
  }

  44.4%{
    transform:skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5%{
    transform:skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6%{
    transform:skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7%{
    transform:skewX(.390625deg) skewY(.390625deg)
  }

  88.8%{
    transform:skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello{
  animation-name:jello;
  transform-origin:center
}

@keyframes heartBeat{
  0%{
    transform:scale(1)
  }

  14%{
    transform:scale(1.3)
  }

  28%{
    transform:scale(1)
  }

  42%{
    transform:scale(1.3)
  }

  70%{
    transform:scale(1)
  }
}

.animate__heartBeat{
  animation-name:heartBeat;
  animation-duration:1.3s;
  animation-timing-function:ease-in-out
}

@keyframes backInDown{
  0%{
    transform:translateY(-1200px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInDown{
  animation-name:backInDown
}

@keyframes backInLeft{
  0%{
    transform:translateX(-2000px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInLeft{
  animation-name:backInLeft
}

@keyframes backInRight{
  0%{
    transform:translateX(2000px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInRight{
  animation-name:backInRight
}

@keyframes backInUp{
  0%{
    transform:translateY(1200px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInUp{
  animation-name:backInUp
}

@keyframes backOutDown{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateY(700px) scale(.7);
    opacity:.7
  }
}

.animate__backOutDown{
  animation-name:backOutDown
}

@keyframes backOutLeft{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateX(-2000px) scale(.7);
    opacity:.7
  }
}

.animate__backOutLeft{
  animation-name:backOutLeft
}

@keyframes backOutRight{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateX(2000px) scale(.7);
    opacity:.7
  }
}

.animate__backOutRight{
  animation-name:backOutRight
}

@keyframes backOutUp{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateY(-700px) scale(.7);
    opacity:.7
  }
}

.animate__backOutUp{
  animation-name:backOutUp
}

@keyframes bounceIn{
  0%,20%,40%,60%,80%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  20%{
    transform:scale3d(1.1,1.1,1.1)
  }

  40%{
    transform:scale3d(.9,.9,.9)
  }

  60%{
    opacity:1;
    transform:scale3d(1.03,1.03,1.03)
  }

  80%{
    transform:scale3d(.97,.97,.97)
  }

  to{
    opacity:1;
    transform:scaleX(1)
  }
}

.animate__bounceIn{
  animation-duration:.75s;
  animation-name:bounceIn
}

@keyframes bounceInDown{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(0,-3000px,0) scaleY(3)
  }

  60%{
    opacity:1;
    transform:translate3d(0,25px,0) scaleY(.9)
  }

  75%{
    transform:translate3d(0,-10px,0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,5px,0) scaleY(.985)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInDown{
  animation-name:bounceInDown
}

@keyframes bounceInLeft{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(-3000px,0,0) scaleX(3)
  }

  60%{
    opacity:1;
    transform:translate3d(25px,0,0) scaleX(1)
  }

  75%{
    transform:translate3d(-10px,0,0) scaleX(.98)
  }

  90%{
    transform:translate3d(5px,0,0) scaleX(.995)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInLeft{
  animation-name:bounceInLeft
}

@keyframes bounceInRight{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(3000px,0,0) scaleX(3)
  }

  60%{
    opacity:1;
    transform:translate3d(-25px,0,0) scaleX(1)
  }

  75%{
    transform:translate3d(10px,0,0) scaleX(.98)
  }

  90%{
    transform:translate3d(-5px,0,0) scaleX(.995)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInRight{
  animation-name:bounceInRight
}

@keyframes bounceInUp{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(0,3000px,0) scaleY(5)
  }

  60%{
    opacity:1;
    transform:translate3d(0,-20px,0) scaleY(.9)
  }

  75%{
    transform:translate3d(0,10px,0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,-5px,0) scaleY(.985)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInUp{
  animation-name:bounceInUp
}

@keyframes bounceOut{
  20%{
    transform:scale3d(.9,.9,.9)
  }

  50%,55%{
    opacity:1;
    transform:scale3d(1.1,1.1,1.1)
  }

  to{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
}

.animate__bounceOut{
  animation-duration:.75s;
  animation-name:bounceOut
}

@keyframes bounceOutDown{
  20%{
    transform:translate3d(0,10px,0) scaleY(.985)
  }

  40%,45%{
    opacity:1;
    transform:translate3d(0,-20px,0) scaleY(.9)
  }

  to{
    opacity:0;
    transform:translate3d(0,2000px,0) scaleY(3)
  }
}

.animate__bounceOutDown{
  animation-name:bounceOutDown
}

@keyframes bounceOutLeft{
  20%{
    opacity:1;
    transform:translate3d(20px,0,0) scaleX(.9)
  }

  to{
    opacity:0;
    transform:translate3d(-2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutLeft{
  animation-name:bounceOutLeft
}

@keyframes bounceOutRight{
  20%{
    opacity:1;
    transform:translate3d(-20px,0,0) scaleX(.9)
  }

  to{
    opacity:0;
    transform:translate3d(2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutRight{
  animation-name:bounceOutRight
}

@keyframes bounceOutUp{
  20%{
    transform:translate3d(0,-10px,0) scaleY(.985)
  }

  40%,45%{
    opacity:1;
    transform:translate3d(0,20px,0) scaleY(.9)
  }

  to{
    opacity:0;
    transform:translate3d(0,-2000px,0) scaleY(3)
  }
}

.animate__bounceOutUp{
  animation-name:bounceOutUp
}

.animate__fadeIn{
  animation-name:fadeIn
}

.animate__fadeInDown{
  animation-name:fadeInDown
}

@keyframes fadeInDownBig{
  0%{
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInDownBig{
  animation-name:fadeInDownBig
}

.animate__fadeInLeft{
  animation-name:fadeInLeft
}

@keyframes fadeInLeftBig{
  0%{
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInLeftBig{
  animation-name:fadeInLeftBig
}

.animate__fadeInRight{
  animation-name:fadeInRight
}

@keyframes fadeInRightBig{
  0%{
    opacity:0;
    transform:translate3d(2000px,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInRightBig{
  animation-name:fadeInRightBig
}

.animate__fadeInUp{
  animation-name:fadeInUp
}

@keyframes fadeInUpBig{
  0%{
    opacity:0;
    transform:translate3d(0,2000px,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInUpBig{
  animation-name:fadeInUpBig
}

@keyframes fadeInTopLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInTopLeft{
  animation-name:fadeInTopLeft
}

@keyframes fadeInTopRight{
  0%{
    opacity:0;
    transform:translate3d(100%,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInTopRight{
  animation-name:fadeInTopRight
}

@keyframes fadeInBottomLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInBottomLeft{
  animation-name:fadeInBottomLeft
}

@keyframes fadeInBottomRight{
  0%{
    opacity:0;
    transform:translate3d(100%,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInBottomRight{
  animation-name:fadeInBottomRight
}

.animate__fadeOut{
  animation-name:fadeOut
}

.animate__fadeOutDown{
  animation-name:fadeOutDown
}

@keyframes fadeOutDownBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,2000px,0)
  }
}

.animate__fadeOutDownBig{
  animation-name:fadeOutDownBig
}

.animate__fadeOutLeft{
  animation-name:fadeOutLeft
}

@keyframes fadeOutLeftBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }
}

.animate__fadeOutLeftBig{
  animation-name:fadeOutLeftBig
}

.animate__fadeOutRight{
  animation-name:fadeOutRight
}

@keyframes fadeOutRightBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(2000px,0,0)
  }
}

.animate__fadeOutRightBig{
  animation-name:fadeOutRightBig
}

.animate__fadeOutUp{
  animation-name:fadeOutUp
}

@keyframes fadeOutUpBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }
}

.animate__fadeOutUpBig{
  animation-name:fadeOutUpBig
}

@keyframes fadeOutTopLeft{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(-100%,-100%,0)
  }
}

.animate__fadeOutTopLeft{
  animation-name:fadeOutTopLeft
}

@keyframes fadeOutTopRight{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(100%,-100%,0)
  }
}

.animate__fadeOutTopRight{
  animation-name:fadeOutTopRight
}

@keyframes fadeOutBottomRight{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(100%,100%,0)
  }
}

.animate__fadeOutBottomRight{
  animation-name:fadeOutBottomRight
}

@keyframes fadeOutBottomLeft{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(-100%,100%,0)
  }
}

.animate__fadeOutBottomLeft{
  animation-name:fadeOutBottomLeft
}

@keyframes flip{
  0%{
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function:ease-out
  }

  40%{
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function:ease-out
  }

  50%{
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function:ease-in
  }

  80%{
    transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
    animation-timing-function:ease-in
  }

  to{
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    animation-timing-function:ease-in
  }
}

.animate__animated.animate__flip{
  -webkit-backface-visibility:visible;
  backface-visibility:visible;
  animation-name:flip
}

@keyframes flipInX{
  0%{
    transform:perspective(400px) rotateX(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    transform:perspective(400px) rotateX(-20deg);
    animation-timing-function:ease-in
  }

  60%{
    transform:perspective(400px) rotateX(10deg);
    opacity:1
  }

  80%{
    transform:perspective(400px) rotateX(-5deg)
  }

  to{
    transform:perspective(400px)
  }
}

.animate__flipInX{
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
  animation-name:flipInX
}

@keyframes flipInY{
  0%{
    transform:perspective(400px) rotateY(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    transform:perspective(400px) rotateY(-20deg);
    animation-timing-function:ease-in
  }

  60%{
    transform:perspective(400px) rotateY(10deg);
    opacity:1
  }

  80%{
    transform:perspective(400px) rotateY(-5deg)
  }

  to{
    transform:perspective(400px)
  }
}

.animate__flipInY{
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
  animation-name:flipInY
}

@keyframes flipOutX{
  0%{
    transform:perspective(400px)
  }

  30%{
    transform:perspective(400px) rotateX(-20deg);
    opacity:1
  }

  to{
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

.animate__flipOutX{
  animation-duration:.75s;
  animation-name:flipOutX;
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important
}

@keyframes flipOutY{
  0%{
    transform:perspective(400px)
  }

  30%{
    transform:perspective(400px) rotateY(-15deg);
    opacity:1
  }

  to{
    transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

.animate__flipOutY{
  animation-duration:.75s;
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
  animation-name:flipOutY
}

@keyframes lightSpeedInRight{
  0%{
    transform:translate3d(100%,0,0) skewX(-30deg);
    opacity:0
  }

  60%{
    transform:skewX(20deg);
    opacity:1
  }

  80%{
    transform:skewX(-5deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__lightSpeedInRight{
  animation-name:lightSpeedInRight;
  animation-timing-function:ease-out
}

@keyframes lightSpeedInLeft{
  0%{
    transform:translate3d(-100%,0,0) skewX(30deg);
    opacity:0
  }

  60%{
    transform:skewX(-20deg);
    opacity:1
  }

  80%{
    transform:skewX(5deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__lightSpeedInLeft{
  animation-name:lightSpeedInLeft;
  animation-timing-function:ease-out
}

@keyframes lightSpeedOutRight{
  0%{
    opacity:1
  }

  to{
    transform:translate3d(100%,0,0) skewX(30deg);
    opacity:0
  }
}

.animate__lightSpeedOutRight{
  animation-name:lightSpeedOutRight;
  animation-timing-function:ease-in
}

@keyframes lightSpeedOutLeft{
  0%{
    opacity:1
  }

  to{
    transform:translate3d(-100%,0,0) skewX(-30deg);
    opacity:0
  }
}

.animate__lightSpeedOutLeft{
  animation-name:lightSpeedOutLeft;
  animation-timing-function:ease-in
}

@keyframes rotateIn{
  0%{
    transform:rotate(-200deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateIn{
  animation-name:rotateIn;
  transform-origin:center
}

@keyframes rotateInDownLeft{
  0%{
    transform:rotate(-45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownLeft{
  animation-name:rotateInDownLeft;
  transform-origin:left bottom
}

@keyframes rotateInDownRight{
  0%{
    transform:rotate(45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownRight{
  animation-name:rotateInDownRight;
  transform-origin:right bottom
}

@keyframes rotateInUpLeft{
  0%{
    transform:rotate(45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInUpLeft{
  animation-name:rotateInUpLeft;
  transform-origin:left bottom
}

@keyframes rotateInUpRight{
  0%{
    transform:rotate(-90deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInUpRight{
  animation-name:rotateInUpRight;
  transform-origin:right bottom
}

@keyframes rotateOut{
  0%{
    opacity:1
  }

  to{
    transform:rotate(200deg);
    opacity:0
  }
}

.animate__rotateOut{
  animation-name:rotateOut;
  transform-origin:center
}

@keyframes rotateOutDownLeft{
  0%{
    opacity:1
  }

  to{
    transform:rotate(45deg);
    opacity:0
  }
}

.animate__rotateOutDownLeft{
  animation-name:rotateOutDownLeft;
  transform-origin:left bottom
}

@keyframes rotateOutDownRight{
  0%{
    opacity:1
  }

  to{
    transform:rotate(-45deg);
    opacity:0
  }
}

.animate__rotateOutDownRight{
  animation-name:rotateOutDownRight;
  transform-origin:right bottom
}

@keyframes rotateOutUpLeft{
  0%{
    opacity:1
  }

  to{
    transform:rotate(-45deg);
    opacity:0
  }
}

.animate__rotateOutUpLeft{
  animation-name:rotateOutUpLeft;
  transform-origin:left bottom
}

@keyframes rotateOutUpRight{
  0%{
    opacity:1
  }

  to{
    transform:rotate(90deg);
    opacity:0
  }
}

.animate__rotateOutUpRight{
  animation-name:rotateOutUpRight;
  transform-origin:right bottom
}

@keyframes hinge{
  0%{
    animation-timing-function:ease-in-out
  }

  20%,60%{
    transform:rotate(80deg);
    animation-timing-function:ease-in-out
  }

  40%,80%{
    transform:rotate(60deg);
    animation-timing-function:ease-in-out;
    opacity:1
  }

  to{
    transform:translate3d(0,700px,0);
    opacity:0
  }
}

.animate__hinge{
  animation-duration:2s;
  animation-name:hinge;
  transform-origin:top left
}

@keyframes jackInTheBox{
  0%{
    opacity:0;
    transform:scale(.1) rotate(30deg);
    transform-origin:center bottom
  }

  50%{
    transform:rotate(-10deg)
  }

  70%{
    transform:rotate(3deg)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.animate__jackInTheBox{
  animation-name:jackInTheBox
}

@keyframes rollIn{
  0%{
    opacity:0;
    transform:translate3d(-100%,0,0) rotate(-120deg)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__rollIn{
  animation-name:rollIn
}

@keyframes rollOut{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(100%,0,0) rotate(120deg)
  }
}

.animate__rollOut{
  animation-name:rollOut
}

@keyframes zoomIn{
  0%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  50%{
    opacity:1
  }
}

.animate__zoomIn{
  animation-name:zoomIn
}

@keyframes zoomInDown{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInDown{
  animation-name:zoomInDown
}

@keyframes zoomInLeft{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInLeft{
  animation-name:zoomInLeft
}

@keyframes zoomInRight{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInRight{
  animation-name:zoomInRight
}

@keyframes zoomInUp{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInUp{
  animation-name:zoomInUp
}

@keyframes zoomOut{
  0%{
    opacity:1
  }

  50%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  to{
    opacity:0
  }
}

.animate__zoomOut{
  animation-name:zoomOut
}

@keyframes zoomOutDown{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  to{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutDown{
  animation-name:zoomOutDown;
  transform-origin:center bottom
}

@keyframes zoomOutLeft{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to{
    opacity:0;
    transform:scale(.1) translate3d(-2000px,0,0)
  }
}

.animate__zoomOutLeft{
  animation-name:zoomOutLeft;
  transform-origin:left center
}

@keyframes zoomOutRight{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to{
    opacity:0;
    transform:scale(.1) translate3d(2000px,0,0)
  }
}

.animate__zoomOutRight{
  animation-name:zoomOutRight;
  transform-origin:right center
}

@keyframes zoomOutUp{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  to{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutUp{
  animation-name:zoomOutUp;
  transform-origin:center bottom
}

@keyframes slideInDown{
  0%{
    transform:translate3d(0,-100%,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInDown{
  animation-name:slideInDown
}

@keyframes slideInLeft{
  0%{
    transform:translate3d(-100%,0,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInLeft{
  animation-name:slideInLeft
}

@keyframes slideInRight{
  0%{
    transform:translate3d(100%,0,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInRight{
  animation-name:slideInRight
}

@keyframes slideInUp{
  0%{
    transform:translate3d(0,100%,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInUp{
  animation-name:slideInUp
}

@keyframes slideOutDown{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(0,100%,0)
  }
}

.animate__slideOutDown{
  animation-name:slideOutDown
}

@keyframes slideOutLeft{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(-100%,0,0)
  }
}

.animate__slideOutLeft{
  animation-name:slideOutLeft
}

@keyframes slideOutRight{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(100%,0,0)
  }
}

.animate__slideOutRight{
  animation-name:slideOutRight
}

@keyframes slideOutUp{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(0,-100%,0)
  }
}

.animate__slideOutUp{
  animation-name:slideOutUp
}

.snotifyToast{
  animation-fill-mode:both
}

.snotify-leftBottom .fadeIn,.snotify-leftCenter .fadeIn,.snotify-leftTop .fadeIn{
  animation-name:fadeInLeft
}

.snotify-leftBottom .fadeOut,.snotify-leftCenter .fadeOut,.snotify-leftTop .fadeOut{
  animation-name:fadeOutLeft
}

.snotify-rightBottom .fadeIn,.snotify-rightCenter .fadeIn,.snotify-rightTop .fadeIn{
  animation-name:fadeInRight
}

.snotify-rightBottom .fadeOut,.snotify-rightCenter .fadeOut,.snotify-rightTop .fadeOut{
  animation-name:fadeOutRight
}

.snotify-centerTop .fadeIn{
  animation-name:fadeInDown
}

.snotify-centerTop .fadeOut{
  animation-name:fadeOutUp
}

.snotify-centerCenter .fadeIn{
  animation-name:fadeIn
}

.snotify-centerCenter .fadeOut{
  animation-name:fadeOut
}

.snotify-centerBottom .fadeIn{
  animation-name:fadeInUp
}

.snotify-centerBottom .fadeOut{
  animation-name:fadeOutDown
}

@keyframes fadeInLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,0,0) scaleX(1.2)
  }

  to{
    opacity:1;
    transform:none
  }
}

@keyframes fadeInRight{
  0%{
    opacity:0;
    transform:translate3d(100%,0,0) scaleX(1.2)
  }

  to{
    opacity:1;
    transform:none
  }
}

@keyframes fadeInUp{
  0%{
    opacity:0;
    transform:translate3d(0,100%,0) scaleY(1.2)
  }

  to{
    opacity:1;
    transform:none
  }
}

@keyframes fadeInDown{
  0%{
    opacity:0;
    transform:translate3d(0,-100%,0) scaleY(1.2)
  }

  to{
    opacity:1;
    transform:none
  }
}

@keyframes fadeIn{
  0%{
    opacity:0
  }

  to{
    opacity:1
  }
}

@keyframes fadeOut{
  0%{
    opacity:1
  }

  to{
    opacity:0
  }
}

@keyframes fadeOutDown{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,100%,0)
  }
}

@keyframes fadeOutLeft{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(-100%,0,0)
  }
}

@keyframes fadeOutRight{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(100%,0,0)
  }
}

@keyframes fadeOutUp{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,-100%,0)
  }
}

@keyframes appear{
  0%{
    max-height:0
  }

  to{
    max-height:50vh
  }
}

@keyframes disappear{
  0%{
    opacity:0;
    max-height:50vh
  }

  to{
    opacity:0;
    max-height:0
  }
}

@keyframes async{
  0%{
    transform:translateY(-50%) rotate(0deg)
  }

  to{
    transform:translateY(-50%) rotate(1turn)
  }
}

.snotify{
  display:block;
  position:fixed;
  width:300px;
  z-index:9999;
  pointer-events:none
}

.snotify,.snotify *{
  box-sizing:border-box
}

.snotify-leftBottom,.snotify-leftCenter,.snotify-leftTop{
  left:10px
}

.snotify-rightBottom,.snotify-rightCenter,.snotify-rightTop{
  right:10px
}

.snotify-centerBottom,.snotify-centerCenter,.snotify-centerTop{
  left:calc(50% - 150px)
}

.snotify-centerTop,.snotify-leftTop,.snotify-rightTop{
  top:10px
}

.snotify-centerCenter,.snotify-leftCenter,.snotify-rightCenter{
  top:50%;
  transform:translateY(-50%)
}

.snotify-centerBottom,.snotify-leftBottom,.snotify-rightBottom{
  bottom:10px
}

.snotify-backdrop{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#000;
  opacity:0;
  z-index:9998;
  transition:opacity .3s
}

.snotifyToast{
  display:block;
  cursor:pointer;
  background-color:#fff;
  max-height:300px;
  height:100%;
  margin:5px;
  opacity:0;
  overflow:hidden;
  pointer-events:auto
}

.snotifyToast--in{
  animation-name:appear
}

.snotifyToast--out{
  animation-name:disappear
}

.snotifyToast__inner{
  display:flex;
  flex-flow:column nowrap;
  align-items:flex-start;
  justify-content:center;
  position:relative;
  padding:5px 65px 5px 15px;
  min-height:78px;
  font-size:16px;
  color:#000
}

.snotifyToast__noIcon{
  padding:5px 15px
}

.snotifyToast__progressBar{
  position:relative;
  width:100%;
  height:5px;
  background-color:#c7c7c7
}

.snotifyToast__progressBar__percentage{
  position:absolute;
  top:0;
  left:0;
  height:5px;
  background-color:#4c4c4c;
  max-width:100%
}

.snotifyToast__title{
  font-size:1.8em;
  line-height:1.2em;
  margin-bottom:5px;
  color:#000
}

.snotifyToast__body{
  font-size:1em;
  color:#000
}

.snotifyToast-show{
  transform:translate(0);
  opacity:1
}

.snotifyToast-remove{
  max-height:0;
  overflow:hidden;
  transform:translateY(50%);
  opacity:0
}

.snotify-simple{
  border-left:4px solid #000
}

.snotify-success{
  border-left:4px solid #4caf50
}

.snotify-info{
  border-left:4px solid #1e88e5
}

.snotify-warning{
  border-left:4px solid #ff9800
}

.snotify-error{
  border-left:4px solid #f44336
}

.snotify-async{
  border-left:4px solid #1e88e5
}

.snotify-confirm,.snotify-prompt{
  border-left:4px solid #009688
}

.snotify-confirm .snotifyToast__inner,.snotify-prompt .snotifyToast__inner{
  padding:10px 15px
}

.snotifyToast__input{
  position:relative;
  z-index:1;
  display:inline-block;
  margin:0;
  width:100%;
  vertical-align:top;
  transition:all .5s;
  transition-delay:.3s;
  transition-timing-function:cubic-bezier(.2,1,.3,1)
}

.snotifyToast__input__field{
  position:relative;
  display:block;
  float:right;
  padding:.85em .5em;
  width:100%;
  border:none;
  border-radius:0;
  background:transparent;
  color:#333;
  font-weight:700;
  -webkit-appearance:none;
  opacity:0;
  transition:opacity .3s
}

.snotifyToast__input__field:focus{
  outline:none
}

.snotifyToast__input__label{
  display:inline-block;
  float:right;
  padding:0 .85em;
  width:100%;
  color:#999;
  font-weight:700;
  font-size:70.25%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  position:absolute;
  left:0;
  height:100%;
  text-align:left;
  pointer-events:none
}

.snotifyToast__input__label:after,.snotifyToast__input__label:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transition:transform .3s
}

.snotifyToast__input__label:before{
  border-top:2px solid #009688;
  transform:translate3d(0,100%,0) translate3d(0,-2px,0);
  transition-delay:.3s
}

.snotifyToast__input__label:after{
  z-index:-1;
  background:#eee;
  transform:scaleY(0);
  transform-origin:50% 0
}

.snotifyToast__input__labelContent{
  position:relative;
  display:block;
  padding:1em 0;
  width:100%;
  transition:transform .3s .3s
}

.snotifyToast__input--filled{
  margin-top:2.5em
}

.snotifyToast__input--filled .snotifyToast__input__field,.snotifyToast__input--filled:focus{
  opacity:1;
  transition-delay:.3s
}

.snotifyToast__input--filled .snotifyToast__input__labelContent,.snotifyToast__input__field:focus+.snotifyToast__input__label .snotifyToast__input__labelContent{
  transform:translateY(-80%);
  transition-timing-function:cubic-bezier(.2,1,.3,1)
}

.snotifyToast__input--filled .snotifyToast__input__label:before,.snotifyToast__input__field:focus+.snotifyToast__input__label:before{
  transition-delay:0s;
  transform:translate(0)
}

.snotifyToast__input--filled .snotifyToast__input__label:after,.snotifyToast__input__field:focus+.snotifyToast__input__label:after{
  transform:scale(1);
  transition-delay:.3s;
  transition-timing-function:cubic-bezier(.2,1,.3,1)
}

.snotifyToast--invalid .snotifyToast__input__label:before{
  border-color:#f44336
}

.snotifyToast--valid .snotifyToast__input__label:before{
  border-color:#4caf50
}

.snotifyToast__buttons{
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-between;
  border-top:1px solid rgba(0,0,0,.1)
}

.snotifyToast__buttons button{
  position:relative;
  width:100%;
  border:1px solid rgba(0,0,0,.1);
  border-top:none;
  border-bottom:none;
  background:transparent;
  padding:8px;
  text-transform:capitalize;
  color:#000
}

.snotifyToast__buttons button:focus,.snotifyToast__buttons button:hover{
  background:rgba(0,0,0,.1);
  outline:none
}

.snotifyToast__buttons button:active{
  background:rgba(0,0,0,.15)
}

.snotifyToast__buttons button:last-child{
  border-right:none
}

.snotifyToast__buttons button:first-child{
  border-left:none
}

.snotifyToast__buttons--bold{
  font-weight:700
}

.snotify-icon{
  position:absolute;
  right:10px;
  top:50%;
  line-height:0;
  transform:translateY(-50%);
  max-height:48px;
  max-width:48px;
  width:100%;
  height:100%
}

.snotify-icon--error{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23f44336'%3E%3Cpath d='M437 75A256 256 0 1075 437 256 256 0 10437 75zm-20.57 341.43a226.82 226.82 0 01-320.86 0C7.11 328 7.11 184 95.57 95.57a226.82 226.82 0 01320.86 0c88.46 88.43 88.46 232.43 0 320.86z'/%3E%3Cpath d='M368.81 143.19a14.5 14.5 0 00-20.58 0L256 235.42l-92.23-92.23a14.55 14.55 0 00-20.58 20.58L235.42 256l-92.23 92.23a14.6 14.6 0 0010.24 24.89 14.19 14.19 0 0010.24-4.31l92.23-92.23 92.23 92.23a14.64 14.64 0 0010.24 4.31 14 14 0 0010.24-4.31 14.5 14.5 0 000-20.58l-92-92.23 92.23-92.23a14.5 14.5 0 00-.03-20.58z'/%3E%3C/svg%3E")
}

.snotify-icon--warning{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff9800'%3E%3Cpath d='M256 512c141.15 0 256-114.84 256-256S397.15 0 256 0 0 114.84 0 256s114.85 256 256 256zm0-480.49c123.79 0 224.49 100.71 224.49 224.49S379.79 480.49 256 480.49 31.51 379.79 31.51 256 132.21 31.51 256 31.51z'/%3E%3Ccircle cx='260.08' cy='343.87' r='26.35'/%3E%3Cpath d='M254.68 278.39a15.76 15.76 0 0015.75-15.75V128.72a15.75 15.75 0 10-31.51 0v133.91a15.76 15.76 0 0015.76 15.76z'/%3E%3C/svg%3E")
}

.snotify-icon--info{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%231e88e5'%3E%3Cpath d='M256 0C114.84 0 0 114.84 0 256s114.84 256 256 256 256-114.84 256-256S397.15 0 256 0zm0 478.43c-122.65 0-222.43-99.79-222.43-222.43S133.35 33.58 256 33.58 478.42 133.36 478.42 256 378.64 478.43 256 478.43z'/%3E%3Cpath d='M251.26 161.24a22.39 22.39 0 10-22.38-22.39 22.39 22.39 0 0022.38 22.39zM286.84 357.87h-14v-160A16.79 16.79 0 00256 181.05h-30.83a16.79 16.79 0 000 33.58h14.05v143.24h-14.05a16.79 16.79 0 000 33.57h61.67a16.79 16.79 0 100-33.57z'/%3E%3C/svg%3E")
}

.snotify-icon--success{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%234caf50'%3E%3Cpath d='M256 0C114.85 0 0 114.84 0 256s114.85 256 256 256 256-114.84 256-256S397.15 0 256 0zm0 492.31c-130.29 0-236.31-106-236.31-236.31S125.71 19.69 256 19.69 492.31 125.71 492.31 256 386.29 492.31 256 492.31z'/%3E%3Cpath class='cls-1' d='M376.64 151L225.31 321.24l-91.17-72.93a9.85 9.85 0 00-12.3 15.38l98.46 78.77a9.86 9.86 0 0013.52-1.15l157.54-177.23A9.85 9.85 0 00376.64 151z'/%3E%3C/svg%3E")
}

.snotify-icon--async{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%231e88e5'%3E%3Cpath d='M256 0a32 32 0 00-32 32v64a32 32 0 0064 0V32a32 32 0 00-32-32zm0 384a32 32 0 00-32 32v64a32 32 0 0064 0v-64a32 32 0 00-32-32zm135.74-218.5L437 120.22A32 32 0 00391.74 75l-45.24 45.22a32 32 0 0045.25 45.28zm-271.52 181L75 391.74A32 32 0 00120.22 437l45.25-45.25a32 32 0 00-45.25-45.25zm0-271.52A32 32 0 1075 120.22l45.25 45.28a32 32 0 1045.25-45.28zM391.74 346.5a32 32 0 00-45.25 45.25L391.74 437A32 32 0 00437 391.74zM480 224h-64a32 32 0 000 64h64a32 32 0 000-64zm-352 32a32 32 0 00-32-32H32a32 32 0 000 64h64a32 32 0 0032-32z'/%3E%3C/svg%3E");
  animation:async 3s linear infinite;
  transform-origin:50% 50%
}

body{
  --tw-text-opacity:1;
  color:rgba(25, 25, 25, var(--tw-text-opacity));
  font-family:Montserrat
}

.ibm{
  font-family:IBM Plex Sans,sans-serif
}

.svg_anim{
  flex-shrink:0;
  fill:#222;
  stroke:#222;
  stroke-width:2px
}

.animatable{
  transition:stroke-dashoffset 1s ease,fill .3s ease .6s
}

.shown{
  transform:none;
  opacity:1
}

.hidden2{
  opacity:0
}

.anim_text_cont{
  position:relative
}

.anim_text{
  animation:up .6s ease forwards;
  opacity:0
}

.ad1{
  animation-delay:1s
}

.ad3{
  animation-delay:2s
}

.ad4{
  animation-delay:2.5s
}

.ad5{
  animation-delay:2.8s
}

.ad6{
  animation-delay:3.1s
}

@keyframes up{
  to{
    transform:translateY(0);
    opacity:1
  }
}

@keyframes draw{
  to{
    width:100%
  }
}

[data-aos=fade-right]{
  transform:translate3d(-100px,0,0)
}

[data-aos=fade-up]{
  transform:translate3d(0,100px,0)
}

[data-aos=fade-down]{
  transform:translate3d(0,-100px,0)
}

[data-aos=fade-left]{
  transform:translate3d(100px,0,0)
}

[data-aos^=fade][data-aos^=fade].aos-animate{
  transform:translateZ(0);
  opacity:1
}

[data-aos^=fade][data-aos^=fade]{
  transition-property:opacity,transform;
  opacity:0
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{
  transition-timing-function:cubic-bezier(.175,.885,.32,1.275)
}

.bg_pink{
  background:linear-gradient(90.05deg,rgba(255,53,101,.7) 1.86%,rgba(255,53,150,.7) 99.96%,rgba(255,53,150,.7) 0)
}

.snotify-success{
  --tw-border-opacity:1;
  border-color:rgba(244, 63, 94, var(--tw-border-opacity))
}

.snotify-icon.snotify-icon--success{
  display:none !important
}

.snotifyToast__inner{
  min-height:51px!important;
  padding:5px 65px 5px 20px!important
}

.svg_container svg{
  height:100%;
  width:100%
}

@media (min-width: 640px){
  .sm\:mb-0{
    margin-bottom:0 !important;
  }

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

  .sm\:py-3{
    padding-top:0.75rem !important;
    padding-bottom:0.75rem !important;
  }

  .sm\:text-base{
    font-size:1rem !important;
  }
}

@media (min-width: 768px){
  .md\:min-h-screen{
    min-height:100vh !important;
  }

  .md\:w-2\/12{
    width:16.666667% !important;
  }

  .md\:flex-row{
    flex-direction:row !important;
  }

  .md\:px-20{
    padding-left:5rem !important;
    padding-right:5rem !important;
  }

  .md\:text-3xl{
    font-size:1.875rem !important;
  }
}

@media (min-width: 1024px){
  .lg\:mx-2{
    margin-left:0.5rem !important;
    margin-right:0.5rem !important;
  }

  .lg\:-mx-2{
    margin-left:-0.5rem !important;
    margin-right:-0.5rem !important;
  }

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

  .lg\:mt-0{
    margin-top:0 !important;
  }

  .lg\:mt-40{
    margin-top:10rem !important;
  }

  .lg\:mr-10{
    margin-right:2.5rem !important;
  }

  .lg\:mb-0{
    margin-bottom:0 !important;
  }

  .lg\:-mb-48{
    margin-bottom:-12rem !important;
  }

  .lg\:ml-0{
    margin-left:0 !important;
  }

  .lg\:block{
    display:block !important;
  }

  .lg\:flex{
    display:flex !important;
  }

  .lg\:h-auto{
    height:auto !important;
  }

  .lg\:w-48{
    width:12rem !important;
  }

  .lg\:w-auto{
    width:auto !important;
  }

  .lg\:w-1\/2{
    width:50% !important;
  }

  .lg\:w-2\/12{
    width:16.666667% !important;
  }

  .lg\:w-6\/12{
    width:50% !important;
  }

  .lg\:max-w-full{
    max-width:100% !important;
  }

  .lg\:flex-row{
    flex-direction:row !important;
  }

  .lg\:items-center{
    align-items:center !important;
  }

  .lg\:justify-between{
    justify-content:space-between !important;
  }

  .lg\:whitespace-pre-line{
    white-space:pre-line !important;
  }

  .lg\:rounded-t-none{
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
  }

  .lg\:rounded-b-none{
    border-bottom-right-radius:0 !important;
    border-bottom-left-radius:0 !important;
  }

  .lg\:border-t{
    border-top-width:1px !important;
  }

  .lg\:border-r{
    border-right-width:1px !important;
  }

  .lg\:border-l-0{
    border-left-width:0 !important;
  }

  .lg\:border-none{
    border-style:none !important;
  }

  .lg\:border-gray-400{
    --tw-border-opacity:1 !important;
    border-color:rgba(138, 138, 138, var(--tw-border-opacity)) !important;
  }

  .lg\:px-14{
    padding-left:3.5rem !important;
    padding-right:3.5rem !important;
  }

  .lg\:px-56{
    padding-left:14rem !important;
    padding-right:14rem !important;
  }

  .lg\:pt-0{
    padding-top:0 !important;
  }

  .lg\:pt-24{
    padding-top:6rem !important;
  }

  .lg\:pl-10{
    padding-left:2.5rem !important;
  }

  .lg\:text-left{
    text-align:left !important;
  }
}

@media (min-width: 1280px){
  .xl\:w-1\/12{
    width:8.333333% !important;
  }
}
/*purgecss start ignore*/
.switch[data-v-178ca040]{
  position:relative;
  display:inline-block;
  width:60px;
  height:28px
}
.switch input[data-v-178ca040]{
  opacity:0;
  width:0;
  height:0
}
.slider[data-v-178ca040]{
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc
}
.slider[data-v-178ca040],.slider[data-v-178ca040]:before{
  position:absolute;
  transition:.4s
}
.slider[data-v-178ca040]:before{
  content:"";
  height:20px;
  width:20px;
  left:4px;
  bottom:4px;
  background-color:#fff
}
input:checked+.slider[data-v-178ca040]{
  --tw-bg-opacity:1;
  background-color:rgba(244, 63, 94, var(--tw-bg-opacity))
}
input:checked+.slider[data-v-178ca040]:before{
  transform:translateX(29px)
}
.slider.round[data-v-178ca040]{
  border-radius:34px
}
.slider.round[data-v-178ca040]:before{
  border-radius:50%
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.site-branding img[data-v-64138d5a]{
  max-width:200px
}
.header .menu_item[data-v-64138d5a]{
  margin-left:2.5rem;
  font-size:0.875rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.1em;
  --tw-text-opacity:1;
  color:rgba(138, 138, 138, var(--tw-text-opacity))
}
.header nav a.router-link-exact-active[data-v-64138d5a]{
  border-bottom:2px solid
}
.hamburger[data-v-64138d5a]{
  z-index:999;
  padding:15px;
  cursor:pointer;
  transition-property:opacity,filter;
  transition-duration:.15s;
  transition-timing-function:linear;
  font:inherit;
  color:inherit;
  text-transform:none;
  background-color:transparent;
  border:0;
  margin:0;
  overflow:visible
}
.hamburger-box[data-v-64138d5a]{
  width:45px;
  height:24px;
  display:inline-block;
  position:relative
}
.hamburger--spin .hamburger-inner[data-v-64138d5a]:after{
  transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger-inner[data-v-64138d5a]:after{
  bottom:-10px
}
.hamburger-inner[data-v-64138d5a]:after,.hamburger-inner[data-v-64138d5a]:before{
  content:"";
  display:block
}
.hamburger--spin .hamburger-inner[data-v-64138d5a]:before{
  transition:top .1s ease-in .25s,opacity .1s ease-in
}
.hamburger-inner[data-v-64138d5a]:before{
  top:-10px
}
.hamburger--spin .hamburger-inner[data-v-64138d5a]{
  transition-duration:.22s;
  transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger-inner[data-v-64138d5a]{
  width:45px
}
.hamburger-inner[data-v-64138d5a],.hamburger-inner[data-v-64138d5a]:after,.hamburger-inner[data-v-64138d5a]:before{
  width:45px;
  height:2px
}
.hamburger-inner[data-v-64138d5a], .hamburger-inner[data-v-64138d5a]:after, .hamburger-inner[data-v-64138d5a]:before{
  --tw-bg-opacity:1;
  background-color:rgba(230, 111, 129, var(--tw-bg-opacity))
}
.hamburger-inner[data-v-64138d5a],.hamburger-inner[data-v-64138d5a]:after,.hamburger-inner[data-v-64138d5a]:before{
  border-radius:4px;
  position:absolute;
  transition-property:transform;
  transition-duration:.15s;
  transition-timing-function:ease
}
.hamburger-inner[data-v-64138d5a]{
  display:block;
  top:50%;
  margin-top:-2px
}
.hamburger--spin.is-active .hamburger-inner[data-v-64138d5a]:after{
  bottom:0;
  transform:rotate(-90deg);
  transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.hamburger--spin.is-active .hamburger-inner[data-v-64138d5a]:before{
  top:0;
  opacity:0;
  transition:top .1s ease-out,opacity .1s ease-out .12s
}
.hamburger--spin.is-active .hamburger-inner[data-v-64138d5a]{
  transform:rotate(225deg);
  transition-delay:.12s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger.is-active .hamburger-inner[data-v-64138d5a], .hamburger.is-active .hamburger-inner[data-v-64138d5a]:after, .hamburger.is-active .hamburger-inner[data-v-64138d5a]:before{
  --tw-bg-opacity:1;
  background-color:rgba(230, 111, 129, var(--tw-bg-opacity))
}
.is-active .hamburger-inner[data-v-64138d5a]{
  width:45px
}
nav ul.is-active[data-v-64138d5a]{
  display:flex!important
}
@media screen and (max-width:992px){
.header nav ul[data-v-64138d5a]{
    background:#fff;
    height:100vh;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    transition:all .2s;
    position:absolute;
    left:0;
    top:0;
    right:0;
    padding:80px 25px
}
.header nav ul a[data-v-64138d5a]{
    color:#000;
    position:relative;
    z-index:1;
    font-size:25px;
    margin:25px 0;
    display:inline-block;
    font-weight:100
}
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.wow{
  visibility:hidden
}
html{
  scroll-behavior:smooth
}
a,button{
  outline:0!important
}
.cookie__floating{
  max-width:400px;
  -ms-overflow-style:none;
  position:fixed;
  overflow:hidden;
  box-sizing:border-box;
  z-index:9999;
  width:90%;
  background:#fff;
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  box-shadow:0 4px 8px hsla(0,0%,77.6%,.3);
  border:1px solid #efefef;
  border-radius:6px;
  bottom:10px;
  left:0;
  right:0;
  margin:0 auto
}
.cookie__floating--bottom-left{
  bottom:20px;
  left:20px;
  right:auto;
  margin:0
}
.cookie__floating{
  font-size:1rem;
  line-height:1.5
}
.cookie__floating__content{
  margin-bottom:10px;
  font-size:.95rem;
  margin-bottom:5px;
  padding:15px 20px
}
.cookie__floating__buttons{
  transition:all .2s ease;
  display:flex;
  flex-direction:row;
  height:auto;
  width:100%
}
.cookie__floating__buttons__button{
  --tw-bg-opacity:1;
  background-color:rgba(230, 111, 129, var(--tw-bg-opacity));
  margin-left:20px;
  margin-bottom:15px;
  padding:3px 15px;
  color:#fff;
  border-radius:5px
}
.cookie__floating__buttons__button--decline{
  background:none;
  color:#000;
  padding-left:0
}
.formulate-input .formulate-file-upload-error,.formulate-input .formulate-input-error{
  color:#960505;
  font-size:.8em;
  font-weight:300;
  line-height:1.5;
  margin-bottom:.25em
}
.formulate-input[data-classification=text] input{
  -webkit-appearance:none;
  appearance:none;
  border-radius:.3em;
  border:1px solid #cecece;
  box-sizing:border-box;
  background-color:transparent;
  font-size:.9em;
  padding:.75em;
  display:block;
  width:100%;
  font-weight:400;
  line-height:1.2em;
  margin:0
}
.formulate-input .formulate-input-label{
  display:block;
  line-height:1.5;
  font-size:.9em;
  font-weight:600;
  margin-bottom:.1em
}
.formulate-input[data-classification=textarea] textarea{
  -webkit-appearance:none;
  appearance:none;
  border-radius:.3em;
  border:1px solid #cecece;
  box-sizing:border-box;
  background-color:transparent;
  font-size:.9em;
  padding:.75em;
  display:block;
  width:100%;
  font-weight:400;
  line-height:1.2em;
  margin:0
}
.formulate-input{
  margin-bottom:1.5em
}
.formulate-input[data-classification=file] .formulate-input-upload-area input{
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  opacity:0;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  width:100%;
  height:100%;
  z-index:5
}
.formulate-input[data-classification=file] .formulate-input-upload-area-mask:before{
  content:"";
  background-color:#a8a8a8;
  -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M29,58A29,29,0,1,0,0,29,29,29,0,0,0,29,58ZM29,4A25,25,0,1,1,4,29,25,25,0,0,1,29,4Z"/><polygon points="27 22 27 44.4 31 44.4 31 22 41.7 31.1 44.3 28.1 29 15 13.7 28.1 16.3 31.1 27 22"/></svg>');
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M29,58A29,29,0,1,0,0,29,29,29,0,0,0,29,58ZM29,4A25,25,0,1,1,4,29,25,25,0,0,1,29,4Z"/><polygon points="27 22 27 44.4 31 44.4 31 22 41.7 31.1 44.3 28.1 29 15 13.7 28.1 16.3 31.1 27 22"/></svg>');
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  width:2em;
  height:2em;
  position:absolute;
  pointer-events:none
}
.formulate-input[data-classification=file] .formulate-input-upload-area-mask{
  border-radius:.4em;
  position:absolute;
  pointer-events:none;
  display:flex;
  justify-content:center;
  align-items:center;
  left:0;
  right:0;
  top:0;
  bottom:0;
  border:2px dashed #a8a8a8;
  z-index:2
}
.formulate-input[data-classification=file] .formulate-input-upload-area{
  width:100%;
  position:relative;
  padding:2em 0
}
.formulate-input[data-classification=file] .formulate-files .formulate-file{
  -webkit-appearance:none;
  appearance:none;
  border-radius:.3em;
  border:1px solid #cecece;
  box-sizing:border-box;
  background-color:transparent;
  font-size:.9em;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  padding:.75em;
  display:block;
  font-weight:400;
  line-height:1.2em;
  margin:0;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative
}
.formulate-input[data-classification=file] .formulate-files{
  margin:0;
  padding:0
}
.formulate-input[data-classification=file] .formulate-input-upload-area[data-has-files]{
  padding:0
}
.formulate-input .formulate-input-element{
  max-width:20em;
  margin-bottom:.1em
}
.formulate-input[data-classification=file] .formulate-files li{
  display:block
}
.formulate-input[data-classification=file] .formulate-files{
  list-style-type:none
}
.formulate-input[data-classification=file] .formulate-files .formulate-file-name{
  padding-left:1.5em;
  padding-right:2em;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-right:auto
}
.formulate-input[data-classification=file] .formulate-files .formulate-file-name:before{
  position:absolute;
  left:.7em;
  top:50%;
  margin-top:-.7em;
  background-color:#a8a8a8;
  content:"";
  -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.06 83.59"><path d="M55.94,83.59a8.16,8.16,0,0,0,8.12-8.16V19.12a1.77,1.77,0,0,0-.52-1.25L46.21.59A1.69,1.69,0,0,0,45.14.08L44.69,0l-.18,0H8.13A8.18,8.18,0,0,0,0,8.16V75.41a8.16,8.16,0,0,0,8.13,8.16H55.94ZM46.68,6,58.11,17.38H46.68ZM3.52,75.43V8.16A4.64,4.64,0,0,1,8.13,3.52h35V19.16a1.75,1.75,0,0,0,1.76,1.74H60.55V75.43a4.65,4.65,0,0,1-4.61,4.65H8.13A4.65,4.65,0,0,1,3.52,75.43Z"/></svg>');
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.06 83.59"><path d="M55.94,83.59a8.16,8.16,0,0,0,8.12-8.16V19.12a1.77,1.77,0,0,0-.52-1.25L46.21.59A1.69,1.69,0,0,0,45.14.08L44.69,0l-.18,0H8.13A8.18,8.18,0,0,0,0,8.16V75.41a8.16,8.16,0,0,0,8.13,8.16H55.94ZM46.68,6,58.11,17.38H46.68ZM3.52,75.43V8.16A4.64,4.64,0,0,1,8.13,3.52h35V19.16a1.75,1.75,0,0,0,1.76,1.74H60.55V75.43a4.65,4.65,0,0,1-4.61,4.65H8.13A4.65,4.65,0,0,1,3.52,75.43Z"/></svg>');
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  width:1.25em;
  height:1.25em;
  display:inline-block;
  margin-right:.5em
}
.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview{
  width:3em;
  height:3em;
  flex:0 0 3em;
  position:relative;
  z-index:2;
  left:-1px;
  box-shadow:0 0 0 1px #efefef;
  transition:transform .25s,box-shadow .25s,background-color .25s
}
.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview img{
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  right:0;
  bottom:0;
  top:0;
  -o-object-fit:contain;
  object-fit:contain;
  transition:all .25s
}
.formulate-input[data-classification=file] .formulate-files .formulate-file-remove{
  width:1.25em;
  height:1.25em;
  border-radius:1em;
  border:1px solid #a8a8a8;
  background-color:#a8a8a8;
  -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
  -webkit-mask-size:.6em;
  mask-size:.6em;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  cursor:pointer;
  position:absolute;
  right:.75em;
  z-index:1;
  transition:transform .25s
}
.formulate-input[data-classification=file] .formulate-files .formulate-file-remove:hover{
  transform:scale(1.5)
}
.formulate-input[data-classification=file] .formulate-input-upload-area input:focus~.formulate-input-upload-area-mask, .formulate-input[data-classification=file] .formulate-input-upload-area input:focus~.formulate-input-upload-area-mask:before, .formulate-input[data-classification=file] .formulate-input-upload-area input:hover~.formulate-input-upload-area-mask, .formulate-input[data-classification=file] .formulate-input-upload-area input:hover~.formulate-input-upload-area-mask:before, .formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover]~.formulate-input-upload-area-mask, .formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover]~.formulate-input-upload-area-mask:before{
  --tw-border-opacity:1;
  border-color:rgba(230, 111, 129, var(--tw-border-opacity))
}
.loader_form{
  display:block;
  width:16px;
  height:16px;
  border-color:transparent #fff #fff transparent;
  border-style:solid;
  border-width:2px;
  border-radius:16px;
  -webkit-backface-visibility:none;
  backface-visibility:none;
  transform:rotate(0deg);
  animation:spin-data-v-66b15fca .5s linear infinite;
  margin-left:.5em
}
.formulate-input[data-classification=button] button[disabled]{
  background-color:#cecece;
  border-color:#cecece
}
@keyframes spin-data-v-66b15fca{
0%{
    transform:rotate(0deg)
}
to{
    transform:rotate(1turn)
}
}
.formulate-input[data-classification=button] button{
  cursor:pointer;
  display:inline-flex;
  align-items:center
}
.formulate-input[data-type=image] .formulate-files .formulate-file-name:before{
  display:none!important
}

/*purgecss end ignore*/