.visible {

  visibility: visible;

}
.absolute {

  position: absolute;

}
.relative {

  position: relative;

}
.bottom-0 {

  bottom: 0px;

}
.bottom-4 {

  bottom: 1rem;

}
.bottom-8 {

  bottom: 2rem;

}
.bottom-\[4\.5rem\] {

  bottom: 4.5rem;

}
.left-4 {

  left: 1rem;

}
.right-0 {

  right: 0px;

}
.right-4 {

  right: 1rem;

}
.right-8 {

  right: 2rem;

}
.z-50 {

  z-index: 50;

}
.m-\[2px\] {

  margin: 2px;

}
.ml-1 {

  margin-left: 0.25rem;

}
.ml-auto {

  margin-left: auto;

}
.block {

  display: block;

}
.flex {

  display: flex;

}
.grid {

  display: grid;

}
.hidden {

  display: none;

}
.h-14 {

  height: 3.5rem;

}
.h-16 {

  height: 4rem;

}
.h-32 {

  height: 8rem;

}
.h-6 {

  height: 1.5rem;

}
.h-\[32px\] {

  height: 32px;

}
.h-\[36px\] {

  height: 36px;

}
.h-\[calc\(100\%-188px\)\] {

  height: calc(100% - 188px);

}
.h-\[calc\(100\%-800px\)\] {

  height: calc(100% - 800px);

}
.h-\[calc\(100vh-84px\)\] {

  height: calc(100vh - 84px);

}
.h-full {

  height: 100%;

}
.max-h-full {

  max-height: 100%;

}
.min-h-\[200px\] {

  min-height: 200px;

}
.w-16 {

  width: 4rem;

}
.w-6 {

  width: 1.5rem;

}
.w-64 {

  width: 16rem;

}
.w-80 {

  width: 20rem;

}
.w-\[32px\] {

  width: 32px;

}
.w-\[36px\] {

  width: 36px;

}
.w-\[40rem\] {

  width: 40rem;

}
.w-full {

  width: 100%;

}
.min-w-\[165px\] {

  min-width: 165px;

}
.max-w-\[400px\] {

  max-width: 400px;

}
.flex-none {

  flex: none;

}
.shrink-0 {

  flex-shrink: 0;

}
.grow {

  flex-grow: 1;

}
.basis-0 {

  flex-basis: 0px;

}
.rotate-45 {

  --tw-rotate: 45deg;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}
.transform {

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}
@keyframes fade-in {
  0% {

    opacity: 0;

  }
  100% {

    opacity: 1;

  }

}
.animate-fade-in {

  animation: fade-in 0.3s ease-out;

}
@keyframes fade-up {
  0% {

    opacity: 0;

    transform: translateY(1rem);

  }
  100% {

    opacity: 1;

    transform: translateY(0);

  }

}
.animate-fade-up {

  animation: fade-up 0.2s ease-out;

}
@keyframes spin {
  to {

    transform: rotate(360deg);

  }

}
.animate-spin-slow {

  animation: spin 2s linear infinite;

}
.cursor-pointer {

  cursor: pointer;

}
.resize-none {

  resize: none;

}
.resize {

  resize: both;

}
.grid-cols-2 {

  grid-template-columns: repeat(2, minmax(0, 1fr));

}
.grid-cols-\[2fr\2c 1fr\] {

  grid-template-columns: 2fr 1fr;

}
.flex-row {

  flex-direction: row;

}
.flex-col {

  flex-direction: column;

}
.flex-col-reverse {

  flex-direction: column-reverse;

}
.items-center {

  align-items: center;

}
.justify-center {

  justify-content: center;

}
.justify-between {

  justify-content: space-between;

}
.gap-2 {

  gap: 0.5rem;

}
.gap-3 {

  gap: 0.75rem;

}
.gap-4 {

  gap: 1rem;

}
.overflow-auto {

  overflow: auto;

}
.overflow-hidden {

  overflow: hidden;

}
.overflow-x-auto {

  overflow-x: auto;

}
.overflow-y-auto {

  overflow-y: auto;

}
.rounded-full {

  border-radius: 9999px;

}
.rounded-md {

  border-radius: 0.375rem;

}
.border {

  border-width: 1px;

}
.border-0 {

  border-width: 0px;

}
.border-b {

  border-bottom-width: 1px;

}
.border-solid {

  border-style: solid;

}
.border-none {

  border-style: none;

}
.border-gray-200 {

  --tw-border-opacity: 1;

  border-color: rgb(229 231 235 / var(--tw-border-opacity));

}
.bg-blue-300 {

  --tw-bg-opacity: 1;

  background-color: rgb(147 197 253 / var(--tw-bg-opacity));

}
.bg-gray-100 {

  --tw-bg-opacity: 1;

  background-color: rgb(243 244 246 / var(--tw-bg-opacity));

}
.bg-gray-200 {

  --tw-bg-opacity: 1;

  background-color: rgb(229 231 235 / var(--tw-bg-opacity));

}
.bg-gray-400 {

  --tw-bg-opacity: 1;

  background-color: rgb(156 163 175 / var(--tw-bg-opacity));

}
.bg-gray-50 {

  --tw-bg-opacity: 1;

  background-color: rgb(249 250 251 / var(--tw-bg-opacity));

}
.bg-gray-900 {

  --tw-bg-opacity: 1;

  background-color: rgb(17 24 39 / var(--tw-bg-opacity));

}
.p-2 {

  padding: 0.5rem;

}
.p-4 {

  padding: 1rem;

}
.px-2 {

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}
.py-1 {

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

}
.pr-2 {

  padding-right: 0.5rem;

}
.text-center {

  text-align: center;

}
.text-sm {

  font-size: 0.875rem;

  line-height: 1.25rem;

}
.text-xs {

  font-size: 0.75rem;

  line-height: 1rem;

}
.font-bold {

  font-weight: 700;

}
.font-semibold {

  font-weight: 600;

}
.uppercase {

  text-transform: uppercase;

}
.text-gray-50 {

  --tw-text-opacity: 1;

  color: rgb(249 250 251 / var(--tw-text-opacity));

}
.text-gray-500 {

  --tw-text-opacity: 1;

  color: rgb(107 114 128 / var(--tw-text-opacity));

}
.text-gray-600 {

  --tw-text-opacity: 1;

  color: rgb(75 85 99 / var(--tw-text-opacity));

}
.text-white {

  --tw-text-opacity: 1;

  color: rgb(255 255 255 / var(--tw-text-opacity));

}
.shadow-lg {

  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}
.shadow-sm {

  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}
.shadow-xl {

  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}
.outline-none {

  outline: 2px solid transparent;

  outline-offset: 2px;

}
.filter {

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

}
:root {

  --sans-serif: system-ui, sans-serif;
  --monospace: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;

  /* Colors */

  --text-color: #333333;

  --gray-1: #f9fafb;
  --gray-2: #eff1f3;
  --gray-3: #d8dbe2;
  --gray-4: #818998;
  --gray-5: #575c66;
  --gray-6: #2c374b;

  --blue-1: #f5f6ff;
  --blue-2: #4e5de4;
  --blue-3: #343f9d;

  --yellow-1: #fffaeb;
  --yellow-2: #ffcc33;
  --yellow-3: #b27700;

  --red-1: #feecec;
  --red-2: #f53d3d;
  --red-3: #aa0909;
  
  --solidity-blue-1: #51d4ff;
  --solidity-blue-2: #4e5de4;

  --cairo-orange-1: #fe9149;
  --cairo-orange-2: #fe4a3c;

  /* Dimensions (scale taken from Tailwind) */

  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 0.75rem;
  --size-4: 1rem;
  --size-8: 2rem;
  --size-64: 16rem;

  /* Font Sizes */

  --text-small: 0.875rem;

  /* Utilities */

  --shadow: 0 2px 3px rgba(0, 0, 0, .1);

  --icon-adjust: 0.125em;

}

body {
  background: #f9fafb;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  line-height: 1.8;
  box-sizing: border-box;
}

@font-face {
  font-family: 'silka';
  src: url('/fonts/silka-regular-webfont.eot');
  src: url('/fonts/silka-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/silka-regular-webfont.woff2') format('woff2'),
       url('/fonts/silka-regular-webfont.woff') format('woff'),
       url('/fonts/silka-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'silka';
  src: url('/fonts/silka-semibold-webfont.eot');
  src: url('/fonts/silka-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/silka-semibold-webfont.woff2') format('woff2'),
       url('/fonts/silka-semibold-webfont.woff') format('woff'),
       url('/fonts/silka-semibold-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'silka';
  src: url('/fonts/silka-bold-webfont.eot');
  src: url('/fonts/silka-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/silka-bold-webfont.woff2') format('woff2'),
       url('/fonts/silka-bold-webfont.woff') format('woff'),
       url('/fonts/silka-bold-webfont.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Header */
.header {
  text-align: left;
  padding: 1.5rem 1rem 1.5rem;
  margin: 0 0 14rem;
  font-family: 'silka', Arial, Helvetica, sans-serif;
  background: white;
  display: flex;
  flex-direction: row;
  min-width: 800px;
}
.header img {
  margin: 0 2rem 0;
}

.header .switch {
  --color-1: var(--solidity-blue-1);
  --color-2: var(--solidity-blue-2);
  display: block;
  background: linear-gradient(to right, var(--color-1), var(--color-2));
  font-size: 1.1rem;
  line-height: 1;
  color: white;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
  padding: 0.5rem 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}

.header .switch.switch-off:not(:hover, :focus) {
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  box-shadow: 0 0 0 1px var(--color-2) inset;
}

.header .switch.switch-solidity {
  --color-1: var(--solidity-blue-1);
  --color-2: var(--solidity-blue-2);
}

.header .switch.switch-cairo {
  --color-1: var(--cairo-orange-1);
  --color-2: var(--cairo-orange-2);
}

.header .link {
  color: var(--text-color);
  display: block;
  background: white;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  text-decoration: none;
  padding: 1rem 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

/* Wizard */
.wizard-container {
  padding: 0 1rem 1.5rem;
  max-width: 100%;
  margin: -12rem auto 0;
}
.wizard {
  background-color: #f9fafb;
  box-shadow: 0px 10px 40px rgb(108 133 171 / 20%);
  border-radius: 1rem;
  min-width: 800px;
  max-width: 1500px;
  margin: auto;
}

/* Footer */
.footer-icons {
  display: flex;
  justify-content: center;
}
footer img {
  height: 2rem;
  width: 2rem;
  padding: 0.5rem;
}
footer p {
  text-align: center;
  color: #757588;
  font-family: 'silka', Arial, Helvetica, sans-serif;
  font-size: 0.8rem;
  margin: 0 auto 2rem;
  padding: 0 1rem;
}
footer a {
  color: #757588;
  font-family: 'silka', Arial, Helvetica, sans-serif;
  text-decoration: none;
}
footer a:hover,
footer a:focus {
  color: #4e5de4;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .defender {
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 3rem;
    text-align: left;
  }
  .defender a {
    margin: 0 auto 0 0;
    width: -moz-max-content;
    width: max-content;
  }
}

/* To reset HubSpot Popup Banner's default animation effect */
body .leadinModal.leadinModal-theme-top {
  top: auto;
  bottom: 0;
  z-index: 99999999999;
}
.leadinModal.leadinModal-theme-top .leadinModal-content {
 animation-name: leadinModal-reset!important;
}
.leadinModal.leadinModal-theme-top.leadinModal-closing,
.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content{
    animation-name: leadinModal-fadeout!important;
}

@keyframes leadinModal-reset {
    0% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 0;
    }
    1% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 0;
    }
    2% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 1;
    }
  }

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

  --tw-bg-opacity: 1;

  background-color: rgb(96 165 250 / var(--tw-bg-opacity));

}

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

  --tw-bg-opacity: 1;

  background-color: rgb(229 231 235 / var(--tw-bg-opacity));

}

.hover\:bg-white:hover {

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

}

/*# sourceMappingURL=standalone.css.map */