@import "@hopper-ui/tokens/fonts.css";
@import "@hopper-ui/icons/index.css";
@import "@hopper-ui/styled-system/index.css";

/* src/normalize.css */
body {
  font-family:
    "Inter",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
@media not (prefers-reduced-motion) {
  body {
    scroll-behavior: smooth;
  }
}

/* src/fonts.css */

/* src/styling/src/styled-system/pseudos/background.css */
.o-ui-bg-hover:hover {
  --o-ui-bg-hover: initial;
  background-color: var(--o-ui-bg-hover) !important;
}
.o-ui-bg-focus:focus-visible {
  --o-ui-bg-focus: initial;
  background-color: var(--o-ui-bg-focus) !important;
}
.o-ui-bg-active:active {
  --o-ui-bg-active: initial;
  background-color: var(--o-ui-bg-active) !important;
}

/* src/styling/src/styled-system/pseudos/border.css */
.o-ui-b-hover:hover {
  --o-ui-b-hover: initial;
  border: var(--o-ui-b-hover) !important;
}
.o-ui-bb-hover:hover {
  --o-ui-bb-hover: initial;
  border-bottom: var(--o-ui-bb-hover) !important;
}
.o-ui-bl-hover:hover {
  --o-ui-bl-hover: initial;
  border-left: var(--o-ui-bl-hover) !important;
}
.o-ui-br-hover:hover {
  --o-ui-br-hover: initial;
  border-right: var(--o-ui-br-hover) !important;
}
.o-ui-bt-hover:hover {
  --o-ui-bt-hover: initial;
  border-top: var(--o-ui-bt-hover) !important;
}
.o-ui-b-focus:focus-visible {
  --o-ui-b-focus: initial;
  border: var(--o-ui-b-focus) !important;
}
.o-ui-bb-focus:focus-visible {
  --o-ui-bb-focus: initial;
  border-bottom: var(--o-ui-bb-focus) !important;
}
.o-ui-bl-focus:focus-visible {
  --o-ui-bl-focus: initial;
  border-left: var(--o-ui-bl-focus) !important;
}
.o-ui-br-focus:focus-visible {
  --o-ui-br-focus: initial;
  border-right: var(--o-ui-br-focus) !important;
}
.o-ui-bt-focus:focus-visible {
  --o-ui-bt-focus: initial;
  border-top: var(--o-ui-bt-focus) !important;
}
.o-ui-b-active:active {
  --o-ui-b-active: initial;
  border: var(--o-ui-b-active) !important;
}
.o-ui-bb-active:active {
  --o-ui-bb-active: initial;
  border-bottom: var(--o-ui-bb-active) !important;
}
.o-ui-bl-active:active {
  --o-ui-bl-active: initial;
  border-left: var(--o-ui-bl-active) !important;
}
.o-ui-br-active:active {
  --o-ui-br-active: initial;
  border-right: var(--o-ui-br-active) !important;
}
.o-ui-bt-active:active {
  --o-ui-bt-active: initial;
  border-top: var(--o-ui-bt-active) !important;
}

/* src/styling/src/styled-system/pseudos/box-shadow.css */
.o-ui-bs-hover:hover {
  --o-ui-bs-hover: initial;
  box-shadow: var(--o-ui-bs-hover) !important;
}
.o-ui-bs-focus:focus-visible {
  --o-ui-bs-focus: initial;
  box-shadow: var(--o-ui-bs-focus) !important;
}
.o-ui-bs-active:active {
  --o-ui-bs-active: initial;
  box-shadow: var(--o-ui-bs-active) !important;
}

/* src/styling/src/styled-system/pseudos/color.css */
.o-ui-c-hover:hover {
  --o-ui-c-hover: initial;
  color: var(--o-ui-c-hover) !important;
}
.o-ui-c-focus:focus-visible {
  --o-ui-c-focus: initial;
  color: var(--o-ui-c-focus) !important;
}
.o-ui-c-active:active {
  --o-ui-c-active: initial;
  color: var(--o-ui-c-active) !important;
}

/* src/styling/src/styled-system/pseudos/cursor.css */
.o-ui-cs-hover:hover {
  --o-ui-cs-hover: initial;
  cursor: var(--o-ui-cs-hover) !important;
}

/* src/styling/src/styled-system/pseudos/fill.css */
.o-ui-f-hover:hover {
  --o-ui-f-hover: initial;
  fill: var(--o-ui-f-hover) !important;
}
.o-ui-f-focus:focus-visible {
  --o-ui-f-focus: initial;
  fill: var(--o-ui-f-focus) !important;
}

/* src/styling/src/styled-system/pseudos/opacity.css */
.o-ui-o-hover:hover {
  --o-ui-o-hover: initial;
  opacity: var(--o-ui-o-hover) !important;
}
.o-ui-o-focus:focus-visible {
  --o-ui-o-focus: initial;
  opacity: var(--o-ui-o-focus) !important;
}
.o-ui-o-active:active {
  --o-ui-o-active: initial;
  opacity: var(--o-ui-o-active) !important;
}

/* src/styling/src/styled-system/pseudos/outline.css */
.o-ui-ol-focus:focus-visible {
  --o-ui-ol-focus: initial;
  color: var(--o-ui-ol-focus) !important;
}

/* src/styling/src/styled-system/pseudos/index.css */

/* src/styling/src/styled-system/index.css */

/* src/styling/src/theming/sharegate-theme.css */
.o-ui.o-ui-orbiter {
  --o-ui-sp-1: .25rem;
  --o-ui-sp-2: .5rem;
  --o-ui-sp-3: .75rem;
  --o-ui-sp-4: 1rem;
  --o-ui-sp-5: 1.25rem;
  --o-ui-sp-6: 1.5rem;
  --o-ui-sp-7: 2rem;
  --o-ui-sp-8: 2.5rem;
  --o-ui-sp-9: 3rem;
  --o-ui-sp-10: 3.5rem;
  --o-ui-sp-11: 4rem;
  --o-ui-sp-12: 4.5rem;
  --o-ui-sp-13: 5rem;
  --o-ui-sz-1: .75rem;
  --o-ui-sz-2: 1rem;
  --o-ui-sz-3: 1.25rem;
  --o-ui-sz-4: 1.5rem;
  --o-ui-sz-5: 2rem;
  --o-ui-sz-6: 2.5rem;
  --o-ui-sz-7: 3rem;
  --o-ui-sz-8: 3.5rem;
  --o-ui-sz-9: 4rem;
  --o-ui-sz-10: 4.5rem;
  --o-ui-sz-11: 5rem;
  --o-ui-sz-12: 6rem;
  --o-ui-sz-13: 8rem;
  --o-ui-sz-14: 12rem;
  --o-ui-sz-15: 16rem;
  --o-ui-sz-16: 20rem;
  --o-ui-sz-17: 24rem;
  --o-ui-sz-18: 30rem;
  --o-ui-fs-1: .625rem;
  --o-ui-fs-2: .75rem;
  --o-ui-fs-3: .875rem;
  --o-ui-fs-4: 1rem;
  --o-ui-fs-5: 1.125rem;
  --o-ui-fs-6: 1.375rem;
  --o-ui-fs-7: 1.75rem;
  --o-ui-fs-8: 2rem;
  --o-ui-fs-9: 2.5rem;
  --o-ui-fs-10: 3.75rem;
  --o-ui-fs-11: 5rem;
  --o-ui-fw-1: 400;
  --o-ui-fw-2: 500;
  --o-ui-fw-3: 600;
  --o-ui-lh-1: 1;
  --o-ui-lh-2: 1.2;
  --o-ui-lh-3: 1.25;
  --o-ui-lh-4: 1.3333333;
  --o-ui-lh-5: 1.454595;
  --o-ui-lh-6: 1.5;
  --o-ui-br-1: .125rem;
  --o-ui-br-2: .25rem;
  --o-ui-br-3: .5rem;
  --o-ui-br-4: 1rem;
  --o-ui-br-pill: 999px;
  --o-ui-br-circular: 100%;
  --o-ui-bs-alias-lifted: var(--o-ui-bs-1);
  --o-ui-bs-alias-floating: var(--o-ui-bs-2);
  --o-ui-neutral-1: #F4F4F4;
  --o-ui-neutral-2: #E5E5E5;
  --o-ui-neutral-3: #C4C3C3;
  --o-ui-neutral-4: #ADACAC;
  --o-ui-neutral-5: #929292;
  --o-ui-neutral-6: #777676;
  --o-ui-neutral-7: #555454;
  --o-ui-neutral-8: #434342;
  --o-ui-neutral-9: #272626;
  --o-ui-neutral-10: #111010;
  --o-ui-green-1: #DBFBEA;
  --o-ui-green-2: #CBEEDB;
  --o-ui-green-3: #A5CDB8;
  --o-ui-green-4: #78BA9B;
  --o-ui-green-5: #27A57A;
  --o-ui-green-6: #268563;
  --o-ui-green-7: #2B5E48;
  --o-ui-green-8: #27493A;
  --o-ui-green-9: #1A2A23;
  --o-ui-green-10: #0C110E;
  --o-ui-orange-1: #FCF2E3;
  --o-ui-orange-2: #FEE2BB;
  --o-ui-orange-3: #FFB470;
  --o-ui-orange-4: #FF9048;
  --o-ui-orange-5: #FF5C00;
  --o-ui-orange-6: #C7521A;
  --o-ui-orange-7: #874020;
  --o-ui-orange-8: #66351E;
  --o-ui-orange-9: #392015;
  --o-ui-orange-10: #170E09;
  --o-ui-purple-1: #EEF3FD;
  --o-ui-purple-2: #DBE6FD;
  --o-ui-purple-3: #B6C2EF;
  --o-ui-purple-4: #95A9F5;
  --o-ui-purple-5: #7689FD;
  --o-ui-purple-6: #5D65F6;
  --o-ui-purple-7: #4B11FD;
  --o-ui-purple-8: #362AAE;
  --o-ui-purple-9: #1F2151;
  --o-ui-purple-10: #0D0F1F;
  --o-ui-success-1: #E3F8EC;
  --o-ui-success-2: #CEEDD7;
  --o-ui-success-3: #93D39B;
  --o-ui-success-4: #61C06D;
  --o-ui-success-5: #17A93C;
  --o-ui-success-6: #2D8739;
  --o-ui-success-7: #2E5F30;
  --o-ui-success-8: #284929;
  --o-ui-success-9: #1B2A1A;
  --o-ui-success-10: #0C110B;
  --o-ui-warning-1: #FCF3DF;
  --o-ui-warning-2: #FBE3B5;
  --o-ui-warning-3: #F6BA42;
  --o-ui-warning-4: #D7A541;
  --o-ui-warning-5: #B48C3F;
  --o-ui-warning-6: #907239;
  --o-ui-warning-7: #65522F;
  --o-ui-warning-8: #4E4027;
  --o-ui-warning-9: #2C2619;
  --o-ui-warning-10: #12100B;
  --o-ui-alert-1: #FBF1F1;
  --o-ui-alert-2: #FADFDF;
  --o-ui-alert-3: #FDB0AF;
  --o-ui-alert-4: #F88F8D;
  --o-ui-alert-5: #EB6A64;
  --o-ui-alert-6: #D93C37;
  --o-ui-alert-7: #A91414;
  --o-ui-alert-8: #811B15;
  --o-ui-alert-9: #461812;
  --o-ui-alert-10: #1D0B09;
  --o-ui-black: #000000;
  --o-ui-gray: #F9F9F9;
  --o-ui-white: #FFFFFF;
  --o-ui-accent-1: #EEF3FD;
  --o-ui-accent-2: #DBE6FD;
  --o-ui-accent-3: #B6C2EF;
  --o-ui-accent-4: #95A9F5;
  --o-ui-accent-5: #7689FD;
  --o-ui-accent-6: #5D65F6;
  --o-ui-accent-7: #4B11FD;
  --o-ui-accent-8: #362AAE;
  --o-ui-accent-9: #1F2151;
  --o-ui-accent-10: #0D0F1F;
}
.o-ui.o-ui-orbiter-light {
  --o-ui-bs-1: 0 0 0 1px rgba(93, 101, 246, 0.05), 0 5px 10px rgba(93, 101, 246, 0.1);
  --o-ui-bs-2:
    0 0 0 1px rgba(93, 101, 246, 0.05),
    0 0.1px 0.3px rgba(93, 101, 246, 0.022),
    0 0.3px 0.7px rgba(93, 101, 246, 0.032),
    0 0.6px 1.3px rgba(93, 101, 246, 0.04),
    0 1.1px 2.2px rgba(93, 101, 246, 0.048),
    0 2.1px 4.2px rgba(93, 101, 246, 0.058),
    0 5px 10px rgba(93, 101, 246, 0.08);
  --o-ui-bg-alias-body: var(--o-ui-gray);
  --o-ui-bg-alias-surface: var(--o-ui-white);
  --o-ui-bg-alias-soft-break: var(--o-ui-gray);
  --o-ui-bg-alias-mid-break: var(--o-ui-neutral-1);
  --o-ui-bg-alias-hard-break: var(--o-ui-neutral-3);
  --o-ui-bg-alias-basic: var(--o-ui-neutral-8);
  --o-ui-bg-alias-basic-hover: var(--o-ui-neutral-9);
  --o-ui-bg-alias-basic-active: var(--o-ui-neutral-10);
  --o-ui-bg-alias-basic-transparent: var(--o-ui-transparent);
  --o-ui-bg-alias-basic-transparent-hover: var(--o-ui-neutral-2);
  --o-ui-bg-alias-basic-transparent-active: var(--o-ui-neutral-3);
  --o-ui-bg-alias-static-white: var(--o-ui-white);
  --o-ui-bg-alias-grey-hover: var(--o-ui-neutral-1);
  --o-ui-bg-alias-grey-active: var(--o-ui-neutral-3);
  --o-ui-bg-alias-accent: var(--o-ui-purple-6);
  --o-ui-bg-alias-accent-hover: var(--o-ui-purple-8);
  --o-ui-bg-alias-accent-active: var(--o-ui-purple-9);
  --o-ui-bg-alias-accent-faint: var(--o-ui-purple-1);
  --o-ui-bg-alias-accent-light: var(--o-ui-purple-2);
  --o-ui-bg-alias-accent-transparent: var(--o-ui-transparent);
  --o-ui-bg-alias-accent-transparent-hover: var(--o-ui-purple-1);
  --o-ui-bg-alias-accent-transparent-active: var(--o-ui-purple-2);
  --o-ui-bg-alias-alert: var(--o-ui-alert-6);
  --o-ui-bg-alias-alert-hover: var(--o-ui-alert-8);
  --o-ui-bg-alias-alert-active: var(--o-ui-alert-9);
  --o-ui-bg-alias-alert-faint: var(--o-ui-alert-1);
  --o-ui-bg-alias-alert-light: var(--o-ui-alert-2);
  --o-ui-bg-alias-alert-transparent: var(--o-ui-transparent);
  --o-ui-bg-alias-alert-transparent-hover: var(--o-ui-alert-1);
  --o-ui-bg-alias-alert-transparent-active: var(--o-ui-alert-2);
  --o-ui-bg-alias-warning: var(--o-ui-warning-3);
  --o-ui-bg-alias-warning-hover: var(--o-ui-warning-8);
  --o-ui-bg-alias-warning-active: var(--o-ui-warning-9);
  --o-ui-bg-alias-warning-faint: var(--o-ui-warning-1);
  --o-ui-bg-alias-warning-light: var(--o-ui-warning-2);
  --o-ui-bg-alias-success: var(--o-ui-success-6);
  --o-ui-bg-alias-success-hover: var(--o-ui-success-8);
  --o-ui-bg-alias-success-active: var(--o-ui-success-9);
  --o-ui-bg-alias-success-faint: var(--o-ui-success-1);
  --o-ui-bg-alias-success-light: var(--o-ui-success-2);
  --o-ui-bg-alias-transparent: transparent;
  --o-ui-bg-alias-input-selection: var(--o-ui-accent-3);
  --o-ui-bg-alias-underlay: rgba(31, 33, 81, 0.5);
  --o-ui-b-alias-low-break: var(--o-ui-neutral-2);
  --o-ui-b-alias-mid-break: var(--o-ui-neutral-4);
  --o-ui-b-alias-high-break: var(--o-ui-neutral-6);
  --o-ui-b-alias-accent-active: var(--o-ui-purple-6);
  --o-ui-b-alias-alert: var(--o-ui-alert-6);
  --o-ui-b-alias-alert-hover: var(--o-ui-alert-7);
  --o-ui-b-alias-alert-active: var(--o-ui-alert-8);
  --o-ui-b-alias-warning: var(--o-ui-warning-4);
  --o-ui-b-alias-warning-hover: var(--o-ui-warning-8);
  --o-ui-b-alias-warning-active: var(--o-ui-warning-9);
  --o-ui-b-alias-success: var(--o-ui-success-4);
  --o-ui-b-alias-success-hover: var(--o-ui-success-8);
  --o-ui-b-alias-success-active: var(--o-ui-success-9);
  --o-ui-icon-alias-primary: var(--o-ui-neutral-10);
  --o-ui-icon-alias-primary-hover: var(--o-ui-black);
  --o-ui-icon-alias-secondary: var(--o-ui-neutral-8);
  --o-ui-icon-alias-tertiary: var(--o-ui-neutral-6);
  --o-ui-icon-alias-faint: var(--o-ui-neutral-5);
  --o-ui-icon-alias-accent: var(--o-ui-purple-6);
  --o-ui-icon-alias-accent-hover: var(--o-ui-purple-8);
  --o-ui-icon-alias-accent-active: var(--o-ui-purple-8);
  --o-ui-icon-alias-alert: var(--o-ui-alert-6);
  --o-ui-icon-alias-alert-hover: var(--o-ui-alert-8);
  --o-ui-icon-alias-warning: var(--o-ui-warning-5);
  --o-ui-icon-alias-success: var(--o-ui-success-6);
  --o-ui-icon-alias-static-white: var(--o-ui-white);
  --o-ui-icon-alias-input-placeholder: var(--o-ui-neutral-4);
  --o-ui-text-alias-primary: var(--o-ui-neutral-10);
  --o-ui-text-alias-primary-hover: var(--o-ui-black);
  --o-ui-text-alias-secondary: var(--o-ui-neutral-8);
  --o-ui-text-alias-tertiary: var(--o-ui-neutral-6);
  --o-ui-text-alias-faint: var(--o-ui-neutral-5);
  --o-ui-text-alias-accent: var(--o-ui-purple-6);
  --o-ui-text-alias-accent-hover: var(--o-ui-purple-8);
  --o-ui-text-alias-accent-active: var(--o-ui-purple-8);
  --o-ui-text-alias-alert: var(--o-ui-alert-7);
  --o-ui-text-alias-warning: var(--o-ui-warning-5);
  --o-ui-text-alias-success: var(--o-ui-success-6);
  --o-ui-text-alias-static-white: var(--o-ui-white);
  --o-ui-text-alias-input-placeholder: var(--o-ui-neutral-4);
  --o-ui-focus-ring-color-alias-default: var(--hop-primary-border-focus);
}
.o-ui.o-ui-orbiter-dark {
  --o-ui-bs-1: 0 0 0 1px rgba(93, 101, 246, 0.15), 0 5px 10px rgba(93, 101, 246, 0.1);
  --o-ui-bs-2:
    0 0 0 1px rgba(93, 101, 246, 0.15),
    0 0.1px 0.3px rgba(93, 101, 246, 0.022),
    0 0.3px 0.7px rgba(93, 101, 246, 0.032),
    0 0.6px 1.3px rgba(93, 101, 246, 0.04),
    0 1.1px 2.2px rgba(93, 101, 246, 0.048),
    0 2.1px 4.2px rgba(93, 101, 246, 0.058),
    0 5px 10px rgba(93, 101, 246, 0.08);
  --o-ui-bg-alias-body: var(--o-ui-neutral-10);
  --o-ui-bg-alias-surface: var(--o-ui-neutral-9);
  --o-ui-bg-alias-soft-break: var(--o-ui-neutral-10);
  --o-ui-bg-alias-mid-break: var(--o-ui-neutral-8);
  --o-ui-bg-alias-hard-break: var(--o-ui-neutral-6);
  --o-ui-bg-alias-basic: var(--o-ui-neutral-5);
  --o-ui-bg-alias-basic-hover: var(--o-ui-neutral-6);
  --o-ui-bg-alias-basic-active: var(--o-ui-neutral-7);
  --o-ui-bg-alias-basic-transparent: var(--o-ui-transparent);
  --o-ui-bg-alias-basic-transparent-hover: var(--o-ui-neutral-7);
  --o-ui-bg-alias-basic-transparent-active: var(--o-ui-neutral-8);
  --o-ui-bg-alias-static-white: var(--o-ui-white);
  --o-ui-bg-alias-grey-hover: var(--o-ui-neutral-6);
  --o-ui-bg-alias-grey-active: var(--o-ui-neutral-7);
  --o-ui-bg-alias-accent: var(--o-ui-purple-6);
  --o-ui-bg-alias-accent-hover: var(--o-ui-purple-8);
  --o-ui-bg-alias-accent-active: var(--o-ui-purple-9);
  --o-ui-bg-alias-accent-faint: var(--o-ui-purple-9);
  --o-ui-bg-alias-accent-transparent: var(--o-ui-transparent);
  --o-ui-bg-alias-accent-transparent-hover: var(--o-ui-purple-9);
  --o-ui-bg-alias-accent-transparent-active: var(--o-ui-purple-9);
  --o-ui-bg-alias-accent-light: var(--o-ui-purple-8);
  --o-ui-bg-alias-alert: var(--o-ui-alert-6);
  --o-ui-bg-alias-alert-hover: var(--o-ui-alert-8);
  --o-ui-bg-alias-alert-active: var(--o-ui-alert-9);
  --o-ui-bg-alias-alert-faint: var(--o-ui-alert-9);
  --o-ui-bg-alias-alert-light: var(--o-ui-alert-8);
  --o-ui-bg-alias-alert-transparent: var(--o-ui-transparent);
  --o-ui-bg-alias-alert-transparent-hover: var(--o-ui-alert-8);
  --o-ui-bg-alias-alert-transparent-active: var(--o-ui-alert-9);
  --o-ui-bg-alias-warning: var(--o-ui-warning-3);
  --o-ui-bg-alias-warning-hover: var(--o-ui-warning-8);
  --o-ui-bg-alias-warning-active: var(--o-ui-warning-9);
  --o-ui-bg-alias-warning-faint: var(--o-ui-warning-8);
  --o-ui-bg-alias-warning-light: var(--o-ui-warning-7);
  --o-ui-bg-alias-success: var(--o-ui-success-6);
  --o-ui-bg-alias-success-hover: var(--o-ui-success-8);
  --o-ui-bg-alias-success-active: var(--o-ui-success-9);
  --o-ui-bg-alias-success-faint: var(--o-ui-success-9);
  --o-ui-bg-alias-success-light: var(--o-ui-success-8);
  --o-ui-bg-alias-transparent: transparent;
  --o-ui-bg-alias-input-selection: var(--o-ui-accent-5);
  --o-ui-bg-alias-underlay: rgba(31, 33, 81, 0.5);
  --o-ui-b-alias-low-break: var(--o-ui-neutral-8);
  --o-ui-b-alias-mid-break: var(--o-ui-neutral-7);
  --o-ui-b-alias-high-break: var(--o-ui-neutral-5);
  --o-ui-b-alias-accent-active: var(--o-ui-purple-8);
  --o-ui-b-alias-alert: var(--o-ui-alert-6);
  --o-ui-b-alias-alert-hover: var(--o-ui-alert-7);
  --o-ui-b-alias-alert-active: var(--o-ui-alert-8);
  --o-ui-b-alias-warning: var(--o-ui-warning-5);
  --o-ui-b-alias-warning-hover: var(--o-ui-warning-7);
  --o-ui-b-alias-warning-active: var(--o-ui-warning-8);
  --o-ui-b-alias-success: var(--o-ui-success-6);
  --o-ui-b-alias-success-hover: var(--o-ui-success-7);
  --o-ui-b-alias-success-active: var(--o-ui-success-8);
  --o-ui-icon-alias-primary: var(--o-ui-white);
  --o-ui-icon-alias-primary-hover: var(--o-ui-white);
  --o-ui-icon-alias-secondary: var(--o-ui-neutral-1);
  --o-ui-icon-alias-tertiary: var(--o-ui-neutral-2);
  --o-ui-icon-alias-faint: var(--o-ui-neutral-3);
  --o-ui-icon-alias-accent: var(--o-ui-purple-6);
  --o-ui-icon-alias-accent-hover: var(--o-ui-purple-2);
  --o-ui-icon-alias-accent-active: var(--o-ui-purple-2);
  --o-ui-icon-alias-alert: var(--o-ui-alert-4);
  --o-ui-icon-alias-alert-hover: var(--o-ui-alert-8);
  --o-ui-icon-alias-warning: var(--o-ui-warning-3);
  --o-ui-icon-alias-success: var(--o-ui-success-5);
  --o-ui-icon-alias-static-white: var(--o-ui-white);
  --o-ui-icon-alias-input-placeholder: var(--o-ui-neutral-3);
  --o-ui-text-alias-primary: var(--o-ui-white);
  --o-ui-text-alias-primary-hover: var(--o-ui-white);
  --o-ui-text-alias-secondary: var(--o-ui-neutral-1);
  --o-ui-text-alias-tertiary: var(--o-ui-neutral-2);
  --o-ui-text-alias-faint: var(--o-ui-neutral-3);
  --o-ui-text-alias-accent: var(--o-ui-purple-6);
  --o-ui-text-alias-accent-hover: var(--o-ui-purple-2);
  --o-ui-text-alias-accent-active: var(--o-ui-purple-2);
  --o-ui-text-alias-alert: var(--o-ui-alert-6);
  --o-ui-text-alias-warning: var(--o-ui-warning-3);
  --o-ui-text-alias-success: var(--o-ui-success-5);
  --o-ui-text-alias-static-white: var(--o-ui-white);
  --o-ui-text-alias-input-placeholder: var(--o-ui-neutral-3);
  --o-ui-focus-ring-color-alias-default: var(--hop-primary-border-focus);
}

/* src/styling/src/index.css */

/* src/styling/index.css */

/* src/html/src/html.css */
.o-ui-element,
.o-ui-element::after,
.o-ui-element::before {
  box-sizing: border-box;
}

/* src/html/src/index.css */

/* src/html/index.css */

/* src/input/src/Input.css */
.o-ui {
  --o-ui-input-padding: var(--hop-space-inset-squish-md);
  --o-ui-input-padding-with-icon: var(--hop-space-inset-xl);
  --o-ui-input-padding-with-button: 2.5rem;
  --o-ui-input-padding-loading: 2.5rem;
  --o-ui-input-sm-padding: var(--hop-space-inset-squish-sm);
  --o-ui-input-border-color: var(--hop-neutral-border);
  --o-ui-input-border-radius: var(--hop-shape-rounded-md);
  --o-ui-input-background-color: var(--hop-neutral-surface);
  --o-ui-input-height: 2.5rem;
  --o-ui-input-sm-height: 2rem;
}
.o-ui-input {
  display: inline-flex;
  position: relative;
  transition: var(--o-ui-focus-ring-transition);
  color: var(--hop-neutral-text);
  font-family: var(--hop-body-md-font-family);
  font-size: var(--hop-body-md-font-size);
  width: 20rem;
  align-items: center;
}
.o-ui-input input {
  -webkit-appearance: none;
  font-family: inherit;
  font-size: inherit;
  outline: transparent;
  border: none;
  width: 100%;
  background-color: inherit;
  color: var(--hop-neutral-text);
  min-height: calc(var(--o-ui-input-height) - 2px);
  margin: 0;
  padding: 0;
}
.o-ui-input-sm input {
  min-height: calc(var(--o-ui-input-sm-height) - 2px);
}
.o-ui-input textarea {
  width: 100%;
}
.o-ui-input[type=text]::-ms-clear,
.o-ui-input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.o-ui-text-input,
.o-ui-text-area textarea,
.o-ui-number-input {
  font-size: var(--hop-body-md-font-size);
  padding: 0;
  border-radius: var(--o-ui-input-border-radius);
  border: 1px solid var(--o-ui-input-border-color);
  background-color: var(--o-ui-input-background-color);
  transition: all var(--o-ui-easing-duration-2) var(--o-ui-easing-productive), padding 0s linear;
  line-height: inherit;
  font-family: inherit;
}
.o-ui-text-input.o-ui-input-sm {
  font-size: var(--hop-body-sm-font-size);
}
.o-ui-text-input input,
.o-ui-text-area textarea,
.o-ui-number-input input {
  padding: var(--o-ui-input-padding);
}
.o-ui-text-input.o-ui-input-sm input {
  padding: var(--o-ui-input-sm-padding);
}
.o-ui-text-input input,
.o-ui-text-area {
  border-radius: var(--o-ui-input-border-radius);
}
.o-ui-number-input input {
  border-top-left-radius: var(--o-ui-input-border-radius);
  border-bottom-left-radius: var(--o-ui-input-border-radius);
}
.o-ui-text-input.o-ui-input-has-button input {
  padding-right: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.o-ui-text-input.o-ui-input-has-icon input,
.o-ui-number-input.o-ui-input-has-icon input {
  padding-left: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.o-ui-input input::selection,
.o-ui-input textarea::selection {
  background-color: var(--hop-primary-surface-selected);
}
.o-ui-input input:-webkit-autofill,
.o-ui-input textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--hop-primary-surface-weak) inset !important;
  -webkit-text-fill-color: var(--hop-neutral-text) !important;
}
.o-ui-input input::placeholder,
.o-ui-input textarea::placeholder {
  color: var(--hop-neutral-text-weakest);
  opacity: 1;
  font-size: inherit;
}
.o-ui-input-disabled input::placeholder,
.o-ui-input textarea:disabled::placeholder {
  color: var(--hop-neutral-text-disabled);
}
.o-ui-input.o-ui-input-fluid {
  width: 100%;
}
.o-ui-input-icon {
  display: inline-flex;
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  color: var(--hop-neutral-icon);
}
.o-ui-input-has-icon {
  padding-left: 0;
}
.o-ui-text-input .o-ui-input-button,
.o-ui-number-input .o-ui-input-button {
  display: flex;
  text-align: center;
  margin-right: .625rem;
  margin-left: .625rem;
}
.o-ui-input-has-button.o-ui-text-input,
.o-ui-input-has-button.o-ui-number-input {
  padding-right: 0;
}
.o-ui-input:not(.o-ui-input-disabled):hover,
.o-ui-input:hover textarea:not(:disabled),
.o-ui-input-hover:not(.o-ui-input-disabled):not(.o-ui-has-button-disabled) {
  --o-ui-input-border-color: var(--hop-neutral-border-hover);
  --o-ui-input-background-color: var(--hop-neutral-surface-hover);
}
.o-ui-text-input:not(.o-ui-input-disabled).o-ui-input-has-focus,
.o-ui-number-input:not(.o-ui-input-disabled):focus-within,
.o-ui-text-area:not(.o-ui-input-disabled).o-ui-input-has-focus textarea,
.o-ui-input-focus:not(.o-ui-input-disabled):not(.o-ui-has-button-disabled) {
  --o-ui-input-border-color: var(--hop-primary-border-focus);
  --o-ui-input-background-color: var(--hop-neutral-surface);
  outline: none;
}
.o-ui-text-input:not(.o-ui-input-disabled).o-ui-input-has-focus:hover,
.o-ui-text-input:not(.o-ui-input-disabled).o-ui-input-focus.o-ui-input-hover,
.o-ui-number-input:not(.o-ui-input-disabled):focus-within:hover,
.o-ui-text-area:not(.o-ui-input-disabled).o-ui-input-has-focus textarea:hover,
.o-ui-input-focus:not(.o-ui-input-disabled):not(.o-ui-has-button-disabled):hover,
.o-ui-input-focus:not(.o-ui-input-disabled):not(.o-ui-has-button-disabled).o-ui-input-hover {
  --o-ui-input-border-color: var(--hop-primary-border-focus);
}
.o-ui-text-input.o-ui-input-disabled,
.o-ui-number-input.o-ui-input-disabled,
.o-ui-input textarea:disabled {
  --o-ui-input-background-color: var(--hop-neutral-surface-disabled);
  --o-ui-input-border-color: var(--hop-neutral-border-disabled);
  cursor: not-allowed;
}
.o-ui-input-disabled > * {
  cursor: not-allowed;
}
.o-ui-input-invalid:not(.o-ui-input-disabled),
.o-ui-input-invalid textarea:not(:disabled) {
  --o-ui-input-border-color: var(--hop-danger-border-strong);
}
.o-ui-input.o-ui-input-invalid:not(.o-ui-input-focus):not(.o-ui-input-disabled):hover,
.o-ui-input.o-ui-input-invalid:not(.o-ui-input-focus):hover textarea:not(:disabled),
.o-ui-input-hover.o-ui-input-invalid:not(.o-ui-input-focus):not(.o-ui-input-disabled) {
  --o-ui-input-border-color: var(--hop-danger-border-strong);
}
.o-ui-input-invalid.o-ui-text-input:not(.o-ui-input-disabled).o-ui-input-has-focus,
.o-ui-input-invalid.o-ui-number-input:not(.o-ui-input-disabled):focus-within,
.o-ui-input-invalid.o-ui-text-area:not(.o-ui-input-disabled).o-ui-input-has-focus textarea,
.o-ui-input-invalid.o-ui-input-focus:not(.o-ui-input-disabled):not(.o-ui-has-button-disabled) {
  --o-ui-input-border-color: var(--hop-primary-border-focus);
}
.o-ui-input-invalid.o-ui-text-input:not(.o-ui-input-disabled).o-ui-input-has-focus:hover,
.o-ui-input-invalid.o-ui-text-input:not(.o-ui-input-disabled).o-ui-input-focus.o-ui-input-hover,
.o-ui-input-invalid.o-ui-number-input:not(.o-ui-input-disabled):focus-within:hover,
.o-ui-input-invalid.o-ui-text-area:not(.o-ui-input-disabled).o-ui-input-has-focus textarea:hover,
.o-ui-input-invalid.o-ui-input-focus:not(.o-ui-input-disabled):not(.o-ui-has-button-disabled):hover,
.o-ui-input-invalid.o-ui-input-focus:not(.o-ui-input-disabled):not(.o-ui-has-button-disabled).o-ui-input-hover {
  --o-ui-input-border-color: var(--hop-primary-border-focus);
}
@keyframes o-ui-input-spinner {
  0% {
    transform: translate(0, -50%) rotate(0deg);
  }
  100% {
    transform: translate(0, -50%) rotate(360deg);
  }
}
.o-ui-input-spinner {
  position: absolute;
  right: calc((var(--o-ui-input-padding-with-button) - var(--o-ui-sp-5)) / 2);
  z-index: 1;
}
.o-ui-input-loading .o-ui-button {
  display: none;
}
.o-ui-text-input.o-ui-input-loading,
.o-ui-number-input.o-ui-input-loading,
.o-ui-text-area.o-ui-input-loading textarea {
  padding-right: var(--o-ui-input-padding-loading);
}

/* src/input/src/index.css */

/* src/input/index.css */

/* src/visually-hidden/src/VisuallyHidden.css */
.o-ui-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: 0 -1px -1px 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/* src/visually-hidden/src/index.css */

/* src/visually-hidden/index.css */

/* src/typography/src/Heading.css */
:where(.o-ui-heading) {
  margin: 0;
  font-size: inherit;
  overflow-wrap: break-word;
}
:where(.o-ui-heading-xs) {
  font-size: var(--hop-heading-xs-font-size);
  font-family: var(--hop-heading-xs-font-family);
  font-weight: var(--hop-heading-xs-font-weight);
  line-height: var(--hop-heading-xs-line-height);
  margin-bottom: calc(var(--o-ui-fs-5) * .5);
}
:where(.o-ui-heading-sm) {
  font-size: var(--hop-heading-sm-font-size);
  font-family: var(--hop-heading-sm-font-family);
  font-weight: var(--hop-heading-sm-font-weight);
  line-height: var(--hop-heading-sm-line-height);
  margin-bottom: calc(var(--o-ui-fs-6) * .5);
}
:where(.o-ui-heading-md) {
  font-size: var(--hop-heading-md-font-size);
  font-family: var(--hop-heading-md-font-family);
  font-weight: var(--hop-heading-md-font-weight);
  line-height: var(--hop-heading-md-line-height);
  margin-bottom: calc(var(--o-ui-fs-7) * .5);
}
:where(.o-ui-heading-lg) {
  font-size: var(--hop-heading-lg-font-size);
  font-family: var(--hop-heading-lg-font-family);
  font-weight: var(--hop-heading-lg-font-weight);
  line-height: var(--hop-heading-lg-line-height);
  margin-bottom: calc(var(--o-ui-fs-8) * .5);
}
:where(.o-ui-heading-xl) {
  font-size: var(--hop-heading-xl-font-size);
  font-family: var(--hop-heading-xl-font-family);
  font-weight: var(--hop-heading-xl-font-weight);
  line-height: var(--hop-heading-xl-line-height);
  margin-bottom: calc(var(--o-ui-fs-9) * .5);
}
:where(.o-ui-heading-2xl) {
  font-size: var(--hop-heading-2xl-font-size);
  font-family: var(--hop-heading-2xl-font-family);
  font-weight: var(--hop-heading-2xl-font-weight);
  line-height: var(--hop-heading-2xl-line-height);
  margin-bottom: calc(var(--o-ui-fs-4) * .5);
}
:where(.o-ui-heading-3xl) {
  font-size: var(--hop-heading-3xl-font-size);
  font-family: var(--hop-heading-3xl-font-family);
  font-weight: var(--hop-heading-3xl-font-weight);
  line-height: var(--hop-heading-3xl-line-height);
  margin-bottom: calc(var(--o-ui-fs-4) * .5);
}

/* src/typography/src/Paragraph.css */
.o-ui-p {
  font-weight: 400;
  overflow-wrap: break-word;
  margin: 0;
}
.o-ui-p:last-child {
  margin-bottom: 0;
}
.o-ui-p-sm {
  margin-bottom: calc(var(--o-ui-fs-2) * .75);
}
.o-ui-p-md {
  margin-bottom: calc(var(--o-ui-fs-3) * .75);
}
.o-ui-p-lg {
  margin-bottom: calc(var(--o-ui-fs-4) * .75);
}
.o-ui-p-xl {
  margin-bottom: calc(var(--o-ui-fs-5) * .75);
}
.o-ui-p-2xl {
  margin-bottom: calc(var(--o-ui-fs-6) * .75);
}
.o-ui-p-inherit-size {
  font-weight: inherit;
  margin-bottom: .75em;
}

/* src/typography/src/Text.css */
:where(.o-ui-text-xs) {
  font-size: var(--hop-body-xs-font-size);
  font-family: var(--hop-body-xs-font-family);
  font-weight: var(--hop-body-xs-font-weight);
  line-height: var(--hop-body-xs-line-height);
}
:where(.o-ui-text-sm) {
  font-size: var(--hop-body-sm-font-size);
  font-family: var(--hop-body-sm-font-family);
  font-weight: var(--hop-body-sm-font-weight);
  line-height: var(--hop-body-sm-line-height);
}
:where(.o-ui-text-md) {
  font-size: var(--hop-body-md-font-size);
  font-family: var(--hop-body-md-font-family);
  font-weight: var(--hop-body-md-font-weight);
  line-height: var(--hop-body-md-line-height);
}
:where(.o-ui-text-lg) {
  font-size: var(--hop-body-lg-font-size);
  font-family: var(--hop-body-lg-font-family);
  font-weight: var(--hop-body-lg-font-weight);
  line-height: var(--hop-body-lg-line-height);
}
:where(.o-ui-text-xl) {
  font-size: var(--hop-body-xl-font-size);
  font-family: var(--hop-body-xl-font-family);
  font-weight: var(--hop-body-xl-font-weight);
  line-height: var(--hop-body-xl-line-height);
}
:where(.o-ui-text-2xl) {
  font-size: var(--hop-body-2xl-font-size);
  font-family: var(--hop-body-2xl-font-family);
  font-weight: var(--hop-body-2xl-font-weight);
  line-height: var(--hop-body-2xl-line-height);
}
:where(.o-ui-text-inherit-size) {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

/* src/typography/src/index.css */

/* src/typography/index.css */

/* src/core.css */
.o-ui {
  --o-ui-disabled-opacity: 0.4;
  --o-ui-focus-ring-outset-outer-offset: 2px;
  --o-ui-focus-ring-thickness-sm: 1px;
  --o-ui-focus-ring-thickness-md: 2px;
  --o-ui-focus-ring-thickness-lg: 5px;
  --o-ui-focus-ring-inset-sm: 0 0 0 var(--o-ui-focus-ring-thickness-sm) var(--o-ui-focus-ring-color-alias-default);
  --o-ui-focus-ring-inset-md: 0 0 0 var(--o-ui-focus-ring-thickness-md) var(--o-ui-focus-ring-color-alias-default);
  --o-ui-focus-ring-inset-lg: 0 0 0 var(--o-ui-focus-ring-thickness-lg) var(--o-ui-focus-ring-color-alias-default);
  --o-ui-focus-ring-transition: all var(--o-ui-easing-duration-1) var(--o-ui-easing-focus);
  --o-ui-easing-duration-1: .1s;
  --o-ui-easing-duration-2: .2s;
  --o-ui-easing-duration-3: .3s;
  --o-ui-easing-duration-4: .5s;
  --o-ui-easing-duration-5: .8s;
  --o-ui-easing-productive: cubic-bezier(0.22, 0.61, 0.36, 1);
  --o-ui-easing-focus: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  --o-ui-easing-expressive: cubic-bezier(0.58, 0.01, 0.15, 1.5);
  color: var(--hop-neutral-text);
}
::selection {
  background-color: var(--hop-primary-surface-selected);
}
.o-ui-fade-in {
  animation: o-ui-fade-in-animation var(--o-ui-easing-duration-2) var(--o-ui-easing-productive);
}
.o-ui-fade-out {
  animation: o-ui-fade-out-animation var(--o-ui-easing-duration-2) var(--o-ui-easing-productive);
  opacity: 0;
}
@keyframes o-ui-fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes o-ui-fade-out-animation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}