@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :after,
    :before {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}
@layer theme {
  :host,
  :root {
    --font-sans: "Inter", 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-serif: "Poppins", Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --color-yellow-200: #fff085;
    --color-yellow-500: #edb200;
    --color-green-50: #f0fdf4;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-gray-50: #f9fafb;
    --color-gray-500: #6a7282;
    --color-gray-800: #1e2939;
    --color-gray-900: #101828;
    --color-neutral-900: #171717;
    --color-black: #272e35;
    --color-white: #f7f7f8;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1.33333;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.42857;
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.55556;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.4;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.33333;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1.11111;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-gray: #6e757c;
    --color-gray-light: #bac3ca;
    --color-orange: #faa87a;
    --color-asphalt: #969db1;
    --color-light: #eeeff2;
    --color-primary: #ff6e30;
    --color-primary-highlight: #fc4b00;
    --color-secondary: #748fb5;
    --color-dark: #1e252b;
    --color-grey: #bac3ca;
    --color-dark-bg: #2c353d;
    --color-dark-light: #74777e;
    --color-rocksolid-blue: #00b4fe;
    --color-rocksolid-blue-highlight: #008cd4;
  }
  @supports (color: color(display-p3 0 0 0)) {
    :host,
    :root {
      --color-yellow-200: color(display-p3 0.988789 0.943116 0.579188);
      --color-yellow-500: color(display-p3 0.903651 0.703062 0.0745389);
      --color-green-50: color(display-p3 0.950677 0.990571 0.959366);
      --color-green-600: color(display-p3 0.243882 0.640824 0.294808);
      --color-green-700: color(display-p3 0.198355 0.501799 0.245335);
      --color-gray-50: color(display-p3 0.977213 0.98084 0.985102);
      --color-gray-500: color(display-p3 0.421287 0.446085 0.504784);
      --color-gray-800: color(display-p3 0.125854 0.159497 0.216835);
      --color-gray-900: color(display-p3 0.070423 0.0928982 0.151928);
      --color-neutral-900: color(display-p3 0.0905274 0.0905274 0.0905274);
    }
  }
  @supports (color: lab(0% 0 0)) {
    :host,
    :root {
      --color-yellow-200: lab(94.3433% -5.00429 52.9663);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-green-50: lab(98.1563% -5.60117 2.75915);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-gray-50: lab(98.2596% -0.247031 -0.706708);
      --color-gray-500: lab(47.7841% -0.393182 -10.0268);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-gray-900: lab(8.11897% 0.811279 -12.254);
      --color-neutral-900: lab(7.78201% -0.0000149012 0);
    }
  }
}
@layer base {
  *,
  :after,
  :before {
    border: 0 solid;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  ::backdrop {
    border: 0 solid;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  ::-webkit-file-upload-button {
    border: 0 solid;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    border: 0 solid;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  :host,
  html {
    -webkit-text-size-adjust: 100%;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-size: 1em;
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  menu,
  ol,
  ul {
    list-style: none;
  }
  audio,
  canvas,
  embed,
  iframe,
  img,
  object,
  svg,
  video {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    height: auto;
    max-width: 100%;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    background-color: #0000;
    border-radius: 0;
    color: inherit;
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1;
  }
  ::-webkit-file-upload-button {
    background-color: #0000;
    border-radius: 0;
    color: inherit;
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1;
  }
  ::file-selector-button {
    background-color: #0000;
    border-radius: 0;
    color: inherit;
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1;
  }
  :where(select:-webkit-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:-moz-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:-webkit-any([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  :where(select:-moz-any([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::-webkit-file-upload-button {
    margin-inline-end: 4px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field {
    padding-block-end: 0;
    padding-block-start: 0;
  }
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field {
    padding-block-end: 0;
    padding-block-start: 0;
  }
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field {
    padding-block-end: 0;
    padding-block-start: 0;
  }
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-second-field {
    padding-block-end: 0;
    padding-block-start: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block-end: 0;
    padding-block-start: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .sr-only {
    border-width: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 1px;
  }
  .absolute,
  .sr-only {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-\[18px\] {
    top: -18px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-\[-2px\] {
    top: -2px;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-\[2px\] {
    left: 2px;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: -10;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .-m-3 {
    margin: calc(var(--spacing) * -3);
  }
  .m-auto {
    margin: auto;
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline-end: auto;
    margin-inline-start: auto;
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .-my-3 {
    margin-block: calc(var(--spacing) * -3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-40 {
    margin-block: calc(var(--spacing) * 40);
  }
  .-mt-32 {
    margin-top: calc(var(--spacing) * -32);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .-mr-\[2px\] {
    margin-right: -2px;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-auto {
    aspect-ratio: auto;
  }
  .size-0\.5 {
    height: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 0.5);
  }
  .size-5 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\/2 {
    height: 50%;
  }
  .h-1\/3 {
    height: 33.3333%;
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[64rem\] {
    height: 64rem;
  }
  .h-full {
    height: 100%;
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[64rem\] {
    width: 64rem;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .origin-top-right {
    transform-origin: 100% 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
  .-translate-x-1\/2,
  .translate-y-0 {
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
  }
  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
  }
  .scale-100,
  .scale-95 {
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
  }
  .-rotate-180 {
    rotate: -180deg;
  }
  .rotate-0 {
    rotate: none;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
      var(--tw-skew-x) var(--tw-skew-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-end: calc(
      var(--spacing) * 2 * (1 - var(--tw-space-y-reverse))
    );
    margin-block-start: calc(var(--spacing) * 2 * var(--tw-space-y-reverse));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-end: calc(
      var(--spacing) * 4 * (1 - var(--tw-space-y-reverse))
    );
    margin-block-start: calc(var(--spacing) * 4 * var(--tw-space-y-reverse));
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-end: calc(
      var(--spacing) * 5 * (1 - var(--tw-space-y-reverse))
    );
    margin-block-start: calc(var(--spacing) * 5 * var(--tw-space-y-reverse));
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-end: calc(
      var(--spacing) * 6 * (1 - var(--tw-space-x-reverse))
    );
    margin-inline-start: calc(var(--spacing) * 6 * var(--tw-space-x-reverse));
  }
  :where(.space-x-10 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-end: calc(
      var(--spacing) * 10 * (1 - var(--tw-space-x-reverse))
    );
    margin-inline-start: calc(var(--spacing) * 10 * var(--tw-space-x-reverse));
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
  }
  :where(.divide-y-2 > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(2px * (1 - var(--tw-divide-y-reverse)));
    border-top-style: var(--tw-border-style);
    border-top-width: calc(2px * var(--tw-divide-y-reverse));
  }
  :where(.divide-gray > :not(:last-child)) {
    border-color: var(--color-gray);
  }
  :where(.divide-grey\/50 > :not(:last-child)) {
    border-color: #bac3ca80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-grey\/50 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-grey) 50%, transparent);
    }
  }
  :where(.divide-light > :not(:last-child)) {
    border-color: var(--color-light);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-gray {
    border-color: var(--color-gray);
  }
  .border-gray-light {
    border-color: var(--color-gray-light);
  }
  .border-grey\/50 {
    border-color: #bac3ca80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-grey\/50 {
      border-color: color-mix(in oklab, var(--color-grey) 50%, transparent);
    }
  }
  .border-light {
    border-color: var(--color-light);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/10 {
    border-color: #f7f7f81a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-asphalt {
    background-color: var(--color-asphalt);
  }
  .bg-dark {
    background-color: var(--color-dark);
  }
  .bg-dark-bg {
    background-color: var(--color-dark-bg);
  }
  .bg-dark-light {
    background-color: var(--color-dark-light);
  }
  .bg-gray {
    background-color: var(--color-gray);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-light {
    background-color: var(--color-light);
  }
  .bg-orange {
    background-color: var(--color-orange);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-rocksolid-blue {
    background-color: var(--color-rocksolid-blue);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: #f7f7f80d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-yellow-200 {
    --tw-gradient-from: var(--color-yellow-200);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-primary-highlight {
    --tw-gradient-to: var(--color-primary-highlight);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-yellow-500 {
    --tw-gradient-to: var(--color-yellow-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .\[mask-image\:radial-gradient\(50\%_50\%\,white\,transparent\)\] {
    -webkit-mask-image: radial-gradient(50% 50%, #fff, #0000);
    mask-image: radial-gradient(50% 50%, #fff, #0000);
  }
  .\[mask-image\:radial-gradient\(50\%_50\%\,white\,transparent_85\%\)\] {
    -webkit-mask-image: radial-gradient(50% 50%, #fff, #0000 85%);
    mask-image: radial-gradient(50% 50%, #fff, #0000 85%);
  }
  .\[mask-image\:radial-gradient\(closest-side\,white\,transparent\)\] {
    -webkit-mask-image: radial-gradient(closest-side, #fff, #0000);
    mask-image: radial-gradient(closest-side, #fff, #0000);
  }
  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .fill-asphalt {
    fill: var(--color-asphalt);
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-gray {
    fill: var(--color-gray);
  }
  .fill-orange {
    fill: var(--color-orange);
  }
  .fill-primary {
    fill: var(--color-primary);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-lg,
  .text-lg\/8 {
    font-size: var(--text-lg);
  }
  .text-lg\/8 {
    line-height: calc(var(--spacing) * 8);
  }
  .text-sm {
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm,
  .text-sm\/6 {
    font-size: var(--text-sm);
  }
  .text-sm\/6 {
    line-height: calc(var(--spacing) * 6);
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-asphalt {
    color: var(--color-asphalt);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-dark {
    color: var(--color-dark);
  }
  .text-dark-light {
    color: var(--color-dark-light);
  }
  .text-gray {
    color: var(--color-gray);
  }
  .text-gray-50 {
    color: var(--color-gray-50);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-gray-light {
    color: var(--color-gray-light);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-light {
    color: var(--color-light);
  }
  .text-neutral-900 {
    color: var(--color-neutral-900);
  }
  .text-orange {
    color: var(--color-orange);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-rocksolid-blue {
    color: var(--color-rocksolid-blue);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-transparent {
    color: #0000;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/20 {
    color: #f7f7f833;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/20 {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .text-white\/30 {
    color: #f7f7f84d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-white\/50 {
    color: #f7f7f880;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/75 {
    color: #f7f7f8bf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-10 {
    opacity: 0.1;
  }
  .opacity-100 {
    opacity: 1;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  }
  .shadow,
  .shadow-2xl {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  }
  .shadow-lg,
  .shadow-xs {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  }
  .ring-0,
  .ring-1 {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  }
  .ring-black {
    --tw-ring-color: var(--color-black);
  }
  .ring-green-600\/20 {
    --tw-ring-color: #00a54433;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-green-600\/20 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-green-600) 20%,
        transparent
      );
    }
  }
  .ring-rocksolid-blue\/20 {
    --tw-ring-color: #00b4fe33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-rocksolid-blue\/20 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-rocksolid-blue) 20%,
        transparent
      );
    }
  }
  .invert {
    --tw-invert: invert(100%);
  }
  .filter,
  .invert {
    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);
  }
  .transition {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
      filter, -webkit-backdrop-filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
  }
  .transition-all {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
  }
  .transition-transform {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
  }
  .duration-100 {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-500 {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-\[height\] {
    will-change: height;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  @media (hover: hover) {
    .group-hover\:text-black:is(:where(.group):hover *) {
      color: var(--color-black);
    }
    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .before\:bg-\[radial-gradient\(circle_at_bottom_center\,\#FF6E30\,transparent_70\%\)\]:before {
    background-image: radial-gradient(circle at bottom, #ff6e30, #0000 70%);
    content: var(--tw-content);
  }
  .before\:opacity-40:before {
    content: var(--tw-content);
    opacity: 0.4;
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }
  .after\:-left-1\/2:after {
    content: var(--tw-content);
    left: -50%;
  }
  .after\:aspect-\[1\/0\.7\]:after {
    aspect-ratio: 1/0.7;
    content: var(--tw-content);
  }
  .after\:w-\[200\%\]:after {
    content: var(--tw-content);
    width: 200%;
  }
  .after\:rounded-\[100\%\]:after {
    border-radius: 100%;
    content: var(--tw-content);
  }
  .after\:border-t:after {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    content: var(--tw-content);
  }
  .after\:border-\[\#FF6E30\]:after {
    border-color: #ff6e30;
    content: var(--tw-content);
  }
  .after\:bg-dark:after {
    background-color: var(--color-dark);
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .hover\:bg-gray-light:hover {
      background-color: var(--color-gray-light);
    }
    .hover\:bg-light:hover {
      background-color: var(--color-light);
    }
    .hover\:bg-primary-highlight:hover {
      background-color: var(--color-primary-highlight);
    }
    .hover\:bg-rocksolid-blue-highlight:hover {
      background-color: var(--color-rocksolid-blue-highlight);
    }
    .hover\:bg-white\/\[0\.075\]:hover {
      background-color: #f7f7f813;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.075\]:hover {
        background-color: color-mix(
          in oklab,
          var(--color-white) 7.5%,
          transparent
        );
      }
    }
    .hover\:fill-black:hover {
      fill: var(--color-black);
    }
    .hover\:text-black:hover {
      color: var(--color-black);
    }
    .hover\:text-light:hover {
      color: var(--color-light);
    }
    .hover\:text-primary-highlight:hover {
      color: var(--color-primary-highlight);
    }
    .hover\:text-rocksolid-blue-highlight:hover {
      color: var(--color-rocksolid-blue-highlight);
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:outline-offset-\[-4px\]:focus-visible {
    outline-offset: -4px;
  }
  @media (min-width: 40rem) {
    .sm\:-left-\[2px\] {
      left: -2px;
    }
    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:justify-items-center {
      justify-items: center;
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    :where(.sm\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(
        var(--spacing) * 4 * (1 - var(--tw-space-y-reverse))
      );
      margin-block-start: calc(var(--spacing) * 4 * var(--tw-space-y-reverse));
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .sm\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .sm\:before\:flex-1:before {
      content: var(--tw-content);
      flex: 1;
    }
  }
  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
    .md\:hidden {
      display: none;
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .md\:pr-20 {
      padding-right: calc(var(--spacing) * 20);
    }
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (min-width: 64rem) {
    .lg\:left-1\/2 {
      left: 50%;
    }
    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .lg\:mb-32 {
      margin-bottom: calc(var(--spacing) * 32);
    }
    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:w-0 {
      width: calc(var(--spacing) * 0);
    }
    .lg\:max-w-none {
      max-width: none;
    }
    .lg\:flex-1 {
      flex: 1;
    }
    .lg\:-translate-x-1\/2 {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:justify-start {
      justify-content: flex-start;
    }
    :where(.lg\:space-x-10 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(
        var(--spacing) * 10 * (1 - var(--tw-space-x-reverse))
      );
      margin-inline-start: calc(
        var(--spacing) * 10 * var(--tw-space-x-reverse)
      );
    }
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .lg\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
    .lg\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }
    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (min-width: 80rem) {
    .xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .xl\:inline {
      display: inline;
    }
    .xl\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
    .xl\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .dark\:block:where(.dark, .dark *) {
    display: block;
  }
  .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }
  .dark\:border-gray:where(.dark, .dark *) {
    border-color: var(--color-gray);
  }
  .dark\:bg-dark:where(.dark, .dark *) {
    background-color: var(--color-dark);
  }
  .dark\:bg-dark-bg:where(.dark, .dark *) {
    background-color: var(--color-dark-bg);
  }
  .dark\:bg-gray:where(.dark, .dark *) {
    background-color: var(--color-gray);
  }
  .dark\:text-dark-light:where(.dark, .dark *) {
    color: var(--color-dark-light);
  }
  .dark\:text-gray:where(.dark, .dark *) {
    color: var(--color-gray);
  }
  .dark\:text-gray-light:where(.dark, .dark *) {
    color: var(--color-gray-light);
  }
  .dark\:text-light:where(.dark, .dark *) {
    color: var(--color-light);
  }
  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .dark\:invert:where(.dark, .dark *) {
    --tw-invert: invert(100%);
    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);
  }
  .dark\:invert-0:where(.dark, .dark *) {
    --tw-invert: invert(0%);
    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);
  }
  @media (hover: hover) {
    .dark\:group-hover\:text-light:where(.dark, .dark *):is(
        :where(.group):hover *
      ) {
      color: var(--color-light);
    }
    .dark\:hover\:bg-dark:where(.dark, .dark *):hover {
      background-color: var(--color-dark);
    }
    .hover\:dark\:bg-white:hover:where(.dark, .dark *) {
      background-color: var(--color-white);
    }
    .dark\:hover\:fill-white:where(.dark, .dark *):hover {
      fill: var(--color-white);
    }
    .dark\:hover\:text-light:where(.dark, .dark *):hover {
      color: var(--color-light);
    }
    .dark\:hover\:text-white:where(.dark, .dark *):hover {
      color: var(--color-white);
    }
  }
}
body,
html {
  overflow-x: hidden;
}
:root {
  --theme-color: variables. $ light;
}
html.dark {
  --theme-color: variables. $ dark;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #eeeff2;
  color: #272e35;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  min-width: 375px;
}
body.no-scroll {
  overflow: hidden;
}
body.dark {
  background: #1e252b;
  color: #f7f7f8;
}
button,
input,
select,
textarea {
  font-family: Inter, sans-serif;
}
img {
  vertical-align: middle;
}
#home,
.page {
  overflow: hidden;
}
#home {
  position: relative;
}
.footer {
  margin-bottom: 100px;
  padding-top: 48px;
}
.center {
  margin: 0 auto;
  max-width: 1248px;
  padding: 0 64px;
}
@media only screen and (max-width: 1023px) {
  .center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .center {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 599px) {
  .center {
    padding: 0 10px;
  }
}
.menu-center {
  margin: 0 auto;
  max-width: 1272px;
  overflow-x: hidden;
  padding: 0 54px 40px;
}
@media only screen and (max-width: 1023px) {
  .menu-center {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-center {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 599px) {
  .menu-center {
    padding: 0;
  }
}
@keyframes up-down {
  50% {
    transform: translateY(-30px);
  }
}
.apr {
  border-bottom: 1px solid #748fb51a;
  color: #ff6e30;
  display: flex;
  height: 110px;
  margin-bottom: 24px;
  padding-bottom: 36px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .apr {
    justify-content: center;
  }
}
.apr__img {
  left: -63px;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
}
.apr__percent {
  font-size: 32px;
  line-height: 1.25;
  top: 4px;
}
.apr__around,
.apr__percent {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  position: relative;
}
.apr__around {
  font-size: 24px;
  line-height: 1.33333;
  padding-right: 3px;
  top: 0;
}
.apr__number {
  font-family: Poppins, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.125;
}
.apr__time_horizon {
  align-self: flex-end;
  color: #6e757c;
  position: relative;
  top: -7px;
}
.bounty__center {
  align-items: center;
  display: flex;
  padding-right: 144px;
}
@media only screen and (max-width: 1339px) {
  .bounty__center {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 1179px) {
  .bounty__center {
    display: block;
    padding-right: 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .bounty__center {
    padding-right: 20px;
  }
}
.bounty__wrap {
  margin-right: auto;
  max-width: 405px;
}
@media only screen and (max-width: 1179px) {
  .bounty__wrap {
    margin: 0 0 80px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .bounty__wrap {
    margin-bottom: 48px;
  }
}
.bounty .stage {
  display: none;
  margin-bottom: 12px;
}
.bounty__title {
  margin-bottom: 24px;
}
.bounty__text {
  color: #6e757c;
}
@media only screen and (max-width: 1179px) {
  .bounty__text {
    margin: 0 auto;
    max-width: 405px;
  }
}
.bounty__list {
  flex-shrink: 0;
  width: 464px;
}
@media only screen and (max-width: 1179px) {
  .bounty__list {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 474px) {
  .bounty__list {
    width: 100%;
  }
}
.bounty__row {
  align-items: center;
  display: flex;
  margin: 0 -20px;
}
@media only screen and (max-width: 767px) {
  .bounty__row {
    margin: 0 -14px;
  }
}
.bounty__col {
  flex: 0 0 calc(33.333% - 40px);
  margin: 0 20px;
  width: calc(33.333% - 40px);
}
@media only screen and (max-width: 767px) {
  .bounty__col {
    flex: 0 0 calc(33.333% - 24px);
    margin: 0 12px;
    width: calc(33.333% - 24px);
  }
}
.bounty__btn {
  margin-top: 24px;
}
.bounty__btn .btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
}
.bounty__btn .btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.bounty__btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
}
.bounty__btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.bounty__btn_border:hover .icon {
  fill: #f7f7f8;
}
.bounty__logo {
  align-items: center;
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 16px #0000000f;
  display: flex;
  height: 128px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .bounty__logo {
    height: 92px;
  }
  .bounty__logo img {
    max-height: 42px;
    max-width: 42px;
  }
}
.bounty__logo:not(:last-child) {
  margin-bottom: 40px;
}
.bounty:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .bounty:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .bounty:not(:last-child) {
    margin-bottom: 48px;
  }
}
.btn {
  align-items: center;
  border-radius: 16px;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  min-width: 124px;
  padding: 0 24px;
  transition: all 0.2s;
}
@media only screen and (max-width: 767px) {
  .btn {
    font-size: 14px;
  }
}
.btn .icon {
  transition: fill 0.2s;
}
.btn .icon-play {
  height: 12px;
  width: 8px;
}
.btn .icon:not(:last-child) {
  margin-right: 11px;
}
.btn_orange {
  background: #ff6e30;
  color: #f7f7f8;
}
.btn_orange:hover {
  background: #ff5912;
}
.btn_transparent {
  background: none;
  color: #6e757c;
}
@media only screen and (max-width: 767px) {
  .btn_transparent {
    box-shadow: inset 0 0 0 2px #272e35;
    color: #272e35;
  }
}
.btn_transparent:hover {
  color: #272e35;
}
@media only screen and (max-width: 767px) {
  .btn_transparent:hover {
    background: #272e35;
    color: #f7f7f8;
  }
}
.btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
}
.btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.btn_border:hover .icon {
  fill: #f7f7f8;
}
.btn_dark {
  background: #35414b;
  color: #6e757c;
}
.btn_dark:hover {
  color: #f7f7f8;
}
@media only screen and (max-width: 767px) {
  body.dark .btn_transparent {
    box-shadow: inset 0 0 0 2px #f7f7f8bf;
    color: #f7f7f8bf;
  }
}
body.dark .btn_transparent:hover {
  color: #f7f7f8;
}
@media only screen and (max-width: 767px) {
  body.dark .btn_transparent:hover {
    background: #f7f7f8bf;
    color: #272e35;
  }
}
body.dark .btn_border {
  box-shadow: inset 0 0 0 2px #f7f7f8bf;
  color: #f7f7f8bf;
}
body.dark .btn_border .icon {
  fill: #f7f7f8bf;
}
body.dark .btn_border:hover {
  background: #f7f7f8bf;
  box-shadow: none;
  color: #272e35;
}
body.dark .btn_border:hover .icon {
  fill: #272e35;
}
@media only screen and (max-width: 1179px) {
  .calculator__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .calculator__center {
    padding: 0 12px;
  }
}
.calculator__container {
  color: #f7f7f8;
  padding: 96px 140px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .calculator__container {
    padding: 96px 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .calculator__container {
    padding: 64px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .calculator__container {
    padding: 40px 32px;
  }
}
.calculator__bg {
  background: #2c353d;
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.calculator__bg:after,
.calculator__bg:before {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  position: absolute;
}
.calculator__bg:before {
  filter: blur(278.261px);
  height: 560px;
  left: -280px;
  opacity: 0.6;
  top: -280px;
  width: 560px;
}
.calculator__bg:after {
  bottom: -181px;
  filter: blur(160px);
  height: 389px;
  opacity: 0.6;
  right: -195px;
  width: 389px;
}
@media only screen and (max-width: 767px) {
  .calculator__bg:after {
    display: none;
  }
}
.calculator__row {
  display: flex;
  margin: 0 -120px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .calculator__row {
    margin: 0 -80px;
  }
}
@media only screen and (max-width: 1023px) {
  .calculator__row {
    margin: 0 -40px;
  }
}
@media only screen and (max-width: 767px) {
  .calculator__row {
    display: block;
    margin: 0;
  }
}
.calculator__colfull {
  flex: 0 0 100%;
  margin-bottom: 80px;
  padding: 0 80px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .calculator__colfull {
    padding: 0;
  }
}
.calculator__col {
  flex: 0 0 50%;
  padding: 0 50px;
  width: 50%;
}
@media only screen and (max-width: 1179px) {
  .calculator__col {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .calculator__col {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .calculator__col {
    padding: 0;
    width: 100%;
  }
}
.calculator__col:first-child {
  position: relative;
}
.calculator__col:first-child:before {
  background: #748fb51a;
  bottom: 0;
  content: "";
  position: absolute;
  right: -2px;
  top: 0;
  width: 4px;
}
@media only screen and (max-width: 767px) {
  .calculator__col:first-child:before {
    display: none;
  }
  .calculator__col:not(:last-child) {
    margin-bottom: 48px;
  }
}
.calculator__preview {
  margin-left: -140px;
}
.calculator__gas_title {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .calculator__gas_title {
    font-size: 24px;
  }
}
.calculator__gas_text {
  color: #bac3ca;
  min-height: 100px;
}
.calculator__title {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .calculator__title {
    font-size: 24px;
    max-width: 240px;
  }
}
.calculator__text {
  color: #bac3ca;
  margin-bottom: 40px;
  min-height: 100px;
}
@media only screen and (max-width: 767px) {
  .calculator__text {
    margin-bottom: 24px;
  }
}
.calculator .btn_border {
  box-shadow: inset 0 0 0 2px #f7f7f8;
  color: #f7f7f8;
}
.calculator .btn_border:hover {
  background: #f7f7f8;
  box-shadow: none;
  color: #272e35;
}
.calculator:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .calculator:not(:last-child) {
    margin-bottom: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .calculator:not(:last-child) {
    margin-bottom: 48px;
  }
}
.calculator__apr {
  border-bottom: 1px solid #748fb51a;
  display: flex;
  height: 110px;
  margin-bottom: 24px;
  padding-bottom: 36px;
  position: relative;
}
.calculator__img {
  left: -63px;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
}
.calculator__percent {
  font-size: 32px;
  line-height: 1.25;
  top: 4px;
}
.calculator__around,
.calculator__percent {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  position: relative;
}
.calculator__around {
  font-size: 24px;
  line-height: 1.33333;
  padding-right: 3px;
  top: 0;
}
.calculator__number {
  font-family: Poppins, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.125;
}
.calculator__time_horizon {
  align-self: flex-end;
  color: #bac3ca;
  position: relative;
  top: -7px;
}
.card {
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .card__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .card__center {
    padding: 0 12px;
  }
}
.card__container {
  align-items: center;
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  display: flex;
  min-height: 590px;
  padding: 40px 80px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .card__container {
    min-height: 550px;
    padding: 40px 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .card__container {
    min-height: 500px;
    padding: 40px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .card__container {
    padding: 320px 24px 42px;
  }
}
.card__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .card__container:before {
    bottom: -8px;
    left: 8px;
    right: 8px;
    top: 8px;
  }
}
.card__wrap {
  max-width: 400px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .card__wrap {
    max-width: 380px;
  }
}
@media only screen and (max-width: 1023px) {
  .card__wrap {
    max-width: 330px;
  }
}
@media only screen and (max-width: 767px) {
  .card__wrap {
    max-width: 100%;
  }
}
.card .stage {
  display: none;
  margin-bottom: 16px;
}
.card__info,
.card__title {
  margin-bottom: 24px;
}
.card__info {
  color: #6e757c;
}
.card__bg {
  pointer-events: none;
  position: absolute;
  right: calc(50% - 721px);
  top: 56.5%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1179px) {
  .card__bg {
    right: calc(50% - 620px);
    width: 750px;
  }
}
@media only screen and (max-width: 1023px) {
  .card__bg {
    right: calc(50% - 450px);
    width: 570px;
  }
}
@media only screen and (max-width: 767px) {
  .card__bg {
    right: 55%;
    top: 55px;
    transform: translate(50%);
    width: 370px;
  }
}
.card__preview:nth-child(2) {
  left: 23.5%;
  top: -10.5%;
  width: 29%;
}
.card__preview:nth-child(3) {
  right: 5%;
  top: 1%;
  width: 34%;
}
.card__preview img {
  width: 100%;
}
.card__preview:not(:first-child) {
  position: absolute;
}
.card:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .card:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .card:not(:last-child) {
    margin-bottom: 96px;
  }
}
body.dark .card__container {
  background: #283036;
  overflow: hidden;
}
body.dark .card__container:before {
  background: #f7f7f81a;
}
body.dark .card__container:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
@media only screen and (max-width: 1179px) {
  .card_dark__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .card_dark__center {
    padding: 0 12px;
  }
}
.card_dark__container {
  align-items: center;
  display: flex;
  min-height: 600px;
  padding: 40px 112px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .card_dark__container {
    min-height: 510px;
    padding: 40px 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .card_dark__container {
    min-height: 450px;
    padding: 40px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .card_dark__container {
    padding: 70px 32px;
    text-align: center;
  }
}
.card_dark__bg {
  background: #2c353d;
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.card_dark__bg:before {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 497px;
  left: -223px;
  opacity: 0.6;
  position: absolute;
  top: -242px;
  width: 497px;
}
.card_dark__wrap {
  max-width: 100%;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .card_dark__wrap {
    max-width: 100%;
  }
}
.card_dark__title {
  color: #f7f7f8;
  margin-bottom: 32px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .card_dark__title {
    margin-bottom: 24px;
  }
}
.card_dark__text {
  color: #6a7986;
  margin-bottom: 32px;
  max-width: 330px;
}
@media only screen and (max-width: 767px) {
  .card_dark__text {
    margin-bottom: 24px;
    max-width: 100%;
  }
}
.card_dark:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .card_dark:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .card_dark:not(:last-child) {
    margin-bottom: 48px;
  }
}
.card_with_options {
  padding-top: 136px;
}
@media only screen and (max-width: 1179px) {
  .card_with_options {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .card_with_options {
    padding-top: 0;
  }
}
.card_with_options.no-padding {
  padding-top: 0;
}
@media only screen and (max-width: 1179px) {
  .card_with_options__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .card_with_options__center {
    padding: 0 12px;
  }
}
.card_with_options__container {
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  padding: 134px 80px 100px 132px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .card_with_options__container {
    padding: 150px 130px 115px 52px;
  }
}
@media only screen and (max-width: 1023px) {
  .card_with_options__container {
    padding: 48px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .card_with_options__container {
    padding: 40px 32px 46px;
  }
}
.card_with_options__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .card_with_options__container:before {
    display: none;
  }
}
.card_with_options__gallery {
  left: -30px;
  max-width: 600px;
  pointer-events: none;
  position: absolute;
  top: -120px;
  z-index: 1;
}
@media only screen and (max-width: 1179px) {
  .card_with_options__gallery {
    left: -15px;
    top: -50px;
    width: 500px;
  }
}
@media only screen and (max-width: 1023px) {
  .card_with_options__gallery {
    bottom: 50px;
    left: auto;
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    top: auto;
    width: 100%;
  }
}
.card_with_options__gallery_security {
  left: 50%;
  margin: 0 auto 0 -430px;
  max-width: 600px;
  pointer-events: none;
  position: absolute;
  top: 20px;
  z-index: 1;
}
@media only screen and (max-width: 1179px) {
  .card_with_options__gallery_security {
    left: 50%;
    margin: 0 auto 0 -430px;
    max-width: 400px;
    top: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .card_with_options__gallery_security {
    bottom: 50px;
    left: auto;
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    top: auto;
    width: 100%;
  }
}
.card_with_options__preview,
.card_with_options__preview img {
  margin: 0 auto;
  width: 100%;
}
.card_with_options__row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .card_with_options__row {
    display: block;
  }
}
.card_with_options__wrap {
  max-width: 355px;
  padding-top: 234px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .card_with_options__wrap {
    padding-top: 215px;
  }
}
@media only screen and (max-width: 1023px) {
  .card_with_options__wrap {
    margin: 0 auto 100px;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
.card_with_options .stage {
  display: none;
  margin-bottom: 16px;
}
.card_with_options__title {
  margin-bottom: 24px;
}
.card_with_options__info {
  color: #6e757c;
  margin-bottom: 32px;
}
.card_with_options__list {
  flex-shrink: 0;
  position: relative;
  width: 340px;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .card_with_options__list {
    width: 100%;
  }
}
.card_with_options__item {
  display: flex;
}
.card_with_options__item:not(:last-child) {
  border-bottom: 1px solid #748fb526;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.card_with_options__btns {
  display: flex;
  margin-right: -100px;
}
@media only screen and (max-width: 1023px) {
  .card_with_options__btns {
    align-items: center;
    flex-direction: column;
    margin: 0;
  }
}
.card_with_options__btns a {
  margin-bottom: 0.5rem;
}
.card_with_options__btn:not(:last-child) {
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .card_with_options__btn:not(:last-child) {
    margin: 0 0 24px;
  }
}
.card_with_options__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  height: 40px;
  justify-content: center;
  margin-right: 24px;
  width: 40px;
}
.card_with_options__icon svg {
  height: 40px;
  width: 40px;
}
.card_with_options__details {
  flex-grow: 1;
}
.card_with_options__category {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
}
.card_with_options__text {
  color: #6e757c;
}
.card_with_options:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .card_with_options:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .card_with_options:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .card_with_options__container {
  background: #283036;
}
body.dark .card_with_options__container:before {
  background: #f7f7f81a;
}
body.dark .card_with_options__bg {
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
body.dark .card_with_options__bg:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
body.dark .card_with_options__icon path {
  fill: #f7f7f8;
}
.compare {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .compare {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .compare {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .compare {
    margin-bottom: 48px;
  }
  .compare__center {
    padding: 0 16px;
  }
}
.compare__title {
  margin-bottom: 16px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .compare__title {
    margin: 0 auto 16px;
    max-width: 295px;
  }
}
.compare__info {
  color: #6e757c;
  margin-bottom: 104px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .compare__info {
    margin-bottom: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .compare__info {
    margin: 0 auto 40px;
    max-width: 265px;
  }
}
.compare__list {
  background: #f7f7f8cc;
  border-radius: 24px;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .compare__list {
    background: none;
    display: block;
    padding: 0;
  }
}
.compare__item {
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .compare__item {
    background: #f7f7f8;
    border-radius: 24px;
    padding: 24px;
    width: 100%;
  }
}
.compare__item:nth-child(2) {
  background: #f7f7f8;
  border-radius: 24px;
}
@media only screen and (max-width: 767px) {
  .compare__item:nth-child(2) {
    background: #f7f7f8;
  }
  .compare__item:not(:last-child) {
    margin-bottom: 24px;
  }
}
.compare__head {
  padding: 40px 40px 50px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .compare__head {
    padding: 40px 24px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .compare__head {
    margin-bottom: 32px;
    padding: 0;
  }
}
.compare__item:first-child .compare__head:before {
  background: #f7f7f8;
  border-radius: 24px;
  bottom: -32px;
  box-shadow: 0 8px 16px #0000001a;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -32px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .compare__item:first-child .compare__head:before {
    display: none;
  }
}
.compare__item:not(:nth-child(2)) .compare__head {
  box-shadow: inset 0 -1px #eeeff2;
}
@media only screen and (max-width: 767px) {
  .compare__item:not(:nth-child(2)) .compare__head {
    box-shadow: none;
  }
}
.compare .apr {
  justify-content: left;
}
.compare__note {
  background: #748fb5;
  border-radius: 16px;
  color: #f7f7f8;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.45455;
  padding: 8px 16px;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  top: -24px;
}
@media only screen and (max-width: 767px) {
  .compare__note {
    margin-bottom: 20px;
    position: static;
  }
}
.compare__subtitle {
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
  margin-bottom: 24px;
}
.compare__price {
  border-bottom: 1px solid #748fb51a;
  display: flex;
  height: 110px;
  margin-bottom: 24px;
  padding-bottom: 36px;
  position: relative;
}
.compare__img {
  left: -63px;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
}
.compare__currency {
  font-size: 24px;
  line-height: 1.33333;
  position: relative;
  top: 4px;
}
.compare__currency,
.compare__number {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}
.compare__number {
  font-size: 64px;
  line-height: 1.125;
}
.compare__time {
  align-self: flex-end;
  color: #6e757c;
  position: relative;
  top: -7px;
}
.compare__text {
  color: #6e757c;
  margin-bottom: 12px;
  max-width: 200px;
  min-height: 72px;
}
@media only screen and (max-width: 767px) {
  .compare__text {
    margin-bottom: 24px;
    min-height: auto;
  }
}
.compare__details__rp {
  padding: 130px 40px 65px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .compare__details__rp {
    padding: 130px 24px 65px;
  }
}
@media only screen and (max-width: 767px) {
  .compare__details__rp {
    padding: 0;
  }
}
.compare__details {
  padding: 332px 40px 65px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .compare__details {
    padding: 332px 24px 65px;
  }
}
@media only screen and (max-width: 767px) {
  .compare__details {
    padding: 0;
  }
}
.compare__details__node_staking {
  padding: 420px 40px 65px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .compare__details__node_staking {
    padding: 332px 24px 65px;
  }
}
@media only screen and (max-width: 767px) {
  .compare__details__node_staking {
    padding: 0;
  }
}
.compare__stage {
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  left: 40px;
  line-height: 1.33333;
  position: absolute;
  right: 40px;
  top: 70px;
}
@media only screen and (max-width: 1179px) {
  .compare__stage {
    left: 24px;
    right: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .compare__stage {
    display: none;
  }
}
.compare__category {
  border-bottom: 1px solid #748fb533;
  color: #6e757c;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 43px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .compare__category {
    display: none;
  }
}
.compare__item:first-child .compare__category {
  margin-right: -40px;
  padding-right: 40px;
}
@media only screen and (max-width: 1179px) {
  .compare__item:first-child .compare__category {
    margin-right: -24px;
    padding-right: 24px;
  }
}
.compare__item:nth-child(2) .compare__category {
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 1179px) {
  .compare__item:nth-child(2) .compare__category {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.compare__item:last-child .compare__category {
  margin-left: -40px;
  padding-left: 40px;
}
@media only screen and (max-width: 1179px) {
  .compare__item:last-child .compare__category {
    margin-left: -24px;
    padding-left: 24px;
  }
}
.compare__view {
  align-items: center;
  color: #272e35;
  display: none;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .compare__view {
    display: none;
  }
}
.compare__view .icon {
  height: 10px;
  margin-left: 10px;
  transition: transform 0.2s;
  width: 16px;
}
.compare__view.active .icon {
  transform: rotate(180deg);
}
.compare__options__rp li {
  color: #6e757c;
  padding-left: 36px;
  position: relative;
}
.compare__options__rp li:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF6E30' stroke-width='1.5' class='w-6 h-6 text-primary' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.75 3.75 0 0 1-1.043 3.296 3.75 3.75 0 0 1-3.296 1.043A3.75 3.75 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.75 3.75 0 0 1-3.296-1.043 3.75 3.75 0 0 1-1.043-3.296A3.75 3.75 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.75 3.75 0 0 1 1.043-3.296 3.75 3.75 0 0 1 3.296-1.043A3.75 3.75 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.75 3.75 0 0 1 3.296 1.043 3.75 3.75 0 0 1 1.043 3.296A3.75 3.75 0 0 1 21 12'/%3E%3C/svg%3E")
    0 0 /100% no-repeat;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.compare__options__rp li:not(:last-child) {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1179px) {
  .compare__options__rp li:not(:last-child) {
    margin-bottom: 24px;
  }
}
.compare__options li {
  color: #6e757c;
  padding-left: 36px;
  position: relative;
}
.compare__options li:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236A7986' stroke-width='1.5' class='w-6 h-6' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0m-9 5.25h.008v.008H12z'/%3E%3C/svg%3E")
    0 0 /100% no-repeat;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.compare__options li:not(:last-child) {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1179px) {
  .compare__options li:not(:last-child) {
    margin-bottom: 24px;
  }
}
body.dark .compare__list {
  background: #283036cc;
}
@media only screen and (max-width: 767px) {
  body.dark .compare__item {
    background: #2c353d;
  }
}
body.dark .compare__item:nth-child(2) {
  background: #2c353d;
  box-shadow: 0 8px 16px #0000001a;
}
body.dark .compare__item:not(:nth-child(2)) .compare__head {
  box-shadow: inset 0 -1px #f7f7f80d;
}
@media only screen and (max-width: 767px) {
  body.dark .compare__item:not(:nth-child(2)) .compare__head {
    box-shadow: none;
  }
}
body.dark .compare__item:first-child .compare__head:before {
  background: #2c353d;
}
@media only screen and (max-width: 767px) {
  body.dark .compare__item_full {
    background: #2c353d;
  }
}
body.dark .compare__item_full:nth-child(2) {
  background: #2c353d;
  box-shadow: 0 8px 16px #0000001a;
}
body.dark .compare__item_full:not(:nth-child(2)) .compare__head {
  box-shadow: inset 0 -1px #f7f7f80d;
}
@media only screen and (max-width: 767px) {
  body.dark .compare__item_full:not(:nth-child(2)) .compare__head {
    box-shadow: none;
  }
}
body.dark .compare__item_full:first-child .compare__head:before {
  background: #2c353d;
}
body.dark .compare__price {
  border-color: #f7f7f81a;
}
body.dark .compare__view {
  color: #f7f7f8;
}
body.dark .compare__view .icon {
  fill: #f7f7f8;
}
.comparison {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .comparison {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .comparison {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .comparison {
    margin-bottom: 48px;
  }
  .comparison__center {
    padding: 0 16px;
  }
}
.comparison__title {
  margin-bottom: 16px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .comparison__title {
    margin: 0 auto 16px;
    max-width: 295px;
  }
}
.comparison__info {
  color: #6e757c;
  margin-bottom: 104px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .comparison__info {
    margin-bottom: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .comparison__info {
    margin: 0 auto 40px;
    max-width: 265px;
  }
}
.comparison__list {
  background: #f7f7f8cc;
  border-radius: 24px;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .comparison__list {
    background: none;
    display: block;
    padding: 0;
  }
}
.comparison__item_full {
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .comparison__item_full {
    background: #f7f7f8;
    border-radius: 24px;
    padding: 24px;
    width: 100%;
  }
}
.comparison__item_full:first-child {
  background: #f7f7f8;
  border-radius: 24px;
}
@media only screen and (max-width: 767px) {
  .comparison__item_full:first-child {
    background: #f7f7f8;
  }
  .comparison__item_full:not(:last-child) {
    margin-bottom: 24px;
  }
}
.comparison__item {
  display: flex;
  flex: 0 0 33.333%;
  flex-direction: column;
  position: relative;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .comparison__item {
    background: #f7f7f8;
    border-radius: 24px;
    padding: 24px;
    width: 100%;
  }
}
.comparison__item:nth-child(2) {
  background: #f7f7f8;
  border-radius: 24px;
}
@media only screen and (max-width: 767px) {
  .comparison__item:nth-child(2) {
    background: #f7f7f8;
  }
  .comparison__item:not(:last-child) {
    margin-bottom: 24px;
  }
}
.comparison__head {
  padding: 40px 40px 50px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .comparison__head {
    padding: 40px 24px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .comparison__head {
    margin-bottom: 32px;
    padding: 0;
  }
}
.comparison__item:nth-child(2) .comparison__head:before {
  background: #f7f7f8;
  border-radius: 24px;
  bottom: -32px;
  box-shadow: 0 8px 16px #0000001a;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -32px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .comparison__item:nth-child(2) .comparison__head:before {
    display: none;
  }
}
.comparison__item:not(:nth-child(2)) .comparison__head {
  box-shadow: inset 0 -1px #eeeff2;
}
@media only screen and (max-width: 767px) {
  .comparison__item:not(:nth-child(2)) .comparison__head {
    box-shadow: none;
  }
}
.comparison__note {
  background: #748fb5;
  border-radius: 16px;
  color: #f7f7f8;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.45455;
  padding: 8px 16px;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  top: -24px;
}
@media only screen and (max-width: 767px) {
  .comparison__note {
    margin-bottom: 20px;
    position: static;
  }
}
.comparison .apr {
  justify-content: left;
}
.comparison__subtitle {
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
  margin-bottom: 24px;
}
.comparison__price {
  border-bottom: 1px solid #748fb51a;
  display: flex;
  height: 110px;
  margin-bottom: 24px;
  padding-bottom: 36px;
  position: relative;
}
.comparison__img {
  left: -63px;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
}
.comparison__currency {
  font-size: 24px;
  line-height: 1.33333;
  position: relative;
  top: 4px;
}
.comparison__currency,
.comparison__number {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}
.comparison__number {
  font-size: 64px;
  line-height: 1.125;
}
.comparison__time {
  align-self: flex-end;
  color: #6e757c;
  position: relative;
  top: -7px;
}
.comparison__text {
  color: #6e757c;
  margin-bottom: 12px;
  max-width: 200px;
  min-height: 72px;
}
@media only screen and (max-width: 767px) {
  .comparison__text {
    margin-bottom: 24px;
    min-height: auto;
  }
}
.comparison__details__full {
  padding: 130px 40px 65px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .comparison__details__full {
    padding: 130px 24px 65px;
  }
}
@media only screen and (max-width: 767px) {
  .comparison__details__full {
    padding: 0;
  }
}
.comparison__details {
  padding: 20px 40px 65px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .comparison__details {
    padding: 20px 24px 65px;
  }
}
@media only screen and (max-width: 767px) {
  .comparison__details {
    padding: 0;
  }
}
.comparison__stage {
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  left: 40px;
  line-height: 1.33333;
  position: absolute;
  right: 40px;
  top: 70px;
}
@media only screen and (max-width: 1179px) {
  .comparison__stage {
    left: 24px;
    right: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .comparison__stage {
    display: none;
  }
}
.comparison__category {
  border-bottom: 1px solid #748fb533;
  color: #6e757c;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 43px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .comparison__category {
    display: none;
  }
}
.comparison__item:first-child .comparison__category {
  margin-right: -40px;
  padding-right: 40px;
}
@media only screen and (max-width: 1179px) {
  .comparison__item:first-child .comparison__category {
    margin-right: -24px;
    padding-right: 24px;
  }
}
.comparison__item:nth-child(2) .comparison__category {
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 1179px) {
  .comparison__item:nth-child(2) .comparison__category {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.comparison__item:last-child .comparison__category {
  margin-left: -40px;
  padding-left: 40px;
}
@media only screen and (max-width: 1179px) {
  .comparison__item:last-child .comparison__category {
    margin-left: -24px;
    padding-left: 24px;
  }
}
.comparison__view {
  align-items: center;
  color: #272e35;
  display: none;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .comparison__view {
    display: none;
  }
}
.comparison__view .icon {
  height: 10px;
  margin-left: 10px;
  transition: transform 0.2s;
  width: 16px;
}
.comparison__view.active .icon {
  transform: rotate(180deg);
}
.comparison__options__rp li {
  color: #6e757c;
  padding-left: 36px;
  position: relative;
}
.comparison__options__rp li:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF6E30' stroke-width='1.5' class='w-6 h-6 text-primary' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.75 3.75 0 0 1-1.043 3.296 3.75 3.75 0 0 1-3.296 1.043A3.75 3.75 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.75 3.75 0 0 1-3.296-1.043 3.75 3.75 0 0 1-1.043-3.296A3.75 3.75 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.75 3.75 0 0 1 1.043-3.296 3.75 3.75 0 0 1 3.296-1.043A3.75 3.75 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.75 3.75 0 0 1 3.296 1.043 3.75 3.75 0 0 1 1.043 3.296A3.75 3.75 0 0 1 21 12'/%3E%3C/svg%3E")
    0 0 /100% no-repeat;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.comparison__options__rp li:not(:last-child) {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1179px) {
  .comparison__options__rp li:not(:last-child) {
    margin-bottom: 24px;
  }
}
.comparison__options li {
  color: #6e757c;
  padding-left: 36px;
  position: relative;
}
.comparison__options li:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236A7986' stroke-width='1.5' class='w-6 h-6' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0'/%3E%3C/svg%3E")
    0 0 /100% no-repeat;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.comparison__options li:not(:last-child) {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1179px) {
  .comparison__options li:not(:last-child) {
    margin-bottom: 24px;
  }
}
body.dark .comparison__list {
  background: #283036cc;
}
@media only screen and (max-width: 767px) {
  body.dark .comparison__item {
    background: #2c353d;
  }
}
body.dark .comparison__item:nth-child(2) {
  background: #2c353d;
  box-shadow: 0 8px 16px #0000001a;
}
body.dark .comparison__item:not(:nth-child(2)) .comparison__head {
  box-shadow: inset 0 -1px #f7f7f80d;
}
@media only screen and (max-width: 767px) {
  body.dark .comparison__item:not(:nth-child(2)) .comparison__head {
    box-shadow: none;
  }
}
body.dark .comparison__item:nth-child(2) .comparison__head:before {
  background: #2c353d;
}
@media only screen and (max-width: 767px) {
  body.dark .comparison__item_full {
    background: #2c353d;
  }
}
body.dark .comparison__item_full:first-child {
  background: #2c353d;
  box-shadow: 0 8px 16px #0000001a;
}
@media only screen and (max-width: 767px) {
  body.dark .comparison__item_full:not(:first-child) .comparison__head {
    box-shadow: none;
  }
}
body.dark .comparison__item_full:first-child .comparison__head:before {
  background: #2c353d;
}
body.dark .comparison__price {
  border-color: #f7f7f81a;
}
body.dark .comparison__view {
  color: #f7f7f8;
}
body.dark .comparison__view .icon {
  fill: #f7f7f8;
}
.cyfrin_updraft {
  padding-top: 88px;
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .cyfrin_updraft__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .cyfrin_updraft__center {
    padding: 0 12px;
  }
}
.cyfrin_updraft__container {
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  padding: 134px 80px 100px 132px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .cyfrin_updraft__container {
    padding: 150px 130px 115px 52px;
  }
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft__container {
    padding: 40px 32px 46px;
  }
}
.cyfrin_updraft__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft__container:before {
    display: none;
  }
}
.cyfrin_updraft__gallery {
  left: 80px;
  max-width: 500px;
  pointer-events: none;
  position: absolute;
  top: -50px;
  z-index: 1;
}
@media only screen and (max-width: 1179px) {
  .cyfrin_updraft__gallery {
    left: 15px;
    max-width: 500px;
    width: 420px;
  }
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft__gallery {
    bottom: 50px;
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
    width: 100%;
  }
}
.cyfrin_updraft__preview {
  bottom: 0;
  width: 100%;
}
.cyfrin_updraft__preview img {
  width: 100%;
}
.cyfrin_updraft__preview:not(:first-child) {
  position: absolute;
}
.cyfrin_updraft__row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft__row {
    display: block;
  }
}
.cyfrin_updraft__wrap {
  max-width: 355px;
  padding-top: 234px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .cyfrin_updraft__wrap {
    padding-top: 215px;
  }
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft__wrap {
    margin-bottom: 100px;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
.cyfrin_updraft .stage {
  display: none;
  margin-bottom: 16px;
}
.cyfrin_updraft__title {
  margin-bottom: 24px;
}
.cyfrin_updraft__info {
  color: #6e757c;
  margin-bottom: 32px;
}
.cyfrin_updraft__list {
  flex-shrink: 0;
  position: relative;
  width: 340px;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft__list {
    width: 100%;
  }
}
.cyfrin_updraft__item {
  display: flex;
}
.cyfrin_updraft__item:not(:last-child) {
  border-bottom: 1px solid #748fb526;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.cyfrin_updraft__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  justify-content: center;
  margin-right: 24px;
}
.cyfrin_updraft__icon,
.cyfrin_updraft__icon svg {
  height: 40px;
  width: 40px;
}
.cyfrin_updraft__details {
  flex-grow: 1;
}
.cyfrin_updraft__category {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
}
.cyfrin_updraft__text {
  color: #6e757c;
}
.cyfrin_updraft:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .cyfrin_updraft:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 1023px) {
  .cyfrin_updraft:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .cyfrin_updraft__container {
  background: #283036;
}
body.dark .cyfrin_updraft__container:before {
  background: #f7f7f81a;
}
body.dark .cyfrin_updraft__bg {
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
body.dark .cyfrin_updraft__bg:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
body.dark .cyfrin_updraft__icon path {
  fill: #f7f7f8;
}
.faq {
  color: #f7f7f8;
  display: none;
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .faq {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .faq {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .faq {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1179px) {
  .faq__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .faq__center {
    padding: 0 12px;
  }
}
.faq__container {
  padding: 112px 116px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .faq__container {
    overflow: hidden;
    padding: 80px 56px 112px;
  }
}
@media only screen and (max-width: 767px) {
  .faq__container {
    padding: 48px 24px 112px;
  }
}
.faq__bg {
  background: #2c353d;
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.faq__bg:after,
.faq__bg:before {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  position: absolute;
}
.faq__bg:before {
  filter: blur(278.261px);
  height: 560px;
  left: -280px;
  opacity: 0.5;
  top: -280px;
  width: 560px;
}
.faq__bg:after {
  bottom: -95px;
  filter: blur(160px);
  height: 299px;
  opacity: 0.6;
  right: -137px;
  width: 299px;
}
@media only screen and (max-width: 767px) {
  .faq__bg:after {
    display: none;
  }
}
.faq__title {
  color: #f7f7f8;
  margin: 0 auto 80px;
  max-width: 90%;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .faq__title {
    margin-bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .faq__title {
    margin-bottom: 47px;
  }
}
.faq__row {
  display: flex;
  margin: 0 -40px;
}
@media only screen and (max-width: 1179px) {
  .faq__row {
    margin: 0 -20px;
  }
}
@media only screen and (max-width: 1023px) {
  .faq__row {
    display: block;
    margin: 0;
  }
}
.faq__col {
  flex: 0 0 calc(50% - 80px);
  margin: 0 40px;
  width: calc(50% - 80px);
}
@media only screen and (max-width: 1179px) {
  .faq__col {
    flex: 0 0 calc(50% - 40px);
    margin: 0 20px;
    width: calc(50% - 40px);
  }
}
@media only screen and (max-width: 1023px) {
  .faq__col {
    margin: 0;
    width: 100%;
  }
  .faq__col:not(:last-child) {
    margin-bottom: 64px;
  }
}
.faq__group:not(:last-child) {
  margin-bottom: 64px;
}
.faq__category {
  border-bottom: 1px solid #f7f7f81a;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.faq__item:not(:last-child) {
  margin-bottom: 33px;
}
.faq__head {
  color: #f7f7f8;
  cursor: pointer;
  opacity: 0.7;
  -webkit-tap-highlight-color: #0000;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33333;
  padding-right: 48px;
  position: relative;
  transition: opacity 0.2s;
}
.faq__head:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='m16 10-4 4-4-4'/%3E%3C/svg%3E")
    50% /100% no-repeat;
  content: "";
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.2s;
  width: 24px;
}
.faq__head:hover,
.faq__item.active .faq__head {
  opacity: 1;
}
.faq__item.active .faq__head:before {
  transform: rotate(180deg);
}
.faq__body {
  color: #6e757c;
  padding-top: 16px;
}
.faq__gallery {
  bottom: -197px;
  display: none;
  left: 50%;
  max-width: 570px;
  pointer-events: none;
  position: absolute;
  transform: translate(-58%);
}
@media only screen and (max-width: 767px) {
  .faq__gallery {
    bottom: 10px;
    transform: translate(-55%);
    width: 390px;
  }
}
.faq__gallery img {
  width: 100%;
}
.faq__gallery:not(:first-child) {
  position: absolute;
}
.feature {
  color: #f7f7f8;
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .feature {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .feature {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .feature {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1179px) {
  .feature__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .feature__center {
    padding: 0 12px;
  }
}
.feature__container {
  padding: 112px 116px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .feature__container {
    overflow: hidden;
    padding: 80px 56px;
  }
}
@media only screen and (max-width: 767px) {
  .feature__container {
    padding: 48px 24px;
  }
}
.feature__bg {
  background: #2c353d;
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.feature__bg:after,
.feature__bg:before {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  position: absolute;
}
.feature__bg:before {
  filter: blur(278.261px);
  height: 560px;
  left: -280px;
  opacity: 0.5;
  top: -280px;
  width: 560px;
}
.feature__bg:after {
  bottom: -95px;
  filter: blur(160px);
  height: 299px;
  opacity: 0.6;
  right: -137px;
  width: 299px;
}
@media only screen and (max-width: 767px) {
  .feature__bg:after {
    display: none;
  }
}
.feature__title {
  color: #f7f7f8;
}
.feature__description,
.feature__title {
  margin: 0 auto 20px;
  max-width: 90%;
  text-align: center;
}
.feature__description {
  color: #bac3ca;
}
.feature__btn {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.feature__btn .btn_border {
  box-shadow: inset 0 0 0 2px #f7f7f8bf;
  color: #f7f7f8;
}
.feature__btn .btn_border:hover {
  background: #f7f7f8;
  box-shadow: none;
  color: #272e35;
}
.feature__btn .btn_border:hover .icon {
  fill: #f7f7f8;
}
.feature_mini {
  color: #f7f7f8;
  margin-bottom: 126px;
}
@media only screen and (max-width: 1179px) {
  .feature_mini {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .feature_mini {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .feature_mini {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1179px) {
  .feature_mini__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .feature_mini__center {
    padding: 0 12px;
  }
}
.feature_mini__container {
  padding: 56px 116px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .feature_mini__container {
    overflow: hidden;
    padding: 80px 56px;
  }
}
@media only screen and (max-width: 767px) {
  .feature_mini__container {
    padding: 48px 24px;
  }
}
.feature_mini__bg {
  background: #2c353d;
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.feature_mini__bg:after,
.feature_mini__bg:before {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  position: absolute;
}
.feature_mini__bg:before {
  filter: blur(278.261px);
  height: 560px;
  left: -280px;
  opacity: 0.5;
  top: -280px;
  width: 560px;
}
.feature_mini__bg:after {
  bottom: -95px;
  filter: blur(160px);
  height: 299px;
  opacity: 0.6;
  right: -137px;
  width: 299px;
}
@media only screen and (max-width: 767px) {
  .feature_mini__bg:after {
    display: none;
  }
}
.feature_mini__title {
  color: #f7f7f8;
}
.feature_mini__description,
.feature_mini__title {
  margin: 0 auto 20px;
  max-width: 90%;
  text-align: center;
}
.feature_mini__description {
  color: #bac3ca;
}
.feature_mini__btn {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.feature_mini__btn .btn_border {
  box-shadow: inset 0 0 0 2px #f7f7f8bf;
  color: #f7f7f8;
}
.feature_mini__btn .btn_border:hover {
  background: #f7f7f8;
  box-shadow: none;
  color: #272e35;
}
.feature_mini__btn .btn_border:hover .icon {
  fill: #f7f7f8;
}
.get_started {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .get_started {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .get_started {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1179px) {
  .get_started__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .get_started__center {
    padding: 0 12px;
  }
}
.get_started__container {
  align-items: center;
  display: flex;
  min-height: 600px;
  padding: 40px 112px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .get_started__container {
    min-height: 510px;
    padding: 40px 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .get_started__container {
    padding: 70px 32px 434px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .get_started__container {
    padding: 70px 12px 334px;
    text-align: center;
  }
}
.get_started__bg {
  background: #2c353d;
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.get_started__bg:before {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 497px;
  left: -223px;
  opacity: 0.6;
  position: absolute;
  top: -242px;
  width: 497px;
}
.get_started__wrap {
  max-width: 455px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .get_started__wrap {
    max-width: 380px;
  }
}
@media only screen and (max-width: 1023px) {
  .get_started__wrap {
    max-width: 100%;
  }
}
.get_started__title {
  color: #f7f7f8;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1179px) {
  .get_started__title {
    margin-bottom: 24px;
  }
}
.get_started__text {
  color: #6a7986;
  margin-bottom: 32px;
  max-width: 330px;
}
@media only screen and (max-width: 1023px) {
  .get_started__text {
    margin-bottom: 24px;
    max-width: 100%;
  }
}
.get_started__gallery {
  max-width: 600px;
  pointer-events: none;
  position: absolute;
  right: calc(50% - 620px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 1179px) {
  .get_started__gallery {
    right: calc(50% - 540px);
    top: 50%;
    width: 600px;
  }
}
@media only screen and (max-width: 1023px) {
  .get_started__gallery {
    bottom: 0;
    max-width: 500px;
    right: 50%;
    top: auto;
    transform: translate(50%);
  }
}
@media only screen and (max-width: 767px) {
  .get_started__gallery {
    bottom: 20px;
    width: 340px;
  }
}
.header {
  position: relative !important;
  z-index: 50 !important; /* lower than modal */
}

@media only screen and (max-width: 1179px) {
  .header {
    margin-bottom: 30px;
    padding: 30px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .header {
    margin-bottom: 0;
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header {
    margin-bottom: 0;
    padding: 30px 0;
  }
}
@media only screen and (max-width: 599px) {
  .header {
    margin-bottom: 0;
    padding: 20px 0;
  }
}
.headline {
  padding-bottom: 68px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .headline__center {
    padding: 0 12px;
  }
}
.headline__title {
  margin: 0 auto 22px;
  max-width: 80%;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .headline__title {
    max-width: 400px;
  }
}
.headline__info {
  color: #6e757c;
  font-size: 24px;
  line-height: 1.33333;
  margin: 0 auto 32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .headline__info {
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto 32px;
    max-width: 260px;
  }
}
.headline__info a {
  border-bottom: 1px solid #0000;
  color: #ff6e30;
  transition: border-color 0.2s;
}
.headline__info a:hover {
  border-color: #ff6e30;
}
.headline__btn {
  margin-bottom: 143px;
}
@media only screen and (max-width: 1179px) {
  .headline__btn {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .headline__btn {
    margin-bottom: 90px;
  }
}
.headline__bg {
  left: 50%;
  margin-bottom: 138px;
  position: relative;
  transform: translate(-52%);
  width: 1020px;
}
@media only screen and (max-width: 1179px) {
  .headline__bg {
    margin-bottom: 72px;
    width: 850px;
  }
}
@media only screen and (max-width: 1023px) {
  .headline__bg {
    width: 750px;
  }
}
@media only screen and (max-width: 767px) {
  .headline__bg {
    transform: translate(-51.5%);
    width: 550px;
  }
}
body.dark .headline__item:before {
  background: #283036;
  box-shadow: 0 8px 32px #0000001a;
}
body.dark .headline__icon path {
  fill: #f7f7f8;
}
body.dark .headline__category {
  color: #f7f7f8;
}
.hero {
  padding-top: 45px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .hero {
    padding-top: 45px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero {
    padding: 0;
    text-align: center;
  }
}
.hero__wrap {
  margin-bottom: 138px;
  max-width: 580px;
}
@media only screen and (max-width: 1179px) {
  .hero__wrap {
    margin-bottom: 155px;
    max-width: 380px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero__wrap {
    margin-bottom: 50px;
    max-width: 100%;
  }
}
.hero__title {
  margin-bottom: 23px;
}
@media only screen and (max-width: 1023px) {
  .hero__title {
    margin-bottom: 20px;
  }
}
.hero__title span {
  display: block;
}
.hero__text {
  color: #6e757c;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 41px;
}
@media only screen and (max-width: 1179px) {
  .hero__text {
    font-size: 16px;
    line-height: 1.2;
    max-width: 240px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero__text {
    line-height: 1.5;
    margin: 0 auto 32px;
  }
}
.hero__btns {
  display: flex;
  margin-right: -100px;
}
@media only screen and (max-width: 1023px) {
  .hero__btns {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin: 0;
  }
}
.hero__btn:not(:last-child) {
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .hero__btn:not(:last-child) {
    margin: 0 0 24px;
  }
}
.hero__bg {
  pointer-events: none;
  position: absolute;
  right: calc(50% - 720px);
  top: 0;
}
@media only screen and (max-width: 1179px) {
  .hero__bg {
    right: calc(50% - 550px);
    top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .hero__bg {
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
  }
  .hero__bg img {
    max-width: 500px;
  }
}
.hero__info {
  color: #6e757c;
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hero__info {
    display: none;
  }
}
.hero__list {
  display: flex;
  margin: 0 -16px;
}
@media only screen and (max-width: 1023px) {
  .hero__list {
    margin: 0 -8px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__list {
    display: none;
  }
}
.hero__logo {
  flex-grow: 1;
  margin: 0 16px;
}
@media only screen and (max-width: 1023px) {
  .hero__logo {
    margin: 0 8px;
  }
}
@media only screen and (max-width: 1179px) {
  .hero__logo:first-child {
    display: none;
  }
}
.hero__logo img {
  max-width: 100%;
}
.hero:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .hero:not(:last-child) {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .hero:not(:last-child) {
    margin-bottom: 48px;
  }
}
.hero_landing {
  padding-top: 45px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .hero_landing {
    padding-top: 45px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero_landing {
    padding: 0;
    text-align: center;
  }
}
.hero_landing__wrap {
  margin-bottom: 138px;
  max-width: 580px;
}
@media only screen and (max-width: 1179px) {
  .hero_landing__wrap {
    margin-bottom: 155px;
    max-width: 380px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero_landing__wrap {
    margin-bottom: 50px;
    max-width: 100%;
  }
}
.hero_landing__title {
  margin-bottom: 23px;
}
@media only screen and (max-width: 1023px) {
  .hero_landing__title {
    margin-bottom: 20px;
  }
}
.hero_landing__title span {
  display: block;
}
.hero_landing__text {
  color: #6e757c;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 41px;
}
@media only screen and (max-width: 1179px) {
  .hero_landing__text {
    font-size: 16px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 1023px) {
  .hero_landing__text {
    line-height: 1.5;
    margin: 0 auto 32px;
  }
}
.hero_landing__btns {
  display: flex;
  margin-right: -100px;
}
@media only screen and (max-width: 1023px) {
  .hero_landing__btns {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin: 0;
  }
}
.hero_landing__btn:not(:last-child) {
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .hero_landing__btn:not(:last-child) {
    margin: 0 0 24px;
  }
}
.hero_landing__bg {
  pointer-events: none;
  position: absolute;
  right: calc(50% - 720px);
  top: 0;
}
@media only screen and (max-width: 1179px) {
  .hero_landing__bg {
    right: calc(50% - 550px);
    top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .hero_landing__bg {
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
  }
  .hero_landing__bg img {
    max-width: 500px;
  }
}
.hero_landing__info {
  color: #6e757c;
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hero_landing__info {
    display: none;
  }
}
.hero_landing__list {
  display: flex;
  margin: 0 -16px;
}
@media only screen and (max-width: 1023px) {
  .hero_landing__list {
    margin: 0 -8px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_landing__list {
    display: none;
  }
}
.hero_landing__logo {
  flex-grow: 1;
  margin: 0 16px;
}
@media only screen and (max-width: 1023px) {
  .hero_landing__logo {
    margin: 0 8px;
  }
}
@media only screen and (max-width: 1179px) {
  .hero_landing__logo:first-child {
    display: none;
  }
}
.hero_landing__logo img {
  max-width: 100%;
}
.hero_landing:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .hero_landing:not(:last-child) {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero_landing:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_landing:not(:last-child) {
    margin-bottom: 48px;
  }
}
#hero_render {
  height: 600px;
  left: -700px;
  position: absolute;
  top: 0;
  width: 600px;
}
@media only screen and (max-width: 1179px) {
  #hero_render {
    height: 500px;
    left: -600px;
    width: 500px;
  }
}
@media only screen and (max-width: 1023px) {
  #hero_render {
    height: 500px;
    left: 50%;
    margin-left: -250px;
    position: relative;
    top: auto;
    width: 500px;
  }
}
.highlight {
  margin-top: 78px;
}
@media only screen and (max-width: 767px) {
  .highlight {
    margin: 0;
  }
}
.highlight__head {
  margin-bottom: 112px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .highlight__head {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .highlight__head {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .highlight__head {
    margin-bottom: 48px;
  }
}
.highlight__photo {
  margin-bottom: 35px;
  padding-right: 3px;
}
@media only screen and (max-width: 767px) {
  .highlight__photo {
    margin: 0 -36px 24px;
  }
}
.highlight__photo img {
  display: inline-block;
  max-width: 100%;
}
.highlight .stage {
  margin-bottom: 16px;
}
.highlight__title {
  margin: 0 auto;
  max-width: 550px;
}
.highlight__item {
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 1023px) {
  .highlight__item {
    display: block;
  }
}
.highlight__item:nth-child(3) {
  align-items: flex-start;
}
.highlight__item:not(:last-child) {
  margin-bottom: 112px;
}
@media only screen and (max-width: 1179px) {
  .highlight__item:not(:last-child) {
    margin-bottom: 72px;
  }
}
@media only screen and (max-width: 1023px) {
  .highlight__item:not(:last-child) {
    margin-bottom: 48px;
  }
}
.highlight__bg {
  flex: 0 0 548px;
  margin-right: auto;
  position: relative;
  width: 548px;
}
@media only screen and (max-width: 1179px) {
  .highlight__bg {
    flex: 0 0 460px;
    width: 460px;
  }
}
@media only screen and (max-width: 1023px) {
  .highlight__bg {
    margin: 0 auto 64px;
  }
}
@media only screen and (max-width: 767px) {
  .highlight__bg {
    margin-bottom: 48px;
    width: 100%;
  }
}
.highlight__preview:first-child img {
  width: 100%;
}
.highlight__preview:not(:first-child) {
  position: absolute;
}
.highlight__item:first-child .highlight__preview:first-child {
  margin-left: -28px;
}
@media only screen and (max-width: 767px) {
  .highlight__item:first-child .highlight__preview:first-child {
    margin-left: -12px;
  }
}
.highlight__item:first-child .highlight__preview:nth-child(2) {
  left: -22%;
  top: 49%;
}
@media only screen and (max-width: 767px) {
  .highlight__item:first-child .highlight__preview:nth-child(2) {
    left: -9%;
    top: 65%;
    width: 30%;
  }
}
.highlight__item:first-child .highlight__preview:nth-child(3) {
  bottom: -7%;
  left: 8%;
}
@media only screen and (max-width: 767px) {
  .highlight__item:first-child .highlight__preview:nth-child(3) {
    width: 17%;
  }
  .highlight__item:first-child .highlight__preview img {
    width: 100%;
  }
}
.highlight__item:first-child .highlight__wrap {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .highlight__item:first-child .highlight__wrap {
    padding: 0;
  }
}
.highlight__item:nth-child(2) .highlight__preview:first-child {
  margin-left: -74px;
}
@media only screen and (max-width: 1179px) {
  .highlight__item:nth-child(2) .highlight__preview:first-child {
    margin-left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(2) .highlight__preview:first-child {
    margin-left: -12px;
  }
}
.highlight__item:nth-child(2) .highlight__preview:nth-child(2) {
  bottom: -11%;
  left: 1%;
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(2) .highlight__preview:nth-child(2) {
    bottom: -15%;
    left: 30%;
    width: 40%;
  }
}
.highlight__item:nth-child(2) .highlight__preview:nth-child(3) {
  right: -2%;
  top: 34%;
  width: 74px;
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(2) .highlight__preview:nth-child(3) {
    width: 43px;
  }
}
.highlight__item:nth-child(2) .highlight__preview:nth-child(3) img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(2) .highlight__preview img {
    width: 100%;
  }
}
.highlight__item:nth-child(2) .highlight__wrap {
  padding-bottom: 27px;
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(2) .highlight__wrap {
    padding: 0;
  }
}
.highlight__item:nth-child(3) .highlight__preview:first-child {
  margin: 0 -40px 0 -80px;
}
@media only screen and (max-width: 1179px) {
  .highlight__item:nth-child(3) .highlight__preview:first-child {
    margin: 0 0 0 -50px;
  }
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(3) .highlight__preview:first-child {
    margin: 0 -12px 0 -48px;
  }
}
.highlight__item:nth-child(3) .highlight__preview:nth-child(2) {
  right: -12%;
  top: 28%;
  width: 81px;
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(3) .highlight__preview:nth-child(2) {
    width: 70px;
  }
}
.highlight__item:nth-child(3) .highlight__preview:nth-child(2) img {
  width: 100%;
}
.highlight__item:nth-child(3) .highlight__preview:nth-child(3) {
  left: -18.5%;
  top: 17.5%;
  width: 82px;
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(3) .highlight__preview:nth-child(3) {
    left: -10%;
    width: 60px;
  }
}
.highlight__item:nth-child(3) .highlight__preview:nth-child(3) img {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .highlight__item:nth-child(3) .highlight__bg {
    margin-bottom: 0;
  }
}
.highlight__item:nth-child(3) .highlight__wrap {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .highlight__item:nth-child(3) .highlight__wrap {
    padding: 0;
  }
}
.highlight__item:nth-child(3) .highlight__icon {
  margin-bottom: 23px;
}
.highlight__wrap {
  max-width: 405px;
  padding-right: 55px;
}
@media only screen and (max-width: 1179px) {
  .highlight__wrap {
    max-width: 340px;
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .highlight__wrap {
    margin: 0 auto;
    max-width: 460px;
  }
}
.highlight__icon {
  margin-left: -145px;
}
@media only screen and (max-width: 1179px) {
  .highlight__icon {
    margin-left: -105px;
  }
}
@media only screen and (max-width: 1023px) {
  .highlight__icon {
    display: none;
  }
}
@media only screen and (max-width: 1179px) {
  .highlight__icon img {
    width: 250px;
  }
}
.highlight__info {
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  margin: -16px 0 16px;
}
@media only screen and (max-width: 767px) {
  .highlight__info {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.highlight__text {
  margin-bottom: 40px;
  max-width: 265px;
}
.highlight:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .highlight:not(:last-child) {
    margin-bottom: 82px;
  }
}
@media only screen and (max-width: 767px) {
  .highlight:not(:last-child) {
    margin-bottom: 48px;
  }
}
.image_list {
  margin-bottom: 136px;
  overflow: hidden;
}
@media only screen and (max-width: 1179px) {
  .image_list {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .image_list {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .image_list {
    margin-bottom: 112px;
  }
}
.image_list__row {
  align-items: center;
  display: flex;
  min-height: 624px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .image_list__row {
    min-height: 550px;
  }
}
@media only screen and (max-width: 1023px) {
  .image_list__row {
    display: block;
    min-height: auto;
  }
}
.image_list__row:nth-child(2n) {
  justify-content: flex-end;
}
.image_list__row:not(:last-child) {
  margin-bottom: 133px;
}
@media only screen and (max-width: 1023px) {
  .image_list__row:not(:last-child) {
    margin-bottom: 112px;
  }
}
.image_list__row:nth-child(2n) .image_list__bg {
  left: calc(50% - 600px);
  max-width: 600px;
  top: 50%;
}
@media only screen and (max-width: 1023px) {
  .image_list__row:nth-child(2n) .image_list__bg {
    left: auto;
    margin: 0 auto;
    text-align: center;
    top: auto;
    width: 100%;
  }
}
.image_list__row:nth-child(odd) .image_list__bg {
  max-width: 600px;
  right: calc(50% - 600px);
  top: 50%;
}
@media only screen and (max-width: 1023px) {
  .image_list__row:nth-child(odd) .image_list__bg {
    margin: 0 auto;
    right: auto;
    top: auto;
    width: 100%;
  }
}
.image_list__wrap {
  flex-shrink: 0;
  width: 355px;
}
@media only screen and (max-width: 1179px) {
  .image_list__wrap {
    width: 320px;
  }
}
@media only screen and (max-width: 1023px) {
  .image_list__wrap {
    width: 100%;
  }
}
.image_list .stage {
  display: none;
  margin-bottom: 12px;
}
.image_list__title {
  margin-bottom: 24px;
}
.image_list__text {
  color: #6e757c;
  margin-bottom: 32px;
}
.image_list__btn a {
  display: block;
  margin-bottom: 0.5rem;
}
.image_list__btn .btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
}
.image_list__btn .btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.image_list__bg {
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
  .image_list__bg {
    position: relative;
    transform: translate(0);
  }
}
.image_list__preview {
  max-width: 600px;
}
.image_list__preview img {
  margin: 0 auto;
  width: 100%;
}
.image_list__preview:not(:first-child) {
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .linear_image_list {
    margin: 0;
  }
}
.linear_image_list__head {
  margin-bottom: 112px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .linear_image_list__head {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .linear_image_list__head {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .linear_image_list__head {
    margin-bottom: 48px;
  }
}
.linear_image_list__photo {
  margin-bottom: 35px;
  padding-right: 3px;
}
@media only screen and (max-width: 767px) {
  .linear_image_list__photo {
    margin: 0 -36px 24px;
  }
}
.linear_image_list__photo img {
  display: inline-block;
  max-width: 100%;
}
.linear_image_list .stage {
  display: none;
  margin-bottom: 16px;
}
.linear_image_list__title {
  margin: 0 auto;
  max-width: 550px;
}
.linear_image_list__item {
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 1023px) {
  .linear_image_list__item {
    display: block;
  }
}
.linear_image_list__item:not(:last-child) {
  margin-bottom: 112px;
}
@media only screen and (max-width: 1179px) {
  .linear_image_list__item:not(:last-child) {
    margin-bottom: 72px;
  }
}
@media only screen and (max-width: 1023px) {
  .linear_image_list__item:not(:last-child) {
    margin-bottom: 48px;
  }
}
.linear_image_list__bg {
  flex: 0 0 548px;
  margin-right: auto;
  position: relative;
  width: 548px;
}
@media only screen and (max-width: 1179px) {
  .linear_image_list__bg {
    flex: 0 0 460px;
    width: 460px;
  }
}
@media only screen and (max-width: 1023px) {
  .linear_image_list__bg {
    margin: 0 auto 64px;
  }
}
@media only screen and (max-width: 767px) {
  .linear_image_list__bg {
    margin-bottom: 48px;
    width: 100%;
  }
}
.linear_image_list__preview:first-child img {
  width: 100%;
}
.linear_image_list__preview:not(:first-child) {
  position: absolute;
}
.linear_image_list__wrap {
  max-width: 405px;
  padding-right: 55px;
}
@media only screen and (max-width: 1179px) {
  .linear_image_list__wrap {
    max-width: 340px;
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .linear_image_list__wrap {
    margin: 0 auto;
    max-width: 460px;
  }
}
.linear_image_list__icon {
  margin-bottom: 23px;
}
.linear_image_list__info {
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  margin: -16px 0 16px;
}
@media only screen and (max-width: 767px) {
  .linear_image_list__info {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.linear_image_list__text {
  margin-bottom: 40px;
  max-width: 265px;
}
.linear_image_list:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .linear_image_list:not(:last-child) {
    margin-bottom: 82px;
  }
}
@media only screen and (max-width: 767px) {
  .linear_image_list:not(:last-child) {
    margin-bottom: 48px;
  }
}
.integration__center {
  align-items: center;
  display: flex;
  padding-right: 144px;
}
@media only screen and (max-width: 1339px) {
  .integration__center {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 1179px) {
  .integration__center {
    display: block;
    padding-right: 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .integration__center {
    padding-right: 20px;
  }
}
.integration__wrap {
  margin-right: auto;
  max-width: 405px;
}
@media only screen and (max-width: 1179px) {
  .integration__wrap {
    margin: 0 0 80px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .integration__wrap {
    margin-bottom: 48px;
  }
}
.integration .stage {
  display: none;
  margin-bottom: 12px;
}
.integration__title {
  margin-bottom: 24px;
}
.integration__text {
  color: #6e757c;
}
@media only screen and (max-width: 1179px) {
  .integration__text {
    margin: 0 auto;
    max-width: 405px;
  }
}
.integration__list {
  flex-shrink: 0;
  width: 464px;
}
@media only screen and (max-width: 1179px) {
  .integration__list {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 474px) {
  .integration__list {
    width: 100%;
  }
}
.integration__row {
  align-items: center;
  display: flex;
  margin: 0 -20px;
}
@media only screen and (max-width: 767px) {
  .integration__row {
    margin: 0 -14px;
  }
}
.integration__col {
  flex: 0 0 calc(33.333% - 40px);
  margin: 0 20px;
  width: calc(33.333% - 40px);
}
@media only screen and (max-width: 767px) {
  .integration__col {
    flex: 0 0 calc(33.333% - 24px);
    margin: 0 12px;
    width: calc(33.333% - 24px);
  }
}
.integration__btn {
  margin-top: 24px;
}
.integration__btn .btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
}
.integration__btn .btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.integration__btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
}
.integration__btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.integration__btn_border:hover .icon {
  fill: #f7f7f8;
}
.integration__logo {
  align-items: center;
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 16px #0000000f;
  display: flex;
  height: 128px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .integration__logo {
    height: 92px;
  }
  .integration__logo img {
    max-height: 42px;
    max-width: 42px;
  }
}
.integration__logo:not(:last-child) {
  margin-bottom: 40px;
}
.integration:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .integration:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .integration:not(:last-child) {
    margin-bottom: 48px;
  }
}
.integrations__center {
  align-items: center;
  display: flex;
  padding-right: 144px;
}
@media only screen and (max-width: 1339px) {
  .integrations__center {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 1179px) {
  .integrations__center {
    display: block;
    padding-right: 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .integrations__center {
    padding-right: 20px;
  }
}
.integrations__wrap {
  margin-right: auto;
  max-width: 405px;
}
@media only screen and (max-width: 1179px) {
  .integrations__wrap {
    margin: 0 0 80px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .integrations__wrap {
    margin-bottom: 48px;
  }
}
.integrations .stage {
  margin-bottom: 12px;
}
.integrations__title {
  margin-bottom: 24px;
}
.integrations__text {
  color: #6e757c;
}
@media only screen and (max-width: 1179px) {
  .integrations__text {
    margin: 0 auto;
    max-width: 405px;
  }
}
.integrations__list {
  flex-shrink: 0;
  width: 464px;
}
@media only screen and (max-width: 1179px) {
  .integrations__list {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 474px) {
  .integrations__list {
    width: 100%;
  }
}
.integrations__row {
  align-items: center;
  display: flex;
  margin: 0 -20px;
}
@media only screen and (max-width: 767px) {
  .integrations__row {
    margin: 0 -14px;
  }
}
.integrations__col {
  flex: 0 0 calc(33.333% - 40px);
  margin: 0 20px;
  width: calc(33.333% - 40px);
}
@media only screen and (max-width: 767px) {
  .integrations__col {
    flex: 0 0 calc(33.333% - 24px);
    margin: 0 12px;
    width: calc(33.333% - 24px);
  }
}
.integrations__btn {
  margin-top: 24px;
}
.integrations__btn .btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
}
.integrations__btn .btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.integrations__btn_border {
  box-shadow: inset 0 0 0 2px #272e35bf;
  color: #272e35;
  margin-top: 24px;
}
.integrations__btn_border:hover {
  background: #272e35;
  box-shadow: none;
  color: #f7f7f8;
}
.integrations__btn_border:hover .icon {
  fill: #f7f7f8;
}
.integrations__logo {
  align-items: center;
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 16px #0000000f;
  display: flex;
  height: 128px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .integrations__logo {
    height: 92px;
  }
  .integrations__logo img {
    max-height: 42px;
    max-width: 42px;
  }
}
.integrations__logo:not(:last-child) {
  margin-bottom: 40px;
}
.integrations:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .integrations:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .integrations:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .integrations__logo {
  background: #2c353d;
}
.join_community {
  margin-bottom: 316px;
}
@media only screen and (max-width: 1179px) {
  .join_community {
    margin-bottom: 290px;
  }
}
@media only screen and (max-width: 1023px) {
  .join_community {
    margin-bottom: 150px;
  }
}
@media only screen and (max-width: 1179px) {
  .join_community__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .join_community__center {
    padding: 0 12px;
  }
}
.join_community__container {
  background: linear-gradient(90.33deg, #fea989 0.02%, #99b4db 98.92%);
  border-radius: 24px;
  padding: 64px 64px 120px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .join_community__container {
    padding: 80px 12px 88px;
  }
}
.join_community__title {
  margin: 0 auto 32px;
  max-width: 835px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .join_community__title {
    font-size: 48px;
    line-height: 1.16667;
  }
}
@media only screen and (max-width: 1023px) {
  .join_community__title {
    font-size: 40px;
    line-height: 1.2;
  }
}
.join_community__preview {
  bottom: -180px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
@media only screen and (max-width: 1023px) {
  .join_community__preview {
    bottom: -105px;
    width: 400px;
  }
  .join_community__preview img {
    width: 100%;
  }
}
.liquid_staking {
  padding-top: 148px;
}
@media only screen and (max-width: 1023px) {
  .liquid_staking {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .liquid_staking__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .liquid_staking__center {
    padding: 0 12px;
  }
}
.liquid_staking__container {
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  padding: 134px 80px 100px 132px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .liquid_staking__container {
    padding: 150px 130px 115px 52px;
  }
}
@media only screen and (max-width: 1023px) {
  .liquid_staking__container {
    padding: 40px 32px 46px;
  }
}
.liquid_staking__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 1023px) {
  .liquid_staking__container:before {
    display: none;
  }
}
.liquid_staking__gallery {
  left: -30px;
  max-width: 700px;
  pointer-events: none;
  position: absolute;
  top: -140px;
  z-index: 1;
}
@media only screen and (max-width: 1179px) {
  .liquid_staking__gallery {
    left: -50px;
    max-width: 600px;
    top: -120px;
  }
}
@media only screen and (max-width: 1023px) {
  .liquid_staking__gallery {
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .liquid_staking__gallery {
    max-width: 380px;
  }
}
.liquid_staking__preview {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .liquid_staking__preview {
    left: 50%;
    margin-left: -78%;
    position: absolute;
    width: 150%;
  }
}
@media only screen and (max-width: 1339px) {
  .liquid_staking__preview {
    bottom: 0;
  }
}
.liquid_staking__preview img {
  width: 100%;
}
.liquid_staking__preview:not(:first-child) {
  position: absolute;
}
.liquid_staking__row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .liquid_staking__row {
    display: block;
  }
}
.liquid_staking__wrap {
  max-width: 355px;
  padding-top: 234px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .liquid_staking__wrap {
    padding-top: 215px;
  }
}
@media only screen and (max-width: 1023px) {
  .liquid_staking__wrap {
    margin-bottom: 100px;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .liquid_staking__wrap {
    margin-bottom: 480px;
  }
}
@media only screen and (max-width: 599px) {
  .liquid_staking__wrap {
    margin-bottom: 400px;
  }
}
.liquid_staking .stage {
  display: none;
  margin-bottom: 16px;
}
.liquid_staking__title {
  margin-bottom: 24px;
}
.liquid_staking__info {
  color: #6e757c;
  margin-bottom: 32px;
}
.liquid_staking__list {
  flex-shrink: 0;
  position: relative;
  width: 340px;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .liquid_staking__list {
    width: 100%;
  }
}
.liquid_staking__item {
  display: flex;
}
.liquid_staking__item:not(:last-child) {
  border-bottom: 1px solid #748fb526;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.liquid_staking__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  justify-content: center;
  margin-right: 24px;
}
.liquid_staking__icon,
.liquid_staking__icon svg {
  height: 40px;
  width: 40px;
}
.liquid_staking__details {
  flex-grow: 1;
}
.liquid_staking__category {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
}
.liquid_staking__text {
  color: #6e757c;
}
.liquid_staking__btns {
  display: flex;
  margin-right: -100px;
}
@media only screen and (max-width: 1023px) {
  .liquid_staking__btns {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin: 0;
  }
}
.liquid_staking:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .liquid_staking:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 1023px) {
  .liquid_staking:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .liquid_staking__container {
  background: #283036;
}
body.dark .liquid_staking__container:before {
  background: #f7f7f81a;
}
body.dark .liquid_staking__bg {
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
body.dark .liquid_staking__bg:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
body.dark .liquid_staking__icon path {
  fill: #f7f7f8;
}
.d1,
.d2,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}
.d1 {
  font-size: 72px;
  line-height: 1.11111;
}
@media only screen and (max-width: 1179px) {
  .d1 {
    font-size: 48px;
    line-height: 1.16667;
  }
}
@media only screen and (max-width: 767px) {
  .d1 {
    font-size: 40px;
    line-height: 1.2;
  }
}
.d2 {
  font-size: 64px;
  line-height: 1.125;
}
@media only screen and (max-width: 1179px) {
  .d2 {
    font-size: 48px;
    line-height: 1.16667;
  }
}
@media only screen and (max-width: 767px) {
  .d2 {
    font-size: 40px;
    line-height: 1.2;
  }
}
.h1 {
  font-size: 56px;
  line-height: 1.14286;
}
.h2 {
  font-size: 48px;
  line-height: 1.16667;
}
@media only screen and (max-width: 1179px) {
  .h2 {
    font-size: 40px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .h2 {
    font-size: 32px;
    line-height: 1.25;
  }
}
.h3 {
  font-size: 40px;
  line-height: 1.2;
}
.h4 {
  font-size: 32px;
  line-height: 1.25;
}
.h5 {
  font-size: 24px;
  line-height: 1.33333;
}
.h6 {
  font-size: 20px;
  line-height: 1.2;
}
.stage {
  color: #748fb5;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.33333;
  margin-bottom: 24px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .stage {
    margin-bottom: 16px;
  }
}
.color-blue {
  color: #00f;
}
.bg-blue {
  background: #00f;
}
.bg-blue-opacity {
  background: #0000ff4d;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.m-auto {
  margin: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.align-baseline {
  align-items: baseline;
}
@media only screen and (max-width: 1179px) {
  .desktop-hide {
    display: none !important;
  }
}
.desktop-show {
  display: none !important;
}
@media only screen and (max-width: 1179px) {
  .desktop-show {
    display: block !important;
  }
  .desktop-text-right {
    text-align: right !important;
  }
}
@media only screen and (max-width: 1023px) {
  .tablet-hide {
    display: none !important;
  }
}
.tablet-show {
  display: none !important;
}
@media only screen and (max-width: 1023px) {
  .tablet-show {
    display: block !important;
  }
  .tablet-text-right {
    text-align: right !important;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}
.mobile-show {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .mobile-show {
    display: block !important;
  }
  .mobile-text-right {
    text-align: right !important;
  }
}
.news_article {
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .news_article__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .news_article__center {
    padding: 0 12px;
  }
}
.news_article__container {
  align-items: center;
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  display: flex;
  padding: 40px 80px;
  position: relative;
}
.news_article__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .news_article__container:before {
    bottom: -8px;
    left: 8px;
    right: 8px;
    top: 8px;
  }
}
.news_article__wrap {
  position: relative;
  z-index: 3;
}
.news_article .stage {
  display: none;
  margin-bottom: 16px;
}
.news_article__note {
  background: #748fb5;
  border-radius: 16px;
  color: #f7f7f8;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.45455;
  margin-bottom: 16px;
  padding: 8px 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .news_article__note {
    margin-bottom: 20px;
    position: static;
  }
}
.news_article__title {
  margin-bottom: 24px;
}
.news_article__info {
  color: #6e757c;
  margin-bottom: 24px;
}
.news_article__bg {
  display: none;
  pointer-events: none;
  position: absolute;
  right: calc(50% - 721px);
  top: 56.5%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1179px) {
  .news_article__bg {
    right: calc(50% - 620px);
    width: 750px;
  }
}
@media only screen and (max-width: 1023px) {
  .news_article__bg {
    right: calc(50% - 450px);
    width: 570px;
  }
}
@media only screen and (max-width: 767px) {
  .news_article__bg {
    right: 55%;
    top: 55px;
    transform: translate(50%);
    width: 370px;
  }
}
.news_article__preview:nth-child(2) {
  left: 23.5%;
  top: -10.5%;
  width: 29%;
}
.news_article__preview:nth-child(3) {
  right: 5%;
  top: 1%;
  width: 34%;
}
.news_article__preview img {
  width: 100%;
}
.news_article__preview:not(:first-child) {
  position: absolute;
}
.news_article:not(:last-child) {
  margin-bottom: 46px;
}
.news_article:last-child {
  margin-bottom: 136px;
}
body.dark .news_article__container {
  background: #283036;
  overflow: hidden;
}
body.dark .news_article__container:before {
  background: #f7f7f81a;
}
body.dark .news_article__container:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
.next {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1179px) {
  .next {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .next {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .next {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1179px) {
  .next__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .next__center {
    padding: 0 12px;
  }
}
.next__container {
  background: linear-gradient(90.33deg, #fea989 0.02%, #99b4db 98.92%);
  border-radius: 24px;
  padding: 64px 64px 120px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .next__container {
    padding: 80px 12px 88px;
  }
}
.next__text,
.next__title {
  margin: 0 auto 32px;
  max-width: 835px;
  text-align: center;
}
.next__text {
  font-size: 20px;
}
.next__info {
  font-size: 18px;
  line-height: 1.33333;
  margin: 0 auto 32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .next__info {
    font-size: 16px;
    margin: 0 auto 32px;
    max-width: 320px;
  }
}
.next__preview {
  bottom: -180px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
@media only screen and (max-width: 767px) {
  .next__preview {
    bottom: -105px;
    width: 400px;
  }
  .next__preview img {
    width: 100%;
  }
}
body.dark .next__info,
body.dark .next__text,
body.dark .next__title {
  color: #2c353d;
}
@media only screen and (max-width: 1179px) {
  .node_staking__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .node_staking__center {
    padding: 0 12px;
  }
}
.node_staking__body {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-height: 600px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .node_staking__body {
    min-height: auto;
    padding: 48px 20px 330px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .node_staking__body {
    padding: 48px 20px 230px;
  }
}
.node_staking__bg {
  background: #2c353d;
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.node_staking__bg:after,
.node_staking__bg:before {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  position: absolute;
}
.node_staking__bg:before {
  filter: blur(278.261px);
  height: 560px;
  left: -280px;
  opacity: 0.6;
  top: -280px;
  width: 560px;
}
@media only screen and (max-width: 1179px) {
  .node_staking__bg:before {
    left: -360px;
  }
}
.node_staking__bg:after {
  bottom: -181px;
  filter: blur(160px);
  height: 390px;
  opacity: 0.6;
  right: -194px;
  width: 390px;
}
@media only screen and (max-width: 1179px) {
  .node_staking__bg:after {
    bottom: -181px;
    right: -274px;
  }
}
@media only screen and (max-width: 1023px) {
  .node_staking__bg:after {
    display: none;
  }
}
.node_staking__gallery {
  left: calc(50% - 650px);
  max-width: 650px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .node_staking__gallery {
    left: calc(50% - 580px);
    max-width: 580px;
    top: 50%;
  }
}
@media only screen and (max-width: 1023px) {
  .node_staking__gallery {
    bottom: -140px;
    left: 50%;
    margin: 0 auto;
    top: auto;
    transform: translate(-50%);
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .node_staking__gallery {
    bottom: -100px;
    max-width: 500px;
  }
}
.node_staking__preview {
  margin: 0 auto;
  width: 100%;
}
.node_staking__preview img {
  width: 100%;
}
.node_staking__preview:not(:first-child) {
  position: absolute;
}
.node_staking__wrap {
  max-width: 455px;
  padding-right: 110px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .node_staking__wrap {
    max-width: 390px;
    padding-right: 45px;
  }
}
@media only screen and (max-width: 1023px) {
  .node_staking__wrap {
    margin: 0 auto 50px;
    max-width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .node_staking__wrap {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 474px) {
  .node_staking__wrap {
    margin-bottom: 50px;
  }
}
.node_staking__title {
  color: #f7f7f8;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .node_staking__title {
    margin-bottom: 16px;
  }
}
.node_staking__text {
  color: #6a7986;
  margin-bottom: 24px;
}
.node_staking__btn {
  box-shadow: inset 0 0 0 2px #f7f7f8bf;
  color: #f7f7f8;
}
.node_staking__btn:hover {
  background: #f7f7f8;
  color: #272e35;
}
.node_staking__bottom {
  background: linear-gradient(90.33deg, #fea989 0.02%, #99b4db 98.92%);
  border-radius: 0 0 24px 24px;
  display: flex;
  margin: -21px 8px 0;
  padding: 0 50px;
}
@media only screen and (max-width: 1179px) {
  .node_staking__bottom {
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .node_staking__bottom {
    display: block;
    margin: -21px 0 0;
    padding: 120px 56px 0;
  }
}
.node_staking__item {
  align-items: center;
  display: flex;
  flex: 0 0 33.333%;
  flex-direction: column;
  justify-content: center;
  padding: 80px 30px 60px;
  text-align: center;
  width: 33.333%;
}
@media only screen and (max-width: 1023px) {
  .node_staking__item {
    padding: 24px 0 50px;
    width: 100%;
  }
}
.node_staking__item:nth-child(2) {
  border: 0 solid #f7f7f826;
  border-width: 0 2px;
}
@media only screen and (max-width: 767px) {
  .node_staking__item:nth-child(2) {
    border-width: 2px 0;
  }
}
.node_staking__counter {
  font-family: Poppins, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.125;
  margin-bottom: 16px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .node_staking__counter {
    font-size: 64px;
    line-height: 1.125;
  }
}
@media only screen and (max-width: 767px) {
  .node_staking__counter {
    font-size: 56px;
    line-height: 1.14286;
  }
}
.node_staking__sign {
  bottom: 1px;
  font-size: 32px;
  line-height: 1;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .node_staking__sign {
    font-size: 26px;
  }
}
.node_staking__sign_up {
  position: relative;
  top: -34px;
}
@media only screen and (max-width: 1023px) {
  .node_staking__sign_up {
    top: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .node_staking__sign_up {
    top: -26px;
  }
}
.node_staking__category {
  background: #f7f7f8;
  border-radius: 14px;
  box-shadow: 0 8px 12px #00000026;
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
  padding: 0 10px;
}
.node_staking:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .node_staking:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .node_staking:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .node_staking__bottom {
  color: #272e35;
}
:root {
  --popper-theme-background-color: #1e293b;
  --popper-theme-background-color-hover: #1e293b;
  --popper-theme-text-color: #eeeff2;
  --popper-theme-padding: 16px;
  --popper-theme-border-radius: 6px;
  --slider-connect-bg: #748fb5;
  --slider-tooltip-bg: #748fb5;
  --slider-handle-ring-color: #748fb5;
}
.rocksolid {
  padding-top: 88px;
}
@media only screen and (max-width: 1023px) {
  .rocksolid {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .rocksolid__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rocksolid__center {
    padding: 0 12px;
  }
}
.rocksolid__container {
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  padding: 134px 80px 100px 132px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .rocksolid__container {
    padding: 150px 130px 115px 52px;
  }
}
@media only screen and (max-width: 1023px) {
  .rocksolid__container {
    padding: 40px 32px 46px;
  }
}
.rocksolid__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 1023px) {
  .rocksolid__container:before {
    display: none;
  }
}
.rocksolid__gallery {
  left: 80px;
  max-width: 500px;
  pointer-events: none;
  position: absolute;
  top: -100px;
  z-index: 1;
}
@media only screen and (max-width: 1179px) {
  .rocksolid__gallery {
    left: 15px;
    max-width: 500px;
    width: 420px;
  }
}
@media only screen and (max-width: 1023px) {
  .rocksolid__gallery {
    bottom: 50px;
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
    width: 100%;
  }
}
.rocksolid__preview {
  bottom: 0;
  width: 100%;
}
.rocksolid__preview img {
  width: 100%;
}
.rocksolid__preview:not(:first-child) {
  position: absolute;
}
.rocksolid__row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .rocksolid__row {
    display: block;
  }
}
.rocksolid__wrap {
  max-width: 510px;
  padding-top: 234px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .rocksolid__wrap {
    padding-top: 215px;
  }
}
@media only screen and (max-width: 1023px) {
  .rocksolid__wrap {
    margin-bottom: 100px;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
.rocksolid .stage {
  display: none;
  margin-bottom: 16px;
}
.rocksolid__title {
  margin-bottom: 24px;
}
.rocksolid__info {
  color: #6e757c;
  margin-bottom: 32px;
}
.rocksolid__list {
  flex-shrink: 0;
  position: relative;
  width: 340px;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .rocksolid__list {
    width: 100%;
  }
}
.rocksolid__item {
  display: flex;
}
.rocksolid__item:not(:last-child) {
  border-bottom: 1px solid #748fb526;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.rocksolid__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  justify-content: center;
  margin-right: 24px;
}
.rocksolid__icon,
.rocksolid__icon svg {
  height: 40px;
  width: 40px;
}
.rocksolid__details {
  flex-grow: 1;
}
.rocksolid__category {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
}
.rocksolid__text {
  color: #6e757c;
}
.rocksolid:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .rocksolid:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 1023px) {
  .rocksolid:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .rocksolid__container {
  background: #283036;
}
body.dark .rocksolid__container:before {
  background: #f7f7f81a;
}
body.dark .rocksolid__bg {
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
body.dark .rocksolid__bg:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
body.dark .rocksolid__icon path {
  fill: #f7f7f8;
}
.saturn {
  padding-top: 88px;
}
@media only screen and (max-width: 1023px) {
  .saturn {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .saturn__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .saturn__center {
    padding: 0 12px;
  }
}
.saturn__container {
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  padding: 134px 80px 100px 132px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .saturn__container {
    padding: 150px 130px 115px 52px;
  }
}
@media only screen and (max-width: 1023px) {
  .saturn__container {
    padding: 40px 32px 46px;
  }
}
.saturn__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 1023px) {
  .saturn__container:before {
    display: none;
  }
}
.saturn__gallery {
  left: 40px;
  max-width: 600px;
  pointer-events: none;
  position: absolute;
  top: -50px;
  z-index: 1;
}
@media only screen and (max-width: 1179px) {
  .saturn__gallery {
    left: 15px;
    max-width: 500px;
    width: 420px;
  }
}
@media only screen and (max-width: 1023px) {
  .saturn__gallery {
    bottom: 50px;
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
    width: 100%;
  }
}
.saturn__preview {
  bottom: 0;
  width: 100%;
}
.saturn__preview img {
  width: 100%;
}
.saturn__preview:not(:first-child) {
  position: absolute;
}
.saturn__row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .saturn__row {
    display: block;
  }
}
.saturn__wrap {
  max-width: 390px;
  padding-top: 234px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .saturn__wrap {
    padding-top: 215px;
  }
}
@media only screen and (max-width: 1023px) {
  .saturn__wrap {
    margin-bottom: 100px;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
.saturn .stage {
  display: none;
  margin-bottom: 16px;
}
.saturn__title {
  margin-bottom: 24px;
}
.saturn__info {
  color: #6e757c;
  margin-bottom: 32px;
}
.saturn__list {
  flex-shrink: 0;
  position: relative;
  width: 340px;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .saturn__list {
    width: 100%;
  }
}
.saturn__item {
  display: flex;
}
.saturn__item:not(:last-child) {
  border-bottom: 1px solid #748fb526;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.saturn__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  justify-content: center;
  margin-right: 24px;
}
.saturn__icon,
.saturn__icon svg {
  height: 40px;
  width: 40px;
}
.saturn__details {
  flex-grow: 1;
}
.saturn__category {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
}
.saturn__text {
  color: #6e757c;
}
.saturn:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .saturn:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 1023px) {
  .saturn:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .saturn__container {
  background: #283036;
}
body.dark .saturn__container:before {
  background: #f7f7f81a;
}
body.dark .saturn__bg {
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
body.dark .saturn__bg:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
body.dark .saturn__icon path {
  fill: #f7f7f8;
}
.solo_migration {
  padding-top: 88px;
}
@media only screen and (max-width: 1023px) {
  .solo_migration {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .solo_migration__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .solo_migration__center {
    padding: 0 12px;
  }
}
.solo_migration__container {
  background: #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 8px 32px #0000001a;
  padding: 134px 80px 100px 132px;
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .solo_migration__container {
    padding: 150px 130px 115px 52px;
  }
}
@media only screen and (max-width: 1023px) {
  .solo_migration__container {
    padding: 40px 32px 46px;
  }
}
.solo_migration__container:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 1023px) {
  .solo_migration__container:before {
    display: none;
  }
}
.solo_migration__gallery {
  left: 80px;
  max-width: 500px;
  pointer-events: none;
  position: absolute;
  top: -100px;
  z-index: 1;
}
@media only screen and (max-width: 1179px) {
  .solo_migration__gallery {
    left: 15px;
    max-width: 500px;
    width: 420px;
  }
}
@media only screen and (max-width: 1023px) {
  .solo_migration__gallery {
    bottom: 50px;
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
    width: 100%;
  }
}
.solo_migration__preview {
  bottom: 0;
  width: 100%;
}
.solo_migration__preview img {
  width: 100%;
}
.solo_migration__preview:not(:first-child) {
  position: absolute;
}
.solo_migration__row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .solo_migration__row {
    display: block;
  }
}
.solo_migration__wrap {
  max-width: 355px;
  padding-top: 234px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1179px) {
  .solo_migration__wrap {
    padding-top: 215px;
  }
}
@media only screen and (max-width: 1023px) {
  .solo_migration__wrap {
    margin-bottom: 100px;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
.solo_migration .stage {
  display: none;
  margin-bottom: 16px;
}
.solo_migration__title {
  margin-bottom: 24px;
}
.solo_migration__info {
  color: #6e757c;
  margin-bottom: 32px;
}
.solo_migration__list {
  flex-shrink: 0;
  position: relative;
  width: 340px;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .solo_migration__list {
    width: 100%;
  }
}
.solo_migration__item {
  display: flex;
}
.solo_migration__item:not(:last-child) {
  border-bottom: 1px solid #748fb526;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.solo_migration__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  justify-content: center;
  margin-right: 24px;
}
.solo_migration__icon,
.solo_migration__icon svg {
  height: 40px;
  width: 40px;
}
.solo_migration__details {
  flex-grow: 1;
}
.solo_migration__category {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
}
.solo_migration__text {
  color: #6e757c;
}
.solo_migration:not(:last-child) {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .solo_migration:not(:last-child) {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 1023px) {
  .solo_migration:not(:last-child) {
    margin-bottom: 48px;
  }
}
body.dark .solo_migration__container {
  background: #283036;
}
body.dark .solo_migration__container:before {
  background: #f7f7f81a;
}
body.dark .solo_migration__bg {
  border-radius: 24px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
body.dark .solo_migration__bg:after {
  background: linear-gradient(
    135.15deg,
    #ae80dc 1.17%,
    #dc83c3 31.88%,
    #8084dc 65.46%
  );
  border-radius: 50%;
  content: "";
  filter: blur(160px);
  height: 389px;
  left: -101px;
  opacity: 0.5;
  position: absolute;
  top: -112px;
  width: 389px;
}
body.dark .solo_migration__icon path {
  fill: #f7f7f8;
}
.dark_mode_switch {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: #0000;
  bottom: -65px;
  display: inline-block;
  font-size: 0;
  left: 50%;
  margin-left: -48px;
  position: absolute;
  transition: opacity 0.25s;
}
.dark_mode_switch__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.dark_mode_switch__in {
  border: 8px solid #f7f7f8;
  border-radius: 24px;
  box-shadow: 0 4px 4px #0000001a;
  display: inline-block;
  position: relative;
  transition: all 0.2s;
}
.dark_mode_switch__box {
  background: #f7f7f8;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #bac3ca66;
  display: block;
  height: 32px;
  position: relative;
  transition: all 0.2s;
  width: 72px;
}
.dark_mode_switch__box:before {
  background: #ff6e30;
  border-radius: 50%;
  box-shadow: 0 4px 8px #0000001a;
  content: "";
  height: 24px;
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
  width: 24px;
}
.dark_mode_switch__icon {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s;
}
.dark_mode_switch__icon .icon {
  fill: #808191;
  height: 24px;
  width: 24px;
}
.dark_mode_switch__icon_light {
  right: 5px;
}
.dark_mode_switch__icon_dark {
  left: 4px;
  opacity: 0;
}
.dark_mode_switch__input:checked + .dark_mode_switch__in {
  border-color: #00000080;
}
.dark_mode_switch__input:checked
  + .dark_mode_switch__in
  .dark_mode_switch__box {
  background: #0000004d;
  box-shadow: inset 0 0 0 1px #f7f7f81a;
}
.dark_mode_switch__input:checked
  + .dark_mode_switch__in
  .dark_mode_switch__box:before {
  border-radius: 4px;
  height: 24px;
  transform: translate(48px, -50%);
  width: 8px;
}
.dark_mode_switch__input:checked
  + .dark_mode_switch__in
  .dark_mode_switch__icon_light {
  opacity: 0;
}
.dark_mode_switch__input:checked
  + .dark_mode_switch__in
  .dark_mode_switch__icon_dark {
  opacity: 1;
}
@media (hover: hover) {
  .dark_mode_switch:hover {
    opacity: 0.8;
  }
}
.smoothing_pool_switch {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: #0000;
  display: inline-block;
  font-size: 0;
  position: relative;
  transition: opacity 0.25s;
}
.smoothing_pool_switch__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.smoothing_pool_switch__in {
  border: 8px solid #00000080;
  border-radius: 24px;
  box-shadow: 0 4px 4px #0000001a;
  display: inline-block;
  position: relative;
  transition: all 0.2s;
}
.smoothing_pool_switch__box {
  background: #0000004d;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #bac3ca66;
  display: block;
  height: 32px;
  position: relative;
  transition: all 0.2s;
  width: 72px;
}
.smoothing_pool_switch__box:before {
  background: #ff6e30;
  border-radius: 50%;
  box-shadow: 0 4px 8px #0000001a;
  content: "";
  height: 24px;
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
  width: 24px;
}
.smoothing_pool_switch__icon {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s;
}
.smoothing_pool_switch__icon .icon {
  fill: #808191;
  height: 24px;
  width: 24px;
}
.smoothing_pool_switch__icon_light {
  right: 5px;
}
.smoothing_pool_switch__icon_dark {
  left: 4px;
  opacity: 0;
}
.smoothing_pool_switch__input:checked + .smoothing_pool_switch__in {
  border-color: #00000080;
}
.smoothing_pool_switch__input:checked
  + .smoothing_pool_switch__in
  .smoothing_pool_switch__box {
  background: #0000004d;
  box-shadow: inset 0 0 0 1px #f7f7f81a;
}
.smoothing_pool_switch__input:checked
  + .smoothing_pool_switch__in
  .smoothing_pool_switch__box:before {
  border-radius: 4px;
  height: 24px;
  transform: translate(48px, -50%);
  width: 8px;
}
@media (hover: hover) {
  .smoothing_pool_switch:hover {
    opacity: 0.8;
  }
}
.restake_switch {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: #0000;
  display: inline-block;
  font-size: 0;
  position: relative;
  transition: opacity 0.25s;
}
.restake_switch__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.restake_switch__in {
  border: 8px solid #00000080;
  border-radius: 24px;
  box-shadow: 0 4px 4px #0000001a;
  display: inline-block;
  position: relative;
  transition: all 0.2s;
}
.restake_switch__box {
  background: #0000004d;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #bac3ca66;
  display: block;
  height: 32px;
  position: relative;
  transition: all 0.2s;
  width: 72px;
}
.restake_switch__box:before {
  background: #ff6e30;
  border-radius: 50%;
  box-shadow: 0 4px 8px #0000001a;
  content: "";
  height: 24px;
  left: 4px;
  transition: all 0.2s;
  width: 24px;
}
.restake_switch__box:before,
.restake_switch__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.restake_switch__icon {
  font-size: 0;
  transition: opacity 0.2s;
}
.restake_switch__icon .icon {
  fill: #808191;
  height: 24px;
  width: 24px;
}
.restake_switch__icon_light {
  right: 5px;
}
.restake_switch__icon_dark {
  left: 4px;
  opacity: 0;
}
.restake_switch__input:checked + .restake_switch__in {
  border-color: #00000080;
}
.restake_switch__input:checked + .restake_switch__in .restake_switch__box {
  background: #0000004d;
  box-shadow: inset 0 0 0 1px #f7f7f81a;
}
.restake_switch__input:checked
  + .restake_switch__in
  .restake_switch__box:before {
  border-radius: 4px;
  height: 24px;
  transform: translate(48px, -50%);
  width: 8px;
}
@media (hover: hover) {
  .restake_switch:hover {
    opacity: 0.8;
  }
}
.claim_switch {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: #0000;
  display: inline-block;
  font-size: 0;
  position: relative;
  transition: opacity 0.25s;
}
.claim_switch__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.claim_switch__in {
  border: 8px solid #00000080;
  border-radius: 24px;
  box-shadow: 0 4px 4px #0000001a;
  display: inline-block;
  position: relative;
  transition: all 0.2s;
}
.claim_switch__box {
  background: #0000004d;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #bac3ca66;
  display: block;
  height: 32px;
  position: relative;
  transition: all 0.2s;
  width: 72px;
}
.claim_switch__box:before {
  background: #ff6e30;
  border-radius: 50%;
  box-shadow: 0 4px 8px #0000001a;
  content: "";
  height: 24px;
  left: 4px;
  transition: all 0.2s;
  width: 24px;
}
.claim_switch__box:before,
.claim_switch__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.claim_switch__icon {
  font-size: 0;
  transition: opacity 0.2s;
}
.claim_switch__icon .icon {
  fill: #808191;
  height: 24px;
  width: 24px;
}
.claim_switch__icon_light {
  right: 5px;
}
.claim_switch__icon_dark {
  left: 4px;
  opacity: 0;
}
.claim_switch__input:checked + .claim_switch__in {
  border-color: #00000080;
}
.claim_switch__input:checked + .claim_switch__in .claim_switch__box {
  background: #0000004d;
  box-shadow: inset 0 0 0 1px #f7f7f81a;
}
.claim_switch__input:checked + .claim_switch__in .claim_switch__box:before {
  border-radius: 4px;
  height: 24px;
  transform: translate(48px, -50%);
  width: 8px;
}
@media (hover: hover) {
  .claim_switch:hover {
    opacity: 0.8;
  }
}
.timeline {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1179px) {
  .timeline {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  .timeline {
    margin-bottom: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .timeline {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1179px) {
  .timeline__center {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .timeline__center {
    padding: 0 12px;
  }
}
.timeline__container,
.timeline__event {
  position: relative;
}
.timeline__event {
  background: #f7f7f8;
  border-radius: 14px;
  box-shadow: 0 8px 32px #0000001a;
  padding: 40px 32px 46px;
}
.timeline__event:before {
  background: #f7f7f84d;
  border-radius: 24px;
  bottom: -16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .timeline__event:before {
    display: none;
  }
}
body.dark .timeline__event {
  background: #2c353d;
  color: #bac3ca;
}
body.dark .timeline__event:before {
  background: #f7f7f81a;
}
.slide-fade-enter-active {
  transition: all 0.3s;
}
.slide-fade-leave-active {
  transition: all 0.1s linear;
}
.slide-fade-enter,
.slide-fade-leave-to {
  opacity: 0;
}
.twitter {
  margin-bottom: 136px;
}
.twitter__center {
  margin: 0 auto;
}
@media (max-height: 568px) {
  .smh\:text-sm {
    font-size: 0.875rem;
  }
}
@media (max-height: 896px) {
  .mdh\:text-lg {
    font-size: 1.125rem;
  }
}
@media (max-height: 1179px) {
  .lgh\:text-xl {
    font-size: 1.25rem;
  }
}
:focus {
  outline: none;
}
.card_with_options__gallery_security .card_with_options__preview {
  max-width: 300px;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}