/* [project]/node_modules/@msu/access-guard/dist/assets/ModalFooter.css [app-client] (css) */
._button_1ax1a_9 {
  cursor: pointer;
  border: none;
  align-items: center;
  transition: color .2s ease-out, background-color .2s ease-out, box-shadow .2s ease-out, border .2s ease-out, opacity .2s ease-out, transform .2s ease-out, scale .2s ease-out;
  display: inline-flex;
}

._button_1ax1a_9:focus:not(:disabled) {
  outline: none;
}

._button_1ax1a_9._micro_1ax1a_20 {
  border-radius: 0;
  gap: 0;
  height: 20px;
  padding: 0;
}

._button_1ax1a_9._mini_1ax1a_26 {
  border-radius: 0;
  gap: 0;
  height: 22px;
  padding: 0;
}

._button_1ax1a_9._tiny_1ax1a_32 {
  border-radius: 8px;
  gap: 4px;
  height: 24px;
  padding: 0 8px;
}

._button_1ax1a_9._small_1ax1a_38 {
  border-radius: 8px;
  gap: 4px;
  height: 32px;
  padding: 0 12px;
}

._button_1ax1a_9._medium_1ax1a_44 {
  border-radius: 12px;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
}

._button_1ax1a_9._large_1ax1a_50 {
  border-radius: 12px;
  gap: 8px;
  height: 48px;
  padding: 0 20px;
}

._button_1ax1a_9._icon-tiny_1ax1a_56 {
  border-radius: 8px;
  gap: 4px;
  width: 24px;
  height: 24px;
  padding: 0;
}

._button_1ax1a_9._icon-small_1ax1a_63 {
  border-radius: 8px;
  gap: 4px;
  width: 32px;
  height: 32px;
  padding: 0;
}

._button_1ax1a_9._icon-medium_1ax1a_70 {
  border-radius: 12px;
  gap: 8px;
  width: 40px;
  height: 40px;
  padding: 0;
}

._button_1ax1a_9._icon-large_1ax1a_77 {
  border-radius: 12px;
  gap: 8px;
  width: 48px;
  height: 48px;
  padding: 0;
}

._loading_d66mz_5 {
  animation: 1s linear infinite _spin_d66mz_1;
}

._large_d66mz_9 {
  width: 24px;
  height: 24px;
}

._medium_d66mz_14 {
  width: 20px;
  height: 20px;
}

._small_d66mz_19 {
  width: 16px;
  height: 16px;
}

._tiny_d66mz_24 {
  width: 12px;
  height: 12px;
}

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

  to {
    transform: rotate(360deg);
  }
}

._AccentFilled_6sdgx_9 {
  color: var(--neutral-white);
  background-color: var(--brand-primary);
}

._AccentFilled_6sdgx_9:hover:not(:disabled), ._AccentFilled_6sdgx_9:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--brand-primary-action);
}

._AccentFilled_6sdgx_9:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._AccentOutlined_6sdgx_26 {
  color: var(--brand-primary);
  background-color: var(--neutral-white);
  border: 1px solid var(--brand-primary);
}

._AccentOutlined_6sdgx_26:hover:not(:disabled), ._AccentOutlined_6sdgx_26:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--brand-primary);
}

._AccentOutlined_6sdgx_26:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._PrimaryFilled_6sdgx_45 {
  color: var(--neutral-white);
  background-color: var(--gray-900);
}

._PrimaryFilled_6sdgx_45:hover:not(:disabled), ._PrimaryFilled_6sdgx_45:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--neutral-black);
}

._PrimaryFilled_6sdgx_45:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._PrimaryOutlined_6sdgx_62 {
  color: var(--gray-900);
  background-color: var(--neutral-white);
  border: 1px solid var(--gray-900);
}

._PrimaryOutlined_6sdgx_62:hover:not(:disabled), ._PrimaryOutlined_6sdgx_62:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--neutral-black);
  border: 1px solid var(--neutral-black);
}

._PrimaryOutlined_6sdgx_62:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._InverseFilled_6sdgx_83 {
  color: var(--neutral-black);
  background-color: var(--neutral-white);
}

._InverseFilled_6sdgx_83:hover:not(:disabled), ._InverseFilled_6sdgx_83:focus:not(:disabled) {
  color: var(--neutral-black);
  background-color: var(--gray-50);
}

._InverseFilled_6sdgx_83:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._InverseOutlined_6sdgx_100 {
  color: var(--neutral-white);
  background-color: var(--gray-900);
  border: 1px solid var(--neutral-white);
}

._InverseOutlined_6sdgx_100:hover:not(:disabled), ._InverseOutlined_6sdgx_100:focus:not(:disabled) {
  color: var(--gray-900);
  background-color: var(--gray-50);
  border: 1px solid var(--gray-50);
}

._InverseOutlined_6sdgx_100:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--gray-900);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._SecondaryFilled_6sdgx_121 {
  color: var(--neutral-white);
  background-color: var(--gray-500);
}

._SecondaryFilled_6sdgx_121:hover:not(:disabled), ._SecondaryFilled_6sdgx_121:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--gray-600);
}

._SecondaryFilled_6sdgx_121:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._SecondaryOutlined_6sdgx_138 {
  color: var(--gray-500);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-30);
}

._SecondaryOutlined_6sdgx_138:hover:not(:disabled), ._SecondaryOutlined_6sdgx_138:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--gray-600);
  border: 1px solid var(--gray-600);
}

._SecondaryOutlined_6sdgx_138:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._DangerFilled_6sdgx_159 {
  color: var(--neutral-white);
  background-color: var(--red-500);
}

._DangerFilled_6sdgx_159:hover:not(:disabled), ._DangerFilled_6sdgx_159:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--red-600);
}

._DangerFilled_6sdgx_159:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._DangerOutlined_6sdgx_176 {
  color: var(--red-500);
  background-color: var(--neutral-white);
  border: 1px solid var(--red-500);
}

._DangerOutlined_6sdgx_176:hover:not(:disabled), ._DangerOutlined_6sdgx_176:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--red-600);
  border: 1px solid var(--red-600);
}

._DangerOutlined_6sdgx_176:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._StaticBlack_6sdgx_197 {
  color: var(--neutral-white);
  background-color: var(--gray-900);
}

._StaticBlack_6sdgx_197:hover:not(:disabled), ._StaticBlack_6sdgx_197:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--neutral-black);
}

._StaticBlack_6sdgx_197:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._StaticWhite_6sdgx_214 {
  color: var(--gray-900);
  background-color: var(--neutral-white);
}

._StaticWhite_6sdgx_214:hover:not(:disabled), ._StaticWhite_6sdgx_214:focus:not(:disabled) {
  color: var(--gray-900);
  background-color: var(--gray-50);
}

._StaticWhite_6sdgx_214:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._icon_12rxl_5 {
  vertical-align: middle;
  display: inline-block;
}

._icon_12rxl_5 svg {
  width: 100%;
  height: 100%;
}

._xSmall_12rxl_14 {
  width: 12px;
  height: 12px;
}

._small_12rxl_19 {
  width: 16px;
  height: 16px;
}

._medium_12rxl_24 {
  width: 20px;
  height: 20px;
}

._large_12rxl_29 {
  width: 24px;
  height: 24px;
}

._xLarge_12rxl_34 {
  width: 28px;
  height: 28px;
}

._xxLarge_12rxl_39 {
  width: 32px;
  height: 32px;
}

/* [project]/node_modules/@msu/access-guard/dist/assets/DiscordButton.css [app-client] (css) */
._discord_shortcut_button_35qfo_6 {
  color: #fff;
  letter-spacing: -.2px;
  width: 320px;
  height: 56px;
  font-size: 24px;
  font-weight: 800;
  font-family: var(--font-sofia-sans-condensed);
  white-space: nowrap;
  background: #8632fb;
  border-radius: 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  padding: 8px;
  transition: background .3s;
  display: flex;
}

._discord_shortcut_button_35qfo_6:hover {
  background: #6d20d9;
}

@media only screen and (max-width: 767px) {
  ._discord_shortcut_button_35qfo_6 {
    gap: 2.2222vw;
    width: 66.6667vw;
    height: 13.3333vw;
    font-size: 5.5556vw;
  }
}

._discord_shortcut_button_35qfo_6 i {
  width: 32px;
  height: 32px;
}

@media only screen and (max-width: 767px) {
  ._discord_shortcut_button_35qfo_6 i {
    width: 5.5556vw;
    height: 5.5556vw;
  }
}

/* [project]/node_modules/@msu/access-guard/dist/assets/RestrictedCountryAlert.css [app-client] (css) */
@media only screen and (max-width: 767px) {
  ._modal_container_l27l8_12 {
    border-radius: 6.6667vw !important;
    width: 94% !important;
    max-width: 100% !important;
    padding: 13.3333vw 6.6667vw 11.1111vw !important;
  }
}

._title_l27l8_20 {
  color: #21272a;
  text-align: center;
  font-family: var(--font-roboto);
  white-space: break-spaces;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

@media only screen and (max-width: 767px) {
  ._title_l27l8_20 {
    font-size: 5vw !important;
  }
}

._desc_l27l8_36 {
  white-space: break-spaces;
  color: #69717a;
  text-align: center;
  font-family: var(--font-roboto);
  margin: 16px auto 48px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: block;
}

@media only screen and (max-width: 767px) {
  ._desc_l27l8_36 {
    margin: 2.2222vw auto 11.1111vw;
    font-size: 3.8889vw !important;
  }
}

._logo_l27l8_55 {
  margin: 64px auto 0;
  display: block;
}

@media only screen and (max-width: 767px) {
  ._logo_l27l8_55 {
    margin: 15.5556vw auto 0;
  }
}

._img_l27l8_65 {
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  ._img_l27l8_65 {
    width: 44.4444vw !important;
    height: 44.4444vw !important;
  }
}

._sns_l27l8_76 {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 180px;
  margin: 24px auto 0;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 767px) {
  ._sns_l27l8_76 {
    gap: 5.5556vw;
    margin: 6.6667vw auto 0;
  }
}

/* [project]/src/app/_styles/globals.css [app-client] (css) */
:root {
  --transparent: transparent;
  --white: #fff;
  --black: #000;
  --neutral-black: #121619;
  --neutral-white: #fff;
  --neutral-25: #fafbfc;
  --neutral-50: #f7f8f9;
  --neutral-100: #f0f2f4;
  --neutral-200: #e9ecef;
  --neutral-300: #cfd5db;
  --neutral-400: #adb5bd;
  --neutral-500: #868e96;
  --neutral-600: #69717a;
  --neutral-700: #4c545b;
  --neutral-800: #343a3f;
  --neutral-900: #21272a;
  --neutral-opacity-transparent: #fff0;
  --neutral-opacity-black-bk-01: #12161903;
  --neutral-opacity-black-bk-05: #1216190d;
  --neutral-opacity-black-bk-10: #1216191a;
  --neutral-opacity-black-bk-15: #12161926;
  --neutral-opacity-black-bk-20: #12161933;
  --neutral-opacity-black-bk-25: #12161940;
  --neutral-opacity-black-bk-30: #1216194d;
  --neutral-opacity-black-bk-35: #12161959;
  --neutral-opacity-black-bk-40: #12161966;
  --neutral-opacity-black-bk-45: #12161973;
  --neutral-opacity-black-bk-50: #12161980;
  --neutral-opacity-black-bk-55: #1216198c;
  --neutral-opacity-black-bk-60: #12161999;
  --neutral-opacity-black-bk-65: #121619a6;
  --neutral-opacity-black-bk-70: #121619b3;
  --neutral-opacity-black-bk-75: #121619bf;
  --neutral-opacity-black-bk-80: #121619cc;
  --neutral-opacity-black-bk-85: #121619d9;
  --neutral-opacity-black-bk-90: #121619e6;
  --neutral-opacity-black-bk-95: #121619f2;
  --neutral-opacity-gray-g-01: #868e9603;
  --neutral-opacity-gray-g-05: #868e960d;
  --neutral-opacity-gray-g-10: #868e961a;
  --neutral-opacity-gray-g-20: #868e9633;
  --neutral-opacity-gray-g-30: #868e964d;
  --neutral-opacity-gray-g-40: #868e9666;
  --neutral-opacity-gray-g-50: #868e9680;
  --neutral-opacity-gray-g-60: #868e9699;
  --neutral-opacity-gray-g-70: #868e96b3;
  --neutral-opacity-gray-g-80: #868e96cc;
  --neutral-opacity-gray-g-90: #868e96e6;
  --neutral-opacity-white-w-01: #ffffff03;
  --neutral-opacity-white-w-05: #ffffff0d;
  --neutral-opacity-white-w-10: #ffffff1a;
  --neutral-opacity-white-w-15: #ffffff26;
  --neutral-opacity-white-w-20: #fff3;
  --neutral-opacity-white-w-25: #ffffff40;
  --neutral-opacity-white-w-30: #ffffff4d;
  --neutral-opacity-white-w-35: #ffffff59;
  --neutral-opacity-white-w-40: #fff6;
  --neutral-opacity-white-w-45: #ffffff73;
  --neutral-opacity-white-w-50: #ffffff80;
  --neutral-opacity-white-w-55: #ffffff8c;
  --neutral-opacity-white-w-60: #fff9;
  --neutral-opacity-white-w-65: #ffffffa6;
  --neutral-opacity-white-w-70: #ffffffb3;
  --neutral-opacity-white-w-75: #ffffffbf;
  --neutral-opacity-white-w-80: #fffc;
  --neutral-opacity-white-w-85: #ffffffd9;
  --neutral-opacity-white-w-90: #ffffffe6;
  --neutral-opacity-white-w-95: #fffffff2;
  --gray-50: #f7f8f9;
  --gray-100: #f0f2f4;
  --gray-200: #e9ecef;
  --gray-300: #cfd5db;
  --gray-400: #adb5bd;
  --gray-500: #868e96;
  --gray-600: #69717a;
  --gray-700: #4c545b;
  --gray-800: #343a3f;
  --gray-900: #21272a;
  --purple-50: #f3eaff;
  --purple-100: #d8bcff;
  --purple-200: #bd8fff;
  --purple-300: #a361ff;
  --purple-400: #8632fb;
  --purple-500: #6d20d9;
  --purple-600: #5611b7;
  --purple-700: #420695;
  --purple-800: #300073;
  --purple-900: #220051;
  --cyan-50: #ecfffc;
  --cyan-100: #c1fff6;
  --cyan-200: #98ffef;
  --cyan-300: #6effe8;
  --cyan-400: #43ffe2;
  --cyan-500: #28e3d2;
  --cyan-600: #09c0bd;
  --cyan-700: #009898;
  --cyan-800: #006f6f;
  --cyan-900: #004747;
  --orange-50: #fff2e6;
  --orange-100: #ffdbb9;
  --orange-200: #ffc38d;
  --orange-300: #ffac60;
  --orange-400: #ff9533;
  --orange-500: #fc7d06;
  --orange-600: #d46600;
  --orange-700: #ab5200;
  --orange-800: #823f00;
  --orange-900: #592b00;
  --blue-50: #eff4ff;
  --blue-100: #cadbff;
  --blue-200: #a6c3ff;
  --blue-300: #82aaff;
  --blue-400: #5c8ffa;
  --blue-500: #4675d8;
  --blue-600: #335eb6;
  --blue-700: #244894;
  --blue-800: #173472;
  --blue-900: #0c2250;
  --pink-50: #fff1fe;
  --pink-100: #ffcafc;
  --pink-200: #ffa2fb;
  --pink-300: #ff7af9;
  --pink-400: #e265dc;
  --pink-500: #c552c0;
  --pink-600: #a841a3;
  --pink-700: #8a3286;
  --pink-800: #6d246a;
  --pink-900: #50184e;
  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-300: #ffb3b8;
  --red-400: #ff8389;
  --red-500: #fa4d56;
  --red-600: #da1e28;
  --red-700: #a2191f;
  --red-800: #831218;
  --red-900: #500a0e;
  --green-50: #e9fbf4;
  --green-100: #d1fae5;
  --green-200: #a7f3d0;
  --green-300: #6ee7b7;
  --green-400: #34d399;
  --green-500: #10b981;
  --green-600: #059669;
  --green-700: #047857;
  --green-800: #064e3b;
  --green-900: #033024;
  --light-blue-50: #e6fbff;
  --light-blue-100: #c8f6ff;
  --light-blue-200: #9ef;
  --light-blue-300: #60def7;
  --light-blue-400: #11cdf2;
  --light-blue-500: #00b8e5;
  --light-blue-600: #0093c4;
  --light-blue-700: #066a91;
  --light-blue-800: #084f6b;
  --light-blue-900: #013a50;
  --yellow-50: #fffde7;
  --yellow-100: #fff9c4;
  --yellow-200: #fff59d;
  --yellow-300: #fff176;
  --yellow-400: #ffeb3b;
  --yellow-500: #fdd835;
  --yellow-600: #fbc02d;
  --yellow-700: #f9a825;
  --yellow-800: #d97706;
  --yellow-900: #985100;
  --msu-blue-400: #0d1b3a;
  --msu-gradient-1: radial-gradient(9134.95% 140.8% at 0.89% 100%, #3fffba 0%, #5c8ffa 33.85%, #ad3df9 76.56%, #f6c 100%);
  --msu-gradient-2: linear-gradient(99deg, #9bd9fd 0.42%, #6ddf63 148.48%);
  --msu-gradient-3: radial-gradient(9134.95% 140.8% at 0.89% 100%, #daa3ff 0%, #f6c 100%);
  --maplestory-rare: #6ff;
  --maplestory-epic: #96f;
  --maplestory-unique: #fc0;
  --maplestory-legendary: #cf0;
  --system-danger: var(--red-500);
  --brand-primary: var(--purple-400);
  --brand-primary-action: var(--purple-500);
  --brand-primary-weak: var(--purple-50);
  --brand-primary-weakest: #8632fb0d;
  --brand-primary-overlay: #8632fb1a;
  --brand-secondary: var(--cyan-400);
  --brand-secondary-action: var(--cyan-500);
  --brand-secondary-weak: var(--cyan-50);
  --brand-secondary-overlay: #43ffe21a;
}

.hidden {
  overflow: hidden;
}

@media (prefers-color-scheme: dark) {
  html {
    color-scheme: normal;
  }
}

/* [project]/src/app/_styles/layout.module.scss.module.css [app-client] (css) */
.layout-module-scss-module__shqExa__layout {
  min-height: calc(100vh - 256px);
}

/* [project]/src/app/_styles/reset.css [app-client] (css) */
*, :before, :after {
  box-sizing: border-box;
  border: 0 solid;
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  line-height: 1.5;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

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;
  outline: 0;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

em {
  font-style: normal;
}

/* [project]/src/app/_styles/web3AuthStyle.css [app-client] (css) */
body.auth-connect-web3auth-lock .w3a-parent-container > div.w3a--fixed {
  padding-bottom: 123px;
}

.w3a-parent-container *, .w3a-parent-container :after, .w3a-parent-container :before, .w3a-parent-container ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

.w3a-parent-container *, .w3a-parent-container :after, .w3a-parent-container :before {
  box-sizing: border-box;
  border: 0 solid;
}

.w3a-parent-container :after, .w3a-parent-container :before {
  --tw-content: \"\";
}

.w3a-parent-container :host, .w3a-parent-container html {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: var(--font-roboto), ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-variation-settings: normal;
  tab-size: 4;
  line-height: 1.5;
}

.w3a-parent-container body {
  line-height: inherit;
  margin: 0;
}

.w3a-parent-container hr {
  color: inherit;
  border-top-width: 1px;
  height: 0;
}

.w3a-parent-container abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.w3a-parent-container h1, .w3a-parent-container h2, .w3a-parent-container h3, .w3a-parent-container h4, .w3a-parent-container h5, .w3a-parent-container h6 {
  font-size: inherit;
  font-weight: inherit;
}

.w3a-parent-container a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

.w3a-parent-container b, .w3a-parent-container strong {
  font-weight: bolder;
}

.w3a-parent-container code, .w3a-parent-container kbd, .w3a-parent-container pre, .w3a-parent-container samp {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

.w3a-parent-container small {
  font-size: 80%;
}

.w3a-parent-container sub, .w3a-parent-container sup {
  vertical-align: initial;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

.w3a-parent-container sub {
  bottom: -.25em;
}

.w3a-parent-container sup {
  top: -.5em;
}

.w3a-parent-container table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}

.w3a-parent-container button, .w3a-parent-container input, .w3a-parent-container optgroup, .w3a-parent-container select, .w3a-parent-container textarea {
  font-feature-settings: inherit;
  color: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.w3a-parent-container button, .w3a-parent-container select {
  text-transform: none;
}

.w3a-parent-container button, .w3a-parent-container input:where([type="button"]), .w3a-parent-container input:where([type="reset"]), .w3a-parent-container input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}

.w3a-parent-container :-moz-focusring {
  outline: auto;
}

.w3a-parent-container :-moz-ui-invalid {
  box-shadow: none;
}

.w3a-parent-container progress {
  vertical-align: initial;
}

.w3a-parent-container ::-webkit-inner-spin-button {
  height: auto;
}

.w3a-parent-container ::-webkit-outer-spin-button {
  height: auto;
}

.w3a-parent-container [type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

.w3a-parent-container ::-webkit-search-decoration {
  -webkit-appearance: none;
}

.w3a-parent-container ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.w3a-parent-container summary {
  display: list-item;
}

.w3a-parent-container blockquote, .w3a-parent-container dd, .w3a-parent-container dl, .w3a-parent-container figure, .w3a-parent-container h1, .w3a-parent-container h2, .w3a-parent-container h3, .w3a-parent-container h4, .w3a-parent-container h5, .w3a-parent-container h6, .w3a-parent-container hr, .w3a-parent-container p, .w3a-parent-container pre {
  margin: 0;
}

.w3a-parent-container fieldset {
  margin: 0;
  padding: 0;
}

.w3a-parent-container legend {
  padding: 0;
}

.w3a-parent-container menu, .w3a-parent-container ol, .w3a-parent-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.w3a-parent-container dialog {
  padding: 0;
}

.w3a-parent-container textarea {
  resize: vertical;
}

.w3a-parent-container input::placeholder, .w3a-parent-container textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}

.w3a-parent-container [role="button"], .w3a-parent-container button {
  cursor: pointer;
}

.w3a-parent-container :disabled {
  cursor: default;
}

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

.w3a-parent-container img, .w3a-parent-container video {
  max-width: 100%;
  height: auto;
}

.w3a-parent-container [hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.w3a-parent-container {
  --app-on-primary: #fff;
  --app-primary-50: #ebf5ff;
  --app-primary-100: #e1effe;
  --app-primary-200: #c3ddfd;
  --app-primary-300: #a4cafe;
  --app-primary-400: #76a9fa;
  --app-primary-500: #3f83f8;
  --app-primary-600: #0346ff;
  --app-primary-700: #1a56db;
  --app-primary-800: #1e429f;
  --app-primary-900: #233876;
  --app-gray-50: #f9fafb;
  --app-gray-100: #f3f4f6;
  --app-gray-200: #e5e7eb;
  --app-gray-300: #d1d5db;
  --app-gray-400: #9ca3af;
  --app-gray-500: #6b7280;
  --app-gray-600: #4b5563;
  --app-gray-700: #374151;
  --app-gray-800: #1f2a37;
  --app-gray-900: #111928;
  --app-blue-50: #ebf5ff;
  --app-blue-100: #e1effe;
  --app-blue-200: #c3ddfd;
  --app-blue-300: #a4cafe;
  --app-blue-400: #76a9fa;
  --app-blue-500: #3f83f8;
  --app-blue-600: #0346ff;
  --app-blue-700: #1a56db;
  --app-blue-800: #1e429f;
  --app-blue-900: #233876;
  --app-red-50: #fdf2f2;
  --app-red-100: #fde8e8;
  --app-red-200: #fbd5d5;
  --app-red-300: #f8b4b4;
  --app-red-400: #f98080;
  --app-red-500: #f05252;
  --app-red-600: #e02424;
  --app-red-700: #c81e1e;
  --app-red-800: #9b1c1c;
  --app-red-900: #771d1d;
  --app-green-50: #f3faf7;
  --app-green-100: #def7ec;
  --app-green-200: #bcf0da;
  --app-green-300: #84e1bc;
  --app-green-400: #31c48d;
  --app-green-500: #0e9f6e;
  --app-green-600: #057a55;
  --app-green-700: #046c4e;
  --app-green-800: #03543f;
  --app-green-900: #014737;
  --app-yellow-50: #fdfdea;
  --app-yellow-100: #fdf6b2;
  --app-yellow-200: #fce96a;
  --app-yellow-300: #faca15;
  --app-yellow-400: #e3a008;
  --app-yellow-500: #c27803;
  --app-yellow-600: #9f580a;
  --app-yellow-700: #8e4b10;
  --app-yellow-800: #723b13;
  --app-yellow-900: #633112;
  --app-success: #30cca4;
  --app-warning: #fbc94a;
  --app-error: #fb4a61;
  --app-info: #d4d4d4;
  --app-white: #fff;
  --app-black: #000;
}

.w3a-parent-container body {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
}

.w3a-parent-container {
  font-family: var(--font-roboto), ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  position: relative;
}

.w3a-parent-container .w3a-parent-container > * {
  scrollbar-color: #e5e7eb !important;
}

.w3a-parent-container .w3a--social-container {
  scroll-padding-right: 10px;
  scrollbar-color: #e5e7eb !important;
}

.w3a-parent-container .w3a--modal-curtain {
  background-color: initial;
  opacity: 0;
  z-index: 1;
  transition: opacity 50ms ease-in;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.w3a-parent-container .w3a--fixed {
  position: fixed;
}

.w3a-parent-container .w3a--absolute {
  position: absolute;
}

.w3a-parent-container .w3a--relative {
  position: relative;
}

.w3a-parent-container .w3a--inset-x-4 {
  left: 1rem;
  right: 1rem;
}

.w3a-parent-container .w3a--bottom-2 {
  bottom: .5rem;
}

.w3a-parent-container .w3a--bottom-4 {
  bottom: 1rem;
}

.w3a-parent-container .w3a--bottom-8 {
  bottom: 2rem;
}

.w3a-parent-container .w3a--bottom-\[100\%\] {
  bottom: 100%;
}

.w3a-parent-container .w3a--left-0 {
  left: 0;
}

.w3a-parent-container .w3a--left-2 {
  left: .5rem;
}

.w3a-parent-container .w3a--left-\[50\%\] {
  left: 50%;
}

.w3a-parent-container .w3a--right-4 {
  right: 1rem;
}

.w3a-parent-container .w3a--right-6 {
  right: 1.5rem;
}

.w3a-parent-container .w3a--top-0 {
  top: 0;
}

.w3a-parent-container .w3a--top-1\/2 {
  top: 50%;
}

.w3a-parent-container .w3a--top-4 {
  top: 1rem;
}

.w3a-parent-container .w3a--top-8 {
  top: 2rem;
}

.w3a-parent-container .w3a--top-\[16px\] {
  top: 16px;
}

.w3a-parent-container .w3a--top-\[30px\] {
  top: 30px;
}

.w3a-parent-container .w3a--z-10 {
  z-index: 10;
}

.w3a-parent-container .w3a--z-20 {
  z-index: 20;
}

.w3a-parent-container .w3a--z-50 {
  z-index: 50;
}

.w3a-parent-container .w3a--z-\[-1\] {
  z-index: -1;
}

.w3a-parent-container .w3a--z-\[45\] {
  z-index: 45;
}

.w3a-parent-container .w3a--z-\[60\] {
  z-index: 60;
}

.w3a-parent-container .w3a--mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.w3a-parent-container .w3a--my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.w3a-parent-container .w3a--my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.w3a-parent-container .w3a--my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.w3a-parent-container .-w3a--mt-10 {
  margin-top: -2.5rem;
}

.w3a-parent-container .-w3a--mt-2 {
  margin-top: -.5rem;
}

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

.w3a-parent-container .w3a--mb-2 {
  margin-bottom: .5rem;
}

.w3a-parent-container .w3a--ml-0 {
  margin-left: 0;
}

.w3a-parent-container .w3a--ml-2 {
  margin-left: .5rem;
}

.w3a-parent-container .w3a--ml-4 {
  margin-left: 1rem;
}

.w3a-parent-container .w3a--mr-2\.5 {
  margin-right: .625rem;
}

.w3a-parent-container .w3a--mr-auto {
  margin-right: auto;
}

.w3a-parent-container .w3a--mt-2 {
  margin-top: .5rem;
}

.w3a-parent-container .w3a--mt-3 {
  margin-top: .75rem;
}

.w3a-parent-container .w3a--mt-auto {
  margin-top: auto;
}

.w3a-parent-container .w3a--block {
  display: block;
}

.w3a-parent-container .w3a--flex {
  display: flex;
}

.w3a-parent-container .w3a--inline-flex {
  display: inline-flex;
}

.w3a-parent-container .w3a--grid {
  display: grid;
}

.w3a-parent-container .w3a--contents {
  display: contents;
}

.w3a-parent-container .w3a--hidden {
  display: none;
}

.w3a-parent-container .w3a--size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.w3a-parent-container .w3a--size-3 {
  width: .75rem;
  height: .75rem;
}

.w3a-parent-container .w3a--size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.w3a-parent-container .w3a--size-\[300px\] {
  width: 300px;
  height: 300px;
}

.w3a-parent-container .w3a--size-auto {
  width: auto;
  height: auto;
}

.w3a-parent-container .w3a--size-full {
  width: 100%;
  height: 100%;
}

.w3a-parent-container .w3a--h-0 {
  height: 0;
}

.w3a-parent-container .w3a--h-11 {
  height: 2.75rem;
}

.w3a-parent-container .w3a--h-12 {
  height: 3rem;
}

.w3a-parent-container .w3a--h-9 {
  height: 2.25rem;
}

.w3a-parent-container .w3a--h-\[280px\] {
  height: 280px;
}

.w3a-parent-container .w3a--h-\[300px\] {
  height: 300px;
}

.w3a-parent-container .w3a--h-\[328px\] {
  height: 328px;
}

.w3a-parent-container .w3a--h-\[42px\] {
  height: 42px;
}

.w3a-parent-container .w3a--h-\[50px\] {
  height: 50px;
}

.w3a-parent-container .w3a--h-auto {
  height: auto;
}

.w3a-parent-container .w3a--h-full {
  height: 100%;
}

.w3a-parent-container .w3a--h-px {
  height: 1px;
}

.w3a-parent-container .w3a--h-screen {
  height: 100vh;
}

.w3a-parent-container .w3a--w-0 {
  width: 0;
}

.w3a-parent-container .w3a--w-12 {
  width: 3rem;
}

.w3a-parent-container .w3a--w-4\/5 {
  width: 80%;
}

.w3a-parent-container .w3a--w-\[100px\] {
  width: 100px;
}

.w3a-parent-container .w3a--w-\[104px\] {
  width: 104px;
}

.w3a-parent-container .w3a--w-\[200px\] {
  width: 200px;
}

.w3a-parent-container .w3a--w-\[356px\] {
  width: 356px;
}

.w3a-parent-container .w3a--w-\[90\%\] {
  width: 90%;
}

.w3a-parent-container .w3a--w-\[96\%\] {
  width: 96%;
}

.w3a-parent-container .w3a--w-auto {
  width: auto;
}

.w3a-parent-container .w3a--w-full {
  width: 100%;
}

.w3a-parent-container .w3a--w-max {
  width: max-content;
}

.w3a-parent-container .w3a--w-screen {
  width: 100vw;
}

.w3a-parent-container .w3a--max-w-\[180px\] {
  max-width: 180px;
}

.w3a-parent-container .w3a--flex-1 {
  flex: 1;
}

.w3a-parent-container .-w3a--translate-x-10 {
  --tw-translate-x: -2.5rem;
}

.w3a-parent-container .-w3a--translate-x-10, .w3a-parent-container .-w3a--translate-x-6 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.w3a-parent-container .-w3a--translate-x-6 {
  --tw-translate-x: -1.5rem;
}

.w3a-parent-container .-w3a--translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.w3a-parent-container .-w3a--translate-y-1\/2, .w3a-parent-container .w3a--translate-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.w3a-parent-container .w3a--translate-y-0 {
  --tw-translate-y: 0px;
}

.w3a-parent-container .w3a--translate-y-\[100vh\] {
  --tw-translate-y: 100vh;
}

.w3a-parent-container .w3a--translate-y-\[100vh\], .w3a-parent-container .w3a--translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.w3a-parent-container .w3a--translate-y-full {
  --tw-translate-y: 100%;
}

@keyframes w3a--pulse {
  50% {
    opacity: .5;
  }
}

.w3a-parent-container .w3a--animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite w3a--pulse;
}

.w3a-parent-container .w3a--cursor-not-allowed {
  cursor: not-allowed;
}

.w3a-parent-container .w3a--cursor-pointer {
  cursor: pointer;
}

.w3a-parent-container .w3a--appearance-none {
  appearance: none;
}

.w3a-parent-container .w3a--auto-rows-min {
  grid-auto-rows: min-content;
}

.w3a-parent-container .w3a--grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.w3a-parent-container .w3a--grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.w3a-parent-container .w3a--grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.w3a-parent-container .w3a--grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.w3a-parent-container .w3a--flex-col {
  flex-direction: column;
}

.w3a-parent-container .w3a--items-start {
  align-items: flex-start;
}

.w3a-parent-container .w3a--items-end {
  align-items: flex-end;
}

.w3a-parent-container .w3a--items-center {
  align-items: center;
}

.w3a-parent-container .\!w3a--justify-start {
  justify-content: flex-start !important;
}

.w3a-parent-container .w3a--justify-start {
  justify-content: flex-start;
}

.w3a-parent-container .\!w3a--justify-center {
  justify-content: center !important;
}

.w3a-parent-container .w3a--justify-center {
  justify-content: center;
}

.w3a-parent-container .\!w3a--justify-between {
  justify-content: space-between !important;
}

.w3a-parent-container .w3a--justify-between {
  justify-content: space-between;
}

.w3a-parent-container .w3a--justify-items-start {
  justify-items: start;
}

.w3a-parent-container .w3a--gap-2 {
  gap: .5rem;
}

.w3a-parent-container .w3a--gap-3 {
  gap: .75rem;
}

.w3a-parent-container .w3a--gap-x-1 {
  column-gap: .25rem;
}

.w3a-parent-container .w3a--gap-x-2 {
  column-gap: .5rem;
}

.w3a-parent-container .w3a--gap-x-4 {
  column-gap: 1rem;
}

.w3a-parent-container .w3a--gap-x-6 {
  column-gap: 1.5rem;
}

.w3a-parent-container .w3a--gap-y-1 {
  row-gap: .25rem;
}

.w3a-parent-container .w3a--gap-y-2 {
  row-gap: .5rem;
}

.w3a-parent-container .w3a--gap-y-4 {
  row-gap: 1rem;
}

.w3a-parent-container .w3a--space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(.5rem * var(--tw-space-x-reverse));
}

.w3a-parent-container .w3a--overflow-hidden {
  overflow: hidden;
}

.w3a-parent-container .w3a--overflow-y-auto {
  overflow-y: auto;
}

.w3a-parent-container .w3a--truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.w3a-parent-container .w3a--rounded {
  border-radius: .25rem;
}

.w3a-parent-container .w3a--rounded-2xl {
  border-radius: 1rem;
}

.w3a-parent-container .w3a--rounded-3xl {
  border-radius: 1.5rem;
}

.w3a-parent-container .w3a--rounded-\[30px\] {
  border-radius: 30px;
}

.w3a-parent-container .w3a--rounded-full {
  border-radius: 9999px;
}

.w3a-parent-container .w3a--rounded-lg {
  border-radius: .5rem;
}

.w3a-parent-container .w3a--rounded-md {
  border-radius: .375rem;
}

.w3a-parent-container .w3a--rounded-none {
  border-radius: 0;
}

.w3a-parent-container .w3a--border {
  border-width: 1px;
}

.w3a-parent-container .\!w3a--border-app-primary-600 {
  border-color: var(--app-primary-600) !important;
}

.w3a-parent-container .w3a--border-app-blue-200 {
  border-color: var(--app-blue-200);
}

.w3a-parent-container .w3a--border-app-gray-100 {
  border-color: var(--app-gray-100);
}

.w3a-parent-container .w3a--border-app-gray-200 {
  border-color: var(--app-gray-200);
}

.w3a-parent-container .w3a--border-app-gray-300 {
  border-color: var(--app-gray-300);
}

.w3a-parent-container .w3a--border-app-gray-800 {
  border-color: var(--app-gray-800);
}

.w3a-parent-container .w3a--border-app-green-200 {
  border-color: var(--app-green-200);
}

.w3a-parent-container .w3a--border-app-green-400 {
  border-color: var(--app-green-400);
}

.w3a-parent-container .w3a--border-app-red-200 {
  border-color: var(--app-red-200);
}

.w3a-parent-container .w3a--border-app-red-600 {
  border-color: var(--app-red-600);
}

.w3a-parent-container .w3a--border-app-yellow-200 {
  border-color: var(--app-yellow-200);
}

.w3a-parent-container .w3a--border-transparent {
  border-color: #0000;
}

.w3a-parent-container .\!w3a--bg-app-gray-800 {
  background-color: var(--app-gray-800) !important;
}

.w3a-parent-container .w3a--bg-app-blue-100 {
  background-color: var(--app-blue-100);
}

.w3a-parent-container .w3a--bg-app-gray-100 {
  background-color: var(--app-gray-100);
}

.w3a-parent-container .w3a--bg-app-gray-200 {
  background-color: var(--app-gray-200);
}

.w3a-parent-container .w3a--bg-app-gray-400 {
  background-color: var(--app-gray-400);
}

.w3a-parent-container .w3a--bg-app-gray-50 {
  background-color: var(--app-gray-50);
}

.w3a-parent-container .w3a--bg-app-gray-500 {
  background-color: var(--app-gray-500);
}

.w3a-parent-container .w3a--bg-app-gray-800 {
  background-color: var(--app-gray-800);
}

.w3a-parent-container .w3a--bg-app-green-100 {
  background-color: var(--app-green-100);
}

.w3a-parent-container .w3a--bg-app-light-surface1 {
  background-color: var(--app-white);
}

.w3a-parent-container .w3a--bg-app-primary-100 {
  background-color: var(--app-primary-100);
}

.w3a-parent-container .w3a--bg-app-red-100 {
  background-color: var(--app-red-100);
}

.w3a-parent-container .w3a--bg-app-white {
  background-color: var(--app-white);
}

.w3a-parent-container .w3a--bg-app-yellow-100 {
  background-color: var(--app-yellow-100);
}

.w3a-parent-container .w3a--bg-transparent {
  background-color: initial;
}

.w3a-parent-container .w3a--object-contain {
  object-fit: contain;
}

.w3a-parent-container .w3a--p-0 {
  padding: 0;
}

.w3a-parent-container .w3a--p-2 {
  padding: .5rem;
}

.w3a-parent-container .w3a--p-3 {
  padding: .75rem;
}

.w3a-parent-container .w3a--p-4 {
  padding: 1rem;
}

.w3a-parent-container .w3a--p-6 {
  padding: 1.5rem;
}

.w3a-parent-container .w3a--px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.w3a-parent-container .w3a--px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

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

.w3a-parent-container .w3a--px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.w3a-parent-container .w3a--px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}

.w3a-parent-container .w3a--py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.w3a-parent-container .w3a--py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.w3a-parent-container .w3a--py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.w3a-parent-container .w3a--py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.w3a-parent-container .w3a--py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.w3a-parent-container .w3a--py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.w3a-parent-container .w3a--py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}

.w3a-parent-container .w3a--pl-2 {
  padding-left: .5rem;
}

.w3a-parent-container .w3a--pl-6 {
  padding-left: 1.5rem;
}

.w3a-parent-container .w3a--pr-1\.5 {
  padding-right: .375rem;
}

.w3a-parent-container .w3a--pr-2\.5 {
  padding-right: .625rem;
}

.w3a-parent-container .w3a--pr-3 {
  padding-right: .75rem;
}

.w3a-parent-container .w3a--pt-5 {
  padding-top: 1.25rem;
}

.w3a-parent-container .w3a--pt-6 {
  padding-top: 1.5rem;
}

.w3a-parent-container .w3a--text-left {
  text-align: left;
}

.w3a-parent-container .w3a--text-center {
  text-align: center;
}

.w3a-parent-container .w3a--text-start {
  text-align: start;
}

.w3a-parent-container .w3a--text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.w3a-parent-container .w3a--text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.w3a-parent-container .w3a--text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.w3a-parent-container .w3a--text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.w3a-parent-container .w3a--text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.w3a-parent-container .w3a--text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.w3a-parent-container .w3a--font-bold {
  font-weight: 700;
}

.w3a-parent-container .w3a--font-medium {
  font-weight: 500;
}

.w3a-parent-container .w3a--font-normal {
  font-weight: 400;
}

.w3a-parent-container .w3a--font-semibold {
  font-weight: 600;
}

.w3a-parent-container .w3a--uppercase {
  text-transform: uppercase;
}

.w3a-parent-container .w3a--text-app-blue-900 {
  color: var(--app-blue-900);
}

.w3a-parent-container .w3a--text-app-gray-100 {
  color: var(--app-gray-100);
}

.w3a-parent-container .w3a--text-app-gray-400 {
  color: var(--app-gray-400);
}

.w3a-parent-container .w3a--text-app-gray-500 {
  color: var(--app-gray-500);
}

.w3a-parent-container .w3a--text-app-gray-700 {
  color: var(--app-gray-700);
}

.w3a-parent-container .w3a--text-app-gray-900 {
  color: var(--app-gray-900);
}

.w3a-parent-container .w3a--text-app-green-400 {
  color: var(--app-green-400);
}

.w3a-parent-container .w3a--text-app-green-500 {
  color: var(--app-green-500);
}

.w3a-parent-container .w3a--text-app-green-900 {
  color: var(--app-green-900);
}

.w3a-parent-container .w3a--text-app-primary-600 {
  color: var(--app-primary-600);
}

.w3a-parent-container .w3a--text-app-primary-800 {
  color: var(--app-primary-800);
}

.w3a-parent-container .w3a--text-app-red-400 {
  color: var(--app-red-400);
}

.w3a-parent-container .w3a--text-app-red-500 {
  color: var(--app-red-500);
}

.w3a-parent-container .w3a--text-app-red-900 {
  color: var(--app-red-900);
}

.w3a-parent-container .w3a--text-app-yellow-900 {
  color: var(--app-yellow-900);
}

.w3a-parent-container .w3a--opacity-0 {
  opacity: 0;
}

.w3a-parent-container .w3a--shadow-2xl {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}

.w3a-parent-container .w3a--shadow-2xl, .w3a-parent-container .w3a--shadow-lg {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.w3a-parent-container .w3a--shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}

.w3a-parent-container .w3a--shadow-xl {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.w3a-parent-container .w3a--outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.w3a-parent-container .w3a--transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.w3a-parent-container .w3a--transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.w3a-parent-container .w3a--transition-transform {
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.w3a-parent-container .w3a--delay-100 {
  transition-delay: .1s;
}

.w3a-parent-container .w3a--delay-300 {
  transition-delay: .3s;
}

.w3a-parent-container .w3a--delay-500 {
  transition-delay: .5s;
}

.w3a-parent-container .w3a--delay-700 {
  transition-delay: .7s;
}

.w3a-parent-container .w3a--duration-150 {
  transition-duration: .15s;
}

.w3a-parent-container .w3a--duration-300 {
  transition-duration: .3s;
}

.w3a-parent-container .w3a--duration-500 {
  transition-duration: .5s;
}

.w3a-parent-container .w3a--duration-\[400ms\] {
  transition-duration: .4s;
}

.w3a-parent-container .w3a--ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.w3a-parent-container .w3a--ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.w3a-parent-container .w3a--bottom-sheet-bg {
  background-color: var(--app-gray-600);
  opacity: .5;
}

.w3a-parent-container .w3a--connected-logo {
  color: var(--app-green-500);
  width: 4rem;
  height: 4rem;
}

.w3a-parent-container .w3a--connected-logo:is(.w3a--dark *) {
  color: var(--app-green-400);
}

.w3a-parent-container .w3a--error-logo {
  color: var(--app-red-500);
  width: 4rem;
  height: 4rem;
}

.w3a-parent-container .w3a--error-logo:is(.w3a--dark *) {
  color: var(--app-red-400);
}

.w3a-parent-container .w3a--btn {
  appearance: none;
  border-color: var(--app-gray-200);
  color: var(--app-gray-700);
  border-width: 1px;
  justify-content: center;
  align-items: center;
  column-gap: .5rem;
  width: 100%;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}

.w3a-parent-container .w3a--btn:hover {
  --tw-translate-y: .5px;
  --tw-shadow: 0px 2px 8px 2px #e5e7eb;
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  background-color: var(--app-gray-50);
  border-color: var(--app-gray-50);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.w3a-parent-container .w3a--btn:is(.w3a--dark *) {
  border-color: var(--app-gray-500);
}

.w3a-parent-container .w3a--btn:hover:is(.w3a--dark *) {
  --tw-shadow: 0px 2px 8px 2px #111928;
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  background-color: var(--app-gray-800);
  border-color: var(--app-gray-800);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.w3a-parent-container .w3a--input {
  border-color: var(--app-gray-200);
  border-width: 1px;
  justify-content: space-between;
  align-items: center;
  column-gap: .5rem;
  width: 100%;
  padding: .75rem 1.25rem;
  display: flex;
}

.w3a-parent-container .w3a--input:is(.w3a--dark *) {
  border-color: var(--app-gray-500);
}

.w3a-parent-container .first-letter\:w3a--capitalize:first-letter {
  text-transform: capitalize;
}

.w3a-parent-container .placeholder\:w3a--text-xs::placeholder {
  font-size: .75rem;
  line-height: 1rem;
}

.w3a-parent-container .placeholder\:w3a--text-app-gray-400::placeholder {
  color: var(--app-gray-400);
}

.w3a-parent-container .hover\:w3a--translate-y-\[0\.5px\]:hover {
  --tw-translate-y: .5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.w3a-parent-container .hover\:w3a--border-app-gray-50:hover {
  border-color: var(--app-gray-50);
}

.w3a-parent-container .hover\:w3a--border-transparent:hover {
  border-color: #0000;
}

.w3a-parent-container .hover\:\!w3a--bg-app-gray-100:hover {
  background-color: var(--app-gray-100) !important;
}

.w3a-parent-container .hover\:w3a--bg-app-gray-200:hover {
  background-color: var(--app-gray-200);
}

.w3a-parent-container .hover\:w3a--text-app-gray-900:hover {
  color: var(--app-gray-900);
}

.w3a-parent-container .hover\:w3a--shadow-light:hover {
  --tw-shadow: 0px 2px 8px 2px #e5e7eb;
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.w3a-parent-container .focus\:w3a--outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.w3a-parent-container .active\:w3a--scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.w3a-parent-container .active\:w3a--outline-none:active {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--block {
  display: block;
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--hidden {
  display: none;
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--translate-x-0 {
  --tw-translate-x: 0px;
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--translate-x-0, .w3a-parent-container .w3a--group:hover .group-hover\:w3a--translate-x-6 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--translate-x-6 {
  --tw-translate-x: 1.5rem;
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--opacity-0 {
  opacity: 0;
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--opacity-100 {
  opacity: 1;
}

.w3a-parent-container .w3a--group:hover .group-hover\:w3a--delay-0 {
  transition-delay: 0s;
}

.w3a-parent-container .dark\:w3a--block:is(.w3a--dark *) {
  display: block;
}

.w3a-parent-container .dark\:w3a--hidden:is(.w3a--dark *) {
  display: none;
}

.w3a-parent-container .dark\:w3a--border:is(.w3a--dark *) {
  border-width: 1px;
}

.w3a-parent-container .dark\:w3a--border-app-gray-500:is(.w3a--dark *) {
  border-color: var(--app-gray-500);
}

.w3a-parent-container .dark\:w3a--border-app-gray-600:is(.w3a--dark *) {
  border-color: var(--app-gray-600);
}

.w3a-parent-container .dark\:w3a--border-app-gray-700:is(.w3a--dark *) {
  border-color: var(--app-gray-700);
}

.w3a-parent-container .dark\:w3a--border-app-gray-800:is(.w3a--dark *) {
  border-color: var(--app-gray-800);
}

.w3a-parent-container .dark\:w3a--border-app-green-500:is(.w3a--dark *) {
  border-color: var(--app-green-500);
}

.w3a-parent-container .dark\:w3a--border-app-primary-400:is(.w3a--dark *) {
  border-color: var(--app-primary-400);
}

.w3a-parent-container .dark\:w3a--border-app-primary-500:is(.w3a--dark *) {
  border-color: var(--app-primary-500);
}

.w3a-parent-container .dark\:w3a--border-app-red-500:is(.w3a--dark *) {
  border-color: var(--app-red-500);
}

.w3a-parent-container .dark\:w3a--bg-app-dark-surface-main:is(.w3a--dark *) {
  background-color: var(--app-gray-900);
}

.w3a-parent-container .dark\:w3a--bg-app-gray-200:is(.w3a--dark *) {
  background-color: var(--app-gray-200);
}

.w3a-parent-container .dark\:w3a--bg-app-gray-400:is(.w3a--dark *) {
  background-color: var(--app-gray-400);
}

.w3a-parent-container .dark\:w3a--bg-app-gray-500:is(.w3a--dark *) {
  background-color: var(--app-gray-500);
}

.w3a-parent-container .dark\:w3a--bg-app-gray-600:is(.w3a--dark *) {
  background-color: var(--app-gray-600);
}

.w3a-parent-container .dark\:w3a--bg-app-gray-700:is(.w3a--dark *) {
  background-color: var(--app-gray-700);
}

.w3a-parent-container .dark\:w3a--bg-app-gray-800:is(.w3a--dark *) {
  background-color: var(--app-gray-800);
}

.w3a-parent-container .dark\:w3a--bg-transparent:is(.w3a--dark *) {
  background-color: initial;
}

.w3a-parent-container .dark\:w3a--text-app-gray-200:is(.w3a--dark *) {
  color: var(--app-gray-200);
}

.w3a-parent-container .dark\:w3a--text-app-gray-300:is(.w3a--dark *) {
  color: var(--app-gray-300);
}

.w3a-parent-container .dark\:w3a--text-app-gray-400:is(.w3a--dark *) {
  color: var(--app-gray-400);
}

.w3a-parent-container .dark\:w3a--text-app-gray-500:is(.w3a--dark *) {
  color: var(--app-gray-500);
}

.w3a-parent-container .dark\:w3a--text-app-green-400:is(.w3a--dark *) {
  color: var(--app-green-400);
}

.w3a-parent-container .dark\:w3a--text-app-primary-400:is(.w3a--dark *) {
  color: var(--app-primary-400);
}

.w3a-parent-container .dark\:w3a--text-app-primary-500:is(.w3a--dark *) {
  color: var(--app-primary-500);
}

.w3a-parent-container .dark\:w3a--text-app-red-400:is(.w3a--dark *) {
  color: var(--app-red-400);
}

.w3a-parent-container .dark\:w3a--text-app-white:is(.w3a--dark *) {
  color: var(--app-white);
}

.w3a-parent-container .dark\:placeholder\:w3a--text-app-gray-500:is(.w3a--dark *)::placeholder {
  color: var(--app-gray-500);
}

.w3a-parent-container .dark\:hover\:w3a--border-app-gray-800:hover:is(.w3a--dark *) {
  border-color: var(--app-gray-800);
}

.w3a-parent-container .dark\:hover\:w3a--border-transparent:hover:is(.w3a--dark *) {
  border-color: #0000;
}

.w3a-parent-container .dark\:hover\:\!w3a--bg-app-gray-800:hover:is(.w3a--dark *) {
  background-color: var(--app-gray-800) !important;
}

.w3a-parent-container .dark\:hover\:w3a--bg-app-gray-600:hover:is(.w3a--dark *) {
  background-color: var(--app-gray-600);
}

.w3a-parent-container .dark\:hover\:w3a--bg-app-gray-700:hover:is(.w3a--dark *) {
  background-color: var(--app-gray-700);
}

.w3a-parent-container .dark\:hover\:w3a--text-app-white:hover:is(.w3a--dark *) {
  color: var(--app-white);
}

.w3a-parent-container .dark\:hover\:w3a--shadow-dark:hover:is(.w3a--dark *) {
  --tw-shadow: 0px 2px 8px 2px #111928;
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
  .w3a-parent-container .sm\:w3a--left-8 {
    left: 2rem;
  }

  .w3a-parent-container .sm\:w3a--right-8 {
    right: 2rem;
  }

  .w3a-parent-container .sm\:w3a--justify-start {
    justify-content: flex-start;
  }

  .w3a-parent-container .sm\:w3a--justify-end {
    justify-content: flex-end;
  }

  .w3a-parent-container .sm\:w3a--shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 375px) {
  .w3a-parent-container .\[\@media\(min-width\:375px\)\]\:w3a--w-\[393px\] {
    width: 393px;
  }
}

.w3a-parent-container .w3a--modal-curtain, .w3a-parent-container .w3a--fixed.w3a--z-50.w3a--overflow-hidden.w3a--flex, .w3a-parent-container .w3a--fixed.w3a--z-50.w3a--overflow-hidden.w3a--flex > div {
  transition-duration: .18s !important;
  transition-delay: 0s !important;
}

.w3a-parent-container .w3a--modal-curtain, .w3a-parent-container .w3a--fixed.w3a--z-50.w3a--overflow-hidden.w3a--flex {
  transition-property: opacity !important;
}

.w3a-parent-container .w3a--fixed.w3a--z-50.w3a--overflow-hidden.w3a--flex > div {
  transition-property: none !important;
}

.w3a-parent-container .w3a--fixed.w3a--z-50.w3a--overflow-hidden.w3a--flex {
  opacity: 0;
}

.w3a-parent-container .w3a--fixed.w3a--z-50.w3a--overflow-hidden.w3a--flex.w3a--w-screen {
  opacity: 1;
}

body.auth-connect-web3auth-lock #w3a-parent-container .w3a--absolute.w3a--right-6.w3a--top-\[30px\].w3a--z-10.w3a--cursor-pointer, body.auth-connect-web3auth-lock #w3a-parent-container .w3a--absolute.w3a--right-4.w3a--top-\[16px\].w3a--z-10.w3a--cursor-pointer {
  cursor: default !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.auth-connect-web3auth-lock #w3a-parent-container .w3a--bottom-sheet-bg[role="button"] {
  cursor: default !important;
}

/*# sourceMappingURL=84150ac4cd4524b9.css.map*/