:root {
  --ds-surface: #0b0b0c;
  --ds-surface-variant: #0b0b0c;
  --ds-on-surface: #e8e8e3;
  --ds-on-surface-variant: #a3a29c;
  --ds-surface-container: #111113;
  --ds-surface-container-high: #17171a;
  --ds-surface-container-low: #0e0e10;
  --ds-on-surface-container: #e8e8e3;
  --ds-surface-backdrop-filter: none;
  --ds-surface-box-shadow: none;
  --ds-primary: #e8e8e3;
  --ds-primary-container: #e8e8e3;
  --ds-on-primary: #0b0b0c;
  --ds-on-primary-container: #0b0b0c;
  --ds-primary-variant: #ffffff;
  --ds-secondary: #87867f;
  --ds-secondary-container: #1d1d21;
  --ds-on-secondary: #0b0b0c;
  --ds-on-secondary-container: #e8e8e3;
  --ds-secondary-variant: #a3a29c;
  --ds-tertiary: #d4a64a;
  --ds-tertiary-container: #d4a64a;
  --ds-on-tertiary: #0b0b0c;
  --ds-on-tertiary-container: #0b0b0c;
  --ds-tertiary-variant: #e0bd72;
  --ds-error: #df8174;
  --ds-error-container: #df8174;
  --ds-on-error: #0b0b0c;
  --ds-on-error-container: #0b0b0c;
  --ds-error-variant: #e89a8f;
  --ds-success: #96c391;
  --ds-success-container: #96c391;
  --ds-on-success: #0b0b0c;
  --ds-on-success-container: #0b0b0c;
  --ds-success-variant: #acd1a8;
  --ds-warning: #d4a64a;
  --ds-warning-container: #d4a64a;
  --ds-on-warning: #0b0b0c;
  --ds-on-warning-container: #0b0b0c;
  --ds-warning-variant: #e0bd72;
  --ds-info: #a3a29c;
  --ds-info-container: #a3a29c;
  --ds-on-info: #0b0b0c;
  --ds-on-info-container: #0b0b0c;
  --ds-info-variant: #c4c3bd;
  --ds-outline: #242427;
  --ds-outline-variant: #2e2e32;
  --ds-hover-state-layer: rgba(232, 232, 227, 0.06);
  --ds-focus-state-layer: rgba(232, 232, 227, 0.12);
  --ds-pressed-state-layer: rgba(232, 232, 227, 0.1);
  --ds-backdrop-blur: none;
  --ds-backdrop-blur-sm: none;
  --ds-backdrop-blur-md: none;
  --ds-backdrop-blur-lg: none;
  --ds-backdrop-blur-xl: none;
  --ds-backdrop-saturation: saturate(100%);
  --ds-backdrop-brightness: brightness(1);
  --ds-bg-opacity-surface: 1;
  --ds-bg-opacity-surface-container: 1;
  --ds-bg-opacity-surface-container-high: 1;
  --ds-bg-opacity-overlay: 0.7;
  --ds-bg-opacity-hover: 0.06;
  --ds-bg-opacity-active: 0.1;
}

.app-background {
  background-color: var(--ds-surface);
  background-image: none;
}

@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url("/fonts/neon/golos-text-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url("/fonts/neon/golos-text-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/fonts/neon/jetbrains-mono-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("/fonts/neon/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --ds-font-sans: 'Golos Text';
  --ds-font-display: 'JetBrains Mono';
  --ds-font-mono: 'JetBrains Mono';
  --ds-radius-scale: 0;
  --ds-shadow-card: 0 0 #0000;
  --ds-shadow-card-hover: 0 0 #0000;
  --ds-shadow-panel: 0 0 #0000;
  --ds-shadow-glow: 0 0 #0000;
  --ds-shadow-glow-lg: 0 0 #0000;
  --ds-shadow-sm: 0 0 #0000;
  --ds-shadow-default: 0 0 #0000;
}

html {
  scroll-behavior: auto;
}

html body {
  color: var(--ds-on-surface);
  font-size: 15px;
  line-height: 1.55;
  font-feature-settings: normal;
}

html h1,
html h2,
html h3,
html h4 {
  letter-spacing: -0.02em;
}

html ::selection {
  background: color-mix(in srgb, var(--ds-on-surface) 25%, transparent);
}

html *::-webkit-scrollbar-thumb {
  border-radius: 0;
}

html *:not(.animate-spin):not(.Toastify__progress-bar),
html *::before,
html *::after {
  animation-duration: 1ms !important;
  animation-delay: 0s !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
}

html *,
html *::before,
html *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html .app-glow,
html .app-grid,
html .ds-hero-glow,
html .ds-gallery-glow,
html .ds-product-card-shade {
  display: none;
}

html .text-gradient-primary {
  background: none;
  color: var(--ds-on-surface);
  -webkit-text-fill-color: currentColor;
}

html .ds-container {
  padding-inline: 16px;
}

html .ds-container--store {
  max-width: 1280px;
}

@media (min-width: 640px) {
  html .ds-container {
    padding-inline: 22px;
  }
}
@media (min-width: 1024px) {
  html .ds-container {
    padding-inline: 36px;
  }
}
html .ds-header {
  background-color: var(--ds-surface);
  border-color: var(--ds-outline);
}

html .ds-header-brand {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 700;
  letter-spacing: -0.02em;
}

html .ds-nav-link {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  font-weight: 500;
}

html .ds-footer {
  background-color: var(--ds-surface-container);
  border-color: var(--ds-outline);
}
html .ds-footer h3 {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #87867f;
}
html .ds-footer h3::before {
  content: "[";
}
html .ds-footer h3::after {
  content: "]";
}

html .ds-brandmark {
  background: var(--ds-primary);
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

html .ds-badge,
html .ds-tag {
  height: auto;
  padding: 0;
  gap: 6px;
  border-color: transparent;
  background: none;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: lowercase;
}
html .ds-badge::before,
html .ds-tag::before {
  content: "[";
}
html .ds-badge::after,
html .ds-tag::after {
  content: "]";
}

html .ds-badge--neutral {
  color: var(--ds-on-surface-variant);
}

html .ds-eyebrow,
html .ds-field-label {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ds-on-surface-variant);
}

html .ds-stock {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
}

html .ds-btn {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  transform: none;
}

html .ds-btn--sm {
  height: 32px;
  padding-inline: 12px;
}

html .ds-btn--md {
  height: 40px;
  padding-inline: 16px;
}

html .ds-btn--lg {
  height: 44px;
  padding-inline: 20px;
  font-size: 14px;
}

html .ds-btn--xl {
  height: 48px;
  padding-inline: 24px;
  font-size: 14px;
}

html .ds-btn--primary {
  background-color: var(--ds-primary);
  color: var(--ds-on-primary);
}
html .ds-btn--primary::before {
  display: none;
}
html .ds-btn--primary:hover {
  background-color: var(--ds-primary-variant);
}

html .ds-btn--secondary {
  border: 1px solid var(--ds-outline-variant);
  background-color: var(--ds-surface-container-high);
  box-shadow: none;
}
html .ds-btn--secondary:hover {
  border-color: #67676b;
}

html .ds-btn--outline,
html .ds-btn--glass {
  border: 1px solid #67676b;
  background-color: transparent;
  color: var(--ds-on-surface);
}
html .ds-btn--outline:hover,
html .ds-btn--glass:hover {
  border-color: var(--ds-on-surface);
  background-color: transparent;
}

html .ds-btn--link {
  height: auto;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: #67676b;
  text-underline-offset: 3px;
}
html .ds-btn--link:hover {
  text-decoration-color: currentColor;
}

html .ds-card {
  border-color: var(--ds-outline);
}

html .ds-card--glass {
  background-color: var(--ds-surface-container);
}

html .ds-card.cursor-pointer:hover {
  transform: none;
  border-color: var(--ds-outline-variant);
  background-color: var(--ds-surface-container-high);
}

html .ds-card-title {
  font-weight: 700;
  letter-spacing: -0.01em;
}

html .ds-hero {
  background-color: var(--ds-surface-container);
}

html .ds-hero-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.035em;
}
@media (min-width: 768px) {
  html .ds-hero-title {
    font-size: 40px;
  }
}

html .ds-product-card img {
  transform: none;
}
html .ds-product-card > :first-child {
  border-bottom: 1px solid var(--ds-outline);
}

html .ds-product-card-title {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

html .ds-product-card-go {
  border: 1px solid #67676b;
  background: transparent;
  color: var(--ds-on-surface);
}

html .group:hover .ds-product-card-go {
  border-color: var(--ds-primary);
}

html .ds-image-placeholder {
  background: var(--ds-surface-container-high);
}

html .ds-price {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 700;
  letter-spacing: -0.01em;
}

html .ds-control {
  border-color: var(--ds-outline-variant);
  background-color: var(--ds-surface);
}
html .ds-control:hover {
  border-color: #67676b;
}
html .ds-control:focus {
  border-color: var(--ds-on-surface-variant);
  --tw-ring-shadow: 0 0 #0000;
  box-shadow: none;
}

html .ds-chip {
  border-color: var(--ds-outline-variant);
  background-color: transparent;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
}
html .ds-chip:hover {
  border-color: #67676b;
}

html .ds-chip--checked,
html .ds-chip--checked:hover {
  border-color: var(--ds-on-surface);
  background-color: rgba(232, 232, 227, 0.06);
  box-shadow: none;
}

html .Toastify__toast {
  border-color: var(--ds-outline-variant);
  font-family: inherit;
}