@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap);
:root {
  /* ─── Core Palette ─── */
  --dc-bg:           #09090b;
  --dc-surface:      #111115;
  --dc-surface-2:    rgba(255,255,255,0.04);
  --dc-surface-3:    rgba(255,255,255,0.07);
  --dc-border:       rgba(255,255,255,0.06);
  --dc-border-em:    rgba(255,255,255,0.10);
  --dc-border-blue:  rgba(59,130,246,0.28);

  /* ─── Text ─── */
  --dc-text:         #f8f8fa;
  --dc-text-muted:   rgba(248,248,250,0.48);
  --dc-text-subtle:  rgba(248,248,250,0.28);

  /* ─── Brand Colors ─── */
  --dc-blue:         #3b82f6;
  --dc-blue-dark:    #2563eb;
  --dc-blue-light:   #60a5fa;
  --dc-violet:       #8b5cf6;
  --dc-violet-light: #a78bfa;
  --dc-green:        #22c55e;
  --dc-yellow:       #eab308;
  --dc-red:          #ef4444;

  /* ─── Gradients & Effects ─── */
  --dc-gradient:     linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  --dc-gradient-sub: linear-gradient(135deg, rgba(59,130,246,0.12) 0%, rgba(139,92,246,0.08) 100%);
  --dc-glow:         0 0 80px rgba(59,130,246,0.1), 0 0 160px rgba(59,130,246,0.05);
  --dc-glow-sm:      0 0 24px rgba(59,130,246,0.22);
  --dc-shadow:       0 1px 3px rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.3);
  --dc-shadow-lg:    0 24px 80px rgba(0,0,0,0.5);

  /* ─── Legacy aliases ─── */
  --bg-primary:               var(--dc-bg);
  --bg-primary-subdued:       rgba(9,9,11,0.88);
  --text-secondary:           var(--dc-text-muted);
  --text-accent:              var(--dc-blue);
  --text-critical:            var(--dc-red);
  --bg-accent-subdued:        rgba(59,130,246,0.06);
  --bg-accent-subdued-hover:  rgba(59,130,246,0.10);
  --bg-accent-subdued-active: rgba(59,130,246,0.15);
  --bg-accent:                var(--dc-blue);
  --bg-accent-hover:          var(--dc-blue-dark);
  --bg-accent-active:         #1d4ed8;
  --bg-secondary:             var(--dc-surface-2);
  --bg-secondary-hover:       var(--dc-surface-3);
  --bg-secondary-active:      var(--dc-surface-2);
  --border-primary:           var(--dc-border);
  --border-accent-subdued:    rgba(59,130,246,0.4);
  --icon-secondary:           var(--dc-text-subtle);
  --icon-success:             var(--dc-green);
  --bg-success-subdued:       rgba(34,197,94,0.06);
  --pink:         var(--dc-violet);
  --pink-hover:   #7c3aed;
  --pink-active:  #6d28d9;
  --emerald:      var(--dc-green);
  --emerald-hover: #16a34a;
  --emerald-active: #15803d;

  /* ─── Spacing ─── */
  --none: 0px; --xxs: 0.125rem; --xs: 0.25rem; --sm: 0.375rem;
  --md: 0.5rem; --lg: 0.75rem; --xl: 1rem; --x2l: 1.25rem;
  --x3l: 1.5rem; --x4l: 2rem; --x5l: 2.5rem; --indent: 6.375rem;

  /* ─── Transitions ─── */
  --transition-delay: 150ms;
  --ham-menu-transition-delay: 400ms;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
          user-select: none;
}

html {
  font-size: 16px;
  min-height: -webkit-fill-available;
}

body {
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "rlig" 1, "calt" 1;
  min-height: -webkit-fill-available;
  overflow: hidden;
  background: #09090b;
  background: var(--dc-bg);
  color: #f8f8fa;
  color: var(--dc-text);
  padding: 0;
  margin: 0;
  height: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
button {
  border: none;
  outline: none;
  color: #f8f8fa;
  color: var(--dc-text);
  font-family: inherit;
}

::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.10); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.20); }
::selection { background: rgba(59,130,246,0.25); color: #f8f8fa; }
input {
  outline: none;
  border: none;
  font-family: inherit;
  -webkit-user-select: text;
          user-select: text;
}

/* Variables are defined globally in index.css */

/* Font is loaded globally in index.css */

/* page wrapper */
.styles_page-wrapper__1texX {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* all app wrapper */
.styles_app-wrapper__GMOoW {
  display: flex;
  margin-inline: auto;
  flex-direction: column;
  border-radius: 12px;
  width: 1000px;
  height: 600px;
  overflow: hidden;
  border: 1px solid var(--dc-border);
  box-shadow: var(--dc-shadow-lg);
}

/* nav of the app */
.styles_top-nav__HAA5E {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 36px !important;
  line-height: 36px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  background-color: var(--dc-bg);
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
  -webkit-padding-start: 12px;
          padding-inline-start: 12px;
  border-bottom: 1px solid var(--dc-border);
}

.styles_top-nav__HAA5E div,
.styles_top-nav__HAA5E a {
  display: flex;
  align-items: center;
  transition: all 0.1s;
  color: var(--dc-text-muted); /* back */
  height: 36px;
}

.styles_top-nav__HAA5E div {
  color: var(--dc-text-subtle); /*minus xmarl*/
}

.styles_top-nav__HAA5E > a:hover {
  color: var(--dc-text) !important;
}

.styles_top-nav__HAA5E > a {
  position: absolute;
  left: 12px;
}

.styles_top-nav__HAA5E > a > svg {
  /*back svg*/
  width: 16px;
  height: 16px;
  -webkit-margin-end: 2px;
          margin-inline-end: 2px;
}

.styles_top-nav__HAA5E > div {
  margin-left: auto;
  height: 36px;
  display: flex;
  align-items: center;
}

.styles_top-nav__HAA5E > div svg:hover {
  color: #858589 !important;
}

.styles_top-nav__HAA5E > div svg {
  /*close and minus */
  width: 18px;
  height: 18px;
  margin-left: 8px;
}

.styles_top-nav__HAA5E > div > svg:first-child {
  /*minus*/
  width: 15px;
  height: 15px;
}
/*  user-panel top-nav logo */
.styles_logo-userpanel__ImD5J {
  font-weight: 600 !important;
  position: relative;
  margin-right: auto;
  margin-left: 6px !important;
  color: var(--dc-text) !important;
  font-size: 15px;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
}
.styles_logo-userpanel__ImD5J::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-image: url(/static/media/darkchemy-icon.57be707097443cb91d92.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
/* landing styles */

.styles_landing-wrapper__rwrdb {
  width: 100%;
  height: 100%;
  display: flex;
  background:
    linear-gradient(rgba(9,9,11,0.55), rgba(9,9,11,0.55)),
    url(/static/media/illustration-ops.3ecaa77845e03be08f0e.png) no-repeat center center;
  background-size: cover;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}

.styles_landing__xhdtg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 28rem;
  height: 100%;
}

.styles_logo__P13AR {
  color: var(--dc-text);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.styles_logo__P13AR::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url(/static/media/darkchemy-icon.57be707097443cb91d92.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* .bold - removed, no longer needed */
.styles_landing-wrapper__rwrdb h2 {
  color: var(--dc-text);
  font-size: 40px;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 28px;
  letter-spacing: -0.025em;
}
.styles_landing__xhdtg a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 470px;
  height: 38px;
  margin-bottom: 10px;
  color: var(--dc-text);
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--dc-border-em);
  border-radius: 6px;
  transition: background 0.15s, border-color 0.15s;
}
.styles_landing__xhdtg a:hover {
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
}
.styles_landing__xhdtg .styles_log-btn__jK4LM {
  font-size: 14px;
  color: var(--dc-text-muted);
  background: transparent;
  border: 1px solid var(--dc-border);
}
.styles_landing__xhdtg .styles_log-btn__jK4LM:hover {
  background: rgba(255,255,255,0.04);
  border-color: var(--dc-border-em);
  color: var(--dc-text-muted);
}
.styles_select-lang__9oEiw {
  font-size: 14px;
  color: var(--dc-blue-light);
  position: absolute;
  bottom: 34px;
  cursor: pointer;
}
.styles_select-lang__9oEiw:hover {
  text-decoration: none;
}
/* language box */
.styles_languages-container__FdKbJ {
  padding: 2px 4px;
  position: absolute;
  bottom: 52px;
  height: 167px;
  width: 30%;
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border-em);
  border-radius: 10px;
  box-shadow: var(--dc-shadow);
  transition: all 2s;
}
.styles_languages-dis-none__kI7gj {
  display: none;
}
.styles_languages-wrapper__Sl\+q1 {
  width: 100%;
  height: 100%;
  background-color: var(--dc-surface);
  color: var(--dc-text);
  overflow-y: hidden;
  position: relative;
  transition: opacity 0.7s;
}
.styles_languages-wrapper__Sl\+q1.styles_show-scrollbar__fiPbO {
  overflow-y: auto !important;
}
.styles_languages__hPOkc {
  padding: 4px;
  padding-right: 4px;
}
.styles_languages__hPOkc li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding: 12px 8px;
  font-weight: 600;
  position: relative;
}
.styles_check__anLl7 {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
}

.styles_languages__hPOkc li:hover {
  background-color: var(--dc-surface-3);
}

/* flAGES STYLES */
.styles_languages__hPOkc li > img {
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
  width: 23px;
  height: 23px;
}

/* .languages-wrapper:hover,
.languages-wrapper:active {
  overflow: auto;
} */
/* scrollbar styles */
.styles_languages-wrapper__Sl\+q1::-webkit-scrollbar {
  opacity: 0;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
  width: 6px;
}
.styles_languages-wrapper__Sl\+q1.styles_show-scrollbar__fiPbO::-webkit-scrollbar {
  opacity: 1 !important;
}

.styles_languages-wrapper__Sl\+q1::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.10);
  border-radius: 6px;
}

.styles_languages-wrapper__Sl\+q1::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255,255,255,0.20);
}

.styles_languages-wrapper__Sl\+q1::-webkit-scrollbar-track {
  background-color: transparent;
}

.custom-scrollbar-wrapper {
  width: 100%;
  height: 100%;
  /* background-color: #1d1d25; */
  color: whitesmoke;
  overflow-y: hidden;
  position: relative;
  transition: opacity 0.7s;
}
.custom-scrollbar-wrapper.show-scrollbar {
  overflow-y: auto !important;
}

/* scrollbar styles */
.custom-scrollbar-wrapper::-webkit-scrollbar {
  opacity: 0;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
  width: 6px;
}
.custom-scrollbar-wrapper.show-scrollbar::-webkit-scrollbar {
  opacity: 1 !important;
}

.custom-scrollbar-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.10);
  border-radius: 3px;
}

.custom-scrollbar-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255,255,255,0.20);
}

.custom-scrollbar-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}

.not_app-404__Mfolc {
  width: 100%;
  height: 100%;
  border-top: 1px solid var(--dc-border);
}

* {
  box-sizing: border-box;
}

.App {
  border-top: 1px solid var(--dc-border);
  background-color: var(--dc-bg);
  color: var(--dc-text);
  padding: 20px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.header .back-button {
  position: absolute;
  left: 20px;
  top: 20px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.header p {
  color: var(--dc-text-muted);
  font-size: 14px;
  font-weight: 500;
}
.content {
  display: flex;
  width: 100%;
  max-width: 1200px;
  justify-content: space-between;
  margin-top: 20px;
}
.blockchain-list {
  width: 62%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  gap: 12px;
  flex: 1 1;
  margin-right: 20px;
}

/* item styles */
.blockchain-item {
  height: 95px;
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border);
  padding: 12px;
  padding-bottom: 0px;
  text-align: start;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  transition: border-color var(--transition-delay), background-color var(--transition-delay);
}
.blockchain-item:not(.selected):hover {
  background: linear-gradient(to top, rgba(34,197,94,0.04), var(--dc-surface));
  border-color: var(--dc-border-em);
}

.blockchain-item.selected {
  outline: 1px solid rgba(34,197,94,0.5);
  background-color: rgba(34,197,94,0.06);
  border-color: rgba(34,197,94,0.3);
}

.icon-name-wrapper {
  display: flex;
  align-items: center;
}
.icon-name-wrapper img {
  width: 24px;
  height: 24px;
}
.blockchain-icon {
  margin-right: 8px;
}
.blockchain-name {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.blockchain-price-wrapper {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 6px;
}

.blockchain-price-old {
  font-size: 16px;
  font-weight: 500;
  color: #666;
  text-decoration: line-through;
  opacity: 0.7;
}

.blockchain-price {
  display: block;
  font-size: 30px;
  font-weight: 800;
}
.selected-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: var(--dc-green);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  width: 12px;
  border-radius: 3px;
}
.check-icon {
  width: 6px;
  margin-left: 1px;
  /* height: 9px; */
}
.best-offer {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  background-color: rgba(59,130,246,0.08);
  color: var(--dc-blue-light);
  padding: 2px 8px;
  border: 1px solid var(--dc-border-blue);
  border-radius: 90px 90px 90px 90px;
}

/*The aside part */
.aside {
  width: 34%;
}
/* cart styles */
.cart {
  background-color: var(--dc-surface);
  padding-bottom: 0;
  border-radius: 10px;
  border: 1px solid var(--dc-border);
}
.top-cart {
  padding: 20px;
  /* border-bottom: 1px solid #22222c; */
}
.buy-button {
  width: 100%;
  padding: 7px 0;
  background: var(--dc-gradient);
  box-shadow: var(--dc-glow-sm);
  border: none;
  border-radius: 6px;
  color: whitesmoke;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.disable {
  background: rgba(59,130,246,0.10);
  color: rgba(59,130,246,0.35);
  cursor: auto;
  box-shadow: none;
}
.buy-button:not(.disable):hover {
  opacity: 0.88;
}
.cart h3 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
  margin-top: 8px;
}

.main-cart {
  padding: 20px;
}
.bottom-cart {
  /* border-top: 1px solid #22222c; */
}
.total-num {
  color: var(--dc-blue-light);
  font-weight: 700;
}
.cart-details {
  display: flex;
  justify-content: space-between;
  color: var(--dc-text-muted);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.discount-wrapper {
  margin-bottom: 0;
}
.cart-details.total {
  padding: 20px 16px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  color: whitesmoke;
}
.discount-num {
  color: var(--dc-red);
  font-weight: 600;
}
.goods-num {
  color: whitesmoke;
  font-weight: 600;
}
.info {
  background-color: var(--dc-surface);
  margin-top: 32px;
  width: 100%;
  padding: 16px;
  font-size: 14px;
  border: 1px solid var(--dc-border);
  border-radius: 10px;
}

.support-button {
  width: 100%;
  padding: 10px;
  margin-top: 15px;
  background-color: rgba(255,255,255,0.04);
  border: 1px solid var(--dc-border-em);
  border-radius: 8px;
  color: var(--dc-text-muted);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: background-color var(--transition-delay), color var(--transition-delay);
}
.support-button:hover {
  background-color: rgba(255,255,255,0.07);
  color: var(--dc-text);
}
/* payment page styles || modal page */

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
  background: rgba(9,9,11,0.72);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.modal-container {
  background: var(--dc-surface);
  border-radius: 12px;
  border: 1px solid var(--dc-border-em);
  box-shadow: var(--dc-shadow-lg);
  width: 520px;
  position: relative;
}

.header-container {
  /* border-bottom: 0.1px solid #22222c; */
}

.header-wrapper {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-wrapper h3 {
  color: var(--dc-text);
  font-size: 16px;
  font-weight: 600;
}
.header-wrapper button {
  background-color: transparent;
}
.header-wrapper button svg {
  color: var(--dc-text-subtle);
  width: 18px;
  height: 18px;
}
.header-wrapper button svg:hover {
  color: var(--dc-text);
}

/* payment method */
.method-container {
  /* border-bottom: 2px solid #1e1e27; */
}
.method-wrapper {
  padding: 16px;
  color: whitesmoke;
}
.method-wrapper p {
  color: var(--dc-text-muted);
  margin-bottom: 12px;
  font-size: 14px;
}

.method-items {
  display: flex;
  flex-wrap: wrap;
}
.method-item {
  background-color: var(--dc-bg);
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid var(--dc-border);
  border-radius: 8px;
  padding: 8px 14px;
  margin-right: 6px;
  margin-bottom: 8px;
  box-sizing: border-box;
  color: var(--dc-text-muted);
  transition: border-color var(--transition-delay), background-color var(--transition-delay);
}
.method-item.selected {
  border: 1px solid var(--dc-border-blue);
  box-shadow: 0 0 0 1px rgba(59,130,246,0.28);
  color: var(--dc-blue-light);
  background-color: rgba(59,130,246,0.08);
}
.method-item:not(.selected):hover {
  background-color: var(--dc-surface-3);
  border-color: var(--dc-border-em);
}
.method-item img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
/* address styles*/
.address-container {
  /* border-bottom: 1px solid #22222c; */
}

.address-wrapper {
  padding: 20px;
}
.address-wrapper h4 {
  color: var(--dc-text-muted);
  font-size: 14px;
}

.address-box {
  color: var(--dc-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 8px;
  padding: 9px 15px;
  background-color: var(--dc-bg);
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  min-height: 42px;
}

.address-box p {
  -webkit-user-select: text;
          user-select: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
  margin-right: 10px;
}
.address-wrapper > p {
  font-size: 13px;
  color: var(--dc-text-muted);
}
.box-temporarily-style {
  border: 1px solid rgba(34,197,94,0.4);
}
.copy-btn {
  background-color: transparent;
  width: 15px;
  height: 15px;
}

.copy-icon {
  width: 15px;
  height: 15px;
  fill: var(--dc-text-subtle);
}

.copy-btn svg:not(.temporarily-style):hover {
  fill: var(--dc-text);
}

.copy-btn .temporarily-style {
  color: var(--dc-green);
  width: 18px;
  height: 18px;
}

/* part 4 total: price */
.total-container {
  border-bottom: 1px solid var(--dc-border);
}
.total-wrapper {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.total-wrapper span:first-child {
  font-size: 16px;
}
.total-wrapper span:last-child {
  display: flex;
  align-items: center;
  color: var(--dc-blue-light);
  font-weight: 500;
  word-spacing: -4px;
}

.usd-price {
  margin-left: 14px;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: var(--dc-text-subtle) !important;
  display: flex;
  justify-content: end;
}

.sec-copy-wrapper {
  margin-right: 4px;
  margin-left: 6px;
  margin-top: 2px;
}

/* button styles part 5 */

.btn-wrapper {
  padding: 16px;
}

.btn-wrapper button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  border-radius: 8px;
  padding: 9px;
  width: 100%;
  background: var(--dc-gradient);
  box-shadow: var(--dc-glow-sm);
  color: #fff;
  transition: opacity var(--transition-delay);
}

.btn-wrapper > .disable {
  background: rgba(59,130,246,0.10);
  color: rgba(59,130,246,0.35);
  cursor: auto;
  font-weight: 400;
  font-size: 17px;
  line-height: 38px;
  box-shadow: none;
}

.btn-wrapper button:not(.disable):hover {
  opacity: 0.88;
}

.styles_logo__jdo8j {
  background-image: url(/static/media/darkchemy-icon.57be707097443cb91d92.svg);
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 12px;
}
.styles_title__ufnP5 {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: var(--dc-text);
  font-weight: 600;
  display: flex;
  align-content: center;
  justify-content: center;
  position: relative;
  word-spacing: 0px;
  align-content: center;
}
.styles_bold__pNRjk {
  align-content: center;
  margin-left: 12px;
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
  line-height: 22px;
  display: inline-block;
}
.styles_form-title__18ztA {
  font-weight: 500;
  color: var(--dc-text-muted);
  font-size: 14px;
  margin-top: 6px;
}

/* Form styles */
form {
  display: flex;
  flex-direction: column;
  width: 19rem;
  position: relative;
  position: relative;
}

form input {
  -webkit-margin-before: 24px;
          margin-block-start: 24px;
  -webkit-margin-after: 6px;
          margin-block-end: 6px;
  height: 38px;
  padding: 0px 8px;
  background-color: var(--dc-surface);
  border-radius: 8px;
  outline: 1px solid var(--dc-border-em);
  line-height: 38px;
  color: var(--dc-text);
}

form > input::placeholder {
  color: var(--dc-text-subtle);
  font-size: 16px;
  line-height: normal;
  transform: translateY(13%);
}

form input:focus {
  border: 1.5px solid var(--dc-blue);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
  outline: none;
}
/* styles for show response after server rsps */
.styles_show-response__UFWMz {
  font-size: 14px;
}
.styles_error__69oCP {
  text-align: start;
  color: var(--dc-red);
}
.styles_error-sign__obDKU {
  color: var(--dc-red);
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px var(--dc-red) solid;
  top: 35px;
  right: 10px;
  padding-left: 1px;
}
.styles_input-error-style__M2ElP {
  border: 1px solid var(--dc-red);
}
/* style for 2 btn */
form button {
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
  height: 38px;
}
form button:not(:last-child) {
  margin-top: 24px;
  margin-bottom: 12px;
  background: var(--dc-gradient);
  box-shadow: var(--dc-glow-sm);
}
form button:not(:last-child):hover {
  opacity: 0.88;
}
/* sec btn styles */
form button {
  background-color: rgba(255,255,255,0.04);
  border: 1px solid var(--dc-border-em);
  color: var(--dc-text-muted);
}
form button:hover {
  background-color: rgba(255,255,255,0.07);
  color: var(--dc-text);
}

/* form wrapper to fix alignment */
.styles_form-wrapper__DXZhV {
  width: 19rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* buy the program link */
.styles_buy-program__7-fUO {
  margin-top: 16px;
  display: block;
  text-align: center;
  width: 100%;
}
.styles_buy-program__7-fUO > a {
  font-size: 14px !important;
  color: var(--dc-text-muted) !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  display: inline !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
.styles_buy-program__7-fUO:hover a {
  color: var(--dc-text) !important;
}

/* right click styles */

.styles_context-menu__e3\+9u {
  position: fixed;
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border-em);
  border-radius: 10px;
  z-index: 1000;
  padding: 8px;
  color: var(--dc-text-muted);
  font-size: 14px;
  font-weight: 600;
  width: 76px;
  box-shadow: var(--dc-shadow);
}

.styles_context-menu__e3\+9u ul {
  list-style: none;
  margin: 0;
  width: 100%;
  height: 100%;
}

.styles_context-menu__e3\+9u ul li {
  width: 100%;
  padding: 6px 8px;
  padding-left: 4px;
  border-radius: 6px;
  text-align: start;
}

.styles_context-menu__e3\+9u ul li:not(.styles_disabled__ctU1Z):hover {
  background-color: var(--dc-surface-3);
}

.styles_context-menu__e3\+9u ul li.styles_disabled__ctU1Z {
  color: var(--dc-text-subtle);
}

/* for ...  after text  */
.styles_truncated-text__hOzB8 {
  width: 310px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

*,
*::after {
  box-sizing: border-box;
}

/* === LAYOUT === */
.styles_panel-wrapper__QBigy {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 210px;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid var(--dc-border);
  background-color: var(--dc-surface);
}

main {
  flex: 1 1;
  min-width: 0;
  display: flex;
  box-sizing: border-box;
  color: var(--dc-text-muted);
  padding: 20px;
  height: 100%;
  overflow: auto;
}

/* === NAV === */
.styles_btns-wrapper__mrN2s {
  display: flex;
  flex-direction: column;
  padding: 10px 8px;
  gap: 2px;
}

.styles_btns-wrapper__mrN2s a,
.styles_btns-wrapper__mrN2s .styles_sup-btn__nEgF7 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 7px 10px;
  background-color: transparent;
  font-size: 13px;
  font-weight: 500;
  border-radius: 7px;
  color: var(--dc-text-muted);
  transition: background-color 0.12s, color 0.12s;
  letter-spacing: -0.01em;
}

.styles_btns-wrapper__mrN2s a:hover,
.styles_btns-wrapper__mrN2s .styles_sup-btn__nEgF7:hover {
  background-color: var(--dc-surface-3);
  color: var(--dc-text);
}

.styles_btns-wrapper__mrN2s a.active {
  background-color: rgba(59,130,246,0.10);
  color: var(--dc-blue-light);
}

/* === ICONS === */
.styles_svg__ZHnoc {
  flex-shrink: 0;
  margin-right: 10px;
  height: 17px;
  width: 17px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.styles_bar-svg__zBUfs {
  width: 20px;
  height: 20px;
  margin-left: -1px;
  margin-right: 9px;
}

.styles_search-svg__WP\+gr {
  width: 18px;
  height: 18px;
}

.styles_sup-png__1KqHE {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  opacity: 0.5;
  flex-shrink: 0;
}

/* === TRUNCATE === */
.styles_truncate__-vY23 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* === BOTTOM SECTION === */
.styles_sec-part-aside-wrapper__lXDUB {
  border-top: 1px solid var(--dc-border);
  padding: 10px 8px;
}

.styles_time__4kWEC {
  background-color: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: 8px;
  padding: 10px 12px;
}

.styles_time__4kWEC > div {
  font-size: 11px;
  font-weight: 500;
  color: var(--dc-text-subtle);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
}

.styles_time-date__52B0I {
  font-size: 14px;
  font-weight: 600;
  color: var(--dc-text);
  letter-spacing: -0.01em;
  display: block;
}

.styles_update__MzHLo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  width: 100%;
  height: 34px;
  font-size: 13px;
  font-weight: 500;
  color: var(--dc-text-muted);
  background: transparent;
  border: 1px solid var(--dc-border);
  border-radius: 7px;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
  cursor: pointer;
  letter-spacing: -0.01em;
}

.styles_update__MzHLo:hover {
  background: var(--dc-surface-3);
  color: var(--dc-text);
  border-color: var(--dc-border-em);
}

.styles_update__MzHLo:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.dashboard_container__bhMsN {
  height: 100%;
  width: 100%;
  /* width: 725px; */
}

.dashboard_dashboard-stats__hSGJn {
  display: flex;
  flex-direction: column;
}
.dashboard_dashboard-stats__hSGJn > h3,
.dashboard_blockchains-stats__CpmZa > h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--dc-text);
}
.dashboard_dashboard-stats__hSGJn > p,
.dashboard_blockchains-stats__CpmZa > p {
  font-size: 14px;
  font-weight: 400;
  color: var(--dc-text-muted);
  margin-top: 2px;
}

.dashboard_total-stats__QMOmZ {
  margin-top: 12px;
  display: flex;
  gap: 6px;
  margin-bottom: 20px;
}

.dashboard_total-stat-item__4IBAc {
  width: 50%;
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border);
  padding: 8px 12px;
  padding-bottom: 10px;
  border-radius: 10px;
  text-align: start;
}
.dashboard_total-stat-item__4IBAc h3 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--dc-text);
}
.dashboard_total-stat-item__4IBAc p,
.dashboard_blockchain-item__-wYLO p {
  font-size: 14px;
  color: var(--dc-text-muted);
  font-weight: 400;
}

.dashboard_blockchains-stats__CpmZa {
  /* background-color: #fff; */
  margin-top: 8px;
}

.dashboard_blockchain-stats-grid__KTJDU {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
  gap: 8px;
  grid-row-gap: 14px;
  row-gap: 14px;
  margin-top: 14px;
}
.dashboard_blockchain-item__-wYLO {
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border);
  padding: 10px 14px;
  padding-bottom: 14px;
  border-radius: 10px;
  text-align: start;
  transition: border-color var(--transition-delay);
}
.dashboard_blockchain-item__-wYLO:hover {
  border-color: var(--dc-border-em);
}
.dashboard_blockchain-item__-wYLO div h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 2px;
  letter-spacing: -0.025em;
  color: var(--dc-text);
}
.dashboard_blockchain-item__-wYLO > div {
  display: flex;
  align-items: end;
}
.dashboard_blockchain-item__-wYLO > div span {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 7px;
  margin-left: 6px;
}

.dashboard_blockchain-item__-wYLO > p {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

.styles_slider-container__L0tXl {
  position: relative;
  margin-top: 14px;
  display: flex;
  width: 600px !important;
  width: 96% !important;
}

.styles_swiper-wrapper__EQU1h {
  margin-top: 24px;
  height: 100%;
}

.styles_blockchain-item__m0uwD {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border);
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  height: 68px;
  width: 90.5px;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  transition: border-color var(--transition-delay), background-color var(--transition-delay);
}

.styles_blockchain-item__m0uwD:active,
.styles_blockchain-item__m0uwD:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.styles_blockchain-item__m0uwD > img {
  margin-bottom: 4px;
  height: 24px;
  width: 24px;
}
.styles_blockchain-item__m0uwD > span {
  font-size: 12px;
  font-weight: 500;
}

.styles_selected__sT6Eu {
  background-color: rgba(34,197,94,0.08);
  border-color: rgba(34,197,94,0.3) !important;
  color: var(--dc-green);
}

.styles_selected-icon__nAaDW {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: var(--dc-green);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11px;
  width: 11px;
  border-radius: 2px;
}

.styles_selected-icon__nAaDW > svg {
  width: 8px;
  height: 8px;
}

.styles_scroll-button__7h31t {
  background: transparent !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + -5px);
  width: 30px;
  height: 30px;
  color: var(--dc-text-subtle);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  z-index: 10;
  transition: color var(--transition-delay);
}

.styles_scroll-button__7h31t:hover {
  color: var(--dc-text);
}

.styles_reset__yVWxn:not(.styles_selected__sT6Eu) {
  background: linear-gradient(to top, rgba(34,197,94,0.04), var(--dc-surface));
}

.styles_disabled__UhcbX {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

h4 {
  margin-bottom: 8px;
  font-size: 14px;
}

.styles_inner-box__uGF7\+ {
  background-color: var(--dc-bg);
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--dc-border);
  height: 245px;
  padding: 8px 16px;
  margin-bottom: 10px;
}

.styles_btns-wrapper__mCidM {
  display: flex;
  gap: 8px;
}

.styles_btns-wrapper__mCidM button {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  font-weight: 600;
}

.styles_btns-wrapper__mCidM .styles_btn-stop__YpRss {
  background-color: rgba(239,68,68,0.08) !important;
  color: var(--dc-red) !important;
}

.styles_btns-wrapper__mCidM > .styles_btn-stop__YpRss:not(.styles_disable-stop__XTnS6):hover {
  background-color: rgba(239,68,68,0.14) !important;
}

.styles_disable-stop__XTnS6 {
  background-color: rgba(239,68,68,0.04);
  color: rgba(239,68,68,0.25);
}

.styles_btns-wrapper__mCidM .styles_btn-start__A3s\+U {
  background: var(--dc-gradient);
  box-shadow: var(--dc-glow-sm);
  color: #fff;
  transition: opacity var(--transition-delay);
}
.styles_btns-wrapper__mCidM .styles_btn-start__A3s\+U:not(.styles_disable-start__QgfjY):hover {
  opacity: 0.88;
}

.styles_btns-wrapper__mCidM > .styles_disable-start__QgfjY {
  background: rgba(59,130,246,0.10);
  color: rgba(59,130,246,0.35);
  box-shadow: none;
}

.styles_btn-reset__OlykX {
  background-color: rgba(59,130,246,0.08);
  color: var(--dc-blue-light);
  border: 1px solid var(--dc-border-blue);
}
.styles_btn-reset__OlykX:hover {
  background-color: rgba(59,130,246,0.14);
}

/* random words */
.styles_random-words__q10FZ {
  overflow: hidden;
  height: 100%;
  color: var(--dc-text-muted);
  font-size: 12px;
}

.styles_random-words__q10FZ ul {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}

.styles_random-words__q10FZ ul li {
  padding: 3px 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.styles_random-words__q10FZ ul li span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_truncate__QYLHs {
  display: inline-block;
  width: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
}

h4 {
  margin-bottom: 8px;
  font-size: 14px;
}

.styles_inner-box__NV\+Hf {
  background-color: var(--dc-bg);
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--dc-border);
  height: 245px;
  padding: 12px 8px;
  margin-bottom: 10px;
}

.styles_btns-wrapper__szAxv button {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background: var(--dc-gradient);
  box-shadow: var(--dc-glow-sm);
  font-weight: 600;
  color: #fff;
  transition: opacity var(--transition-delay);
}
.styles_btns-wrapper__szAxv button:not(.styles_btn-disabled__WfCCG):hover {
  opacity: 0.88;
}

.styles_btns-wrapper__szAxv > .styles_btn-disabled__WfCCG {
  background: rgba(59,130,246,0.10);
  color: rgba(59,130,246,0.35);
  box-shadow: none;
}

/* found items */
.styles_hits__Ro9lf {
  height: 100%;
  color: #8b94a7;
  width: 100%;
}

.styles_hits__Ro9lf ul {
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

.styles_hits__Ro9lf ul li {
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 7px 8px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 8px;
  background-color: rgba(34,197,94,0.06);
  color: var(--dc-green);
  border: 1px solid rgba(34,197,94,0.12);
}

.styles_hits__Ro9lf img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.styles_hits__Ro9lf ul li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  flex-grow: 1;
}

/* modal styles */
.styles_modal-overlay__mllge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
  background: rgba(9,9,11,0.72);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.styles_modal-container__qqtmc {
  background: var(--dc-surface);
  border-radius: 12px;
  border: 1px solid var(--dc-border-em);
  box-shadow: var(--dc-shadow-lg);
  width: 560px;
  position: relative;
  padding: 16px;
}

.styles_header-wrapper__-00IE {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.styles_header-wrapper__-00IE h3 {
  color: var(--dc-text);
  font-size: 16px;
  font-weight: 600;
}

.styles_headerButton__aFZIL {
  background-color: transparent;
}

.styles_headerButton__aFZIL svg {
  color: var(--dc-text-subtle);
  width: 18px;
  height: 18px;
}

.styles_headerButton__aFZIL svg:hover {
  color: var(--dc-text);
}
.styles_body-wrapper__WmJUI {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.styles_body-wrapper__WmJUI p {
  font-size: 14px;
  margin-top: 38px;
  margin-bottom: 32px;
}

.styles_buttons__V9yc8 {
  display: flex;
  gap: 14px;
}

.styles_buttons__V9yc8 a,
.styles_buttons__V9yc8 button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  padding: 9px;
  width: 100%;
}

.styles_btn-buy__yzPvM {
  background: var(--dc-gradient);
  box-shadow: var(--dc-glow-sm);
  transition: opacity var(--transition-delay);
}

.styles_btn-buy__yzPvM:hover {
  opacity: 0.88;
}
.styles_buttons__V9yc8 > .styles_btn-support__2Yy0\+ {
  background-color: rgba(255,255,255,0.04);
  border: 1px solid var(--dc-border-em);
  color: var(--dc-text-muted);
}
.styles_buttons__V9yc8 > .styles_btn-support__2Yy0\+:hover {
  background-color: rgba(255,255,255,0.07);
  color: var(--dc-text);
}

.styles_wrapper-comp__jPv1z {
  display: flex;
  flex-direction: column;
  padding: 4px 0px;
  /* width: 725px; */
  width: 100%;
  height: 100%;
}
.styles_title__93OEt {
  font-size: 16px;
  margin-bottom: 2px;
  font-weight: 600;
  color: var(--dc-text);
}
.styles_subtitle__lamAh {
  font-size: 14px;
  color: var(--dc-text-muted);
  font-weight: 400;
}

.styles_wrapper-checked-found__drrj6 {
  margin-top: 16px;
  display: flex;
  width: 100%;
  gap: 16px;
}
.styles_wrapper-checked-found__drrj6 > div {
  width: 49%;
  border-radius: 10px;
  padding: 16px 12px;
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border);
  font-weight: 600;
}

.styles_settings__oQIYW {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* width: 725px; */
}
.styles_title__WyqXZ {
  border-bottom: 1px solid var(--dc-border);
  margin-top: 4px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.styles_title__WyqXZ h2 {
  font-size: 16px;
  margin-bottom: 4px;
  color: var(--dc-text);
  font-weight: 600;
}
.styles_title__WyqXZ p,
.styles_software-color__\+Q4mF p,
.styles_language__GL85D p {
  color: var(--dc-text-muted);
  font-size: 14px;
  font-weight: 400;
}

/* frst part */
.styles_search-speed__9IR1o {
  margin-bottom: 20px;
}

.styles_search-speed__9IR1o p {
  color: var(--dc-red);
}

.styles_search-speed__9IR1o label {
  color: var(--dc-text-muted);
  font-size: 14px;
  font-weight: 400;
}
.styles_box-wrapper__RKDDZ {
  display: flex;
  align-items: center;
  gap: 10px;
}

.styles_box-wrapper__RKDDZ svg {
  color: var(--dc-border-em);
  height: 22px;
  width: 22px;
}
.styles_search-speed-box__qtpHx {
  width: 100%;
  padding: 10px 12px;
  background-color: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: 8px;
  margin-block: 6px;
}

.styles_speed-value__D\+FXo {
  color: var(--dc-text-muted);
  font-size: 14px;
  font-weight: 400;
  -webkit-user-select: none;
          user-select: none;
}

.styles_speed-input__af-YD {
  background: transparent;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  border: none;
  outline: none;
  width: 100%;
}

.styles_speed-input__af-YD::-webkit-outer-spin-button,
.styles_speed-input__af-YD::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.styles_speed-input__af-YD[type="number"] {
  -moz-appearance: textfield;
}

/* .search-speed-box input {
  background: transparent;
  color: #8b94a7;
  font-size: 14px;
  font-weight: 400;
  pointer-events: none;
  cursor: not-allowed;
} */

.styles_search-speed-box__qtpHx input:disabled {
  color: #8b94a7;
  opacity: 1;
  pointer-events: none;
  cursor: not-allowed;
}

.styles_error-message__YGnrQ {
  color: var(--dc-red);
  font-size: 12px;
  margin-top: 4px;
}

.styles_no-spinner__PL5ge::-webkit-outer-spin-button,
.styles_no-spinner__PL5ge::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.styles_no-spinner__PL5ge {
  -moz-appearance: textfield;
}

button:has(img) {
  background: transparent;
}

.styles_search-speed__9IR1o button {
  background: transparent;
}

.styles_search-speed__9IR1o button svg {
  stroke: var(--dc-border-em);
}

.styles_search-speed__9IR1o button svg:hover {
  stroke: var(--dc-text-subtle);
  cursor: pointer;
}

.styles_not-available__dB5oE {
  display: flex;
  align-items: center;
  color: var(--dc-red);
  font-size: 14px;
  font-weight: 400;
}

.styles_error-sign__C3JgG {
  color: var(--dc-red);
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px var(--dc-red) solid;
  margin-right: 4px;
}

.styles_software-color__\+Q4mF {
  margin-bottom: 22px;
}

.styles_software-color__\+Q4mF label,
.styles_language__GL85D label {
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: 600;
  display: block;
}

.styles_color-options__M-jMN {
  margin-top: 10px;
}

.styles_dot__\+OXAY {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.styles_color-options__M-jMN,
.styles_language-options__yiuCh {
  display: flex;
  flex-wrap: wrap;
}

.styles_color-button__ULz3w,
.styles_language-button__3OU53 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 4px;
  padding: 3px 8px;
  border-radius: 50px 50px 50px 50px;
  border: 1px solid transparent;
  cursor: pointer;
  background-color: var(--dc-surface);
  color: var(--dc-text-muted);
  transition: background-color var(--transition-delay), border-color var(--transition-delay);
}

.styles_color-button__ULz3w:hover,
.styles_language-button__3OU53:hover {
  background-color: var(--dc-surface-3);
  color: var(--dc-text);
}

.styles_selected__5WYYG {
  border: 1px solid var(--dc-border-blue);
  background-color: rgba(59,130,246,0.08);
  color: var(--dc-blue-light);
}

.styles_language__GL85D .styles_language-options__yiuCh {
  margin-top: 10px;
}

.styles_language-button__3OU53 {
  font-size: 12px;
  padding: 3px 7px;
  border-radius: 14px 14px 14px 14px;
}

.styles_language-button__3OU53 img {
  width: 21px;
  height: 21px;
}