/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

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

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

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

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */

[type="search"]::-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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

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

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

/**
 * 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: #e2e8f0; /* 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 {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

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: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

body{
  font-family: proxima-soft, sans-serif;
  -webkit-font-smoothing:antialiased;
  color:#080421
}

body.modal-shown{
  overflow:hidden
}

@media(max-width: 1024px){
  ::-webkit-scrollbar{
    -webkit-appearance:none;
    width:7px
  }

  ::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.33);
    -webkit-box-shadow:0 0 1px hsla(0,0%,100%,.33)
  }
}

h1{
  font-size: 26px
}

input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, 1);
  border-color: rgba(226, 232, 240, var(--border-opacity));
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.5
}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus{
  outline:none;
  box-shadow:0 1px 3px 0 #cfd7df
}

input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder{
  color:#cfd7df;
  opacity:1
}

input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,textarea::placeholder{
  color:#cfd7df;
  opacity:1
}

input[type=text].copyable,input[type=email].copyable,input[type=password].copyable,input[type=number].copyable,input[type=tel].copyable,textarea.copyable{
  --bg-opacity: 1;
  background-color: #F5F9FF;
  background-color: rgba(245, 249, 255, 1);
  background-color: rgba(245, 249, 255, var(--bg-opacity));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

input[type=text].copyable:focus,input[type=email].copyable:focus,input[type=password].copyable:focus,input[type=number].copyable:focus,input[type=tel].copyable:focus,textarea.copyable:focus{
  box-shadow:none
}

input[type=text].readonly,input[type=email].readonly,input[type=password].readonly,input[type=number].readonly,input[type=tel].readonly,textarea.readonly{
  --bg-opacity: 1;
  background-color: #F5F9FF;
  background-color: rgba(245, 249, 255, 1);
  background-color: rgba(245, 249, 255, var(--bg-opacity));
  pointer-events:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

@media(min-width: 1024px){
  input[type=text].button-connected,input[type=email].button-connected,input[type=password].button-connected,input[type=number].button-connected,input[type=tel].button-connected,textarea.button-connected{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
}

select{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, 1);
  border-color: rgba(226, 232, 240, var(--border-opacity));
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.5;
  position: relative;
  background-image:linear-gradient(45deg, transparent 50%, #e2e8f0 50%),linear-gradient(135deg, #e2e8f0 50%, transparent 50%),linear-gradient(to right, #fff, #fff);
  background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;
  background-size:5px 5px,5px 5px,2.5em 2.5em;
  background-repeat:no-repeat
}

select:focus{
  outline:none;
  box-shadow:0 1px 3px 0 #cfd7df
}

input.is-invalid,select.is-invalid{
  --border-opacity: 1;
  border-color: #c53030;
  border-color: rgba(197, 48, 48, 1);
  border-color: rgba(197, 48, 48, var(--border-opacity))
}

.text-area-input{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, 1);
  border-color: rgba(226, 232, 240, var(--border-opacity));
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.5;
  font-family:inherit !important;
  font-size:100% !important;
  line-height:1.15 !important
}

.text-area-input:focus{
  outline:none;
  box-shadow:0 1px 3px 0 #cfd7df
}

.text-area-input::-moz-placeholder{
  color:#cfd7df;
  opacity:1
}

.text-area-input::placeholder{
  color:#cfd7df;
  opacity:1
}

.text-area-input.copyable{
  --bg-opacity: 1;
  background-color: #F5F9FF;
  background-color: rgba(245, 249, 255, 1);
  background-color: rgba(245, 249, 255, var(--bg-opacity));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.text-area-input.copyable:focus{
  box-shadow:none
}

.text-area-input.readonly{
  --bg-opacity: 1;
  background-color: #F5F9FF;
  background-color: rgba(245, 249, 255, 1);
  background-color: rgba(245, 249, 255, var(--bg-opacity));
  pointer-events:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.bg-core-primary-gradient{
  background:linear-gradient(90deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%) !important
}

@media(max-width: 767px){
  .bg-max-md-core-primary-gradient{
    background:linear-gradient(90deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%) !important
  }
}

.bg-core-primary-gradient-rev{
  background:linear-gradient(-90deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%)
}

.bg-wg-purple-50{
  background:linear-gradient(90deg, rgba(144, 85, 226, 0.1) 0.95%, rgba(118, 96, 226, 0.1) 100%)
}

.bg-wg-blue-gradient{
  background:linear-gradient(90deg, rgb(18, 179, 249) 0%, rgb(126, 127, 249) 96.04%)
}

.bg-wg-orange-gradient{
  background:linear-gradient(90deg, rgb(250, 139, 128) 0%, rgb(254, 207, 146) 96.04%)
}

.bg-wg-purple-gradient{
  background:linear-gradient(90deg, rgb(144, 85, 226) 0.12%, rgb(118, 96, 226) 100%)
}

.bg-wg-purple-gradient-tilted{
  background:linear-gradient(-60deg, rgb(144, 85, 226) 0.12%, rgb(118, 96, 226) 100%)
}

.bg-wg-blue-gradient-rev{
  background:linear-gradient(-90deg, rgb(18, 179, 249) 0%, rgb(126, 127, 249) 96.04%)
}

.bg-wg-primary-gradient{
  background:linear-gradient(60deg, rgb(144, 85, 226) 0.95%, rgb(118, 96, 226) 100%) !important
}

.bg-wg-primary-gradient-rev{
  background:linear-gradient(-60deg, rgb(144, 85, 226) 0.95%, rgb(118, 96, 226) 100%)
}

.primary-border{
  border-color:linear-gradient(-90deg, rgb(18, 179, 249) 0%, rgb(126, 127, 249) 96.04%)
}

.bg-white-semitransparent{
  background:hsla(0,0%,100%,.9)
}

.top-70{
  top:70px
}

.z-150{
  z-index:150
}

.bg-primary-gradient-reverse-on-hover{
  transition:all .5s ease;
  transition-property:box-shadow,background;
  background:linear-gradient(90deg, rgb(144, 85, 226) 0.12%, rgb(118, 96, 226) 100%);
  background-size:200% 100%
}

.bg-primary-gradient-reverse-on-hover.core{
  background:linear-gradient(90deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%);
  background-size:200% 100%
}

.bg-primary-gradient-reverse-on-hover:hover{
  background-position:100%
}

.outline-green{
  box-shadow:0 0 0 5px #00ba93
}

.border-shadow-3{
  box-shadow:0 0 0 3px #9f7aea
}

.border-shadow-3.core{
  box-shadow:0 0 0 3px #319795
}

.border-shadow-gray{
  box-shadow:0 0 0 1px #a0aec0
}

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

.children-paragraph-padding p{
  padding-bottom:1rem
}

.btn{
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #080421;
  background-color: rgba(8, 4, 33, 1);
  background-color: rgba(8, 4, 33, var(--bg-opacity));
  cursor: pointer;
  white-space: nowrap;
  background-clip:padding-box
}

.btn-square{
  border-radius: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #080421;
  background-color: rgba(8, 4, 33, 1);
  background-color: rgba(8, 4, 33, var(--bg-opacity));
  cursor: pointer;
  background-clip:padding-box
}

.btn-primary{
  border-width: 3px;
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, 1);
  border-color: rgba(66, 153, 225, var(--border-opacity));
  font-weight: 600
}

.btn-primary.btn-core{
  border-color:#38a1f9
}

.btn-primary.btn-outline{
  background:none;
  color:#000
}

.btn-primary.btn-outline:hover{
  color:#fff
}

.btn-primary.no-fill{
  background:none;
  border-color:#fff
}

.btn-primary.transparent{
  background:rgba(8,4,33,.6) !important
}

.btn-primary.colorful{
  background:linear-gradient(90deg, rgb(24, 176, 249) 0%, rgb(126, 127, 249) 96.04%) !important
}

.btn-primary.colorful-core{
  background:linear-gradient(60deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%) !important
}

.btn-primary.disabled,.btn-primary:disabled{
  opacity: 0.25;
  cursor: not-allowed
}

.overlay-transparent{
  background:rgba(8,4,33,.6) !important
}

.overlay-transparent.border-top{
  border-top-width: 3px;
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, 1);
  border-color: rgba(66, 153, 225, var(--border-opacity))
}

.btn:hover{
  --bg-opacity: 1;
  background-color: #2b6cb0;
  background-color: rgba(43, 108, 176, 1);
  background-color: rgba(43, 108, 176, var(--bg-opacity));
  filter:brightness(90%)
}

.btn:hover.disabled,.btn:hover:disabled{
  --bg-opacity: 1;
  background-color: #080421;
  background-color: rgba(8, 4, 33, 1);
  background-color: rgba(8, 4, 33, var(--bg-opacity));
  filter:none
}

.btn-outline.btn-dark-hover:hover{
  filter:brightness(100%)
}

.group:hover .btn.btn-primary{
  --bg-opacity: 1;
  background-color: #2b6cb0;
  background-color: rgba(43, 108, 176, 1);
  background-color: rgba(43, 108, 176, var(--bg-opacity));
  filter:brightness(90%)
}

.btn-gray{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, 1);
  background-color: rgba(45, 55, 72, var(--bg-opacity));
  font-size: 14px;
  font-weight: 700
}

.btn-gray.selected{
  --bg-opacity: 1;
  background-color: #2b6cb0;
  background-color: rgba(43, 108, 176, 1);
  background-color: rgba(43, 108, 176, var(--bg-opacity));
  filter:brightness(90%)
}

.btn-danger{
  --bg-opacity: 1;
  background-color: #fc8181;
  background-color: rgba(252, 129, 129, 1);
  background-color: rgba(252, 129, 129, var(--bg-opacity))
}

.btn-danger:hover{
  --bg-opacity: 1;
  background-color: #fc8181;
  background-color: rgba(252, 129, 129, 1);
  background-color: rgba(252, 129, 129, var(--bg-opacity));
  filter:brightness(95%)
}

.btn-black{
  --bg-opacity: 1;
  background-color: #080421;
  background-color: rgba(8, 4, 33, 1);
  background-color: rgba(8, 4, 33, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  font-weight: 500
}

.btn-white-outline{
  background-color: transparent;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  border-width: 3px;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, var(--border-opacity));
  font-weight: 500
}

.btn-white-outline.semi-transparent{
  background:rgba(0,0,0,.4)
}

.btn-white-outline.disabled,.btn-white-outline:disabled{
  cursor: not-allowed;
  opacity: 0.25
}

.btn-white-outline:hover{
  --text-opacity: 1;
  color: #080421;
  color: rgba(8, 4, 33, 1);
  color: rgba(8, 4, 33, var(--text-opacity));
  background:#fff !important;
  filter:brightness(100%)
}

.btn-white-outline:hover.disabled{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color:rgba(0,0,0,0) !important;
  filter:brightness(100%)
}

.btn-white{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity: 1;
  color: #080421;
  color: rgba(8, 4, 33, 1);
  color: rgba(8, 4, 33, var(--text-opacity))
}

.btn-white.semi-transparent{
  background:hsla(0,0%,100%,.9)
}

.btn-box-white{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity: 1;
  color: #080421;
  color: rgba(8, 4, 33, 1);
  color: rgba(8, 4, 33, var(--text-opacity))
}

.btn-box-white:hover{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  filter:brightness(95%)
}

.btn-plan{
  margin: 0;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  width:200px;
  font-size: 16px;
  text-align: center
}

.btn-plan.disabled,.btn-plan:disabled{
  cursor: not-allowed;
  opacity: 0.25
}

.btn-plan.disabled:hover,.btn-plan:disabled:hover{
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, 1);
  background-color: rgba(45, 55, 72, var(--bg-opacity))
}

.btn-colorful{
  border:0;
  background:linear-gradient(90deg, rgb(24, 176, 249) 0%, rgb(126, 127, 249) 96.04%);
  border-radius:3px;
  width:100%;
  margin:0 auto;
  opacity:1;
  cursor: pointer;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: center;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity))
}

.btn-colorful.core{
  background:linear-gradient(60deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%) !important
}

.btn-colorful.selected{
  background:#48bb78 !important
}

.btn-colorful.deselect{
  background:#e53e3e !important
}

.theme-item-border{
  border-color:#e2e8f0
}

.theme-item-border.selected{
  border-color:#48bb78 !important
}

.hover-darken:hover{
  filter:brightness(95%)
}

.rounded-xl-top-only{
  border-radius:12px 12px 0 0
}

.top-lozenge{
  position:absolute;
  left:50%;
  top:-12px;
  transform:translate(-50%, -50%);
  padding:2px 15px 4px 15px;
  border-radius:8.5px 8.5px 0 0
}

.bg-purple-absolute{
  position: absolute;
  width: 100vw;
  background:linear-gradient(60deg, rgb(144, 85, 226) 0.95%, rgb(118, 96, 226) 100%)
}

.content-wrapper{
  width: 100vw;
  position: relative;
  padding-top:75px;
  padding-bottom:75px
}

@media(min-width: 1024px){
  .content-wrapper{
    padding-top:150px;
    padding-bottom:150px
  }
}

.dashboard-item-wrapper{
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.dashboard-item{
  border-radius: 0.5rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.25rem
}

.dashboard-item-has-addon .dashboard-item{
  margin-bottom: 0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.dashboard-item-has-addon .dashboard-item-addon{
  margin-bottom: 1.25rem;
  border-radius: 0.5rem;
  --bg-opacity: 1;
  background-color: #48bb78;
  background-color: rgba(72, 187, 120, 1);
  background-color: rgba(72, 187, 120, var(--bg-opacity));
  border-top-left-radius:0;
  border-top-right-radius:0
}

.invoice-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height:80px;
  margin-bottom: 1.25rem
}

.order-status{
  display: inline-block;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-width: 1px;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase
}

.order-status-confirmed{
  --border-opacity: 1;
  border-color: #48bb78;
  border-color: rgba(72, 187, 120, 1);
  border-color: rgba(72, 187, 120, var(--border-opacity));
  --text-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, 1);
  color: rgba(72, 187, 120, var(--text-opacity))
}

.order-status-cancelled{
  --border-opacity: 1;
  border-color: #f56565;
  border-color: rgba(245, 101, 101, 1);
  border-color: rgba(245, 101, 101, var(--border-opacity));
  --text-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, 1);
  color: rgba(245, 101, 101, var(--text-opacity))
}

.order-status-awaiting-payment{
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, 1);
  border-color: rgba(160, 174, 192, var(--border-opacity));
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, 1);
  color: rgba(160, 174, 192, var(--text-opacity))
}

.order-status-paid{
  --border-opacity: 1;
  border-color: #48bb78;
  border-color: rgba(72, 187, 120, 1);
  border-color: rgba(72, 187, 120, var(--border-opacity));
  --text-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, 1);
  color: rgba(72, 187, 120, var(--text-opacity))
}

.order-status-upcoming{
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, 1);
  border-color: rgba(160, 174, 192, var(--border-opacity));
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, 1);
  color: rgba(160, 174, 192, var(--text-opacity))
}

.orders-type{
  background-color: transparent;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  border-width: 2px;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, var(--border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.orders-type-selected{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity: 1;
  color: #080421;
  color: rgba(8, 4, 33, 1);
  color: rgba(8, 4, 33, var(--text-opacity))
}

.orders-type-upcoming{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.orders-type-previous{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.pager-item{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem
}

.overlay{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background:linear-gradient(60deg, rgb(144, 85, 226) 0.95%, rgb(118, 96, 226) 100%);
  z-index:1001;
  background-color:rgba(0,0,0,.75);
  opacity:0;
  pointer-events:none;
  transition:opacity .5s;
  will-change:opacity
}

.overlay.active{
  opacity:1;
  pointer-events:auto
}

.overlay .iframe{
  max-height:100%;
  padding:0
}

.overlay.core{
  background:linear-gradient(90deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%)
}

.container-lg{
  margin:0 auto;
  max-width:1040px;
  width:100%
}

.modal{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:1001;
  background-color:rgba(0,0,0,.75)
}

.modal:not(.no-animation) .modal-body{
  transition:opacity .5s,visibility .5s
}

.modal.no-animation{
  transition:none
}

.modal{
  opacity:0;
  visibility:hidden
}

.modal.active{
  visibility:visible;
  opacity:1
}

.modal.active .modal-body{
  visibility:visible;
  opacity:1
}

.modal .fixed-btn{
  width:100%
}

@media(min-width: 1024px){
  .modal .fixed-btn{
    width:800px
  }
}

.modal .modal-body{
  width:500px;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  opacity:0;
  visibility:hidden;
  position:relative
}

.modal .modal-body.theme{
  width:100%
}

@media(min-width: 1024px){
  .modal .modal-body.theme{
    width:800px
  }
}

.modal .modal-body.theme .modal-content{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0;
  padding-top: 0
}

.modal .modal-body.location{
  width:auto
}

.modal .modal-body.location.no-results{
  max-width:600px
}

@media(min-width: 1024px){
  .modal .modal-body.location.no-results .p-tag{
    width:500px
  }
}

.modal .modal-body.inputs{
  width:600px
}

.modal .modal-body .close-modal{
  position:absolute;
  top:0px;
  right:0px;
  margin-top:10px;
  margin-right:10px;
  opacity:.6
}

.modal .modal-body .close-modal:hover{
  opacity:1
}

.modal .modal-body{
  max-height:80vh
}

@media(min-width: 1024px){
  .modal .modal-body{
    max-height:none
  }
}

.modal .modal-title{
  background:linear-gradient(60deg, rgb(144, 85, 226) 0.95%, rgb(118, 96, 226) 100%)
}

.modal .modal-title.core{
  background:linear-gradient(90deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%)
}

.modal .modal-content{
  padding: 1.5rem
}

.w-550px{
  width:550px
}

.min-h-screen{
  min-height:100vh
}

.min-h-screen-minus-nav{
  min-height:calc(100vh - 140px)
}

.min-h-screen-minus-nav-and-top{
  min-height:calc(100vh - 440px)
}

@media(min-width: 1024px){
  .lg-min-h-screen-minus-bottom-bar{
    min-height:calc(100vh - 192px)
  }
}

.lists-inside ul,.lists-inside ol{
  display:block;
  margin-left:0;
  margin-right:0;
  padding-left:40px
}

.lists-inside ul{
  list-style-type: disc
}

.lists-inside ol{
  list-style-type: decimal
}

.link-inside a{
  color:#12b3f9
}

.link-inside a:hover{
  text-decoration:underline
}

.link-inside a.ignore,.link-inside a.ignore:hover{
  text-decoration:none
}

.link-inside.core a{
  color:#fff;
  text-decoration:underline
}

.link-inside-white a{
  font-weight: 600;
  color:#fff;
  text-decoration:underline
}

.list-items-inside ul{
  list-style-type:disc;
  list-style-position:inside;
  margin-top:.75rem;
  margin-bottom:.75rem
}

.list-items-inside ol{
  list-style-type:decimal;
  list-style-position:inside;
  margin-top:.75rem;
  margin-bottom:.75rem
}

.footer-links a{
  opacity:.6;
  margin-bottom:.75rem
}

.footer-links a:hover{
  text-decoration:underline
}

.footer-links a.locale{
  opacity:1;
  font-weight: 700
}

.footer-links.event-page a{
  margin-right:0
}

@media(min-width: 1024px){
  .footer-links.event-page a{
    margin-right:.75rem
  }
}

.paragraph-content p{
  margin:1em 0px
}

.enquiry-label{
  font-weight:600;
  color:#000 !important
}

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

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

.btn-pill{
  border-radius: 9999px !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.btn-pill-less{
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  border-radius:3px !important
}

.btn-blue{
  background-color:#12b3f9
}

.btn-red{
  background-color:#f97d7d
}

.btn-purple{
  background-color:#7e7ff9
}

.btn-yellow{
  background-color:#f7bd73
}

.btn-green{
  background-color:#00b196
}

.btn-pink{
  background-color:#f9129d
}

.btn-brown{
  background-color:#753425
}

.btn-light-gray{
  background-color:#e2e8f0
}

.btn-primary-borderless{
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: center;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #080421;
  background-color: rgba(8, 4, 33, 1);
  background-color: rgba(8, 4, 33, var(--bg-opacity));
  border:0;
  border-radius:3px;
  width:100%;
  margin:0 auto;
  opacity:1
}

.btn-primary-borderless:hover{
  filter:brightness(0.95)
}

.btn-primary-borderless.btn-core{
  background:linear-gradient(60deg, rgb(2, 186, 148) 0%, rgb(2, 144, 159) 100%) !important
}

.btn-primary-borderless.btn-partner{
  background:linear-gradient(90deg, rgb(24, 176, 249) 0%, rgb(126, 127, 249) 96.04%) !important
}

.btn-small{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important
}

.flip-x{
  transform:scaleX(-1)
}

.flip-y{
  transform:scaleY(-1)
}

.flip-xy{
  transform:scaleX(-1) scaleY(-1)
}

.between-section-margin{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

@media (min-width: 768px){
  .between-section-margin{
    @appply my-12
  }
}

@media (min-width: 1024px){
  .between-section-margin{
    margin-top: 4rem;
    margin-bottom: 4rem
  }
}

.h-min-100-vh{
  min-height:100vh
}

@media(min-width: 1024px){
  .lg-h-min-100-vh{
    min-height:100vh
  }
}

@media(min-width: 1280px){
  .xl-h-min-100-vh{
    min-height:100vh
  }
}

@media(min-width: 1024px){
  .lg-h-85-vh{
    height:85vh
  }
}

@media(min-width: 1024px){
  .lg-h-min-85-vh{
    min-height:85vh
  }
}

.h-38px{
  height:38px
}

.h-40px{
  height:40px
}

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

.h-42px{
  height:42px
}

.h-50px{
  height:50px
}

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

@media(min-width: 1024px){
  .lg-h-50px{
    height:50px
  }
}

.h-60px{
  height:60px
}

.h-70px{
  height:70px
}

@media(min-width: 1024px){
  .lg-h-70px{
    height:70px
  }
}

.h-80px{
  height:80px
}

.h-100px{
  height:100px
}

@media(min-width: 1024px){
  .lg-h-100px{
    height:100px
  }
}

@media(min-width: 1024px){
  .lg-h-min-100px{
    min-height:100px
  }
}

.h-120px{
  height:120px
}

.h-150px{
  height:150px
}

.h-185px{
  height:185px
}

.h-200px{
  height:200px
}

@media(min-width: 768px){
  .md-h-250px{
    height:250px
  }
}

@media(max-width: 767px){
  .h-sm-200px{
    height:200px
  }
}

.h-300px{
  height:300px
}

@media(min-width: 768px){
  .md-h-300px{
    height:300px !important
  }
}

.h-400px{
  height:400px
}

@media(min-width: 1024px){
  .lg-h-400px{
    height:400px
  }
}

.h-500px{
  height:500px
}

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

@media(min-width: 1024px){
  .lg-h-500px{
    height:500px
  }
}

.h-600px{
  height:600px
}

@media(min-width: 1024px){
  .lg-h-600px{
    height:600px !important
  }
}

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

@media(min-width: 768px){
  .md-h-700px{
    height:700px !important
  }
}

.h-800px{
  height:800px
}

.h-1000px{
  height:1000px
}

.h-1400px{
  height:1400px
}

@media(min-width: 1024px){
  .lg-h-1400px{
    height:1400px
  }
}

.min-h-600px{
  min-height:600px !important
}

.min-h-980px{
  min-height:980px !important
}

.max-h-200px{
  max-height:200px
}

@media(min-width: 1024px){
  .lg-h-120vh{
    height:120vh
  }
}

.h-75perc{
  height:75%
}

@media(min-width: 1024px){
  .lg-h-150vh{
    height:150vh
  }
}

.w-38px{
  width:38px
}

.w-40px{
  width:40px
}

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

.w-50px{
  width:50px
}

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

.w-70px{
  width:70px
}

.w-80px{
  width:80px
}

.w-85px{
  width:85px
}

.w-100px{
  width:100px
}

.w-150px{
  width:150px !important
}

@media(min-width: 1024px){
  .lg-w-150px-split{
    width:calc(150px - .5rem) !important
  }
}

@media(min-width: 1024px){
  .lg-w-150px{
    width:150px !important
  }
}

@media(min-width: 1024px){
  .lg-min-w-150px{
    min-width:150px !important
  }
}

.min-w-150px{
  min-width:150px !important
}

.w-155px{
  width:155px !important
}

.w-170px{
  width:170px !important
}

.min-w-200px{
  min-width:200px !important
}

.w-200px{
  width:200px !important
}

@media(max-width: 767px){
  .w-sm-200px{
    width:200px
  }
}

@media(min-width: 1024px){
  .lg-w-200px{
    width:200px !important
  }
}

@media(min-width: 1024px){
  .lg-w-202px{
    width:202px !important
  }
}

.w-250px{
  width:250px !important
}

@media(min-width: 1024px){
  .lg-w-250px{
    width:250px !important
  }
}

.w-280px{
  width:280px !important
}

.w-300px{
  width:300px !important
}

.w-320px{
  width:320px !important
}

@media(min-width: 768px){
  .md-w-300px{
    width:300px !important
  }
}

@media(min-width: 1024px){
  .lg-w-300px{
    width:300px !important
  }
}

.w-375px{
  width:375px
}

.w-400px{
  width:400px !important
}

@media(min-width: 1024px){
  .lg-w-400px{
    width:400px !important
  }
}

.w-500px{
  width:500px
}

@media(min-width: 768px){
  .md-w-500px{
    width:500px !important
  }
}

.w-600px{
  width:600px
}

@media(min-width: 1024px){
  .lg-w-600px{
    width:600px !important
  }
}

.max-w-100px{
  max-width:100px
}

.max-w-200px{
  max-width:200px
}

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

.max-w-500px{
  max-width:500px
}

.max-w-900px{
  max-width:900px
}

@media(min-width: 1024px){
  .lg-w-1080px{
    width:1080px
  }
}

.min-w-8{
  min-width:2rem
}

.min-w-40{
  min-width:10rem
}

.ml-1\/4{
  margin-left:25%
}

.toggle-switch{
  position:relative;
  width:44px;
  height:24px;
  border-radius:100px;
  background-color:#ddd;
  overflow:hidden;
  box-shadow:inset 0 0 2px 1px rgba(0,0,0,.05)
}

.toggle-switch .check{
  position:absolute;
  display:block;
  cursor:pointer;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  z-index:6
}

.toggle-switch .check:checked~.track{
  box-shadow:inset 0 0 0 20px #9f7aea
}

.toggle-switch .check.core:checked~.track{
  box-shadow:inset 0 0 0 20px #319795
}

.toggle-switch .check:checked~.switch{
  right:2px;
  left:22px;
  transition:.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property:left,right;
  transition-delay:.05s,0s
}

.toggle-switch .switch{
  position:absolute;
  left:2px;
  top:2px;
  bottom:2px;
  right:22px;
  background-color:#fff;
  border-radius:36px;
  z-index:1;
  transition:.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property:left,right;
  transition-delay:0s,.05s;
  box-shadow:0 1px 2px rgba(0,0,0,.2)
}

.toggle-switch .track{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  transition:.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.05);
  border-radius:40px
}

.bg-white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.bg-red-500 {
  --bg-opacity: 1;
  background-color: #f56565;
  background-color: rgba(245, 101, 101, 1);
  background-color: rgba(245, 101, 101, var(--bg-opacity));
}

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

.rounded-xl {
  border-radius: 13px;
}

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

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

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.hidden {
  display: none;
}

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

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

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

.self-stretch {
  align-self: stretch;
}

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

.flex-1 {
  flex: 1 1;
}

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

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

.h-full {
  height: 100%;
}

.text-xs {
  font-size: 12px;
}

.text-base {
  font-size: 16px;
}

.text-lg {
  font-size: 18px;
}

.text-xl {
  font-size: 20px;
}

.text-2xl {
  font-size: 26px;
}

.list-inside {
  list-style-position: inside;
}

.list-disc {
  list-style-type: disc;
}

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

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

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

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

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

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

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

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

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

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

.mt-5 {
  margin-top: 1.25rem;
}

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

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

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

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

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

.mb-16 {
  margin-bottom: 4rem;
}

.mr-20 {
  margin-right: 5rem;
}

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

.-mt-20 {
  margin-top: -5rem;
}

.min-h-screen {
  min-height: 100vh;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.pt-32 {
  padding-top: 8rem;
}

.pointer-events-none {
  pointer-events: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-16 {
  top: 4rem;
}

.bottom-20 {
  bottom: 6rem;
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--text-opacity));
}

.underline {
  text-decoration: underline;
}

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

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

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

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.z-50 {
  z-index: 50;
}

.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

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

.font-bold .feather{
  stroke-width:3
}

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

.boolean label a{
  --text-opacity: 1;
  color: #18B0F9;
  color: rgba(24, 176, 249, 1);
  color: rgba(24, 176, 249, var(--text-opacity));
  text-decoration: underline
}

.boolean label a:hover{
  text-decoration: none
}

.boolean.disabled{
  opacity: 0.25
}

.feather-16{
  width:16px;
  height:16px
}

.feather-24{
  width:24px;
  height:24px
}

.feather-32{
  width:32px;
  height:32px
}

.feather.font-semi{
  stroke-width:2;
  margin-bottom:3px
}

.feather.font-light{
  stroke-width:1.25
}

.StripeElement{
  background-color:#fff;
  border-width:1px;
  border-color:#e2e8f0;
  border-radius:.25rem;
  padding:8px 16px;
  margin-bottom:8px
}

.StripeElement--focus{
  box-shadow:0 1px 3px 0 #cfd7df
}

.StripeElement--invalid{
  border-color:#fa755a
}

.StripeElement--webkit-autofill{
  background-color:#fefde5 !important
}

.hover-trigger .hover-target{
  display:none
}

.hover-trigger .hover-target a{
  width:100%;
  display:inline-block
}

.hover-trigger:hover .hover-target{
  display:block
}

.hover-trigger:hover .rounded-b-none-hover{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}

.lg-pt-50{
  padding-top:16rem !important
}

@media(min-width: 1280px){
  .hero-image{
    margin-bottom:0;
    bottom:0;
    margin-left:-100px;
    width:700px
  }
}

@media(min-width: 1280px){
  .hero-image.core{
    bottom:8vw;
    width:50vw;
    margin-left:-70px
  }
}

@media(min-width: 1440px){
  .hero-image{
    margin-left:-100px;
    width:780px
  }
}

@media(min-width: 1800px){
  .hero-image{
    margin-left:-100px;
    width:880px
  }
}

@media(max-height: 1280px){
  .hero-image{
    width:650px
  }
}

.banner-hero-image{
  margin-bottom:-106px
}

@media(min-width: 1280px){
  .banner-hero-image{
    margin-bottom:0;
    bottom:0;
    margin-left:-150px;
    width:600px
  }
}

@media(min-width: 1440px){
  .banner-hero-image{
    margin-left:-50px;
    width:600px
  }
}

.text-hero{
  font-size:28px;
  line-height:36px;
  text-shadow:1px 0px 8px rgba(0,0,0,.1)
}

@media(min-width: 1024px){
  .text-hero{
    font-size:38px;
    line-height:52px
  }
}

.number-bottom-left{
  position:relative;
  text-align:-webkit-center
}

.number-bottom-left .number{
  text-align:center;
  box-sizing:content-box;
  color:#fff;
  border-radius:50%;
  background:#98e06e;
  position:absolute;
  left:4rem;
  transform:translateX(-50%);
  font-size:36px;
  width:65px;
  line-height:65px;
  top:8rem
}

@media(min-width: 1024px){
  .number-bottom-left .number{
    font-size:36px;
    width:65px;
    line-height:65px;
    top:8rem
  }
}

.number-bottom-left.small .number{
  font-size:16px;
  width:32px;
  line-height:32px;
  top:4rem;
  left:.5rem
}

.inset-b-0{
  bottom:0
}

.bg-black-real{
  background-color:#000
}

@media(min-width: 1024px){
  .hero-container{
    max-width:none;
    padding-left: 8rem;
    padding-right: 8rem
  }
}

.h-250px{
  height:250px
}

@media(min-width: 1024px){
  .lg\:w-250px{
    width:250px
  }
}

.iti{
  position:relative;
  display:inline-block
}

.iti *{
  box-sizing:border-box;
  -moz-box-sizing:border-box
}

.iti__hide{
  display:none
}

.iti__v-hide{
  visibility:hidden
}

.iti input,.iti input[type=text],.iti input[type=tel]{
  position:relative;
  z-index:0;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-right:36px;
  margin-right:0
}

.iti__flag-container{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  padding:1px
}

.iti__selected-flag{
  z-index:1;
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
  padding:0 6px 0 8px
}

.iti__arrow{
  margin-left:6px;
  width:0;
  height:0;
  border-left:3px solid rgba(0,0,0,0);
  border-right:3px solid rgba(0,0,0,0);
  border-top:4px solid #555
}

.iti__arrow--up{
  border-top:none;
  border-bottom:4px solid #555
}

.iti__country-list{
  position:absolute;
  z-index:2;
  list-style:none;
  text-align:left
}

.iti__country-list--dropup{
  bottom:100%;
  margin-bottom:-1px
}

.iti__country-list{
  padding:0;
  margin:0 0 0 -1px;
  box-shadow:1px 1px 4px rgba(0,0,0,.2);
  background-color:#fff;
  border:1px solid #ccc;
  white-space:nowrap
}

@media(max-width: 500px){
  .iti__country-list{
    white-space:normal
  }
}

.iti__country-list{
  max-height:200px;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch
}

.iti__flag-box{
  display:inline-block;
  width:20px
}

.iti__divider{
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid #ccc
}

.iti__country{
  padding:5px 10px;
  outline:none
}

.iti__dial-code{
  color:#999
}

.iti__country.iti__highlight{
  background-color:rgba(0,0,0,.05)
}

.iti__flag-box,.iti__country-name,.iti__dial-code{
  vertical-align:middle
}

.iti__flag-box,.iti__country-name{
  margin-right:6px
}

.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]{
  padding-right:6px;
  padding-left:52px;
  margin-left:0
}

.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{
  right:auto;
  left:0
}

.iti--allow-dropdown .iti__flag-container:hover{
  cursor:pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
  background-color:rgba(0,0,0,.05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{
  cursor:default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{
  background-color:rgba(0,0,0,0)
}

.iti--separate-dial-code .iti__selected-flag{
  background-color:rgba(0,0,0,.05)
}

.iti--separate-dial-code .iti__selected-dial-code{
  margin-left:6px
}

.iti--container{
  position:absolute;
  top:-1000px;
  left:-1000px;
  z-index:1060;
  padding:1px
}

.iti--container:hover{
  cursor:pointer
}

.iti-mobile .iti--container{
  top:30px;
  bottom:30px;
  left:30px;
  right:30px;
  position:fixed
}

.iti-mobile .iti__country-list{
  max-height:100%;
  width:100%
}

.iti-mobile .iti__country{
  padding:10px 10px;
  line-height:1.5em
}

.iti__flag{
  width:20px
}

.iti__flag.iti__be{
  width:18px
}

.iti__flag.iti__ch{
  width:15px
}

.iti__flag.iti__mc{
  width:19px
}

.iti__flag.iti__ne{
  width:18px
}

.iti__flag.iti__np{
  width:13px
}

.iti__flag.iti__va{
  width:15px
}

@media(min-resolution: 192dpi){
  .iti__flag{
    background-size:5652px 15px
  }
}

.iti__flag.iti__ac{
  height:10px;
  background-position:0px 0px
}

.iti__flag.iti__ad{
  height:14px;
  background-position:-22px 0px
}

.iti__flag.iti__ae{
  height:10px;
  background-position:-44px 0px
}

.iti__flag.iti__af{
  height:14px;
  background-position:-66px 0px
}

.iti__flag.iti__ag{
  height:14px;
  background-position:-88px 0px
}

.iti__flag.iti__ai{
  height:10px;
  background-position:-110px 0px
}

.iti__flag.iti__al{
  height:15px;
  background-position:-132px 0px
}

.iti__flag.iti__am{
  height:10px;
  background-position:-154px 0px
}

.iti__flag.iti__ao{
  height:14px;
  background-position:-176px 0px
}

.iti__flag.iti__aq{
  height:14px;
  background-position:-198px 0px
}

.iti__flag.iti__ar{
  height:13px;
  background-position:-220px 0px
}

.iti__flag.iti__as{
  height:10px;
  background-position:-242px 0px
}

.iti__flag.iti__at{
  height:14px;
  background-position:-264px 0px
}

.iti__flag.iti__au{
  height:10px;
  background-position:-286px 0px
}

.iti__flag.iti__aw{
  height:14px;
  background-position:-308px 0px
}

.iti__flag.iti__ax{
  height:13px;
  background-position:-330px 0px
}

.iti__flag.iti__az{
  height:10px;
  background-position:-352px 0px
}

.iti__flag.iti__ba{
  height:10px;
  background-position:-374px 0px
}

.iti__flag.iti__bb{
  height:14px;
  background-position:-396px 0px
}

.iti__flag.iti__bd{
  height:12px;
  background-position:-418px 0px
}

.iti__flag.iti__be{
  height:15px;
  background-position:-440px 0px
}

.iti__flag.iti__bf{
  height:14px;
  background-position:-460px 0px
}

.iti__flag.iti__bg{
  height:12px;
  background-position:-482px 0px
}

.iti__flag.iti__bh{
  height:12px;
  background-position:-504px 0px
}

.iti__flag.iti__bi{
  height:12px;
  background-position:-526px 0px
}

.iti__flag.iti__bj{
  height:14px;
  background-position:-548px 0px
}

.iti__flag.iti__bl{
  height:14px;
  background-position:-570px 0px
}

.iti__flag.iti__bm{
  height:10px;
  background-position:-592px 0px
}

.iti__flag.iti__bn{
  height:10px;
  background-position:-614px 0px
}

.iti__flag.iti__bo{
  height:14px;
  background-position:-636px 0px
}

.iti__flag.iti__bq{
  height:14px;
  background-position:-658px 0px
}

.iti__flag.iti__br{
  height:14px;
  background-position:-680px 0px
}

.iti__flag.iti__bs{
  height:10px;
  background-position:-702px 0px
}

.iti__flag.iti__bt{
  height:14px;
  background-position:-724px 0px
}

.iti__flag.iti__bv{
  height:15px;
  background-position:-746px 0px
}

.iti__flag.iti__bw{
  height:14px;
  background-position:-768px 0px
}

.iti__flag.iti__by{
  height:10px;
  background-position:-790px 0px
}

.iti__flag.iti__bz{
  height:14px;
  background-position:-812px 0px
}

.iti__flag.iti__ca{
  height:10px;
  background-position:-834px 0px
}

.iti__flag.iti__cc{
  height:10px;
  background-position:-856px 0px
}

.iti__flag.iti__cd{
  height:15px;
  background-position:-878px 0px
}

.iti__flag.iti__cf{
  height:14px;
  background-position:-900px 0px
}

.iti__flag.iti__cg{
  height:14px;
  background-position:-922px 0px
}

.iti__flag.iti__ch{
  height:15px;
  background-position:-944px 0px
}

.iti__flag.iti__ci{
  height:14px;
  background-position:-961px 0px
}

.iti__flag.iti__ck{
  height:10px;
  background-position:-983px 0px
}

.iti__flag.iti__cl{
  height:14px;
  background-position:-1005px 0px
}

.iti__flag.iti__cm{
  height:14px;
  background-position:-1027px 0px
}

.iti__flag.iti__cn{
  height:14px;
  background-position:-1049px 0px
}

.iti__flag.iti__co{
  height:14px;
  background-position:-1071px 0px
}

.iti__flag.iti__cp{
  height:14px;
  background-position:-1093px 0px
}

.iti__flag.iti__cr{
  height:12px;
  background-position:-1115px 0px
}

.iti__flag.iti__cu{
  height:10px;
  background-position:-1137px 0px
}

.iti__flag.iti__cv{
  height:12px;
  background-position:-1159px 0px
}

.iti__flag.iti__cw{
  height:14px;
  background-position:-1181px 0px
}

.iti__flag.iti__cx{
  height:10px;
  background-position:-1203px 0px
}

.iti__flag.iti__cy{
  height:14px;
  background-position:-1225px 0px
}

.iti__flag.iti__cz{
  height:14px;
  background-position:-1247px 0px
}

.iti__flag.iti__de{
  height:12px;
  background-position:-1269px 0px
}

.iti__flag.iti__dg{
  height:10px;
  background-position:-1291px 0px
}

.iti__flag.iti__dj{
  height:14px;
  background-position:-1313px 0px
}

.iti__flag.iti__dk{
  height:15px;
  background-position:-1335px 0px
}

.iti__flag.iti__dm{
  height:10px;
  background-position:-1357px 0px
}

.iti__flag.iti__do{
  height:14px;
  background-position:-1379px 0px
}

.iti__flag.iti__dz{
  height:14px;
  background-position:-1401px 0px
}

.iti__flag.iti__ea{
  height:14px;
  background-position:-1423px 0px
}

.iti__flag.iti__ec{
  height:14px;
  background-position:-1445px 0px
}

.iti__flag.iti__ee{
  height:13px;
  background-position:-1467px 0px
}

.iti__flag.iti__eg{
  height:14px;
  background-position:-1489px 0px
}

.iti__flag.iti__eh{
  height:10px;
  background-position:-1511px 0px
}

.iti__flag.iti__er{
  height:10px;
  background-position:-1533px 0px
}

.iti__flag.iti__es{
  height:14px;
  background-position:-1555px 0px
}

.iti__flag.iti__et{
  height:10px;
  background-position:-1577px 0px
}

.iti__flag.iti__eu{
  height:14px;
  background-position:-1599px 0px
}

.iti__flag.iti__fi{
  height:12px;
  background-position:-1621px 0px
}

.iti__flag.iti__fj{
  height:10px;
  background-position:-1643px 0px
}

.iti__flag.iti__fk{
  height:10px;
  background-position:-1665px 0px
}

.iti__flag.iti__fm{
  height:11px;
  background-position:-1687px 0px
}

.iti__flag.iti__fo{
  height:15px;
  background-position:-1709px 0px
}

.iti__flag.iti__fr{
  height:14px;
  background-position:-1731px 0px
}

.iti__flag.iti__ga{
  height:15px;
  background-position:-1753px 0px
}

.iti__flag.iti__gb{
  height:10px;
  background-position:-1775px 0px
}

.iti__flag.iti__gd{
  height:12px;
  background-position:-1797px 0px
}

.iti__flag.iti__ge{
  height:14px;
  background-position:-1819px 0px
}

.iti__flag.iti__gf{
  height:14px;
  background-position:-1841px 0px
}

.iti__flag.iti__gg{
  height:14px;
  background-position:-1863px 0px
}

.iti__flag.iti__gh{
  height:14px;
  background-position:-1885px 0px
}

.iti__flag.iti__gi{
  height:10px;
  background-position:-1907px 0px
}

.iti__flag.iti__gl{
  height:14px;
  background-position:-1929px 0px
}

.iti__flag.iti__gm{
  height:14px;
  background-position:-1951px 0px
}

.iti__flag.iti__gn{
  height:14px;
  background-position:-1973px 0px
}

.iti__flag.iti__gp{
  height:14px;
  background-position:-1995px 0px
}

.iti__flag.iti__gq{
  height:14px;
  background-position:-2017px 0px
}

.iti__flag.iti__gr{
  height:14px;
  background-position:-2039px 0px
}

.iti__flag.iti__gs{
  height:10px;
  background-position:-2061px 0px
}

.iti__flag.iti__gt{
  height:13px;
  background-position:-2083px 0px
}

.iti__flag.iti__gu{
  height:11px;
  background-position:-2105px 0px
}

.iti__flag.iti__gw{
  height:10px;
  background-position:-2127px 0px
}

.iti__flag.iti__gy{
  height:12px;
  background-position:-2149px 0px
}

.iti__flag.iti__hk{
  height:14px;
  background-position:-2171px 0px
}

.iti__flag.iti__hm{
  height:10px;
  background-position:-2193px 0px
}

.iti__flag.iti__hn{
  height:10px;
  background-position:-2215px 0px
}

.iti__flag.iti__hr{
  height:10px;
  background-position:-2237px 0px
}

.iti__flag.iti__ht{
  height:12px;
  background-position:-2259px 0px
}

.iti__flag.iti__hu{
  height:10px;
  background-position:-2281px 0px
}

.iti__flag.iti__ic{
  height:14px;
  background-position:-2303px 0px
}

.iti__flag.iti__id{
  height:14px;
  background-position:-2325px 0px
}

.iti__flag.iti__ie{
  height:10px;
  background-position:-2347px 0px
}

.iti__flag.iti__il{
  height:15px;
  background-position:-2369px 0px
}

.iti__flag.iti__im{
  height:10px;
  background-position:-2391px 0px
}

.iti__flag.iti__in{
  height:14px;
  background-position:-2413px 0px
}

.iti__flag.iti__io{
  height:10px;
  background-position:-2435px 0px
}

.iti__flag.iti__iq{
  height:14px;
  background-position:-2457px 0px
}

.iti__flag.iti__ir{
  height:12px;
  background-position:-2479px 0px
}

.iti__flag.iti__is{
  height:15px;
  background-position:-2501px 0px
}

.iti__flag.iti__it{
  height:14px;
  background-position:-2523px 0px
}

.iti__flag.iti__je{
  height:12px;
  background-position:-2545px 0px
}

.iti__flag.iti__jm{
  height:10px;
  background-position:-2567px 0px
}

.iti__flag.iti__jo{
  height:10px;
  background-position:-2589px 0px
}

.iti__flag.iti__jp{
  height:14px;
  background-position:-2611px 0px
}

.iti__flag.iti__ke{
  height:14px;
  background-position:-2633px 0px
}

.iti__flag.iti__kg{
  height:12px;
  background-position:-2655px 0px
}

.iti__flag.iti__kh{
  height:13px;
  background-position:-2677px 0px
}

.iti__flag.iti__ki{
  height:10px;
  background-position:-2699px 0px
}

.iti__flag.iti__km{
  height:12px;
  background-position:-2721px 0px
}

.iti__flag.iti__kn{
  height:14px;
  background-position:-2743px 0px
}

.iti__flag.iti__kp{
  height:10px;
  background-position:-2765px 0px
}

.iti__flag.iti__kr{
  height:14px;
  background-position:-2787px 0px
}

.iti__flag.iti__kw{
  height:10px;
  background-position:-2809px 0px
}

.iti__flag.iti__ky{
  height:10px;
  background-position:-2831px 0px
}

.iti__flag.iti__kz{
  height:10px;
  background-position:-2853px 0px
}

.iti__flag.iti__la{
  height:14px;
  background-position:-2875px 0px
}

.iti__flag.iti__lb{
  height:14px;
  background-position:-2897px 0px
}

.iti__flag.iti__lc{
  height:10px;
  background-position:-2919px 0px
}

.iti__flag.iti__li{
  height:12px;
  background-position:-2941px 0px
}

.iti__flag.iti__lk{
  height:10px;
  background-position:-2963px 0px
}

.iti__flag.iti__lr{
  height:11px;
  background-position:-2985px 0px
}

.iti__flag.iti__ls{
  height:14px;
  background-position:-3007px 0px
}

.iti__flag.iti__lt{
  height:12px;
  background-position:-3029px 0px
}

.iti__flag.iti__lu{
  height:12px;
  background-position:-3051px 0px
}

.iti__flag.iti__lv{
  height:10px;
  background-position:-3073px 0px
}

.iti__flag.iti__ly{
  height:10px;
  background-position:-3095px 0px
}

.iti__flag.iti__ma{
  height:14px;
  background-position:-3117px 0px
}

.iti__flag.iti__mc{
  height:15px;
  background-position:-3139px 0px
}

.iti__flag.iti__md{
  height:10px;
  background-position:-3160px 0px
}

.iti__flag.iti__me{
  height:10px;
  background-position:-3182px 0px
}

.iti__flag.iti__mf{
  height:14px;
  background-position:-3204px 0px
}

.iti__flag.iti__mg{
  height:14px;
  background-position:-3226px 0px
}

.iti__flag.iti__mh{
  height:11px;
  background-position:-3248px 0px
}

.iti__flag.iti__mk{
  height:10px;
  background-position:-3270px 0px
}

.iti__flag.iti__ml{
  height:14px;
  background-position:-3292px 0px
}

.iti__flag.iti__mm{
  height:14px;
  background-position:-3314px 0px
}

.iti__flag.iti__mn{
  height:10px;
  background-position:-3336px 0px
}

.iti__flag.iti__mo{
  height:14px;
  background-position:-3358px 0px
}

.iti__flag.iti__mp{
  height:10px;
  background-position:-3380px 0px
}

.iti__flag.iti__mq{
  height:14px;
  background-position:-3402px 0px
}

.iti__flag.iti__mr{
  height:14px;
  background-position:-3424px 0px
}

.iti__flag.iti__ms{
  height:10px;
  background-position:-3446px 0px
}

.iti__flag.iti__mt{
  height:14px;
  background-position:-3468px 0px
}

.iti__flag.iti__mu{
  height:14px;
  background-position:-3490px 0px
}

.iti__flag.iti__mv{
  height:14px;
  background-position:-3512px 0px
}

.iti__flag.iti__mw{
  height:14px;
  background-position:-3534px 0px
}

.iti__flag.iti__mx{
  height:12px;
  background-position:-3556px 0px
}

.iti__flag.iti__my{
  height:10px;
  background-position:-3578px 0px
}

.iti__flag.iti__mz{
  height:14px;
  background-position:-3600px 0px
}

.iti__flag.iti__na{
  height:14px;
  background-position:-3622px 0px
}

.iti__flag.iti__nc{
  height:10px;
  background-position:-3644px 0px
}

.iti__flag.iti__ne{
  height:15px;
  background-position:-3666px 0px
}

.iti__flag.iti__nf{
  height:10px;
  background-position:-3686px 0px
}

.iti__flag.iti__ng{
  height:10px;
  background-position:-3708px 0px
}

.iti__flag.iti__ni{
  height:12px;
  background-position:-3730px 0px
}

.iti__flag.iti__nl{
  height:14px;
  background-position:-3752px 0px
}

.iti__flag.iti__no{
  height:15px;
  background-position:-3774px 0px
}

.iti__flag.iti__np{
  height:15px;
  background-position:-3796px 0px
}

.iti__flag.iti__nr{
  height:10px;
  background-position:-3811px 0px
}

.iti__flag.iti__nu{
  height:10px;
  background-position:-3833px 0px
}

.iti__flag.iti__nz{
  height:10px;
  background-position:-3855px 0px
}

.iti__flag.iti__om{
  height:10px;
  background-position:-3877px 0px
}

.iti__flag.iti__pa{
  height:14px;
  background-position:-3899px 0px
}

.iti__flag.iti__pe{
  height:14px;
  background-position:-3921px 0px
}

.iti__flag.iti__pf{
  height:14px;
  background-position:-3943px 0px
}

.iti__flag.iti__pg{
  height:15px;
  background-position:-3965px 0px
}

.iti__flag.iti__ph{
  height:10px;
  background-position:-3987px 0px
}

.iti__flag.iti__pk{
  height:14px;
  background-position:-4009px 0px
}

.iti__flag.iti__pl{
  height:13px;
  background-position:-4031px 0px
}

.iti__flag.iti__pm{
  height:14px;
  background-position:-4053px 0px
}

.iti__flag.iti__pn{
  height:10px;
  background-position:-4075px 0px
}

.iti__flag.iti__pr{
  height:14px;
  background-position:-4097px 0px
}

.iti__flag.iti__ps{
  height:10px;
  background-position:-4119px 0px
}

.iti__flag.iti__pt{
  height:14px;
  background-position:-4141px 0px
}

.iti__flag.iti__pw{
  height:13px;
  background-position:-4163px 0px
}

.iti__flag.iti__py{
  height:11px;
  background-position:-4185px 0px
}

.iti__flag.iti__qa{
  height:8px;
  background-position:-4207px 0px
}

.iti__flag.iti__re{
  height:14px;
  background-position:-4229px 0px
}

.iti__flag.iti__ro{
  height:14px;
  background-position:-4251px 0px
}

.iti__flag.iti__rs{
  height:14px;
  background-position:-4273px 0px
}

.iti__flag.iti__ru{
  height:14px;
  background-position:-4295px 0px
}

.iti__flag.iti__rw{
  height:14px;
  background-position:-4317px 0px
}

.iti__flag.iti__sa{
  height:14px;
  background-position:-4339px 0px
}

.iti__flag.iti__sb{
  height:10px;
  background-position:-4361px 0px
}

.iti__flag.iti__sc{
  height:10px;
  background-position:-4383px 0px
}

.iti__flag.iti__sd{
  height:10px;
  background-position:-4405px 0px
}

.iti__flag.iti__se{
  height:13px;
  background-position:-4427px 0px
}

.iti__flag.iti__sg{
  height:14px;
  background-position:-4449px 0px
}

.iti__flag.iti__sh{
  height:10px;
  background-position:-4471px 0px
}

.iti__flag.iti__si{
  height:10px;
  background-position:-4493px 0px
}

.iti__flag.iti__sj{
  height:15px;
  background-position:-4515px 0px
}

.iti__flag.iti__sk{
  height:14px;
  background-position:-4537px 0px
}

.iti__flag.iti__sl{
  height:14px;
  background-position:-4559px 0px
}

.iti__flag.iti__sm{
  height:15px;
  background-position:-4581px 0px
}

.iti__flag.iti__sn{
  height:14px;
  background-position:-4603px 0px
}

.iti__flag.iti__so{
  height:14px;
  background-position:-4625px 0px
}

.iti__flag.iti__sr{
  height:14px;
  background-position:-4647px 0px
}

.iti__flag.iti__ss{
  height:10px;
  background-position:-4669px 0px
}

.iti__flag.iti__st{
  height:10px;
  background-position:-4691px 0px
}

.iti__flag.iti__sv{
  height:12px;
  background-position:-4713px 0px
}

.iti__flag.iti__sx{
  height:14px;
  background-position:-4735px 0px
}

.iti__flag.iti__sy{
  height:14px;
  background-position:-4757px 0px
}

.iti__flag.iti__sz{
  height:14px;
  background-position:-4779px 0px
}

.iti__flag.iti__ta{
  height:10px;
  background-position:-4801px 0px
}

.iti__flag.iti__tc{
  height:10px;
  background-position:-4823px 0px
}

.iti__flag.iti__td{
  height:14px;
  background-position:-4845px 0px
}

.iti__flag.iti__tf{
  height:14px;
  background-position:-4867px 0px
}

.iti__flag.iti__tg{
  height:13px;
  background-position:-4889px 0px
}

.iti__flag.iti__th{
  height:14px;
  background-position:-4911px 0px
}

.iti__flag.iti__tj{
  height:10px;
  background-position:-4933px 0px
}

.iti__flag.iti__tk{
  height:10px;
  background-position:-4955px 0px
}

.iti__flag.iti__tl{
  height:10px;
  background-position:-4977px 0px
}

.iti__flag.iti__tm{
  height:14px;
  background-position:-4999px 0px
}

.iti__flag.iti__tn{
  height:14px;
  background-position:-5021px 0px
}

.iti__flag.iti__to{
  height:10px;
  background-position:-5043px 0px
}

.iti__flag.iti__tr{
  height:14px;
  background-position:-5065px 0px
}

.iti__flag.iti__tt{
  height:12px;
  background-position:-5087px 0px
}

.iti__flag.iti__tv{
  height:10px;
  background-position:-5109px 0px
}

.iti__flag.iti__tw{
  height:14px;
  background-position:-5131px 0px
}

.iti__flag.iti__tz{
  height:14px;
  background-position:-5153px 0px
}

.iti__flag.iti__ua{
  height:14px;
  background-position:-5175px 0px
}

.iti__flag.iti__ug{
  height:14px;
  background-position:-5197px 0px
}

.iti__flag.iti__um{
  height:11px;
  background-position:-5219px 0px
}

.iti__flag.iti__un{
  height:14px;
  background-position:-5241px 0px
}

.iti__flag.iti__us{
  height:11px;
  background-position:-5263px 0px
}

.iti__flag.iti__uy{
  height:14px;
  background-position:-5285px 0px
}

.iti__flag.iti__uz{
  height:10px;
  background-position:-5307px 0px
}

.iti__flag.iti__va{
  height:15px;
  background-position:-5329px 0px
}

.iti__flag.iti__vc{
  height:14px;
  background-position:-5346px 0px
}

.iti__flag.iti__ve{
  height:14px;
  background-position:-5368px 0px
}

.iti__flag.iti__vg{
  height:10px;
  background-position:-5390px 0px
}

.iti__flag.iti__vi{
  height:14px;
  background-position:-5412px 0px
}

.iti__flag.iti__vn{
  height:14px;
  background-position:-5434px 0px
}

.iti__flag.iti__vu{
  height:12px;
  background-position:-5456px 0px
}

.iti__flag.iti__wf{
  height:14px;
  background-position:-5478px 0px
}

.iti__flag.iti__ws{
  height:10px;
  background-position:-5500px 0px
}

.iti__flag.iti__xk{
  height:15px;
  background-position:-5522px 0px
}

.iti__flag.iti__ye{
  height:14px;
  background-position:-5544px 0px
}

.iti__flag.iti__yt{
  height:14px;
  background-position:-5566px 0px
}

.iti__flag.iti__za{
  height:14px;
  background-position:-5588px 0px
}

.iti__flag.iti__zm{
  height:14px;
  background-position:-5610px 0px
}

.iti__flag.iti__zw{
  height:10px;
  background-position:-5632px 0px
}

.iti__flag{
  height:15px;
  box-shadow:0px 0px 1px 0px #888;
  background-image:url(/packs/static/flags-007b2705c0a8f69dfdf6.png);
  background-repeat:no-repeat;
  background-color:#dbdbdb;
  background-position:20px 0
}

@media(min-resolution: 192dpi){
  .iti__flag{
    background-image:url(/packs/static/flags@2x-9d5328fb490cddd43f66.png)
  }
}

.iti__flag.iti__np{
  background-color:rgba(0,0,0,0)
}

@media (min-width: 640px) {
  .sm\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

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

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

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

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

@media (min-width: 768px) {
  .md\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

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

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

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

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

  .md\:w-2\/3 {
    width: 66.66667%;
  }
}

@media (min-width: 1024px) {
  .lg\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

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

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

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

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

  .lg\:rounded-none {
    border-radius: 0;
  }

  .lg\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:rounded-b-xl {
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
  }

  .lg\:block {
    display: block;
  }

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

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:h-screen {
    height: 100vh;
  }

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

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

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

  .lg\:mr-12 {
    margin-right: 3rem;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:absolute {
    position: absolute;
  }

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

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

  .lg\:w-2\/3 {
    width: 66.66667%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }
}

@media (min-width: 1280px) {
  .xl\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

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

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

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

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

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

/*# sourceMappingURL=114-218990ec.css.map*/