/* purgecss start ignore */

html{
  --font-family-primary: "LFTEtica", Arial, sans-serif, system-ui;
  --font-family-secondary: "LFTEtica_Compressed_Bold";
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --color-turquoise-sp: #00798f;
  --color-turquoise-dark: rgb(21, 62, 73);
  --color-turquoise: #00b5d0;
  --color-turquoise-light: #c1f4f1;
  --color-turquoise-lighter: #ecfcfb;
  --color-off-white: #f9f6ea;
  --color-purple-dark: #56143d;
  --color-purple: #f1c1c4;
  --color-purple-light: #fce8e9;
  --color-blue-dark: #061b3f;
  --color-blue: #00335b;
  --color-blue-light: #ddeffe;
  --color-grayscale-0: #fcfcfc;
  --color-grayscale-50: #fafbfb;
  --color-grayscale-100: #f7f7f7;
  --color-grayscale-200: #f2f2f2;
  --color-grayscale-300: #e6e6e6;
  --color-grayscale-400: #bdbdbd;
  --color-grayscale-1000: #121212;
  --color-white: #ffffff;
  --color-black: #000000
}

/* purgecss end ignore */
/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.dot-flashing{
  position:relative;
  width:20px;
  height:20px;
  border-radius:10px;
  background-color:#00aec7;
  color:#00aec7;
  animation:dot-flashing 1s infinite linear alternate;
  animation-delay:.5s
}

.dot-flashing::before,.dot-flashing::after{
  content:"";
  display:inline-block;
  position:absolute;
  top:0
}

.dot-flashing::before{
  left:-30px;
  width:20px;
  height:20px;
  border-radius:10px;
  background-color:#00aec7;
  color:#00aec7;
  animation:dot-flashing 1s infinite alternate;
  animation-delay:0s
}

.dot-flashing::after{
  left:30px;
  width:20px;
  height:20px;
  border-radius:10px;
  background-color:#00aec7;
  color:#00aec7;
  animation:dot-flashing 1s infinite alternate;
  animation-delay:1s
}

@keyframes dot-flashing{
  0%{
    background-color:#00aec7
  }

  50%,100%{
    background-color:rgba(0,174,199,.2)
  }
}

/* purgecss end ignore */
/* purgecss start ignore */

#vue-components *,#vue-components ::before,#vue-components ::after,#vue-components-modal *,#vue-components-modal ::before,#vue-components-modal ::after{
  box-sizing:border-box
}

#vue-components hr,#vue-components-modal hr{
  height:0;
  color:inherit
}

#vue-components abbr[title],#vue-components-modal abbr[title]{
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

#vue-components b,#vue-components strong,#vue-components-modal b,#vue-components-modal strong{
  font-weight:bolder
}

#vue-components code,#vue-components kbd,#vue-components samp,#vue-components pre,#vue-components-modal code,#vue-components-modal kbd,#vue-components-modal samp,#vue-components-modal pre{
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;
  font-size:1em
}

#vue-components small,#vue-components-modal small{
  font-size:80%
}

#vue-components sub,#vue-components sup,#vue-components-modal sub,#vue-components-modal sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

#vue-components sub,#vue-components-modal sub{
  bottom:-0.25em
}

#vue-components sup,#vue-components-modal sup{
  top:-0.5em
}

#vue-components table,#vue-components-modal table{
  text-indent:0;
  border-color:inherit
}

#vue-components button,#vue-components input,#vue-components optgroup,#vue-components select,#vue-components textarea,#vue-components-modal button,#vue-components-modal input,#vue-components-modal optgroup,#vue-components-modal select,#vue-components-modal textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}

#vue-components button,#vue-components select,#vue-components-modal button,#vue-components-modal select{
  text-transform:none
}

#vue-components button,#vue-components [type=button],#vue-components [type=submit],#vue-components-modal button,#vue-components-modal [type=button],#vue-components-modal [type=submit]{
  -webkit-appearance:button
}

#vue-components legend,#vue-components-modal legend{
  padding:0
}

#vue-components progress,#vue-components-modal progress{
  vertical-align:baseline
}

#vue-components summary,#vue-components-modal summary{
  display:list-item
}

#vue-components blockquote,#vue-components dl,#vue-components dd,#vue-components h1,#vue-components h2,#vue-components h3,#vue-components h4,#vue-components h5,#vue-components h6,#vue-components hr,#vue-components figure,#vue-components p,#vue-components pre,#vue-components-modal blockquote,#vue-components-modal dl,#vue-components-modal dd,#vue-components-modal h1,#vue-components-modal h2,#vue-components-modal h3,#vue-components-modal h4,#vue-components-modal h5,#vue-components-modal h6,#vue-components-modal hr,#vue-components-modal figure,#vue-components-modal p,#vue-components-modal pre{
  margin:0
}

#vue-components button,#vue-components-modal button{
  background-color:rgba(0,0,0,0);
  background-image:none
}

#vue-components fieldset,#vue-components-modal fieldset{
  margin:0;
  padding:0
}

#vue-components ol,#vue-components ul,#vue-components-modal ol,#vue-components-modal ul{
  list-style:none;
  margin:0;
  padding:0
}

#vue-components html,#vue-components-modal html{
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  line-height:1.5
}

#vue-components body,#vue-components-modal body{
  font-family:inherit;
  line-height:inherit
}

#vue-components *,#vue-components ::before,#vue-components ::after,#vue-components-modal *,#vue-components-modal ::before,#vue-components-modal ::after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:currentColor
}

#vue-components hr,#vue-components-modal hr{
  border-top-width:1px
}

#vue-components img,#vue-components-modal img{
  border-style:solid
}

#vue-components textarea,#vue-components-modal textarea{
  resize:vertical
}

#vue-components input::-moz-placeholder,#vue-components textarea::-moz-placeholder,#vue-components-modal input::-moz-placeholder,#vue-components-modal textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

#vue-components input::-moz-placeholder, #vue-components textarea::-moz-placeholder, #vue-components-modal input::-moz-placeholder, #vue-components-modal textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

#vue-components input::placeholder,#vue-components textarea::placeholder,#vue-components-modal input::placeholder,#vue-components-modal textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

#vue-components button,#vue-components [role=button],#vue-components-modal button,#vue-components-modal [role=button]{
  cursor:pointer
}

#vue-components table,#vue-components-modal table{
  border-collapse:collapse
}

#vue-components a,#vue-components-modal a{
  color:inherit;
  text-decoration:inherit
}

#vue-components button,#vue-components input,#vue-components optgroup,#vue-components select,#vue-components textarea,#vue-components-modal button,#vue-components-modal input,#vue-components-modal optgroup,#vue-components-modal select,#vue-components-modal textarea{
  padding:0;
  line-height:inherit;
  color:inherit
}

#vue-components pre,#vue-components code,#vue-components kbd,#vue-components samp,#vue-components-modal pre,#vue-components-modal code,#vue-components-modal kbd,#vue-components-modal samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

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

#vue-components img,#vue-components video,#vue-components-modal img,#vue-components-modal video{
  max-width:100%;
  height:auto
}

#vue-components [hidden],#vue-components-modal [hidden]{
  display:none
}

#vue-components *,#vue-components ::before,#vue-components ::after,#vue-components-modal *,#vue-components-modal ::before,#vue-components-modal ::after{
  --tw-border-opacity: 1;
  border-color:rgba(229, 231, 235, var(--tw-border-opacity))
}

#vue-components [type=text],#vue-components [type=email],#vue-components [type=url],#vue-components [type=number],#vue-components [type=date],#vue-components [type=time],#vue-components [type=tel],#vue-components textarea,#vue-components select,#vue-components-modal [type=text],#vue-components-modal [type=email],#vue-components-modal [type=url],#vue-components-modal [type=number],#vue-components-modal [type=date],#vue-components-modal [type=time],#vue-components-modal [type=tel],#vue-components-modal textarea,#vue-components-modal select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0px;
  padding-top:.5rem;
  padding-right:.75rem;
  padding-bottom:.5rem;
  padding-left:.75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow: 0 0 #0000
}

#vue-components [type=text]:focus,#vue-components [type=email]:focus,#vue-components [type=url]:focus,#vue-components [type=number]:focus,#vue-components [type=date]:focus,#vue-components [type=time]:focus,#vue-components textarea:focus,#vue-components select:focus,#vue-components-modal [type=text]:focus,#vue-components-modal [type=email]:focus,#vue-components-modal [type=url]:focus,#vue-components-modal [type=number]:focus,#vue-components-modal [type=date]:focus,#vue-components-modal [type=time]:focus,#vue-components-modal textarea:focus,#vue-components-modal select:focus{
  outline:2px solid rgba(0,0,0,0);
  outline-offset:2px;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  border-color:#2563eb
}

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

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

#vue-components input::placeholder,#vue-components textarea::placeholder,#vue-components-modal input::placeholder,#vue-components-modal textarea::placeholder{
  color:#6b7280;
  opacity:1
}

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

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

#vue-components [type=checkbox],#vue-components-modal [type=checkbox]{
  border-radius:0px
}

#vue-components [type=checkbox]:focus,#vue-components-modal [type=checkbox]:focus{
  outline:2px solid rgba(0,0,0,0);
  outline-offset:2px;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#vue-components [type=checkbox]:checked,#vue-components-modal [type=checkbox]:checked{
  border-color:rgba(0,0,0,0);
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat
}

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

#vue-components [type=checkbox]:checked:hover,#vue-components [type=checkbox]:checked:focus,#vue-components-modal [type=checkbox]:checked:hover,#vue-components-modal [type=checkbox]:checked:focus{
  border-color:rgba(0,0,0,0);
  background-color:currentColor
}

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

#vue-components [type=checkbox]:indeterminate:hover,#vue-components [type=checkbox]:indeterminate:focus,#vue-components-modal [type=checkbox]:indeterminate:hover,#vue-components-modal [type=checkbox]:indeterminate:focus{
  border-color:rgba(0,0,0,0);
  background-color:currentColor
}

#vue-components .sr-only,#vue-components-modal .sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border-width:0 !important
}

#vue-components .pointer-events-none,#vue-components-modal .pointer-events-none{
  pointer-events:none !important
}

#vue-components .absolute,#vue-components-modal .absolute{
  position:absolute !important
}

#vue-components .relative,#vue-components-modal .relative{
  position:relative !important
}

#vue-components .sticky,#vue-components-modal .sticky{
  position:sticky !important
}

#vue-components .fixed,#vue-components-modal .fixed{
  position:fixed !important
}

#vue-components .inset-0,#vue-components-modal .inset-0{
  top:0px !important;
  right:0px !important;
  bottom:0px !important;
  left:0px !important
}

#vue-components .inset-2,#vue-components-modal .inset-2{
  top:.5rem !important;
  right:.5rem !important;
  bottom:.5rem !important;
  left:.5rem !important
}

#vue-components .inset-y-0,#vue-components-modal .inset-y-0{
  top:0px !important;
  bottom:0px !important
}

#vue-components .top-0,#vue-components-modal .top-0{
  top:0px !important
}

#vue-components .top-36,#vue-components-modal .top-36{
  top:9rem !important
}

#vue-components .top-full,#vue-components-modal .top-full{
  top:100% !important
}

#vue-components .right-0,#vue-components-modal .right-0{
  right:0px !important
}

#vue-components .right-10,#vue-components-modal .right-10{
  right:2.5rem !important
}

#vue-components .-right-1,#vue-components-modal .-right-1{
  right:-0.25rem !important
}

#vue-components .-bottom-10,#vue-components-modal .-bottom-10{
  bottom:-2.5rem !important
}

#vue-components .bottom-full,#vue-components-modal .bottom-full{
  bottom:100% !important
}

#vue-components .left-1\/2,#vue-components-modal .left-1\/2{
  left:50% !important
}

#vue-components .z-0,#vue-components-modal .z-0{
  z-index:0 !important
}

#vue-components .z-10,#vue-components-modal .z-10{
  z-index:10 !important
}

#vue-components .z-20,#vue-components-modal .z-20{
  z-index:20 !important
}

#vue-components .z-50,#vue-components-modal .z-50{
  z-index:50 !important
}

#vue-components .z-99999,#vue-components-modal .z-99999{
  z-index:99999 !important
}

#vue-components .mx-auto,#vue-components-modal .mx-auto{
  margin-left:auto !important;
  margin-right:auto !important
}

#vue-components .my-8,#vue-components-modal .my-8{
  margin-top:2rem !important;
  margin-bottom:2rem !important
}

#vue-components .mt-0,#vue-components-modal .mt-0{
  margin-top:0px !important
}

#vue-components .mt-1,#vue-components-modal .mt-1{
  margin-top:.25rem !important
}

#vue-components .mt-2,#vue-components-modal .mt-2{
  margin-top:.5rem !important
}

#vue-components .mt-3,#vue-components-modal .mt-3{
  margin-top:.75rem !important
}

#vue-components .mt-4,#vue-components-modal .mt-4{
  margin-top:1rem !important
}

#vue-components .mt-6,#vue-components-modal .mt-6{
  margin-top:1.5rem !important
}

#vue-components .mt-8,#vue-components-modal .mt-8{
  margin-top:2rem !important
}

#vue-components .mt-10,#vue-components-modal .mt-10{
  margin-top:2.5rem !important
}

#vue-components .-mt-4,#vue-components-modal .-mt-4{
  margin-top:-1rem !important
}

#vue-components .-mt-6,#vue-components-modal .-mt-6{
  margin-top:-1.5rem !important
}

#vue-components .mr-1,#vue-components-modal .mr-1{
  margin-right:.25rem !important
}

#vue-components .mr-4,#vue-components-modal .mr-4{
  margin-right:1rem !important
}

#vue-components .mr-10,#vue-components-modal .mr-10{
  margin-right:2.5rem !important
}

#vue-components .mb-1,#vue-components-modal .mb-1{
  margin-bottom:.25rem !important
}

#vue-components .mb-2,#vue-components-modal .mb-2{
  margin-bottom:.5rem !important
}

#vue-components .mb-3,#vue-components-modal .mb-3{
  margin-bottom:.75rem !important
}

#vue-components .mb-4,#vue-components-modal .mb-4{
  margin-bottom:1rem !important
}

#vue-components .mb-5,#vue-components-modal .mb-5{
  margin-bottom:1.25rem !important
}

#vue-components .mb-6,#vue-components-modal .mb-6{
  margin-bottom:1.5rem !important
}

#vue-components .mb-8,#vue-components-modal .mb-8{
  margin-bottom:2rem !important
}

#vue-components .mb-10,#vue-components-modal .mb-10{
  margin-bottom:2.5rem !important
}

#vue-components .ml-1,#vue-components-modal .ml-1{
  margin-left:.25rem !important
}

#vue-components .ml-2,#vue-components-modal .ml-2{
  margin-left:.5rem !important
}

#vue-components .ml-3,#vue-components-modal .ml-3{
  margin-left:.75rem !important
}

#vue-components .ml-4,#vue-components-modal .ml-4{
  margin-left:1rem !important
}

#vue-components .ml-8,#vue-components-modal .ml-8{
  margin-left:2rem !important
}

#vue-components .ml-auto,#vue-components-modal .ml-auto{
  margin-left:auto !important
}

#vue-components .block,#vue-components-modal .block{
  display:block !important
}

#vue-components .flex,#vue-components-modal .flex{
  display:flex !important
}

#vue-components .table,#vue-components-modal .table{
  display:table !important
}

#vue-components .grid,#vue-components-modal .grid{
  display:grid !important
}

#vue-components .hidden,#vue-components-modal .hidden{
  display:none !important
}

#vue-components .h-3,#vue-components-modal .h-3{
  height:.75rem !important
}

#vue-components .h-4,#vue-components-modal .h-4{
  height:1rem !important
}

#vue-components .h-5,#vue-components-modal .h-5{
  height:1.25rem !important
}

#vue-components .h-6,#vue-components-modal .h-6{
  height:1.5rem !important
}

#vue-components .h-8,#vue-components-modal .h-8{
  height:2rem !important
}

#vue-components .h-12,#vue-components-modal .h-12{
  height:3rem !important
}

#vue-components .h-24,#vue-components-modal .h-24{
  height:6rem !important
}

#vue-components .h-28,#vue-components-modal .h-28{
  height:7rem !important
}

#vue-components .h-px,#vue-components-modal .h-px{
  height:1px !important
}

#vue-components .h-full,#vue-components-modal .h-full{
  height:100% !important
}

#vue-components .h-22px,#vue-components-modal .h-22px{
  height:22px !important
}

#vue-components .h-18px,#vue-components-modal .h-18px{
  height:18px !important
}

#vue-components .w-3,#vue-components-modal .w-3{
  width:.75rem !important
}

#vue-components .w-4,#vue-components-modal .w-4{
  width:1rem !important
}

#vue-components .w-5,#vue-components-modal .w-5{
  width:1.25rem !important
}

#vue-components .w-6,#vue-components-modal .w-6{
  width:1.5rem !important
}

#vue-components .w-8,#vue-components-modal .w-8{
  width:2rem !important
}

#vue-components .w-9,#vue-components-modal .w-9{
  width:2.25rem !important
}

#vue-components .w-44,#vue-components-modal .w-44{
  width:11rem !important
}

#vue-components .w-64,#vue-components-modal .w-64{
  width:16rem !important
}

#vue-components .w-auto,#vue-components-modal .w-auto{
  width:auto !important
}

#vue-components .w-1\/2,#vue-components-modal .w-1\/2{
  width:50% !important
}

#vue-components .w-4\/6,#vue-components-modal .w-4\/6{
  width:66.666667% !important
}

#vue-components .w-5\/6,#vue-components-modal .w-5\/6{
  width:83.333333% !important
}

#vue-components .w-full,#vue-components-modal .w-full{
  width:100% !important
}

#vue-components .w-22px,#vue-components-modal .w-22px{
  width:22px !important
}

#vue-components .w-18px,#vue-components-modal .w-18px{
  width:18px !important
}

#vue-components .min-w-max,#vue-components-modal .min-w-max{
  min-width:-moz-max-content !important;
  min-width:max-content !important
}

#vue-components .max-w-max,#vue-components-modal .max-w-max{
  max-width:-moz-max-content !important;
  max-width:max-content !important
}

#vue-components .max-w-container,#vue-components-modal .max-w-container{
  max-width:1400px !important
}

#vue-components .max-w-sm,#vue-components-modal .max-w-sm{
  max-width:24rem !important
}

#vue-components .flex-1,#vue-components-modal .flex-1{
  flex:1 1 0% !important
}

#vue-components .shrink-0,#vue-components-modal .shrink-0{
  flex-shrink:0
}

#vue-components .whitespace-break-spaces,#vue-components-modal .whitespace-break-spaces{
  white-space:break-spaces
}

#vue-components .transform,#vue-components-modal .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
}

#vue-components .-translate-x-1\/2,#vue-components-modal .-translate-x-1\/2{
  --tw-translate-x: -50% !important
}

#vue-components .translate-y-0,#vue-components-modal .translate-y-0{
  --tw-translate-y: 0px !important
}

#vue-components .-translate-y-1,#vue-components-modal .-translate-y-1{
  --tw-translate-y: 0.25rem !important
}

#vue-components .translate-y-0\.5,#vue-components-modal .translate-y-0\.5{
  --tw-translate-y: 0.125rem !important
}

#vue-components .-translate-y-2,#vue-components-modal .-translate-y-2{
  --tw-translate-y: -0.5rem !important
}

#vue-components .-translate-y-1\/2,#vue-components-modal .-translate-y-1\/2{
  --tw-translate-y: -50% !important
}

#vue-components .rotate-45,#vue-components-modal .rotate-45{
  --tw-rotate: 45deg !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)
  }
}

#vue-components .cursor-pointer,#vue-components-modal .cursor-pointer{
  cursor:pointer !important
}

#vue-components .cursor-help,#vue-components-modal .cursor-help{
  cursor:help !important
}

#vue-components .cursor-not-allowed,#vue-components-modal .cursor-not-allowed{
  cursor:not-allowed !important
}

#vue-components .disabled\:cursor-not-allowed:disabled,#vue-components-modal .disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed !important
}

#vue-components .aria-disabled\:link[aria-disabled=true],#vue-components-modal .aria-disabled\:link[aria-disabled=true]{
  display:inline-block !important;
  pointer-events:none !important;
  text-decoration:none !important
}

#vue-components .select-none,#vue-components-modal .select-none{
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

#vue-components .list-disc,#vue-components-modal .list-disc{
  list-style-type:disc !important
}

#vue-components .grid-cols-2,#vue-components-modal .grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important
}

#vue-components .flex-col,#vue-components-modal .flex-col{
  flex-direction:column !important
}

#vue-components .items-start,#vue-components-modal .items-start{
  align-items:flex-start !important
}

#vue-components .items-center,#vue-components-modal .items-center{
  align-items:center !important
}

#vue-components .justify-end,#vue-components-modal .justify-end{
  justify-content:flex-end !important
}

#vue-components .justify-center,#vue-components-modal .justify-center{
  justify-content:center !important
}

#vue-components .justify-between,#vue-components-modal .justify-between{
  justify-content:space-between !important
}

#vue-components .flex-row-reverse,#vue-components-modal .flex-row-reverse{
  flex-direction:row-reverse !important
}

#vue-components .flex-col-reverse,#vue-components-modal .flex-col-reverse{
  flex-direction:column-reverse !important
}

#vue-components .gap-4,#vue-components-modal .gap-4{
  gap:1rem !important
}

#vue-components .-space-x-0>:not([hidden])~:not([hidden]),#vue-components-modal .-space-x-0>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right:calc(0px*var(--tw-space-x-reverse)) !important;
  margin-left:calc(0px*(1 - var(--tw-space-x-reverse))) !important
}

#vue-components .-space-x-0\.5>:not([hidden])~:not([hidden]),#vue-components-modal .-space-x-0\.5>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right:calc(-0.125rem*var(--tw-space-x-reverse)) !important;
  margin-left:calc(-0.125rem*(1 - var(--tw-space-x-reverse))) !important
}

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

#vue-components .self-start,#vue-components-modal .self-start{
  align-self:flex-start !important
}

#vue-components .self-end,#vue-components-modal .self-end{
  align-self:flex-end !important
}

#vue-components .self-center,#vue-components-modal .self-center{
  align-self:center !important
}

#vue-components .justify-self-center,#vue-components-modal .justify-self-center{
  justify-self:center !important
}

#vue-components .rounded,#vue-components-modal .rounded{
  border-radius:.25rem !important
}

#vue-components .rounded-md,#vue-components-modal .rounded-md{
  border-radius:.375rem !important
}

#vue-components .rounded-lg,#vue-components-modal .rounded-lg{
  border-radius:.5rem !important
}

#vue-components .rounded-full,#vue-components-modal .rounded-full{
  border-radius:9999px !important
}

#vue-components .rounded-3px,#vue-components-modal .rounded-3px{
  border-radius:3px !important
}

#vue-components .rounded-5px,#vue-components-modal .rounded-5px{
  border-radius:5px !important
}

#vue-components .rounded-24px,#vue-components-modal .rounded-24px{
  border-radius:24px !important
}

#vue-components .rounded-r,#vue-components-modal .rounded-r{
  border-top-right-radius:.25rem !important;
  border-bottom-right-radius:.25rem !important
}

#vue-components .rounded-l,#vue-components-modal .rounded-l{
  border-top-left-radius:.25rem !important;
  border-bottom-left-radius:.25rem !important
}

#vue-components .border-2,#vue-components-modal .border-2{
  border-width:2px !important
}

#vue-components .border-3,#vue-components-modal .border-3{
  border-width:3px !important
}

#vue-components .border,#vue-components-modal .border{
  border-width:1px !important
}

#vue-components .border-b-2,#vue-components-modal .border-b-2{
  border-bottom-width:2px !important
}

#vue-components .border-b-3,#vue-components-modal .border-b-3{
  border-bottom-width:3px !important
}

#vue-components .border-none,#vue-components-modal .border-none{
  border-style:none !important
}

#vue-components .border-transparent,#vue-components-modal .border-transparent{
  border-color:rgba(0,0,0,0) !important
}

#vue-components .border-green,#vue-components-modal .border-green{
  --tw-border-opacity: 1 !important;
  border-color:rgba(6, 136, 64, var(--tw-border-opacity)) !important
}

#vue-components .border-turquoise,#vue-components-modal .border-turquoise{
  --tw-border-opacity: 1 !important;
  border-color:rgba(0, 174, 199, var(--tw-border-opacity)) !important
}

#vue-components .border-turquoise-dark,#vue-components-modal .border-turquoise-dark{
  --tw-border-opacity: 1 !important;
  border-color:rgb(21, 62, 73, var(--tw-border-opacity)) !important
}

#vue-components .border-gray-custom-225,#vue-components-modal .border-gray-custom-225{
  border-color:#eaeaea !important
}

#vue-components .border-gray-custom-300,#vue-components-modal .border-gray-custom-300{
  --tw-border-opacity: 1 !important;
  border-color:rgba(219, 219, 219, var(--tw-border-opacity)) !important
}

#vue-components .border-gray-custom-400,#vue-components-modal .border-gray-custom-400{
  --tw-border-opacity: 1 !important;
  border-color:rgba(112, 112, 112, var(--tw-border-opacity)) !important
}

#vue-components .bg-transparent,#vue-components-modal .bg-transparent{
  background-color:rgba(0,0,0,0) !important
}

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

#vue-components .bg-black,#vue-components-modal .bg-black{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity)) !important
}

#vue-components .bg-background,#vue-components-modal .bg-background{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(250, 251, 251, var(--tw-bg-opacity)) !important
}

#vue-components .bg-turquoise,#vue-components-modal .bg-turquoise{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(0, 174, 199, var(--tw-bg-opacity)) !important
}

#vue-components .bg-green,#vue-components-modal .bg-green{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(6, 136, 64, var(--tw-bg-opacity)) !important
}

#vue-components .bg-turquoise-sp,#vue-components-modal .bg-turquoise-sp{
  --tw-text-opacity: 1 !important;
  background-color:rgba(0, 121, 143, var(--tw-text-opacity)) !important
}

#vue-components .bg-turquoise-dark,#vue-components-modal .bg-turquoise-dark{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(21, 62, 73, var(--tw-bg-opacity)) !important
}

#vue-components .bg-gray-custom-100,#vue-components-modal .bg-gray-custom-100{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(247, 247, 247, var(--tw-bg-opacity)) !important
}

#vue-components .bg-gray-custom-250,#vue-components-modal .bg-gray-custom-250{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(237, 237, 237, var(--tw-bg-opacity)) !important
}

#vue-components .bg-gray-custom-300,#vue-components-modal .bg-gray-custom-300{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(219, 219, 219, var(--tw-bg-opacity)) !important
}

#vue-components .bg-error,#vue-components-modal .bg-error{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(220, 55, 28, var(--tw-bg-opacity)) !important
}

#vue-components .hover\:bg-turquoise:hover,#vue-components-modal .hover\:bg-turquoise:hover{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(0, 174, 199, var(--tw-bg-opacity)) !important
}

#vue-components .hover\:bg-turquoise-sp:hover,#vue-components-modal .hover\:bg-turquoise-sp:hover{
  --tw-text-opacity: 1 !important;
  background-color:rgba(0, 121, 143, var(--tw-text-opacity)) !important
}

#vue-components .hover\:bg-turquoise-dark:hover,#vue-components-modal .hover\:bg-turquoise-dark:hover{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(21, 62, 73, var(--tw-bg-opacity)) !important
}

#vue-components .hover\:bg-dark:hover,#vue-components-modal .hover\:bg-dark:hover{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(6, 27, 63, var(--tw-bg-opacity)) !important
}

#vue-components .disabled\:bg-gray-custom-400:disabled,#vue-components-modal .disabled\:bg-gray-custom-400:disabled{
  --tw-bg-opacity: 1 !important;
  background-color:rgba(152, 152, 152, var(--tw-bg-opacity)) !important
}

#vue-components .bg-opacity-10,#vue-components-modal .bg-opacity-10{
  --tw-bg-opacity: 0.1 !important
}

#vue-components .bg-opacity-20,#vue-components-modal .bg-opacity-20{
  --tw-bg-opacity: 0.2 !important
}

#vue-components .bg-opacity-50,#vue-components-modal .bg-opacity-50{
  --tw-bg-opacity: 0.5 !important
}

#vue-components .bg-opacity-100,#vue-components-modal .bg-opacity-100{
  --tw-bg-opacity: 1 !important
}

#vue-components .hover\:bg-opacity-100:hover,#vue-components-modal .hover\:bg-opacity-100:hover{
  --tw-bg-opacity: 1 !important
}

#vue-components .p-0,#vue-components-modal .p-0{
  padding:0px !important
}

#vue-components .p-1,#vue-components-modal .p-1{
  padding:.25rem !important
}

#vue-components .p-4,#vue-components-modal .p-4{
  padding:1rem !important
}

#vue-components .p-5,#vue-components-modal .p-5{
  padding:1.25rem !important
}

#vue-components .px-0,#vue-components-modal .px-0{
  padding-left:0px !important;
  padding-right:0px !important
}

#vue-components .px-4,#vue-components-modal .px-4{
  padding-left:1rem !important;
  padding-right:1rem !important
}

#vue-components .px-5,#vue-components-modal .px-5{
  padding-left:1.25rem !important;
  padding-right:1.25rem !important
}

#vue-components .px-6,#vue-components-modal .px-6{
  padding-left:1.5rem !important;
  padding-right:1.5rem !important
}

#vue-components .px-7,#vue-components-modal .px-7{
  padding-left:1.7rem !important;
  padding-right:1.7rem !important
}

#vue-components .px-9,#vue-components-modal .px-9{
  padding-left:2.3rem !important;
  padding-right:2.3rem !important
}

#vue-components .px-11,#vue-components-modal .px-11{
  padding-left:2.75rem !important;
  padding-right:2.75rem !important
}

#vue-components .px-30px,#vue-components-modal .px-30px{
  padding-left:30px !important;
  padding-right:30px !important
}

#vue-components .py-0,#vue-components-modal .py-0{
  padding-top:0px !important;
  padding-bottom:0px !important
}

#vue-components .py-1,#vue-components-modal .py-1{
  padding-top:.25rem !important;
  padding-bottom:.25rem !important
}

#vue-components .py-3,#vue-components-modal .py-3{
  padding-top:.75rem !important;
  padding-bottom:.75rem !important
}

#vue-components .py-4,#vue-components-modal .py-4{
  padding-top:1rem !important;
  padding-bottom:1rem !important
}

#vue-components .py-5,#vue-components-modal .py-5{
  padding-top:1.25rem !important;
  padding-bottom:1.25rem !important
}

#vue-components .py-20,#vue-components-modal .py-20{
  padding-top:5rem !important;
  padding-bottom:5rem !important
}

#vue-components .py-15px,#vue-components-modal .py-15px{
  padding-top:15px !important;
  padding-bottom:15px !important
}

#vue-components .py-14px,#vue-components-modal .py-14px{
  padding-top:14px !important;
  padding-bottom:14px !important
}

#vue-components .pt-11px,#vue-components-modal .pt-11px{
  padding-top:11px !important
}

#vue-components .pt-2,#vue-components-modal .pt-2{
  padding-top:.5rem !important
}

#vue-components .pt-4,#vue-components-modal .pt-4{
  padding-top:1rem !important
}

#vue-components .pt-5,#vue-components-modal .pt-5{
  padding-top:1.25rem !important
}

#vue-components .pt-6,#vue-components-modal .pt-6{
  padding-top:1.5rem !important
}

#vue-components .pt-8,#vue-components-modal .pt-8{
  padding-top:2rem !important
}

#vue-components .pr-4,#vue-components-modal .pr-4{
  padding-right:1rem !important
}

#vue-components .pr-8,#vue-components-modal .pr-8{
  padding-right:2rem !important
}

#vue-components .pr-16,#vue-components-modal .pr-16{
  padding-right:4rem !important
}

#vue-components .pb-2,#vue-components-modal .pb-2{
  padding-bottom:.5rem !important
}

#vue-components .pb-10px,#vue-components-modal .pb-10px{
  padding-bottom:10px !important
}

#vue-components .pb-3,#vue-components-modal .pb-3{
  padding-bottom:.75rem !important
}

#vue-components .pb-5,#vue-components-modal .pb-5{
  padding-bottom:1.25rem !important
}

#vue-components .pb-8,#vue-components-modal .pb-8{
  padding-bottom:2rem !important
}

#vue-components .pb-16,#vue-components-modal .pb-16{
  padding-bottom:4rem !important
}

#vue-components .pl-6,#vue-components-modal .pl-6{
  padding-left:1.5rem !important
}

#vue-components .pl-35px,#vue-components-modal .pl-35px{
  padding-left:35px !important
}

#vue-components .text-center,#vue-components-modal .text-center{
  text-align:center !important
}

#vue-components .font-primary,#vue-components-modal .font-primary{
  font-family:"LFTEtica",Arial,sans-serif,system-ui !important
}

#vue-components .font-secondary,#vue-components-modal .font-secondary{
  font-family:"LFTEtica_Compressed_Bold",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important
}

#vue-components .text-xs,#vue-components-modal .text-xs{
  font-size:.75rem !important;
  line-height:1rem !important
}

#vue-components .text-sm,#vue-components-modal .text-sm{
  font-size:.875rem !important;
  line-height:1.25rem !important
}

#vue-components .text-base,#vue-components-modal .text-base{
  font-size:1rem !important;
  line-height:1.5rem !important
}

#vue-components .text-lg,#vue-components-modal .text-lg{
  font-size:1.125rem !important;
  line-height:1.75rem !important
}

#vue-components .text-xl,#vue-components-modal .text-xl{
  font-size:1.25rem !important;
  line-height:1.75rem !important
}

#vue-components .text-2xl,#vue-components-modal .text-2xl{
  font-size:1.5rem !important;
  line-height:2rem !important
}

#vue-components .text-4xl,#vue-components-modal .text-4xl{
  font-size:2.25rem !important;
  line-height:2.5rem !important
}

#vue-components .text-text-box,#vue-components-modal .text-text-box{
  font-size:20px !important;
  line-height:30px !important
}

#vue-components .text-tooltip,#vue-components-modal .text-tooltip{
  font-size:14px !important;
  line-height:100% !important
}

#vue-components .text-tooltip-frame,#vue-components-modal .text-tooltip-frame{
  font-size:16px !important;
  line-height:22px !important
}

#vue-components .text-15px,#vue-components-modal .text-15px{
  font-size:15px !important;
  line-height:24px !important
}

#vue-components .text-summary-heading,#vue-components-modal .text-summary-heading{
  font-size:30px !important;
  line-height:50px !important;
  letter-spacing:-0.6px !important
}

#vue-components .text-summary-value,#vue-components-modal .text-summary-value{
  font-size:40px !important;
  line-height:50px !important;
  letter-spacing:-0.8px !important
}

#vue-components .text-28px,#vue-components-modal .text-28px{
  font-size:28px !important;
  line-height:1 !important
}

#vue-components .text-introduction-heading-mobile,#vue-components-modal .text-introduction-heading-mobile{
  font-size:28px !important;
  line-height:38px !important
}

#vue-components .text-13px,#vue-components-modal .text-13px{
  font-size:13px !important
}

#vue-components .text-21px,#vue-components-modal .text-21px{
  font-size:21px !important
}

#vue-components .text-26px,#vue-components-modal .text-26px{
  font-size:26px !important;
  line-height:26px !important;
  letter-spacing:-0.44px !important
}

#vue-components .text-14px,#vue-components-modal .text-14px{
  font-size:14px !important;
  line-height:22px !important
}

#vue-components .font-medium,#vue-components-modal .font-medium{
  font-weight:500 !important
}

#vue-components .font-bold,#vue-components-modal .font-bold{
  font-weight:700 !important
}

#vue-components .uppercase,#vue-components-modal .uppercase{
  text-transform:uppercase !important
}

#vue-components .leading-5,#vue-components-modal .leading-5{
  line-height:1.25rem !important
}

#vue-components .leading-none,#vue-components-modal .leading-none{
  line-height:1 !important
}

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

#vue-components .text-red-600,#vue-components-modal .text-red-600{
  --tw-text-opacity: 1 !important;
  color:rgba(220, 38, 38, var(--tw-text-opacity)) !important
}

#vue-components .text-turquoise,#vue-components-modal .text-turquoise{
  --tw-text-opacity: 1 !important;
  color:rgba(0, 174, 199, var(--tw-text-opacity)) !important
}

#vue-components .text-turquoise-dark,#vue-components-modal .text-turquoise-dark{
  --tw-text-opacity: 1 !important;
  color:rgb(21, 62, 73, var(--tw-text-opacity)) !important
}

#vue-components .text-turquoise-sp,#vue-components-modal .text-turquoise-sp{
  --tw-text-opacity: 1 !important;
  color:rgba(0, 121, 143, var(--tw-text-opacity)) !important
}

#vue-components .text-dark,#vue-components-modal .text-dark{
  --tw-text-opacity: 1 !important;
  color:rgba(18, 18, 18, var(--tw-text-opacity)) !important
}

#vue-components .text-gray-custom-400,#vue-components-modal .text-gray-custom-400{
  --tw-text-opacity: 1 !important;
  color:rgba(152, 152, 152, var(--tw-text-opacity)) !important
}

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

#vue-components .underline,#vue-components-modal .underline{
  text-decoration:underline !important
}

#vue-components .opacity-0,#vue-components-modal .opacity-0{
  opacity:0 !important
}

#vue-components .opacity-100,#vue-components-modal .opacity-100{
  opacity:1 !important
}

#vue-components *,#vue-components ::before,#vue-components ::after,#vue-components-modal *,#vue-components-modal ::before,#vue-components-modal ::after{
  --tw-shadow: 0 0 #0000
}

#vue-components .shadow-tooltip,#vue-components-modal .shadow-tooltip{
  --tw-shadow: 0px 20px 40px #00000029 !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow) !important
}

#vue-components .shadow-navigation,#vue-components-modal .shadow-navigation{
  --tw-shadow: 0px 10px 10px -10px #00000020 !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow) !important
}

#vue-components .focus\:outline-none:focus,#vue-components-modal .focus\:outline-none:focus{
  outline:2px solid rgba(0,0,0,0) !important;
  outline-offset:2px !important
}

#vue-components .focus-visible\:outline-3px:focus-visible,#vue-components-modal .focus-visible\:outline-3px:focus-visible{
  outline-offset:3px !important
}

#vue-components *,#vue-components ::before,#vue-components ::after,#vue-components-modal *,#vue-components-modal ::before,#vue-components-modal ::after{
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000
}

#vue-components .focus\:ring-transparent:focus,#vue-components-modal .focus\:ring-transparent:focus{
  --tw-ring-color: transparent !important
}

#vue-components .focus-visible\:primary-focus:focus-visible,#vue-components-modal .focus-visible\:primary-focus:focus-visible{
  outline:3px solid #061b3f !important
}

#vue-components .filter,#vue-components-modal .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
}

#vue-components .transition-none,#vue-components-modal .transition-none{
  transition-property:none !important
}

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

#vue-components .transition-colors,#vue-components-modal .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
}

#vue-components .duration-150,#vue-components-modal .duration-150{
  transition-duration:150ms !important
}

#vue-components .duration-200,#vue-components-modal .duration-200{
  transition-duration:200ms !important
}

#vue-components .ease-in,#vue-components-modal .ease-in{
  transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important
}

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

@media(min-width: 640px){
  #vue-components .sm\:px-11,#vue-components-modal .sm\:px-11{
    padding-left:2.75rem !important;
    padding-right:2.75rem !important
  }

  #vue-components .sm\:px-12,#vue-components-modal .sm\:px-12{
    padding-left:3rem !important;
    padding-right:3rem !important
  }

  #vue-components .sm\:px-20,#vue-components-modal .sm\:px-20{
    padding-left:5rem !important;
    padding-right:5rem !important
  }

  #vue-components .sm\:px-24,#vue-components-modal .sm\:px-24{
    padding-left:6rem !important;
    padding-right:6rem !important
  }

  #vue-components .sm\:px-1\/4,#vue-components-modal .sm\:px-1\/4{
    padding-left:25% !important;
    padding-right:25% !important
  }

  #vue-components .sm\:py-5,#vue-components-modal .sm\:py-5{
    padding-top:1.25rem !important;
    padding-bottom:1.25rem !important
  }

  #vue-components .sm\:text-xl,#vue-components-modal .sm\:text-xl{
    font-size:1.25rem !important;
    line-height:1.75rem !important
  }

  #vue-components .sm\:text-5xl,#vue-components-modal .sm\:text-5xl{
    font-size:3rem !important;
    line-height:1 !important
  }
}

@media(min-width: 768px){
  #vue-components .md\:grid-cols-3,#vue-components-modal .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important
  }

  #vue-components .md\:px-28,#vue-components-modal .md\:px-28{
    padding-left:7rem !important;
    padding-right:7rem !important
  }

  #vue-components .md\:px-32,#vue-components-modal .md\:px-32{
    padding-left:8rem !important;
    padding-right:8rem !important
  }

  #vue-components .md\:px-36,#vue-components-modal .md\:px-36{
    padding-left:9rem !important;
    padding-right:9rem !important
  }

  #vue-components .md\:w-64,#vue-components-modal .md\:w-64{
    width:16rem !important
  }
}

@media(min-width: 1024px){
  #vue-components .lg\:inset-3,#vue-components-modal .lg\:inset-3{
    top:.75rem !important;
    right:.75rem !important;
    bottom:.75rem !important;
    left:.75rem !important
  }

  #vue-components .lg\:mt-2,#vue-components-modal .lg\:mt-2{
    margin-top:.5rem !important
  }

  #vue-components .lg\:mt-4,#vue-components-modal .lg\:mt-4{
    margin-top:1rem !important
  }

  #vue-components .lg\:mt-8,#vue-components-modal .lg\:mt-8{
    margin-top:2rem !important
  }

  #vue-components .lg\:mt-10,#vue-components-modal .lg\:mt-10{
    margin-top:2.5rem !important
  }

  #vue-components .lg\:mt-11,#vue-components-modal .lg\:mt-11{
    margin-top:2.75rem !important
  }

  #vue-components .lg\:mt-12,#vue-components-modal .lg\:mt-12{
    margin-top:3rem !important
  }

  #vue-components .lg\:mr-2,#vue-components-modal .lg\:mr-2{
    margin-right:.5rem !important
  }

  #vue-components .lg\:mr-4,#vue-components-modal .lg\:mr-4{
    margin-right:1rem !important
  }

  #vue-components .lg\:mr-10,#vue-components-modal .lg\:mr-10{
    margin-right:2.5rem !important
  }

  #vue-components .lg\:mb-0,#vue-components-modal .lg\:mb-0{
    margin-bottom:0rem !important
  }

  #vue-components .lg\:mb-3,#vue-components-modal .lg\:mb-3{
    margin-bottom:.75rem !important
  }

  #vue-components .lg\:mb-4,#vue-components-modal .lg\:mb-4{
    margin-bottom:1rem !important
  }

  #vue-components .lg\:mb-5,#vue-components-modal .lg\:mb-5{
    margin-bottom:1.25rem !important
  }

  #vue-components .lg\:mb-6,#vue-components-modal .lg\:mb-6{
    margin-bottom:1.5rem !important
  }

  #vue-components .lg\:mb-7,#vue-components-modal .lg\:mb-7{
    margin-bottom:1.75rem !important
  }

  #vue-components .lg\:mb-8,#vue-components-modal .lg\:mb-8{
    margin-bottom:2rem !important
  }

  #vue-components .lg\:mb-10,#vue-components-modal .lg\:mb-10{
    margin-bottom:2.5rem !important
  }

  #vue-components .lg\:mb-12,#vue-components-modal .lg\:mb-12{
    margin-bottom:3rem !important
  }

  #vue-components .lg\:ml-4,#vue-components-modal .lg\:ml-4{
    margin-left:1rem !important
  }

  #vue-components .lg\:sticky,#vue-components-modal .lg\:sticky{
    position:sticky !important
  }

  #vue-components .lg\:block,#vue-components-modal .lg\:block{
    display:block !important
  }

  #vue-components .lg\:inline-block,#vue-components-modal .lg\:inline-block{
    display:inline-block !important
  }

  #vue-components .lg\:inline,#vue-components-modal .lg\:inline{
    display:inline !important
  }

  #vue-components .lg\:flex,#vue-components-modal .lg\:flex{
    display:flex !important
  }

  #vue-components .lg\:hidden,#vue-components-modal .lg\:hidden{
    display:none !important
  }

  #vue-components .lg\:h-6,#vue-components-modal .lg\:h-6{
    height:1.5rem !important
  }

  #vue-components .lg\:h-7,#vue-components-modal .lg\:h-7{
    height:1.75rem !important
  }

  #vue-components .lg\:h-11,#vue-components-modal .lg\:h-11{
    height:2.75rem !important
  }

  #vue-components .lg\:h-36,#vue-components-modal .lg\:h-36{
    height:9rem !important
  }

  #vue-components .lg\:h-48,#vue-components-modal .lg\:h-48{
    height:12rem !important
  }

  #vue-components .lg\:h-52,#vue-components-modal .lg\:h-52{
    height:13rem !important
  }

  #vue-components .lg\:h-22px,#vue-components-modal .lg\:h-22px{
    height:22px !important
  }

  #vue-components .lg\:min-h-full,#vue-components-modal .lg\:min-h-full{
    min-height:100% !important
  }

  #vue-components .lg\:w-7,#vue-components-modal .lg\:w-7{
    width:1.75rem !important
  }

  #vue-components .lg\:w-auto,#vue-components-modal .lg\:w-auto{
    width:auto !important
  }

  #vue-components .lg\:w-1\/2,#vue-components-modal .lg\:w-1\/2{
    width:50% !important
  }

  #vue-components .lg\:w-22px,#vue-components-modal .lg\:w-22px{
    width:22px !important
  }

  #vue-components .lg\:w-50px,#vue-components-modal .lg\:w-50px{
    width:50px !important
  }

  #vue-components .lg\:flex-row,#vue-components-modal .lg\:flex-row{
    flex-direction:row !important
  }

  #vue-components .lg\:flex-row-reverse,#vue-components-modal .lg\:flex-row-reverse{
    flex-direction:row-reverse !important
  }

  #vue-components .lg\:items-center,#vue-components-modal .lg\:items-center{
    align-items:center !important
  }

  #vue-components .lg\:justify-center,#vue-components-modal .lg\:justify-center{
    justify-content:center !important
  }

  #vue-components .lg\:gap-4,#vue-components-modal .lg\:gap-4{
    gap:1rem !important
  }

  #vue-components .lg\:gap-8,#vue-components-modal .lg\:gap-8{
    gap:2rem !important
  }

  #vue-components .lg\:space-y-5>:not([hidden])~:not([hidden]),#vue-components-modal .lg\:space-y-5>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse: 0 !important;
    margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom:calc(1.25rem*var(--tw-space-y-reverse)) !important
  }

  #vue-components .lg\:self-end,#vue-components-modal .lg\:self-end{
    align-self:flex-end !important
  }

  #vue-components .lg\:rounded,#vue-components-modal .lg\:rounded{
    border-radius:.25rem !important
  }

  #vue-components .lg\:border-2,#vue-components-modal .lg\:border-2{
    border-width:2px !important
  }

  #vue-components .lg\:border-gray-custom-300,#vue-components-modal .lg\:border-gray-custom-300{
    --tw-border-opacity: 1 !important;
    border-color:rgba(219, 219, 219, var(--tw-border-opacity)) !important
  }

  #vue-components .lg\:px-0,#vue-components-modal .lg\:px-0{
    padding-left:0px !important;
    padding-right:0px !important
  }

  #vue-components .lg\:px-8,#vue-components-modal .lg\:px-8{
    padding-left:2rem !important;
    padding-right:2rem !important
  }

  #vue-components .lg\:px-9,#vue-components-modal .lg\:px-9{
    padding-left:2.3rem !important;
    padding-right:2.3rem !important
  }

  #vue-components .lg\:py-0,#vue-components-modal .lg\:py-0{
    padding-top:0px !important;
    padding-bottom:0px !important
  }

  #vue-components .lg\:py-5,#vue-components-modal .lg\:py-5{
    padding-top:1.25rem !important;
    padding-bottom:1.25rem !important
  }

  #vue-components .lg\:py-8,#vue-components-modal .lg\:py-8{
    padding-top:2rem !important;
    padding-bottom:2rem !important
  }

  #vue-components .lg\:py-40,#vue-components-modal .lg\:py-40{
    padding-top:10rem !important;
    padding-bottom:10rem !important
  }

  #vue-components .lg\:py-17px,#vue-components-modal .lg\:py-17px{
    padding-top:17px !important;
    padding-bottom:17px !important
  }

  #vue-components .lg\:pt-0,#vue-components-modal .lg\:pt-0{
    padding-top:0rem !important
  }

  #vue-components .lg\:pt-5,#vue-components-modal .lg\:pt-5{
    padding-top:1.25rem !important
  }

  #vue-components .lg\:pt-6,#vue-components-modal .lg\:pt-6{
    padding-top:1.5rem !important
  }

  #vue-components .lg\:pt-8,#vue-components-modal .lg\:pt-8{
    padding-top:2rem !important
  }

  #vue-components .lg\:pt-10,#vue-components-modal .lg\:pt-10{
    padding-top:2.5rem !important
  }

  #vue-components .lg\:pt-11,#vue-components-modal .lg\:pt-11{
    padding-top:2.75rem !important
  }

  #vue-components .lg\:pr-40,#vue-components-modal .lg\:pr-40{
    padding-right:10rem !important
  }

  #vue-components .lg\:pb-4,#vue-components-modal .lg\:pb-4{
    padding-bottom:1rem !important
  }

  #vue-components .lg\:pb-5,#vue-components-modal .lg\:pb-5{
    padding-bottom:1.25rem !important
  }

  #vue-components .lg\:pb-6,#vue-components-modal .lg\:pb-6{
    padding-bottom:1.5rem !important
  }

  #vue-components .lg\:pb-9,#vue-components-modal .lg\:pb-9{
    padding-bottom:2.3rem !important
  }

  #vue-components .lg\:pb-16,#vue-components-modal .lg\:pb-16{
    padding-bottom:4rem !important
  }

  #vue-components .lg\:pb-17px,#vue-components-modal .lg\:pb-17px{
    padding-bottom:17px !important
  }

  #vue-components .lg\:text-base,#vue-components-modal .lg\:text-base{
    font-size:1rem !important;
    line-height:1.5rem !important
  }

  #vue-components .lg\:text-xl,#vue-components-modal .lg\:text-xl{
    font-size:1.25rem !important;
    line-height:1.75rem !important
  }

  #vue-components .lg\:text-2xl,#vue-components-modal .lg\:text-2xl{
    font-size:1.5rem !important;
    line-height:2rem !important
  }

  #vue-components .lg\:text-6xl,#vue-components-modal .lg\:text-6xl{
    font-size:3.75rem !important;
    line-height:1 !important
  }

  #vue-components .lg\:text-section-heading,#vue-components-modal .lg\:text-section-heading{
    font-size:27px !important;
    line-height:40px !important;
    letter-spacing:-0.54px !important
  }

  #vue-components .lg\:text-text-box,#vue-components-modal .lg\:text-text-box{
    font-size:20px !important;
    line-height:30px !important
  }

  #vue-components .lg\:text-summary-heading,#vue-components-modal .lg\:text-summary-heading{
    font-size:30px !important;
    line-height:50px !important;
    letter-spacing:-0.6px !important
  }

  #vue-components .lg\:text-summary-value,#vue-components-modal .lg\:text-summary-value{
    font-size:40px !important;
    line-height:50px !important;
    letter-spacing:-0.8px !important
  }

  #vue-components .lg\:text-summary-value-large,#vue-components-modal .lg\:text-summary-value-large{
    font-size:80px !important;
    letter-spacing:-0.16px !important;
    line-height:1 !important
  }

  #vue-components .lg\:text-introduction-heading,#vue-components-modal .lg\:text-introduction-heading{
    font-size:48px !important;
    line-height:50px !important;
    letter-spacing:-0.1px !important
  }

  #vue-components .lg\:text-27px,#vue-components-modal .lg\:text-27px{
    font-size:27px !important;
    line-height:50px !important;
    letter-spacing:-0.54px !important
  }

  #vue-components .lg\:font-medium,#vue-components-modal .lg\:font-medium{
    font-weight:500 !important
  }

  #vue-components .lg\:leading-6,#vue-components-modal .lg\:leading-6{
    line-height:1.5rem !important
  }
}

@media(min-width: 1280px){
  #vue-components .xl\:mt-16,#vue-components-modal .xl\:mt-16{
    margin-top:4rem !important
  }

  #vue-components .xl\:pr-60,#vue-components-modal .xl\:pr-60{
    padding-right:15rem !important
  }

  #vue-components .xl\:text-80px,#vue-components-modal .xl\:text-80px{
    font-size:80px !important;
    line-height:90px !important;
    letter-spacing:-1.6px !important
  }
}

@media(min-width: 1536px){
  #vue-components .\32 xl\:px-0,#vue-components-modal .\32 xl\:px-0{
    padding-left:0px !important;
    padding-right:0px !important
  }
}

/* purgecss end ignore */
/* @tailwind base;
@tailwind components;
@tailwind utilities; */

/* @layer base {
    *,
    ::before,
    ::after {
        box-sizing: border-box;
    }
} */

/* overwrite general website's styles */

#vue-components fieldset {
  margin-top: 0px;
  border-width: 0px;
}

#vue-components input, #vue-components select {
  height: auto;
}

#vue-components button {
  background-image: none;
  padding: 0px;
  letter-spacing: 0em;
  transition-property: none;
}

#vue-components label {
  margin-bottom: 0px;
}

#vue-components :focus {
  outline: none !important;
  outline-color: none !important;
  outline-style: none !important;
  outline-width: none !important;
}

#vue-components button:hover {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#vue-components button:focus {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#vue-components p + * {
  margin-top: 0px;
}

#vue-components form {
  margin-top: 0px;
}

#vue-components h1 {
  margin-top: 0px;
}

#vue-components ol {
  max-width: none;
}

/* actual styles for the form */

#vue-components .input-text, #vue-components .input-number, #vue-components .select, #vue-components .option, #vue-components .multi-line-text {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 251, 251, var(--tw-bg-opacity));
  font-family: LFTEtica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1024px) {
  #vue-components .input-text, #vue-components .input-number, #vue-components .select, #vue-components .option, #vue-components .multi-line-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

#vue-components .option {
  padding: 0px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(18, 18, 18, var(--tw-text-opacity));
}

#vue-components .input-text, #vue-components .multi-line-text, #vue-components .input-number, #vue-components .select {
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(112, 112, 112, var(--tw-border-opacity));
}

#vue-components .input-text:focus, #vue-components .multi-line-text:focus, #vue-components .input-number:focus, #vue-components .select:focus {
  --tw-border-opacity: 1;
  border-color: rgba(112, 112, 112, var(--tw-border-opacity));
}

#vue-components .input-text, #vue-components .multi-line-text, #vue-components .input-number, #vue-components .select {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#vue-components .input-text:focus, #vue-components .multi-line-text:focus, #vue-components .input-number:focus, #vue-components .select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#vue-components label,
    #vue-components label,
    #vue-components label,
    #vue-components label,
    #vue-components legend,
    #vue-components legend,
    #vue-components legend,
    #vue-components legend,
    #vue-components span#vue-components .input-text,
    #vue-components span#vue-components .multi-line-text,
    #vue-components span#vue-components .input-number,
    #vue-components span#vue-components .select{
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#vue-components .input-number {
  font-weight: 500;
}

#vue-components .input-number {
  padding-right: 50%;
}

#vue-components .plus-minus {
  display: block;
  width: 5rem;
  border-bottom-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgba(219, 219, 219, var(--tw-border-opacity));
}

#vue-components .plus-minus:focus {
  --tw-border-opacity: 1;
  border-color: rgba(219, 219, 219, var(--tw-border-opacity));
}

#vue-components .plus-minus {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 251, 251, var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-family: LFTEtica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}

#vue-components .plus-minus:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

@media (min-width: 1024px) {
  #vue-components .plus-minus {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

#vue-components label,
    #vue-components legend,
    #vue-components span#vue-components .plus-minus{
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#vue-components .checkbox {
  margin-top: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-bottom-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgba(219, 219, 219, var(--tw-border-opacity));
}

#vue-components .checkbox:focus {
  --tw-border-opacity: 1;
  border-color: rgba(219, 219, 219, var(--tw-border-opacity));
}

#vue-components .checkbox {
  --tw-text-opacity: 1;
  color: rgba(0, 121, 143, var(--tw-text-opacity));
}

#vue-components .checkbox:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 0px;
}

#vue-components .input-text:focus,
    #vue-components .multi-line-text:focus,
    #vue-components .input-number:focus,
    #vue-components .select:focus,
    #vue-components .plus-minus:focus {
  border-color: #00798f;
}

#vue-components .input-text:focus-visible,
    #vue-components .multi-line-text:focus-visible,
    #vue-components .input-number:focus-visible,
    #vue-components .select:focus-visible,
    #vue-components .plus-minus:focus-visible {
  box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #000, 0 0 0 9px #FFF;
}

#vue-components .input-text:disabled {
  --tw-text-opacity: 1 !important;
  -webkit-text-fill-color: rgba(6, 27, 63, var(--tw-text-opacity)) !important; /* Override iOS / Android font color change */
  -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */
  opacity: 1; /* required on iOS */
  color: rgba(6, 27, 63, var(--tw-text-opacity)) !important /* Override IE font color change */
}

#vue-components .checkbox:checked {
  border-color: #00798f !important;
}

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

#vue-components .label {
  display: block;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  #vue-components .label {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

#vue-components label,
    #vue-components legend,
    #vue-components span#vue-components .label{
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#vue-components .error {
  border-bottom-color: #dc371c;
}

#vue-components .error:focus {
  border-bottom-color: #dc371c;
}

#vue-components .navigation-name {
  transform: translateX(calc(-50% + 9px));
}

#vue-components .navigation-btn--scaled {
  transform: scale(1.68);
}

#vue-components .plus-minus-btn {
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 121, 143, var(--tw-bg-opacity));
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

#vue-components .add-btn:hover .plus-minus-btn {
  --tw-bg-opacity: 1;
  background-color: rgba(18, 18, 18, var(--tw-bg-opacity));
}

#vue-components .duplicated-even {
  box-shadow: 36px 0px #f7f7f7f7, -36px 0px #f7f7f7f7;
}

#vue-components .has-error {
  scroll-margin-top: 120px;
}

#vue-components .add-btn-wrapper {
  scroll-margin-bottom: 40px;
}

#vue-components .fabric-with-link a {
  color: #00798f;
  font-size: inherit;
  text-decoration: underline;
}

@media (max-width: 1024px) {
  #vue-components .duplicated-even {
    box-shadow: 16px 0px #f7f7f7f7, -16px 0px #f7f7f7f7;
  }
}

#vue-components label,
    #vue-components legend,
    #vue-components span.block{
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#vue-components .vue-slider {
  box-sizing: content-box !important;
}


/* purgecss start ignore */

fieldset[disabled] .multiselect {
  pointer-events: none;
}

#fabric-form .multiselect__spinner {
  position: absolute;
  top: 1px;
  right: 2px;
  width: 38px;
  height: 44px;
  background: #fff;
  display: block;
}

#fabric-form .multiselect__spinner:after,
#fabric-form .multiselect__spinner:before {
  position: absolute;
  content: "";
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border-color: #038197 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}

#fabric-form .multiselect__spinner:before {
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}

#fabric-form .multiselect__spinner:after {
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}

#fabric-form .multiselect__loading-enter-active,
#fabric-form .multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}

#fabric-form .multiselect__loading-enter,
#fabric-form .multiselect__loading-leave-active {
  opacity: 0;
}

#fabric-form .multiselect,
#fabric-form .multiselect__input,
#fabric-form .multiselect__single {
  touch-action: manipulation;
}

#fabric-form .multiselect__input {
  font-size: 20px;
  line-height: 28px;
  height: auto;
}

#fabric-form .multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #061b3f;
}

#fabric-form .multiselect * {
  box-sizing: border-box;
}

#fabric-form .multiselect:focus {
  outline: none;
}

#fabric-form .multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}

#fabric-form .multiselect--active {
  z-index: 50;
}

#fabric-form .multiselect--active .multiselect__tags {
  border-bottom-color: #038197;
}

#fabric-form .multiselect--active .multiselect__select {
  transform: rotate(180deg);
}

#fabric-form .multiselect__input,
#fabric-form .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  border: none;
  background: #fff;
  padding: 0;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  vertical-align: top;
}

#fabric-form .multiselect__input::-moz-placeholder {
  color: #989898;
}

#fabric-form .multiselect__input::placeholder {
  color: #989898;
}

#fabric-form .multiselect__tag ~ .multiselect__input,
#fabric-form .multiselect__tag ~ .multiselect__single {
  width: auto;
}

#fabric-form .multiselect__input:hover,
#fabric-form .multiselect__single:hover {
  border-color: #dbdbdb;
}

#fabric-form .multiselect__input:focus,
#fabric-form .multiselect__single:focus {
  border-color: #dbdbdb;
  outline: none;
  box-shadow: none;
}

#fabric-form .multiselect__single {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 520px;
}

#fabric-form .multiselect__tags-wrap {
  display: inline;
}

#fabric-form .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 60px 8px 16px;
  /* border-radius: 5px; */
  border: 1px solid #dbdbdb;
  border-bottom: 3px solid #dbdbdb;
  background: #fff;
  font-size: 20px;
  line-height: 28px;
}

#fabric-form .multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  /* border-radius: 5px; */
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #00aec71a;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

#fabric-form .multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
}

#fabric-form .multiselect__tag-icon:after {
  content: "×";
  color: #00aec71a;
  font-size: 16px;
}

#fabric-form .multiselect__tag-icon:focus:after,
#fabric-form .multiselect__tag-icon:hover:after {
  color: #fff;
}

#fabric-form .multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  border: 1px solid #dbdbdb;
}

#fabric-form .multiselect__current,
#fabric-form .multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

#fabric-form .multiselect__select {
  position: absolute;
  width: 40px;
  height: 44px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform 0.2s ease;
}

#fabric-form .multiselect__select:before {
  position: relative;
  right: 0;
  top: 72%;
  color: #dbdbdb;
  margin-top: 4px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #dbdbdb transparent transparent transparent;
  content: "";
}

#fabric-form .multiselect__placeholder {
  color: #777;
  display: inline-block;
}

#fabric-form .multiselect--active .multiselect__placeholder {
  display: none;
}

#fabric-form .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #dbdbdb;
  border-top: none;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0px 20px 40px #00000029;
}

#fabric-form .multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}

#fabric-form .multiselect__content li {
  margin-top: 0;
}

#fabric-form .multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom: none;
  border-top: 1px solid #dbdbdb;
}

#fabric-form .multiselect__content::-webkit-scrollbar {
  display: none;
}

#fabric-form .multiselect__element {
  display: block;
}

#fabric-form .multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.3s;
}

#fabric-form .multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}

#fabric-form .multiselect__option--highlight {
  background: #00aec71a;
  outline: none;
  color: #6f6f6f;
}

#fabric-form .search-checkbox-container {
  background-color: #fff;
  transition: 0.2s ease-in-out;
}

#fabric-form .multiselect__option--highlight .search-checkbox-container {
  background-color: #068840;
}

#fabric-form .multiselect__option--highlight:after {
  content: attr(data-select);
  background: #00aec71a;
  color: #fff;
}

#fabric-form .multiselect--disabled .multiselect__current,
#fabric-form .multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}

#fabric-form .multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}

#fabric-form .multiselect__option--group {
  background: #ededed;
  color: #061b3f;
}

#fabric-form .multiselect__option--group.multiselect__option--highlight {
  background: #061b3f;
  color: #fff;
}

#fabric-form .multiselect__option--group.multiselect__option--highlight:after {
  background: #061b3f;
}

#fabric-form .multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}

#fabric-form .multiselect-enter-active,
#fabric-form .multiselect-leave-active {
  transition: all 0.15s ease;
}

#fabric-form .multiselect-enter,
#fabric-form .multiselect-leave-active {
  opacity: 0;
}

#fabric-form .multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

#fabric-form [dir="rtl"] .multiselect {
  text-align: right;
}

#fabric-form [dir="rtl"] .multiselect__select {
  right: auto;
  left: 1px;
}

#fabric-form [dir="rtl"] .multiselect__tags {
  padding: 8px 8px 0 40px;
}

#fabric-form [dir="rtl"] .multiselect__content {
  text-align: right;
}

#fabric-form [dir="rtl"] .multiselect__option:after {
  right: auto;
  left: 0;
}

#fabric-form [dir="rtl"] .multiselect__clear {
  right: auto;
  left: 12px;
}

#fabric-form [dir="rtl"] .multiselect__spinner {
  right: auto;
  left: 1px;
}

@keyframes spinning {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(2turn);
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

html{
  --font-family-primary: "LFTEtica", Arial, sans-serif, system-ui;
  --font-family-secondary: "LFTEtica_Compressed_Bold";
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --color-turquoise-sp: #00798f;
  --color-turquoise-dark: rgb(21, 62, 73);
  --color-turquoise: #00b5d0;
  --color-turquoise-light: #c1f4f1;
  --color-turquoise-lighter: #ecfcfb;
  --color-off-white: #f9f6ea;
  --color-purple-dark: #56143d;
  --color-purple: #f1c1c4;
  --color-purple-light: #fce8e9;
  --color-blue-dark: #061b3f;
  --color-blue: #00335b;
  --color-blue-light: #ddeffe;
  --color-grayscale-0: #fcfcfc;
  --color-grayscale-50: #fafbfb;
  --color-grayscale-100: #f7f7f7;
  --color-grayscale-200: #f2f2f2;
  --color-grayscale-300: #e6e6e6;
  --color-grayscale-400: #bdbdbd;
  --color-grayscale-1000: #121212;
  --color-white: #ffffff;
  --color-black: #000000
}

#vue-components .spinner-ring{
  display:inline-block;
  position:relative;
  width:20px;
  height:20px;
  margin-left:12px
}

#vue-components .spinner-ring div{
  box-sizing:border-box;
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  border:3px solid #fff;
  border-radius:50%;
  animation:spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
  transform:scale(1.2)
}

#vue-components .spinner-ring div:nth-child(1){
  animation-delay:-0.45s
}

#vue-components .spinner-ring div:nth-child(2){
  animation-delay:-0.3s
}

#vue-components .spinner-ring div:nth-child(3){
  animation-delay:-0.15s
}

#vue-components .spinner{
  border-radius:50%;
  height:5em;
  width:5em;
  animation:spinner 1.1s linear infinite;
  border:.5em solid rgba(0,121,143,.2);
  border-left-color:#00798f;
  font-size:20px;
  margin:60px auto;
  position:relative;
  text-indent:-9999em;
  transform:translateZ(0)
}

@media only screen and (min-width: 52em){
  #vue-components .spinner{
    height:15em;
    width:15em;
    border:1em solid rgba(0,121,143,.2);
    border-left-color:#00798f
  }
}

@keyframes spinner-ring{
  0%{
    transform:rotate(0deg) scale(1.2)
  }

  100%{
    transform:rotate(360deg) scale(1.2)
  }
}

/* purgecss end ignore */