@charset "UTF-8";
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #98FF19;
  --bs-secondary: #222222;
  --bs-danger: #cf1e0e;
  --bs-warning: #9e9626;
  --bs-success: #0e9b09;
  --bs-black: #11120B;
  --bs-slate: #393939;
  --bs-white: #ffffff;
  --bs-light: #eaeaea;
  --bs-grey: #8d8080;
  --bs-light-grey: #a6a6a6;
  --bs-purple: #A719FF;
  --bs-primary-rgb: 152,
  255,
  25;
  --bs-secondary-rgb: 34,
  34,
  34;
  --bs-danger-rgb: 207,
  30,
  14;
  --bs-warning-rgb: 158,
  150,
  38;
  --bs-success-rgb: 14,
  155,
  9;
  --bs-slate-rgb: 57,
  57,
  57;
  --bs-light-rgb: 234,
  234,
  234;
  --bs-grey-rgb: 141,
  128,
  128;
  --bs-light-grey-rgb: 166,
  166,
  166;
  --bs-purple-rgb: 167,
  25,
  255;
  --bs-primary-text-emphasis: #3d660a;
  --bs-secondary-text-emphasis: #0e0e0e;
  --bs-success-text-emphasis: #063e04;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #3f3c0f;
  --bs-danger-text-emphasis: #530c06;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #eaffd1;
  --bs-secondary-bg-subtle: lightgray;
  --bs-success-bg-subtle: #cfebce;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #ecead4;
  --bs-danger-bg-subtle: #f5d2cf;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #d6ffa3;
  --bs-secondary-border-subtle: #a7a7a7;
  --bs-success-border-subtle: #9fd79d;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #d8d5a8;
  --bs-danger-border-subtle: #eca59f;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255,
  255,
  255;
  --bs-black-rgb: 17,
  18,
  11;
  --bs-font-sans-serif: system-ui,
  -apple-system,
  "Segoe UI",
  Roboto,
  "Helvetica Neue",
  "Noto Sans",
  "Liberation Sans",
  Arial,
  sans-serif,
  "Apple Color Emoji",
  "Segoe UI Emoji",
  "Segoe UI Symbol",
  "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,
  Menlo,
  Monaco,
  Consolas,
  "Liberation Mono",
  "Courier New",
  monospace;
  --bs-gradient: linear-gradient(180deg,
  rgba(255,
  255,
  255,
  .15),
  rgba(255,
  255,
  255,
  0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.4;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33,
  37,
  41;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255,
  255,
  255;
  --bs-emphasis-color: #11120B;
  --bs-emphasis-color-rgb: 17,
  18,
  11;
  --bs-secondary-color: rgba(33,
  37,
  41,
  .75);
  --bs-secondary-color-rgb: 33,
  37,
  41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233,
  236,
  239;
  --bs-tertiary-color: rgba(33,
  37,
  41,
  .5);
  --bs-tertiary-color-rgb: 33,
  37,
  41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248,
  249,
  250;
  --bs-heading-color: inherit;
  --bs-link-color: #98FF19;
  --bs-link-color-rgb: 152,
  255,
  25;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #7acc14;
  --bs-link-hover-color-rgb: 122,
  204,
  20;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(17,
  18,
  11,
  .175);
  --bs-border-radius: .3rem;
  --bs-border-radius-sm: .4rem;
  --bs-border-radius-lg: .5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 .5rem 1rem rgba(17,
  18,
  11,
  .15);
  --bs-box-shadow-sm: 0px 4px 10px rgba(71,
  163,
  243,
  .15),
  0px 2px 11px rgba(163,
  183,
  236,
  .21);
  --bs-box-shadow-lg: 0px 4px 91px rgba(255,
  139,
  91,
  .15),
  0px 2px 50px rgba(107,
  31,
  0,
  .06);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(17,
  18,
  11,
  .075);
  --bs-focus-ring-width: .25rem;
  --bs-focus-ring-opacity: .25;
  --bs-focus-ring-color: rgba(152,
  255,
  25,
  .25);
  --bs-form-valid-color: #0e9b09;
  --bs-form-valid-border-color: #0e9b09;
  --bs-form-invalid-color: #cf1e0e;
  --bs-form-invalid-border-color: #cf1e0e
}
*,
*:before,
*:after {
  box-sizing:border-box
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior:smooth
  }
}
body {
  margin:0;
  font-family:var(--bs-body-font-family);
  font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight);
  line-height:var(--bs-body-line-height);
  color:var(--bs-body-color);
  text-align:var(--bs-body-text-align);
  background-color:var(--bs-body-bg);
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(17,18,11,0)
}
h3 {
  margin-top:0;
  margin-bottom:.5rem;
  font-weight:500;
  line-height:1.2;
  color:var(--bs-heading-color)
}
h3 {
  font-size:calc(1.3rem + .6vw)
}
@media (min-width: 1200px) {
  h3 {
    font-size:1.75rem
  }
}
p {
  margin-top:0;
  margin-bottom:1rem
}
ul {
  padding-left:2rem
}
ul {
  margin-top:0;
  margin-bottom:1rem
}
a {
  color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));
  text-decoration:underline
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}
img,
svg {
  vertical-align:middle
}
[type=button] {
  -webkit-appearance:button
}
[type=button]:not(:disabled) {
  cursor:pointer
}
iframe {
  border:0
}
.img-fluid {
  max-width:100%;
  height:auto
}
.container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width:100%;
  padding-right:calc(var(--bs-gutter-x) * .5);
  padding-left:calc(var(--bs-gutter-x) * .5);
  margin-right:auto;
  margin-left:auto
}
@media (min-width: 577px) {
  .container {
    max-width:540px
  }
}
@media (min-width: 769px) {
  .container {
    max-width:720px
  }
}
@media (min-width: 1025px) {
  .container {
    max-width:960px
  }
}
@media (min-width: 1440px) {
  .container {
    max-width:1140px
  }
}
@media (min-width: 1520px) {
  .container {
    max-width:1320px
  }
}
:root {
  --bs-breakpoint-xxs: 0;
  --bs-breakpoint-mini: 301px;
  --bs-breakpoint-min: 361px;
  --bs-breakpoint-xs: 411px;
  --bs-breakpoint-sm: 577px;
  --bs-breakpoint-md: 769px;
  --bs-breakpoint-lg: 1025px;
  --bs-breakpoint-2g: 1270px;
  --bs-breakpoint-3g: 1360px;
  --bs-breakpoint-xl: 1440px;
  --bs-breakpoint-xxl: 1520px;
  --bs-breakpoint-xxxl: 1800px;
  --bs-breakpoint-xxxxl: 2200px
}
.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .75rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.4;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 2px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 999px;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(17, 18, 11, .075);
  --bs-btn-disabled-opacity: .65;
  --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display:inline-block;
  padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family:var(--bs-btn-font-family);
  font-size:var(--bs-btn-font-size);
  font-weight:var(--bs-btn-font-weight);
  line-height:var(--bs-btn-line-height);
  color:var(--bs-btn-color);
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none;
  border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius:var(--bs-btn-border-radius);
  background-color:var(--bs-btn-bg);
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition:none
  }
}
.btn:hover {
  color:var(--bs-btn-hover-color);
  background-color:var(--bs-btn-hover-bg);
  border-color:var(--bs-btn-hover-border-color)
}
.btn:focus-visible {
  color:var(--bs-btn-hover-color);
  background-color:var(--bs-btn-hover-bg);
  border-color:var(--bs-btn-hover-border-color);
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow)
}
:not(.btn-check)+.btn:active,
.btn:first-child:active {
  color:var(--bs-btn-active-color);
  background-color:var(--bs-btn-active-bg);
  border-color:var(--bs-btn-active-border-color)
}
:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible {
  box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn:disabled {
  color:var(--bs-btn-disabled-color);
  pointer-events:none;
  background-color:var(--bs-btn-disabled-bg);
  border-color:var(--bs-btn-disabled-border-color);
  opacity:var(--bs-btn-disabled-opacity)
}
.btn-primary {
  --bs-btn-color: #11120B;
  --bs-btn-bg: #98FF19;
  --bs-btn-border-color: #98FF19;
  --bs-btn-hover-color: #11120B;
  --bs-btn-hover-bg: #a7ff3c;
  --bs-btn-hover-border-color: #a2ff30;
  --bs-btn-focus-shadow-rgb: 132, 219, 23;
  --bs-btn-active-color: #11120B;
  --bs-btn-active-bg: #adff47;
  --bs-btn-active-border-color: #a2ff30;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(17, 18, 11, .125);
  --bs-btn-disabled-color: #11120B;
  --bs-btn-disabled-bg: #98FF19;
  --bs-btn-disabled-border-color: #98FF19
}
.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #222222;
  --bs-btn-border-color: #222222;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1d1d1d;
  --bs-btn-hover-border-color: #1b1b1b;
  --bs-btn-focus-shadow-rgb: 67, 67, 67;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1b1b1b;
  --bs-btn-active-border-color: #1a1a1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(17, 18, 11, .125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #222222;
  --bs-btn-disabled-border-color: #222222
}
.dropdown-toggle {
  white-space:nowrap
}
.dropdown-toggle:after {
  display:inline-block;
  margin-left:.255em;
  vertical-align:.255em;
  content:"";
  border-top:.3em solid;
  border-right:.3em solid transparent;
  border-bottom:0;
  border-left:.3em solid transparent
}
.dropdown-toggle:empty:after {
  margin-left:0
}
.btn-group {
  position:relative;
  display:inline-flex;
  vertical-align:middle
}
.btn-group {
  border-radius:999px
}
.d-block {
  display:block!important
}
.d-flex {
  display:flex!important
}
.d-none {
  display:none!important
}
.position-relative {
  position:relative!important
}
.border-purple {
  --bs-border-opacity: 1;
  border-color:rgba(var(--bs-purple-rgb),var(--bs-border-opacity))!important
}
.w-100 {
  width:100%!important
}
.justify-content-start {
  justify-content:flex-start!important
}
.justify-content-between {
  justify-content:space-between!important
}
.align-items-center {
  align-items:center!important
}
.m-0 {
  margin:0!important
}
.mx-1 {
  margin-right:.25rem!important;
  margin-left:.25rem!important
}
.mb-1 {
  margin-bottom:.25rem!important
}
.ms-2 {
  margin-left:.5rem!important
}
.ms-3 {
  margin-left:1rem!important
}
.p-0 {
  padding:0!important
}
.gap-2 {
  gap:.5rem!important
}
.fs-6 {
  font-size:1rem!important
}
.fw-semibold {
  font-weight:600!important
}
.text-center {
  text-align:center!important
}
.text-uppercase {
  text-transform:uppercase!important
}
.text-black {
  --bs-text-opacity: 1;
  color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}
.text-white {
  --bs-text-opacity: 1;
  color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}
.bg-purple {
  --bs-bg-opacity: 1;
  background-color:rgba(var(--bs-purple-rgb),var(--bs-bg-opacity))!important
}
@media (min-width: 1025px) {
  .d-lg-block {
    display:block!important
  }
  .d-lg-none {
    display:none!important
  }
}
@font-face {
  font-family:Ranua;
  src:url("./media/Ranua-Regular-W6SFQAF3.otf") format("opentype");
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:Ranua;
  src:url("./media/Ranua-Bold-P7PC2GW2.otf") format("opentype");
  font-weight:700;
  font-style:normal
}
@font-face {
  font-family:Ranua;
  src:url("./media/Ranua-Black-CB3DRHUZ.otf") format("opentype");
  font-weight:900;
  font-style:normal
}
@font-face {
  font-family:TT Firs Neue;
  src:url("./media/TTFirsNeue-Regular-NUVZ3BD4.otf") format("opentype");
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:TT Firs Neue;
  src:url("./media/TTFirsNeue-Medium-XFY4RPOB.otf") format("opentype");
  font-weight:500;
  font-style:normal
}
@font-face {
  font-family:TT Firs Neue;
  src:url("./media/TTFirsNeue-Bold-7HOIUTLA.otf") format("opentype");
  font-weight:700;
  font-style:normal
}
@font-face {
  font-family:TT Firs Neue;
  src:url("./media/TTFirsNeue-Black-HOBFRSCK.otf") format("opentype");
  font-weight:900;
  font-style:normal
}
@font-face {
  font-family:MOREKS;
  src:url("./media/MOREKS-KMDK5S6R.otf") format("opentype");
  font-weight:400;
  font-style:normal
}
.mwx-118 {
  max-width:118px!important
}
.font-10 {
  font-size:10px!important
}
.font-12 {
  font-size:12px!important
}
.font-16 {
  font-size:16px!important
}
.btn {
  line-height:1;
  transition:all .25s ease-in-out;
  font-weight:500
}
ul {
  padding-left:1rem
}
html,
body {
  margin:0;
  padding:0
}
body {
  font-family:TT Firs Neue,sans-serif;
  font-size:1rem;
  font-weight:400;
  background:#11120b;
  color:#fff
}
.bodyWrapper {
  padding:0 45px
}
a {
  transition:all .25s ease-in-out;
  text-decoration:none;
  color:#fff
}
a:focus {
  outline:none
}
a:hover {
  text-decoration:none!important
}
.container {
  max-width:1280px
}
.font-mareks {
  font-family:MOREKS,Arial,sans-serif
}
.drop-shadow {
  filter:drop-shadow(2px 4px 6px rgba(152,255,25,.3019607843))
}
.btn {
  font-family:Ranua,sans-serif;
  font-size:15px;
  font-weight:600;
  border-radius:0;
  position:relative;
  padding:9px 15px;
  min-width:120px;
  text-transform:capitalize;
  display:flex;
  justify-content:center;
  align-items:center;
  transition:all .4s ease-out;
  clip-path:polygon(100% 15px,100% 100%,15px 100%,0% calc(100% - 15px),0% 0%,calc(100% - 15px) 0%)
}
@media screen and (max-width: 576px) {
  .btn {
    font-size:14px;
    padding:12px 10px
  }
}
.btn-secondary:before {
  content:"";
  position:absolute;
  inset:-1px;
  background:#333;
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px),0 0,1px 1px,1px calc(100% - 16px),15px calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 15px,calc(100% - 15px) 1px,1px 1px)
}
.cursor-pointer {
  cursor:pointer!important
}
@-webkit-keyframes spin {
  to {
    -webkit-transform:rotate(360deg)
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position:-100% 0
  }
  to {
    background-position:100% 0
  }
}
.dropdown-toggle {
  width:100%
}
.dropdown-toggle:after {
  position:absolute;
  right:12px;
  opacity:0
}

:root {
    --w3m-color-mix: #fff;
    --w3m-accent: hsla(230, 100%, 67%, 1);
    --w3m-default: #fff;

    --wui-color-modal-bg-base: #121313;
    --wui-color-accent-base-100: var(--w3m-accent);

    --wui-color-blueberry-100: hsla(230, 100%, 67%, 1);
    --wui-color-blueberry-090: hsla(231, 76%, 61%, 1);
    --wui-color-blueberry-080: hsla(230, 59%, 55%, 1);
    --wui-color-blueberry-050: hsla(231, 100%, 70%, 0.1);

    --wui-color-fg-100: #e4e7e7;
    --wui-color-fg-125: #d0d5d5;
    --wui-color-fg-150: #a8b1b1;
    --wui-color-fg-175: #a8b0b0;
    --wui-color-fg-200: #949e9e;
    --wui-color-fg-225: #868f8f;
    --wui-color-fg-250: #788080;
    --wui-color-fg-275: #788181;
    --wui-color-fg-300: #6e7777;
    --wui-color-fg-325: #9a9a9a;
    --wui-color-fg-350: #363636;

    --wui-color-bg-100: #141414;
    --wui-color-bg-125: #191a1a;
    --wui-color-bg-150: #1e1f1f;
    --wui-color-bg-175: #222525;
    --wui-color-bg-200: #272a2a;
    --wui-color-bg-225: #2c3030;
    --wui-color-bg-250: #313535;
    --wui-color-bg-275: #363b3b;
    --wui-color-bg-300: #3b4040;
    --wui-color-bg-325: #252525;
    --wui-color-bg-350: #ffffff;

    --wui-color-success-base-100: #26d962;
    --wui-color-success-base-125: #30a46b;

    --wui-color-warning-base-100: #f3a13f;

    --wui-color-error-base-100: #f25a67;
    --wui-color-error-base-125: #df4a34;

    --wui-color-blue-base-100: rgba(102, 125, 255, 1);
    --wui-color-blue-base-90: rgba(102, 125, 255, 0.9);

    --wui-color-success-glass-001: rgba(38, 217, 98, 0.01);
    --wui-color-success-glass-002: rgba(38, 217, 98, 0.02);
    --wui-color-success-glass-005: rgba(38, 217, 98, 0.05);
    --wui-color-success-glass-010: rgba(38, 217, 98, 0.1);
    --wui-color-success-glass-015: rgba(38, 217, 98, 0.15);
    --wui-color-success-glass-020: rgba(38, 217, 98, 0.2);
    --wui-color-success-glass-025: rgba(38, 217, 98, 0.25);
    --wui-color-success-glass-030: rgba(38, 217, 98, 0.3);
    --wui-color-success-glass-060: rgba(38, 217, 98, 0.6);
    --wui-color-success-glass-080: rgba(38, 217, 98, 0.8);

    --wui-color-success-glass-reown-020: rgba(48, 164, 107, 0.2);

    --wui-color-warning-glass-reown-020: rgba(243, 161, 63, 0.2);

    --wui-color-error-glass-001: rgba(242, 90, 103, 0.01);
    --wui-color-error-glass-002: rgba(242, 90, 103, 0.02);
    --wui-color-error-glass-005: rgba(242, 90, 103, 0.05);
    --wui-color-error-glass-010: rgba(242, 90, 103, 0.1);
    --wui-color-error-glass-015: rgba(242, 90, 103, 0.15);
    --wui-color-error-glass-020: rgba(242, 90, 103, 0.2);
    --wui-color-error-glass-025: rgba(242, 90, 103, 0.25);
    --wui-color-error-glass-030: rgba(242, 90, 103, 0.3);
    --wui-color-error-glass-060: rgba(242, 90, 103, 0.6);
    --wui-color-error-glass-080: rgba(242, 90, 103, 0.8);

    --wui-color-error-glass-reown-020: rgba(223, 74, 52, 0.2);

    --wui-color-gray-glass-001: rgba(255, 255, 255, 0.01);
    --wui-color-gray-glass-002: rgba(255, 255, 255, 0.02);
    --wui-color-gray-glass-005: rgba(255, 255, 255, 0.05);
    --wui-color-gray-glass-010: rgba(255, 255, 255, 0.1);
    --wui-color-gray-glass-015: rgba(255, 255, 255, 0.15);
    --wui-color-gray-glass-020: rgba(255, 255, 255, 0.2);
    --wui-color-gray-glass-025: rgba(255, 255, 255, 0.25);
    --wui-color-gray-glass-030: rgba(255, 255, 255, 0.3);
    --wui-color-gray-glass-060: rgba(255, 255, 255, 0.6);
    --wui-color-gray-glass-080: rgba(255, 255, 255, 0.8);
    --wui-color-gray-glass-090: rgba(255, 255, 255, 0.9);

    --wui-color-dark-glass-100: rgba(42, 42, 42, 1);

    --wui-icon-box-bg-error-base-100: #3c2426;
    --wui-icon-box-bg-blue-base-100: #20303f;
    --wui-icon-box-bg-success-base-100: #1f3a28;
    --wui-icon-box-bg-inverse-base-100: #243240;

    --wui-all-wallets-bg-100: #222b35;

    --wui-avatar-border-base: #252525;

    --wui-thumbnail-border-base: #252525;

    --wui-wallet-button-bg-base: var(--wui-color-bg-125);

    --w3m-card-embedded-shadow-color: rgb(17 17 18 / 25%);
  }

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
  @keyframes w3m-shake {
    0% {
      transform: scale(1) rotate(0deg);
    }
    20% {
      transform: scale(1) rotate(-1deg);
    }
    40% {
      transform: scale(1) rotate(1.5deg);
    }
    60% {
      transform: scale(1) rotate(-1.5deg);
    }
    80% {
      transform: scale(1) rotate(1deg);
    }
    100% {
      transform: scale(1) rotate(0deg);
    }
  }
  @keyframes w3m-iframe-fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes w3m-iframe-zoom-in {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @keyframes w3m-iframe-zoom-in-mobile {
    0% {
      transform: scale(0.95);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  :root {
    --w3m-modal-width: 360px;
    --w3m-color-mix-strength: 0%;
    --w3m-font-family: Inter, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;;
    --w3m-font-size-master: 10px;
    --w3m-border-radius-master: 4px;
    --w3m-z-index: 999;

    --wui-font-family: var(--w3m-font-family);

    --wui-font-size-mini: calc(var(--w3m-font-size-master) * 0.8);
    --wui-font-size-micro: var(--w3m-font-size-master);
    --wui-font-size-tiny: calc(var(--w3m-font-size-master) * 1.2);
    --wui-font-size-small: calc(var(--w3m-font-size-master) * 1.4);
    --wui-font-size-paragraph: calc(var(--w3m-font-size-master) * 1.6);
    --wui-font-size-medium: calc(var(--w3m-font-size-master) * 1.8);
    --wui-font-size-large: calc(var(--w3m-font-size-master) * 2);
    --wui-font-size-title-6: calc(var(--w3m-font-size-master) * 2.2);
    --wui-font-size-medium-title: calc(var(--w3m-font-size-master) * 2.4);
    --wui-font-size-2xl: calc(var(--w3m-font-size-master) * 4);

    --wui-border-radius-5xs: var(--w3m-border-radius-master);
    --wui-border-radius-4xs: calc(var(--w3m-border-radius-master) * 1.5);
    --wui-border-radius-3xs: calc(var(--w3m-border-radius-master) * 2);
    --wui-border-radius-xxs: calc(var(--w3m-border-radius-master) * 3);
    --wui-border-radius-xs: calc(var(--w3m-border-radius-master) * 4);
    --wui-border-radius-s: calc(var(--w3m-border-radius-master) * 5);
    --wui-border-radius-m: calc(var(--w3m-border-radius-master) * 7);
    --wui-border-radius-l: calc(var(--w3m-border-radius-master) * 9);
    --wui-border-radius-3xl: calc(var(--w3m-border-radius-master) * 20);

    --wui-font-weight-light: 400;
    --wui-font-weight-regular: 500;
    --wui-font-weight-medium: 600;
    --wui-font-weight-bold: 700;

    --wui-letter-spacing-2xl: -1.6px;
    --wui-letter-spacing-medium-title: -0.96px;
    --wui-letter-spacing-title-6: -0.88px;
    --wui-letter-spacing-large: -0.8px;
    --wui-letter-spacing-medium: -0.72px;
    --wui-letter-spacing-paragraph: -0.64px;
    --wui-letter-spacing-small: -0.56px;
    --wui-letter-spacing-tiny: -0.48px;
    --wui-letter-spacing-micro: -0.2px;
    --wui-letter-spacing-mini: -0.16px;

    --wui-spacing-0: 0px;
    --wui-spacing-4xs: 2px;
    --wui-spacing-3xs: 4px;
    --wui-spacing-xxs: 6px;
    --wui-spacing-2xs: 7px;
    --wui-spacing-xs: 8px;
    --wui-spacing-1xs: 10px;
    --wui-spacing-s: 12px;
    --wui-spacing-m: 14px;
    --wui-spacing-l: 16px;
    --wui-spacing-2l: 18px;
    --wui-spacing-xl: 20px;
    --wui-spacing-xxl: 24px;
    --wui-spacing-2xl: 32px;
    --wui-spacing-3xl: 40px;
    --wui-spacing-4xl: 90px;
    --wui-spacing-5xl: 95px;

    --wui-icon-box-size-xxs: 14px;
    --wui-icon-box-size-xs: 20px;
    --wui-icon-box-size-sm: 24px;
    --wui-icon-box-size-md: 32px;
    --wui-icon-box-size-mdl: 36px;
    --wui-icon-box-size-lg: 40px;
    --wui-icon-box-size-2lg: 48px;
    --wui-icon-box-size-xl: 64px;

    --wui-icon-size-inherit: inherit;
    --wui-icon-size-xxs: 10px;
    --wui-icon-size-xs: 12px;
    --wui-icon-size-sm: 14px;
    --wui-icon-size-md: 16px;
    --wui-icon-size-mdl: 18px;
    --wui-icon-size-lg: 20px;
    --wui-icon-size-xl: 24px;
    --wui-icon-size-xxl: 28px;

    --wui-wallet-image-size-inherit: inherit;
    --wui-wallet-image-size-sm: 40px;
    --wui-wallet-image-size-md: 56px;
    --wui-wallet-image-size-lg: 80px;

    --wui-visual-size-size-inherit: inherit;
    --wui-visual-size-sm: 40px;
    --wui-visual-size-md: 55px;
    --wui-visual-size-lg: 80px;

    --wui-box-size-md: 100px;
    --wui-box-size-lg: 120px;

    --wui-ease-out-power-2: cubic-bezier(0, 0, 0.22, 1);
    --wui-ease-out-power-1: cubic-bezier(0, 0, 0.55, 1);

    --wui-ease-in-power-3: cubic-bezier(0.66, 0, 1, 1);
    --wui-ease-in-power-2: cubic-bezier(0.45, 0, 1, 1);
    --wui-ease-in-power-1: cubic-bezier(0.3, 0, 1, 1);

    --wui-ease-inout-power-1: cubic-bezier(0.45, 0, 0.55, 1);

    --wui-duration-lg: 200ms;
    --wui-duration-md: 125ms;
    --wui-duration-sm: 75ms;

    --wui-path-network-sm: path(
      'M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z'
    );

    --wui-path-network-md: path(
      'M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z'
    );

    --wui-path-network-lg: path(
      'M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z'
    );

    --wui-width-network-sm: 36px;
    --wui-width-network-md: 48px;
    --wui-width-network-lg: 86px;

    --wui-height-network-sm: 40px;
    --wui-height-network-md: 54px;
    --wui-height-network-lg: 96px;

    --wui-icon-size-network-xs: 12px;
    --wui-icon-size-network-sm: 16px;
    --wui-icon-size-network-md: 24px;
    --wui-icon-size-network-lg: 42px;

    --wui-color-inherit: inherit;

    --wui-color-inverse-100: #fff;
    --wui-color-inverse-000: #000;

    --wui-cover: rgba(20, 20, 20, 0.8);

    --wui-color-modal-bg: var(--wui-color-modal-bg-base);

    --wui-color-accent-100: var(--wui-color-accent-base-100);
    --wui-color-accent-090: var(--wui-color-accent-base-090);
    --wui-color-accent-080: var(--wui-color-accent-base-080);

    --wui-color-success-100: var(--wui-color-success-base-100);
    --wui-color-success-125: var(--wui-color-success-base-125);

    --wui-color-warning-100: var(--wui-color-warning-base-100);

    --wui-color-error-100: var(--wui-color-error-base-100);
    --wui-color-error-125: var(--wui-color-error-base-125);

    --wui-color-blue-100: var(--wui-color-blue-base-100);
    --wui-color-blue-90: var(--wui-color-blue-base-90);

    --wui-icon-box-bg-error-100: var(--wui-icon-box-bg-error-base-100);
    --wui-icon-box-bg-blue-100: var(--wui-icon-box-bg-blue-base-100);
    --wui-icon-box-bg-success-100: var(--wui-icon-box-bg-success-base-100);
    --wui-icon-box-bg-inverse-100: var(--wui-icon-box-bg-inverse-base-100);

    --wui-all-wallets-bg-100: var(--wui-all-wallets-bg-100);

    --wui-avatar-border: var(--wui-avatar-border-base);

    --wui-thumbnail-border: var(--wui-thumbnail-border-base);

    --wui-wallet-button-bg: var(--wui-wallet-button-bg-base);

    --wui-box-shadow-blue: var(--wui-color-accent-glass-020);
  }

  @supports (background: color-mix(in srgb, white 50%, black)) {
    :root {
      --wui-color-modal-bg: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-modal-bg-base)
      );

      --wui-box-shadow-blue: color-mix(in srgb, var(--wui-color-accent-100) 20%, transparent);

      --wui-color-accent-100: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 100%,
        transparent
      );
      --wui-color-accent-090: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 90%,
        transparent
      );
      --wui-color-accent-080: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 80%,
        transparent
      );
      --wui-color-accent-glass-090: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 90%,
        transparent
      );
      --wui-color-accent-glass-080: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 80%,
        transparent
      );
      --wui-color-accent-glass-020: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 20%,
        transparent
      );
      --wui-color-accent-glass-015: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 15%,
        transparent
      );
      --wui-color-accent-glass-010: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 10%,
        transparent
      );
      --wui-color-accent-glass-005: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 5%,
        transparent
      );
      --wui-color-accent-002: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 2%,
        transparent
      );

      --wui-color-fg-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-100)
      );
      --wui-color-fg-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-125)
      );
      --wui-color-fg-150: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-150)
      );
      --wui-color-fg-175: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-175)
      );
      --wui-color-fg-200: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-200)
      );
      --wui-color-fg-225: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-225)
      );
      --wui-color-fg-250: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-250)
      );
      --wui-color-fg-275: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-275)
      );
      --wui-color-fg-300: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-300)
      );
      --wui-color-fg-325: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-325)
      );
      --wui-color-fg-350: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-350)
      );

      --wui-color-bg-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-100)
      );
      --wui-color-bg-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-125)
      );
      --wui-color-bg-150: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-150)
      );
      --wui-color-bg-175: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-175)
      );
      --wui-color-bg-200: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-200)
      );
      --wui-color-bg-225: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-225)
      );
      --wui-color-bg-250: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-250)
      );
      --wui-color-bg-275: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-275)
      );
      --wui-color-bg-300: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-300)
      );
      --wui-color-bg-325: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-325)
      );
      --wui-color-bg-350: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-350)
      );

      --wui-color-success-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-success-base-100)
      );
      --wui-color-success-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-success-base-125)
      );

      --wui-color-warning-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-warning-base-100)
      );

      --wui-color-error-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-error-base-100)
      );
      --wui-color-blue-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-blue-base-100)
      );
      --wui-color-blue-90: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-blue-base-90)
      );
      --wui-color-error-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-error-base-125)
      );

      --wui-icon-box-bg-error-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-error-base-100)
      );
      --wui-icon-box-bg-accent-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-blue-base-100)
      );
      --wui-icon-box-bg-success-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-success-base-100)
      );
      --wui-icon-box-bg-inverse-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-inverse-base-100)
      );

      --wui-all-wallets-bg-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-all-wallets-bg-100)
      );

      --wui-avatar-border: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-avatar-border-base)
      );

      --wui-thumbnail-border: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-thumbnail-border-base)
      );

      --wui-wallet-button-bg: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-wallet-button-bg-base)
      );
    }
  }

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
  @keyframes w3m-shake {
    0% {
      transform: scale(1) rotate(0deg);
    }
    20% {
      transform: scale(1) rotate(-1deg);
    }
    40% {
      transform: scale(1) rotate(1.5deg);
    }
    60% {
      transform: scale(1) rotate(-1.5deg);
    }
    80% {
      transform: scale(1) rotate(1deg);
    }
    100% {
      transform: scale(1) rotate(0deg);
    }
  }
  @keyframes w3m-iframe-fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes w3m-iframe-zoom-in {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @keyframes w3m-iframe-zoom-in-mobile {
    0% {
      transform: scale(0.95);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  :root {
    --w3m-modal-width: 360px;
    --w3m-color-mix-strength: 0%;
    --w3m-font-family: Inter, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;;
    --w3m-font-size-master: 10px;
    --w3m-border-radius-master: 4px;
    --w3m-z-index: 999;

    --wui-font-family: var(--w3m-font-family);

    --wui-font-size-mini: calc(var(--w3m-font-size-master) * 0.8);
    --wui-font-size-micro: var(--w3m-font-size-master);
    --wui-font-size-tiny: calc(var(--w3m-font-size-master) * 1.2);
    --wui-font-size-small: calc(var(--w3m-font-size-master) * 1.4);
    --wui-font-size-paragraph: calc(var(--w3m-font-size-master) * 1.6);
    --wui-font-size-medium: calc(var(--w3m-font-size-master) * 1.8);
    --wui-font-size-large: calc(var(--w3m-font-size-master) * 2);
    --wui-font-size-title-6: calc(var(--w3m-font-size-master) * 2.2);
    --wui-font-size-medium-title: calc(var(--w3m-font-size-master) * 2.4);
    --wui-font-size-2xl: calc(var(--w3m-font-size-master) * 4);

    --wui-border-radius-5xs: var(--w3m-border-radius-master);
    --wui-border-radius-4xs: calc(var(--w3m-border-radius-master) * 1.5);
    --wui-border-radius-3xs: calc(var(--w3m-border-radius-master) * 2);
    --wui-border-radius-xxs: calc(var(--w3m-border-radius-master) * 3);
    --wui-border-radius-xs: calc(var(--w3m-border-radius-master) * 4);
    --wui-border-radius-s: calc(var(--w3m-border-radius-master) * 5);
    --wui-border-radius-m: calc(var(--w3m-border-radius-master) * 7);
    --wui-border-radius-l: calc(var(--w3m-border-radius-master) * 9);
    --wui-border-radius-3xl: calc(var(--w3m-border-radius-master) * 20);

    --wui-font-weight-light: 400;
    --wui-font-weight-regular: 500;
    --wui-font-weight-medium: 600;
    --wui-font-weight-bold: 700;

    --wui-letter-spacing-2xl: -1.6px;
    --wui-letter-spacing-medium-title: -0.96px;
    --wui-letter-spacing-title-6: -0.88px;
    --wui-letter-spacing-large: -0.8px;
    --wui-letter-spacing-medium: -0.72px;
    --wui-letter-spacing-paragraph: -0.64px;
    --wui-letter-spacing-small: -0.56px;
    --wui-letter-spacing-tiny: -0.48px;
    --wui-letter-spacing-micro: -0.2px;
    --wui-letter-spacing-mini: -0.16px;

    --wui-spacing-0: 0px;
    --wui-spacing-4xs: 2px;
    --wui-spacing-3xs: 4px;
    --wui-spacing-xxs: 6px;
    --wui-spacing-2xs: 7px;
    --wui-spacing-xs: 8px;
    --wui-spacing-1xs: 10px;
    --wui-spacing-s: 12px;
    --wui-spacing-m: 14px;
    --wui-spacing-l: 16px;
    --wui-spacing-2l: 18px;
    --wui-spacing-xl: 20px;
    --wui-spacing-xxl: 24px;
    --wui-spacing-2xl: 32px;
    --wui-spacing-3xl: 40px;
    --wui-spacing-4xl: 90px;
    --wui-spacing-5xl: 95px;

    --wui-icon-box-size-xxs: 14px;
    --wui-icon-box-size-xs: 20px;
    --wui-icon-box-size-sm: 24px;
    --wui-icon-box-size-md: 32px;
    --wui-icon-box-size-mdl: 36px;
    --wui-icon-box-size-lg: 40px;
    --wui-icon-box-size-2lg: 48px;
    --wui-icon-box-size-xl: 64px;

    --wui-icon-size-inherit: inherit;
    --wui-icon-size-xxs: 10px;
    --wui-icon-size-xs: 12px;
    --wui-icon-size-sm: 14px;
    --wui-icon-size-md: 16px;
    --wui-icon-size-mdl: 18px;
    --wui-icon-size-lg: 20px;
    --wui-icon-size-xl: 24px;
    --wui-icon-size-xxl: 28px;

    --wui-wallet-image-size-inherit: inherit;
    --wui-wallet-image-size-sm: 40px;
    --wui-wallet-image-size-md: 56px;
    --wui-wallet-image-size-lg: 80px;

    --wui-visual-size-size-inherit: inherit;
    --wui-visual-size-sm: 40px;
    --wui-visual-size-md: 55px;
    --wui-visual-size-lg: 80px;

    --wui-box-size-md: 100px;
    --wui-box-size-lg: 120px;

    --wui-ease-out-power-2: cubic-bezier(0, 0, 0.22, 1);
    --wui-ease-out-power-1: cubic-bezier(0, 0, 0.55, 1);

    --wui-ease-in-power-3: cubic-bezier(0.66, 0, 1, 1);
    --wui-ease-in-power-2: cubic-bezier(0.45, 0, 1, 1);
    --wui-ease-in-power-1: cubic-bezier(0.3, 0, 1, 1);

    --wui-ease-inout-power-1: cubic-bezier(0.45, 0, 0.55, 1);

    --wui-duration-lg: 200ms;
    --wui-duration-md: 125ms;
    --wui-duration-sm: 75ms;

    --wui-path-network-sm: path(
      'M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z'
    );

    --wui-path-network-md: path(
      'M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z'
    );

    --wui-path-network-lg: path(
      'M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z'
    );

    --wui-width-network-sm: 36px;
    --wui-width-network-md: 48px;
    --wui-width-network-lg: 86px;

    --wui-height-network-sm: 40px;
    --wui-height-network-md: 54px;
    --wui-height-network-lg: 96px;

    --wui-icon-size-network-xs: 12px;
    --wui-icon-size-network-sm: 16px;
    --wui-icon-size-network-md: 24px;
    --wui-icon-size-network-lg: 42px;

    --wui-color-inherit: inherit;

    --wui-color-inverse-100: #fff;
    --wui-color-inverse-000: #000;

    --wui-cover: rgba(20, 20, 20, 0.8);

    --wui-color-modal-bg: var(--wui-color-modal-bg-base);

    --wui-color-accent-100: var(--wui-color-accent-base-100);
    --wui-color-accent-090: var(--wui-color-accent-base-090);
    --wui-color-accent-080: var(--wui-color-accent-base-080);

    --wui-color-success-100: var(--wui-color-success-base-100);
    --wui-color-success-125: var(--wui-color-success-base-125);

    --wui-color-warning-100: var(--wui-color-warning-base-100);

    --wui-color-error-100: var(--wui-color-error-base-100);
    --wui-color-error-125: var(--wui-color-error-base-125);

    --wui-color-blue-100: var(--wui-color-blue-base-100);
    --wui-color-blue-90: var(--wui-color-blue-base-90);

    --wui-icon-box-bg-error-100: var(--wui-icon-box-bg-error-base-100);
    --wui-icon-box-bg-blue-100: var(--wui-icon-box-bg-blue-base-100);
    --wui-icon-box-bg-success-100: var(--wui-icon-box-bg-success-base-100);
    --wui-icon-box-bg-inverse-100: var(--wui-icon-box-bg-inverse-base-100);

    --wui-all-wallets-bg-100: var(--wui-all-wallets-bg-100);

    --wui-avatar-border: var(--wui-avatar-border-base);

    --wui-thumbnail-border: var(--wui-thumbnail-border-base);

    --wui-wallet-button-bg: var(--wui-wallet-button-bg-base);

    --wui-box-shadow-blue: var(--wui-color-accent-glass-020);
  }

  @supports (background: color-mix(in srgb, white 50%, black)) {
    :root {
      --wui-color-modal-bg: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-modal-bg-base)
      );

      --wui-box-shadow-blue: color-mix(in srgb, var(--wui-color-accent-100) 20%, transparent);

      --wui-color-accent-100: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 100%,
        transparent
      );
      --wui-color-accent-090: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 90%,
        transparent
      );
      --wui-color-accent-080: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 80%,
        transparent
      );
      --wui-color-accent-glass-090: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 90%,
        transparent
      );
      --wui-color-accent-glass-080: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 80%,
        transparent
      );
      --wui-color-accent-glass-020: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 20%,
        transparent
      );
      --wui-color-accent-glass-015: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 15%,
        transparent
      );
      --wui-color-accent-glass-010: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 10%,
        transparent
      );
      --wui-color-accent-glass-005: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 5%,
        transparent
      );
      --wui-color-accent-002: color-mix(
        in srgb,
        var(--wui-color-accent-base-100) 2%,
        transparent
      );

      --wui-color-fg-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-100)
      );
      --wui-color-fg-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-125)
      );
      --wui-color-fg-150: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-150)
      );
      --wui-color-fg-175: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-175)
      );
      --wui-color-fg-200: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-200)
      );
      --wui-color-fg-225: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-225)
      );
      --wui-color-fg-250: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-250)
      );
      --wui-color-fg-275: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-275)
      );
      --wui-color-fg-300: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-300)
      );
      --wui-color-fg-325: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-325)
      );
      --wui-color-fg-350: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-fg-350)
      );

      --wui-color-bg-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-100)
      );
      --wui-color-bg-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-125)
      );
      --wui-color-bg-150: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-150)
      );
      --wui-color-bg-175: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-175)
      );
      --wui-color-bg-200: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-200)
      );
      --wui-color-bg-225: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-225)
      );
      --wui-color-bg-250: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-250)
      );
      --wui-color-bg-275: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-275)
      );
      --wui-color-bg-300: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-300)
      );
      --wui-color-bg-325: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-325)
      );
      --wui-color-bg-350: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-bg-350)
      );

      --wui-color-success-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-success-base-100)
      );
      --wui-color-success-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-success-base-125)
      );

      --wui-color-warning-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-warning-base-100)
      );

      --wui-color-error-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-error-base-100)
      );
      --wui-color-blue-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-blue-base-100)
      );
      --wui-color-blue-90: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-blue-base-90)
      );
      --wui-color-error-125: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-color-error-base-125)
      );

      --wui-icon-box-bg-error-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-error-base-100)
      );
      --wui-icon-box-bg-accent-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-blue-base-100)
      );
      --wui-icon-box-bg-success-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-success-base-100)
      );
      --wui-icon-box-bg-inverse-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-icon-box-bg-inverse-base-100)
      );

      --wui-all-wallets-bg-100: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-all-wallets-bg-100)
      );

      --wui-avatar-border: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-avatar-border-base)
      );

      --wui-thumbnail-border: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-thumbnail-border-base)
      );

      --wui-wallet-button-bg: color-mix(
        in srgb,
        var(--w3m-color-mix) var(--w3m-color-mix-strength),
        var(--wui-wallet-button-bg-base)
      );
    }
  }