* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input,
textarea,
button,
select {
  margin: 0;
  font: inherit;
}
a {
  text-decoration: none;
  color: inherit;
}
ul,
ol {
  list-style: none;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.theme_dark {
  --bg-color: #060613;
  --bg-color-rgb: 6, 6, 19;
  --bg-color-header: #060613;
  --primary-color: #f2f2f2;
  --secondary-color: #4466ef;
  --danger-color: #e23636;
  --error-color: #e23636;
  --error-bg-color: #120303;
  --error-border-color: #e23636;
  --accent-bg-color: #39f;
  --accent-color: #f2f2f2;
  --border-color-primary: #252537;
  --border-color-secondary: #f2f2f2;
  --input-bg-color: #060613;
  --input-hover-border: #39f;
  --muted-bg-color: #181825;
  --muted-color: #a1a1aa;
  --card-bg-color: #0e0e1b;
  --card-color: #f2f2f2;
  --shadow-text-banner-color: #000;
  --shadow-color: #36397f20;
  --shadow-color-light: #6699ff40;
  --shadow-tab-color: #6699ff20;
  --skeleton-shadow: #6699ff80;
  --skeleton-color: #25457490;
  --benefit-color: #16a34a;
  --benefit-accent-color: #4ade80;
  --benefit-bg-color: #052e164d;
  --modal-bg-color: #060613;
  --modal-overlay-color: #00000090;
  --checkbox-toggle-bg: #a1a1aa;
  --checkbox-toggle-thumb: #181825;
  --checkbox-toggle-bg-hover: #4466ef;
  --checkbox-toggle-thumb-hover: #edf2f7;
  --rating-icon-color: #facc15;
  --cpu-icon-color: #3b82f6;
  --gpu-icon-color: #22c55e;
  --motherboard-icon-color: #a855f7;
  --ram-icon-color: #f97316;
  --storage-icon-color: #06b6d4;
  --psu-icon-color: #eab308;
  --cooler-icon-color: #14b8a6;
  --case-icon-color: #a1a1aa;
  --order-status-pending-color: #facc15;
  --order-status-paid-color: #22c55e;
  --order-status-shipped-color: #3b82f6;
  --order-status-canceled-color: #e23636;
  --info-card-email-color: #22c55e;
  --info-card-delivery-color: #3b82f6;
  --info-card-notice-color: #a855f7;
  --payment-section-color: #fb923c;
  --payment-section-bg-color: #44130630;
  --payment-section-border-color: #9f2d00;
  --payment-section-accent-color: #f54900;
  --payment-section-accent-bg-color: #ea5807;
  --scrollbar-bg-color: #181825;
  --scrollbar-color: #4466ef;
  --scrollbar-hover-color: #3b82f6;
  --banners-gradient-colors: transparent, #6699ff40;
}
.theme_light {
  --bg-color: #fff;
  --bg-color-rgb: 255, 255, 255;
  --bg-color-header: #fff;
  --primary-color: #22222a;
  --secondary-color: #003cb3;
  --danger-color: #e23636;
  --error-color: #e23636;
  --error-bg-color: #e2363610;
  --error-border-color: #e23636;
  --accent-bg-color: #1f99f9;
  --accent-color: #f6f7f9;
  --border-color-primary: #d4dae8;
  --border-color-secondary: #22222a;
  --input-bg-color: #fff;
  --input-hover-border: #1f99f9;
  --muted-bg-color: #edf2f7;
  --muted-color: #6d6d78;
  --card-bg-color: #f7f7f7;
  --card-color: #22222a;
  --shadow-text-banner-color: #000;
  --shadow-color: #00000026;
  --shadow-color-light: #00000026;
  --shadow-tab-color: #00000015;
  --skeleton-shadow: #00000026;
  --skeleton-color: #ddd;
  --benefit-color: #16933a;
  --benefit-accent-color: #16933a;
  --benefit-bg-color: #f0fdf4;
  --modal-bg-color: #fff;
  --modal-overlay-color: #00000090;
  --checkbox-toggle-bg: #999;
  --checkbox-toggle-thumb: #edf2f7;
  --checkbox-toggle-bg-hover: #003cb3;
  --checkbox-toggle-thumb-hover: #fff;
  --rating-icon-color: #facc15;
  --cpu-icon-color: #3b82f6;
  --gpu-icon-color: #22c55e;
  --motherboard-icon-color: #a855f7;
  --ram-icon-color: #f97316;
  --storage-icon-color: #06b6d4;
  --psu-icon-color: #eab308;
  --cooler-icon-color: #14b8a6;
  --case-icon-color: #a1a1aa;
  --order-status-pending-color: #facc15;
  --order-status-paid-color: #22c55e;
  --order-status-shipped-color: #3b82f6;
  --order-status-canceled-color: #e23636;
  --info-card-email-color: #22c55e;
  --info-card-delivery-color: #3b82f6;
  --info-card-notice-color: #a855f7;
  --payment-section-color: #c2410c;
  --payment-section-bg-color: #fff7ed;
  --payment-section-border-color: #ffd6a7;
  --payment-section-accent-color: #f54900;
  --payment-section-accent-bg-color: #ea5807;
  --scrollbar-track-color: #edf2f7;
  --scrollbar-bg-color: #edf2f7;
  --scrollbar-color: #305cd3;
  --scrollbar-hover-color: #3b82f6;
  --banners-gradient-colors: transparent, #00000040;
}
::view-transition-old(theme-icon),
::view-transition-new(theme-icon) {
  animation-duration: 150ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  transform-origin: center;
}
::view-transition-old(theme-icon) {
  animation-name: fade-out-icon;
  z-index: 1;
}
::view-transition-new(theme-icon) {
  animation-name: fade-in-icon;
  z-index: 2;
}
@keyframes fade-in-icon {
  0% {
    transform: scale(0) rotate(-90deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes fade-out-icon {
  0% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(0) rotate(90deg);
  }
}
@keyframes wipe-out {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 100% 0 0);
  }
}
::view-transition-old(root) {
  animation: 500ms ease both wipe-out;
  z-index: 10;
}
@keyframes load {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.label {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.input {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.input:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.input:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.input:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.input:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.error {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
* {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}
*::-webkit-scrollbar {
  position: absolute;
  width: 4px;
  height: 4px;
}
*::-webkit-scrollbar-track {
  background: var(--scrollbar-bg-color);
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-hover-color);
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
.app {
  min-width: var(--min-page-width);
  min-height: 100vh;
  background: var(--bg-color);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  position: relative;
  padding-bottom: var(--mobile-navbar-height);
}
@media (min-width: 768px) {
  .app {
    padding-bottom: 0;
  }
}
.contentPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--max-page-width);
  margin: 0 auto;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 640px) {
  .contentPage {
    padding: 0 32px;
  }
}

.opfdCMUX {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font: var(--size-xs);
  border-radius: var(--border-radius-l);
  background: transparent;
  border: none;
  cursor: pointer;
}
.opfdCMUX:disabled {
  cursor: not-allowed;
  opacity: var(--disabled-button-opacity);
}
.BZ4STUNi {
  background-image: linear-gradient(to right, var(--secondary-color), var(--accent-bg-color));
  color: var(--accent-color);
  transition: var(--transition-speed);
  font: var(--font-xs);
  font-weight: var(--font-bold);
}
.BZ4STUNi:hover {
  transform: scale(1.03);
}
.BZ4STUNi:disabled:hover {
  transform: none;
}
.BZ4STUNi svg {
  stroke: var(--accent-color);
}
.SlPqPWgg {
  color: var(--accent-color);
  background-color: var(--secondary-color);
  transition: var(--transition-speed);
  font: var(--font-xs);
  font-weight: var(--font-bold);
}
.SlPqPWgg:hover {
  opacity: var(--hover-opacity);
}
.SlPqPWgg:disabled {
  border: 1px solid var(--border-color-primary);
  opacity: var(--hover-opacity);
}
.SlPqPWgg svg {
  stroke: var(--accent-color);
}
.Lhke7W7l {
  color: var(--accent-color);
  background-color: var(--danger-color);
  transition: var(--transition-speed);
  font: var(--font-xs);
  font-weight: var(--font-bold);
}
.Lhke7W7l:hover {
  opacity: var(--hover-opacity);
}
.Lhke7W7l:disabled {
  border: 1px solid var(--border-color-primary);
  opacity: var(--hover-opacity);
}
.Lhke7W7l svg {
  stroke: var(--accent-color);
}
.q_AtATN5 {
  border: 1px solid var(--border-color-primary);
  color: var(--primary-color);
  background-color: var(--bg-color);
  transition: var(--transition-speed);
  font: var(--font-xs);
}
.q_AtATN5:hover {
  background-color: var(--accent-bg-color);
  color: var(--accent-color);
}
.q_AtATN5:hover svg {
  stroke: var(--accent-color);
}
.q_AtATN5:disabled {
  background-color: var(--muted-bg-color);
  color: var(--muted-color);
}
.q_AtATN5:disabled svg {
  stroke: var(--muted-color);
}
.q_AtATN5:disabled:hover {
  color: var(--primary-color);
  background-color: var(--muted-bg-color);
}
.q_AtATN5:disabled:hover svg {
  stroke: var(--muted-color);
}
.AExFvIdX {
  color: var(--primary-color);
  background-color: var(--bg-color);
  font: var(--font-xs);
}
._nh6Dndg {
  height: 36px;
  padding: 0 12px;
}
.PCdbKPfR {
  height: 40px;
  padding: 8px 16px;
}
.yyDZ8kFM {
  height: 44px;
  padding: 0 32px;
}
.N2kPnruh {
  padding: 10px;
}
.KrpPx5FI {
  width: 100%;
}
.QkzSJHJq {
  padding: 0;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.hsKlNF1d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
  width: 100%;
  background-color: var(--bg-color);
  color: var(--primary-color);
  gap: 24px;
  padding: 24px 0;
}
.mmIgcNKr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 600px;
}
.zgmkPhV0 {
  font: var(--font-l);
  font-weight: var(--font-bold);
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .zgmkPhV0 {
    font: var(--font-xl);
    font-weight: var(--font-bold);
  }
}
.L8odmytA {
  font: var(--font-xs);
  text-align: center;
  margin-bottom: 32px;
}
@media (min-width: 640px) {
  .L8odmytA {
    font: var(--font-s);
  }
}
.PK53kgyG {
  font-weight: var(--font-regular);
}
.vobsiXCU {
  border: 1px solid var(--border-color-secondary);
}
.BGVtud9Y {
  margin-right: 8px;
}
.fzp1zpgH {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 64px;
}
.LCKTmRXj {
  font: var(--font-code-error-xl);
  font-weight: var(--font-bold);
  margin-bottom: 16px;
}
.g2fOhVep {
  text-align: center;
  font: var(--font-s);
}
.uaTtIoso {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  font-weight: var(--font-bold);
  margin-top: 16px;
  gap: 24px 42px;
}
@media (min-width: 640px) {
  .uaTtIoso {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

.a762Xjd1 {
  width: var(--icon-size-s);
  height: var(--icon-size-s);
  z-index: var(--z-icons);
}
.e12wXC0q {
  stroke: var(--primary-color);
}
.j9JcvesH {
  fill: var(--rating-icon-color);
  stroke: var(--rating-icon-color);
}
.Cp5fEvKI {
  stroke: var(--cpu-icon-color);
}
.nBR4TI1Q {
  stroke: var(--gpu-icon-color);
}
.eyLtl3_g {
  stroke: var(--motherboard-icon-color);
}
.V0nsigaz {
  stroke: var(--ram-icon-color);
}
._8A2YnMx {
  stroke: var(--storage-icon-color);
}
.m7Un7cDc {
  stroke: var(--psu-icon-color);
}
.EkIj0KOL {
  stroke: var(--cooler-icon-color);
}
.XDbSFMjW {
  stroke: var(--case-icon-color);
}

.bE5dV4ts {
  font: var(--font-xs);
  color: var(--primary-color);
}


@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.TKSPUhgM {
  max-width: var(--max-page-width);
  margin: 0 auto;
  padding: 16px 0;
  font: var(--font-xs);
}
@media (min-width: 640px) {
  .TKSPUhgM {
    padding: 16px;
  }
}
.ROEb2vhv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 4px;
  margin: 0 16px;
}
.XUX6Ygtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  flex: 0 0 auto;
  gap: 4px;
}
.AUI1Kx1O {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--muted-color);
}
.AUI1Kx1O:hover {
  opacity: 1;
  color: var(--secondary-color);
}
.tFTh0DNr {
  color: var(--primary-color);
}

.ZkEqWDnt {
  border: 1px solid var(--border-color-primary);
  border-radius: var(--border-radius-l);
  background-color: var(--input-bg-color);
}
.ZkEqWDnt::-moz-placeholder {
  color: var(--muted-color);
}
.ZkEqWDnt::placeholder {
  color: var(--muted-color);
}
.ZkEqWDnt:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.ZkEqWDnt:disabled {
  cursor: not-allowed;
  color: var(--muted-color);
  background-color: var(--muted-bg-color);
}
.vV8hRIFD {
  margin: 8px 0;
  cursor: pointer;
  transition: var(--transition-speed);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.vV8hRIFD:hover {
  transform: scale(1.01);
}
.osOhMgo0 {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
}
.osOhMgo0:hover {
  transform: scale(1);
}
.JLynMCpm {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  position: absolute;
  left: 16px;
}
.JLynMCpm:hover {
  opacity: 1;
  color: var(--secondary-color);
}

.mJqcDjly {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.Ech7atNj {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.Ech7atNj:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.Ech7atNj:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.Ech7atNj:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.Ech7atNj:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.TKYxlp83 {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.QAosyJ6r {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  padding: 0 24px 24px;
  font-weight: var(--font-bold);
}
.iHCEq10u {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.PWVcgAU_ {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.PWVcgAU_:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.PWVcgAU_:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.PWVcgAU_:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.PWVcgAU_:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.YQmWB0Ca {
  display: block;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--secondary-color);
}
.YQmWB0Ca:hover {
  opacity: var(--hover-opacity);
  color: var(--secondary-color);
}
.u0vOrCR_ {
  color: var(--error-color);
  font-weight: var(--font-regular);
}

.x64kpmmL {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.VmCWFfk6 {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.VmCWFfk6:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.VmCWFfk6:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.VmCWFfk6:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.VmCWFfk6:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.U0pd0uCf {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.BAT5f69a {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
  padding-left: 40px;
}
.BAT5f69a:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.BAT5f69a:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.BAT5f69a:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.BAT5f69a:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}

.OwVFivpA {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.SD1WUfqz {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.SD1WUfqz:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.SD1WUfqz:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.SD1WUfqz:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.SD1WUfqz:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.UyfU5eJ9 {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.xLF5BgIL {
  border: 1px solid var(--error-border-color);
  border-radius: var(--border-radius-l);
  padding: 8px 12px;
  color: var(--error-color);
  background-color: var(--error-bg-color);
}
.O0Qd5_Ib {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.eff8uEui {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  stroke: var(--error-color);
  margin-right: 8px;
}
.wORzpjgI {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
}
@media (min-width: 640px) {
  .wORzpjgI {
    font: var(--font-s);
    font-weight: var(--font-bold);
  }
}
.qjDAc0Pw {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 8px;
  margin-top: 8px;
  font: var(--font-xxs);
}
@media (min-width: 640px) {
  .qjDAc0Pw {
    font: var(--font-xs);
  }
}
.tnTyJpsQ {
  text-align: start;
}

@keyframes fXaU9X_g {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tphfNlXO {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes B40mw4Lw {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
._zttSh9Z {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
._zttSh9Z div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--primary-color);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
._zttSh9Z div:nth-child(1) {
  left: 8px;
  animation: fXaU9X_g 0.6s infinite;
}
._zttSh9Z div:nth-child(2) {
  left: 8px;
  animation: tphfNlXO 0.6s infinite;
}
._zttSh9Z div:nth-child(3) {
  left: 32px;
  animation: tphfNlXO 0.6s infinite;
}
._zttSh9Z div:nth-child(4) {
  left: 56px;
  animation: B40mw4Lw 0.6s infinite;
}

.dFiDlmAO {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.Ic5_52km {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.Ic5_52km:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.Ic5_52km:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.Ic5_52km:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.Ic5_52km:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.H7nERF1E {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.hJKSMchq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  padding: 0 24px 24px;
  font-weight: var(--font-bold);
}
.fJadCewl {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.f8bpeiC6 {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.f8bpeiC6:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.f8bpeiC6:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.f8bpeiC6:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.f8bpeiC6:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.dcmwRkwc {
  color: var(--error-color);
  font-weight: var(--font-regular);
}

.ZtLMJePZ {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.Lx7tgnB2 {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.Lx7tgnB2:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.Lx7tgnB2:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.Lx7tgnB2:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.Lx7tgnB2:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.Wy30LUgu {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.IuXP5PnB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  padding: 0 24px 24px;
  font-weight: var(--font-bold);
}
.m3ll3Ctt {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.s5Zal1j2 {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.s5Zal1j2:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.s5Zal1j2:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.s5Zal1j2:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.s5Zal1j2:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.SfC6zY16 {
  display: block;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--secondary-color);
}
.SfC6zY16:hover {
  opacity: var(--hover-opacity);
  color: var(--secondary-color);
}
.Edy46sx6 {
  color: var(--error-color);
  font-weight: var(--font-regular);
}

.fNMjvp15 {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.rrg76t0x {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.rrg76t0x:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.rrg76t0x:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.rrg76t0x:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.rrg76t0x:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.PQEEW7uh {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.QTIgwH00 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  padding: 0 24px 24px;
  font-weight: var(--font-bold);
}
.O9c7VJ06 {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
._L7eztgF {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
._L7eztgF:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
._L7eztgF:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
._L7eztgF:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
._L7eztgF:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.cRrbY2gN {
  color: var(--error-color);
  font-weight: var(--font-regular);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.O7mQ5Pan {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: center;
  gap: 16px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}
.O7mQ5Pan::-webkit-scrollbar {
  position: absolute;
  width: 4px;
  height: 4px;
}
.O7mQ5Pan::-webkit-scrollbar-track {
  background: var(--scrollbar-bg-color);
}
.O7mQ5Pan::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
  border-radius: 4px;
}
.O7mQ5Pan::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-hover-color);
}
._76BClb5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
  overflow-x: auto;
  height: 110px;
}
.u0ByVQYp {
  height: 100%;
  min-width: 110px;
}
.gSOZz0h8 {
  height: 100%;
  min-width: 110px;
  position: relative;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.YI508E0L {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--border-radius-l);
  background-color: var(--bg-color);
  padding: 12px 8px;
  gap: 8px;
  height: 100%;
}
.YI508E0L:hover {
  opacity: var(--hover-opacity);
  color: var(--primary-color);
}
._HbvSBxu {
  border-radius: var(--border-radius-l);
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.n96yWW7i {
  font: var(--font-xs);
  font-weight: var(--font-bold);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.uK4S1v44 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--border-color-primary);
  cursor: default;
  font: var(--font-xs);
  border-radius: var(--border-radius-l);
  background-color: var(--card-bg-color);
  padding: 24px 12px;
  gap: 16px;
  width: 100%;
}
@media (min-width: 640px) {
  .uK4S1v44 {
    padding: 24px;
  }
}
.yfdOoUSH {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  gap: 16px;
  width: 100%;
  flex-grow: 1;
}
.yfdOoUSH:hover {
  opacity: var(--hover-opacity);
  color: var(--primary-color);
}
.yReKPG42 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  gap: 16px;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 640px) {
  .yReKPG42 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
  }
}
.HxH7mA4s {
  border-radius: var(--border-radius-l);
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.kP5xx7vO {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
.bxpVk9XG {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.ww1GiUnV {
  color: var(--muted-color);
}
.Y4trOe_T {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.PmeEhvLj {
  white-space: nowrap;
  margin-top: 8px;
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.FbEyuESe {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  flex-shrink: 0;
  transition: transform 0.5s ease-in-out;
}
.FbEyuESe:hover {
  opacity: var(--hover-opacity);
  background: transparent;
  stroke: var(--secondary-color);
}
.FbEyuESe:hover {
  transform: rotate(180deg);
}
.V6TzJS3g {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.OXHvuv7a {
  background: none;
  border: none;
}
.mQDgNHl8 {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
}
.mQDgNHl8:hover {
  opacity: 1;
  background: transparent;
  stroke: var(--danger-color);
}

@keyframes eQA4DiK9 {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
.ZBvhPrUn {
  position: relative;
  box-shadow: 0 2px 10px 0 var(--skeleton-shadow);
  overflow: hidden;
  flex-shrink: 0;
}
.ZBvhPrUn::before {
  background-image: linear-gradient(to right, transparent 0%, var(--skeleton-color) 50%, transparent 100%);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 80%;
  animation: eQA4DiK9 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.nmepvVwI {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.OkhPnjt9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: var(--muted-bg-color);
}
.DBQpieKS {
  width: 64px;
  height: 64px;
  stroke: var(--muted-color);
}

.LABsXEHB {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-l);
  background-color: var(--bg-color);
  gap: 2px;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  z-index: var(--z-configurator-select-buttons);
  top: calc(100% + 4px);
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition-speed);
}
.uAxYj_Q3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  width: 100%;
}
.unPEKt16 {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  border: none;
  font-weight: var(--font-bold);
}
.unPEKt16:hover {
  opacity: var(--hover-opacity);
  color: var(--primary-color);
}
.CWzKbP1r {
  visibility: visible;
  opacity: 1;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.Mm8Z2xub {
  display: grid;
  grid-template-columns: 60px 1fr min-content;
  grid-auto-flow: row;
  gap: 16px;
  border: 2px dashed var(--border-color-primary);
  color: var(--primary-color);
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border-color: var(--border-color-primary);
  font: var(--font-xs);
  justify-content: space-between;
  border-radius: var(--border-radius-l);
  background-color: var(--card-bg-color);
  padding: 24px 12px;
}
.Mm8Z2xub:hover {
  opacity: var(--hover-opacity);
  color: var(--primary-color);
}
.Mm8Z2xub:hover {
  border-color: var(--accent-bg-color);
}
@media (min-width: 640px) {
  .Mm8Z2xub {
    padding: 24px;
  }
}
.rlDP53x0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  border-radius: var(--border-radius-l);
  background-color: var(--bg-color);
  padding: 12px 8px;
  gap: 8px;
  height: 100%;
}
.rlDP53x0:hover {
  opacity: var(--hover-opacity);
  color: var(--primary-color);
}
.TAi4yai5 {
  width: 30px;
  height: 30px;
  stroke: var(--muted-color);
  justify-self: center;
}
.xr_piFiU {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
  font: var(--font-xs);
  font-weight: var(--font-bold);
}
.qEHa1vMk {
  width: 32px;
  height: 32px;
  stroke: var(--muted-color);
  justify-self: center;
}
.agUN7JBl {
  align-self: center;
}
.LjvJMHzD {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.tXN5Dlmr {
  color: var(--muted-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.wtvQHhJe {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: center;
  border: 1px solid var(--border-color-primary);
  font: var(--font-xs);
  color: var(--primary-color);
  border-radius: var(--border-radius-l);
  padding: 24px 12px;
  width: 100%;
}
@media (min-width: 640px) {
  .wtvQHhJe {
    padding: 24px;
  }
}
.NArpJpq0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
  margin-bottom: 24px;
}
.RxCBxoae {
  font: var(--font-l);
  font-weight: var(--font-bold);
}
.tJ5GqSUS {
  width: 20px;
  height: 20px;
}
.F9RW9mPQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.clUNztCy {
  transition: var(--transition-speed);
  border-radius: var(--border-radius-l);
  background-color: transparent;
  width: 100%;
}
.clUNztCy:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
}
.k5SjoH4a {
  width: -moz-max-content;
  width: max-content;
  align-self: center;
  margin-top: 32px;
  font-weight: var(--font-bold);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.fVOvUh3N {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  width: 100%;
}
@media (min-width: 640px) {
  .fVOvUh3N {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.EdC_bAyx {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.jja2gw27 {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.iUJNKsVe {
  color: var(--muted-color);
}
.LqmqBJF9 {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: start;
  gap: 8px;
  text-align: end;
}
@media (min-width: 640px) {
  .LqmqBJF9 {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
  }
}
.DRyFdsTt {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.rO2mTsR4 {
  color: var(--muted-color);
  white-space: nowrap;
}
.LDq8oxOf {
  border-radius: var(--border-radius-l);
  width: 64px;
  height: 64px;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.H_5dtWSX {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: var(--min-page-width);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--modal-overlay-color);
  z-index: var(--z-modal);
  color: var(--primary-color);
  font: var(--font-xs);
  overflow: hidden;
  cursor: pointer;
}
.BADoixeJ {
  border: 1px solid var(--border-color-primary);
  border-radius: var(--border-radius-l);
  position: relative;
  max-width: var(--max-modal-width);
  width: 100%;
  height: var(--mobile-adaptive-height);
  background-color: var(--modal-bg-color);
  padding: 24px;
  overflow-y: scroll;
  cursor: auto;
}
@media (min-width: 640px) {
  .BADoixeJ {
    max-height: 80vh;
  }
}
.Ba_9TUNc {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  position: absolute;
  top: 20px;
  right: 20px;
}
.Ba_9TUNc:hover {
  opacity: var(--hover-opacity);
  background: transparent;
  stroke: var(--primary-color);
}

.cRC2Sp7K {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.XU1WlCai {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.XU1WlCai:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.XU1WlCai:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.XU1WlCai:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.XU1WlCai:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.W3eiudDH {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.M7g_SxWy {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.M7g_SxWy:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.M7g_SxWy:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.M7g_SxWy:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.M7g_SxWy:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.MIqqlkTn {
  position: relative;
}
.I0KBE2Bk {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  border: 1px solid var(--border-color-primary);
  box-shadow: 0 0 4px 2px var(--shadow-color);
  z-index: var(--z-address-suggestions);
  border-radius: var(--border-radius-l);
  padding: 16px 0;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background-color: var(--card-bg-color);
  color: var(--muted-color);
  font-weight: var(--font-regular);
}
.Kn8fz4Pi {
  position: relative;
  transition: var(--transition-speed);
  padding: 12px 12px;
  cursor: pointer;
  width: 100%;
}
.Kn8fz4Pi:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}

.USiJbktG {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.e7ygmJTT {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.e7ygmJTT:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.e7ygmJTT:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.e7ygmJTT:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.e7ygmJTT:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.IsnzcHJB {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.oU4amn_9 {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  padding: 0 24px 24px;
  font-weight: var(--font-bold);
}
.z_IjT4Fm {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.MF9kEoIg {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.MF9kEoIg:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.MF9kEoIg:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.MF9kEoIg:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.MF9kEoIg:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.Q1BsD0O0 {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.Z13iIXzF {
  transition: var(--transition-speed);
  margin-top: 8px;
  width: -moz-max-content;
  width: max-content;
  border-radius: var(--border-radius-l);
}
.Z13iIXzF:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.jghXR13w {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.RDl6vXBQ {
  box-shadow: 0 2px 4px 2px var(--shadow-color);
  border-radius: var(--border-radius-l);
  background-color: var(--card-bg-color);
  position: absolute;
  z-index: var(--z-category-filters);
  top: calc(100% + 4px);
  left: 0;
  width: -moz-max-content;
  width: max-content;
  padding: 2px;
}
.uXieiQrn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  background-color: var(--card-bg-color);
  gap: 4px;
  border: none;
  width: 100%;
  font-weight: var(--font-bold);
  font: var(--font-xs);
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
}
.uXieiQrn:hover {
  opacity: 1;
  color: var(--secondary-color);
}
.EhaJX77I:hover .yYp7va30 {
  stroke: var(--secondary-color);
}
.MKr62QfI {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  height: 100%;
  padding: 16px;
  white-space: nowrap;
  gap: 8px;
  border: none;
  font: var(--font-xs);
  color: var(--muted-color);
  background-color: var(--card-bg-color);
}
.MKr62QfI:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
}
.MKr62QfI:hover {
  transform: scale(1.03);
}
.MKr62QfI:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--muted-color);
}
.NCqBKSWB {
  transition: var(--transition-speed);
  transform: rotate(180deg);
  stroke: var(--muted-color);
}
.fLQH2IuD {
  transform: rotate(0deg);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.GFKYPyNv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
  margin-bottom: 24px;
}
.WDbaJzNc {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: var(--font-m);
  font-weight: var(--font-bold);
}
.Crkwm9Dx {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.Z2Ob70KF {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
}
.DCnWy05W {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vYBVFTn5 {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.scEvNfYx {
  font: var(--font-m);
  font-weight: var(--font-bold);
  color: var(--secondary-color);
}
.eJxBW16y {
  width: 100%;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.pJrfli0C {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  background-color: var(--muted-bg-color);
  border-radius: var(--border-radius-l);
}
@media (min-width: 640px) {
  .pJrfli0C {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.pGhlNy6e {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.VOBBAnC7 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 8px;
}
.TllfaQDS {
  color: var(--muted-color);
}
.orQDoxRj {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: right;
  gap: 8px;
}
.fYBjgiFj {
  color: var(--muted-color);
}
.wOMCZlxd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
@media (min-width: 640px) {
  .wOMCZlxd {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    gap: 4px;
    text-align: right;
  }
}
.h6QLM4j_ {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
}
.h6QLM4j_:hover {
  transform: scale(1.05);
}
.h6QLM4j_:hover {
  opacity: var(--hover-opacity);
  background: transparent;
  stroke: var(--primary-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.xnwXMAe_ {
  margin-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-color-primary);
}
.MWfRuXGR {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.MqunKLNs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  gap: 12px;
}
.WhAsZuLp {
  border: 1px solid var(--border-color-primary);
  transition: var(--transition-speed);
  width: 100%;
  border-radius: var(--border-radius-l);
  padding: 12px;
  background-color: var(--card-bg-color);
}
.WhAsZuLp:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.VTlvEM9_ {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color-primary);
  gap: 12px;
  margin-top: 24px;
  padding-bottom: 20px;
}
.AjfiOxKi {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: center;
  width: 100%;
  gap: 16px;
}
.felUhrxE {
  font: var(--font-m);
  font-weight: var(--font-bold);
}
.RR_zFiU3 {
  color: var(--muted-color);
}
.MflmqtHu {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 8px;
}
.TFRg1xIG {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.WkhxM0Sf {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.Ggf232cd {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.vbikfjQM {
  border-bottom: 1px dashed var(--muted-color);
  flex-shrink: 1;
  height: 10px;
  margin: 0 8px;
  flex-grow: 0;
  width: 100%;
}
.wJMr7ha8 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  gap: 8px;
  flex-shrink: 0;
}
.AJBdV1JA {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sbT1Skn9 {
  flex-shrink: 0;
  font: var(--font-xs);
  font-weight: var(--font-bold);
}
.ic96Y9C9 {
  flex-shrink: 0;
  color: var(--muted-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.ZPmkLBGO {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  border: 1px solid var(--border-color-primary);
  font: var(--font-xs);
  border-radius: var(--border-radius-l);
  background-color: var(--card-bg-color);
  width: 100%;
  padding: 12px;
}
.ZPmkLBGO:hover {
  opacity: 1;
  color: var(--secondary-color);
}
@media (min-width: 640px) {
  .ZPmkLBGO {
    padding: 16px;
  }
}
.hyXpUwDO {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
  gap: 8px;
  margin-top: 16px;
}
@media (min-width: 640px) {
  .hyXpUwDO {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
  }
}
.vhJj9Toh {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  align-self: stretch;
}
@media (min-width: 640px) {
  .vhJj9Toh {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }
}
.CAbAflqy {
  font: var(--font-xxs);
  font-weight: var(--font-bold);
  color: var(--primary-color);
}
.ZLznCJ46 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color-primary);
  width: -moz-max-content;
  width: max-content;
  gap: 8px;
  padding: 2px 10px;
  border-radius: var(--border-radius-rounded);
}
.dENCb4fO {
  width: 6px;
  height: 6px;
  border-radius: var(--border-radius-rounded);
}
.p08WbxTH {
  background-color: var(--order-status-pending-color);
}
.uU4DgDrF {
  background-color: var(--order-status-paid-color);
}
.UZYyEPmx {
  background-color: var(--order-status-shipped-color);
}
.LaSVSkVI {
  background-color: var(--order-status-canceled-color);
}
.lyCdWwTG {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.u7Fc1W_j {
  color: var(--muted-color);
}
.iTCtzXc5 {
  font: var(--font-s);
  font-weight: var(--font-bold);
  color: var(--secondary-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.f1TCoOMM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  padding: 24px;
  text-align: center;
}
@media (min-width: 1024px) {
  .f1TCoOMM {
    padding: 48px;
  }
}
.cVGeU58g {
  width: 64px;
  height: 64px;
  stroke: var(--muted-color);
  margin-bottom: 16px;
}
.kllWXdXa {
  margin-bottom: 8px;
  font: var(--font-m);
  font-weight: var(--font-bold);
}
.R8WROitK {
  margin-bottom: 24px;
  color: var(--muted-color);
}
.xEUUIkXP {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media (min-width: 640px) {
  .xEUUIkXP {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.YQASuc0q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 12px;
  width: 100%;
}
@media (min-width: 640px) {
  .YQASuc0q {
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .YQASuc0q {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: center;
  }
}
.ePwqF54b {
  border: 1px solid var(--border-color-primary);
  border-radius: var(--border-radius-l);
  padding: 24px 12px;
  width: 100%;
  align-self: stretch;
}
@media (min-width: 640px) {
  .ePwqF54b {
    padding: 24px;
  }
}
.QrnlyI8O {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--border-color-primary);
  padding-bottom: 16px;
}
.MO0iys5F {
  margin-top: 16px;
  font: var(--font-m);
  font-weight: var(--font-bold);
}
.vtuzGVzp {
  font: var(--font-s);
  color: var(--muted-color);
}
.mdwuAIkH {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
.lAvfdeyc {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.re5Glo2K {
  background-color: var(--muted-bg-color);
  border-radius: var(--border-radius-rounded);
  font: var(--font-xxs);
  font-weight: var(--font-bold);
  padding: 4px 8px;
}
.U0ZnMN7s {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.myyWRXIX {
  background-color: var(--muted-bg-color);
  border-radius: var(--border-radius-rounded);
  font: var(--font-xxs);
  font-weight: var(--font-bold);
  padding: 4px 8px;
}
.sE3UitgA {
  font: var(--font-l);
  font-weight: var(--font-bold);
}
.LO5KVkRA {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 640px) {
  .LO5KVkRA {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.f2KShBfB {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.I0ChJc_d {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.I0ChJc_d:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.I0ChJc_d:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.I0ChJc_d:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.I0ChJc_d:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.fwZkKoLy {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.hKWKOf_S {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  padding: 0 24px 24px;
  font-weight: var(--font-bold);
  padding: 0;
}
.Ht2rzKyS {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.bh0elHI5 {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.bh0elHI5:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.bh0elHI5:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.bh0elHI5:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.bh0elHI5:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.f4_QTQ2D {
  color: var(--error-color);
  font-weight: var(--font-regular);
}

.cHGFEd3Y {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  width: 96px;
  height: 96px;
  border-radius: var(--border-radius-rounded);
}
.cHGFEd3Y:hover {
  opacity: var(--hover-opacity);
  color: var(--secondary-color);
}
.riq_awk4 {
  display: none;
}

.YLbtZDnD {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.fpBjyyLH {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.fpBjyyLH:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.fpBjyyLH:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.fpBjyyLH:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.fpBjyyLH:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.UtL_jXZ3 {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.eOUmBVJs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
  padding: 0 24px 24px;
  font-weight: var(--font-bold);
  padding: 0;
  width: 100%;
}
.VcIJ1PW_ {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.vwtbk2e8 {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.vwtbk2e8:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.vwtbk2e8:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.vwtbk2e8:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.vwtbk2e8:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.iiDH95r0 {
  color: var(--error-color);
  font-weight: var(--font-regular);
}

.kAJQfClB {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: center;
  font: var(--font-xs);
  color: var(--primary-color);
  gap: 16px;
}
.iJRb06kJ {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  gap: 32px;
}
.Mtc0hmwo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.fZb05Qj1 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4px;
}
.yQ0eAwmQ {
  font-weight: var(--font-bold);
}
.ESv7OyUT {
  color: var(--muted-color);
}
.Pi8ZG9Rr {
  flex-shrink: 0;
}

.Qv50cHkr {
  border: 1px solid var(--secondary-color);
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  background-color: var(--bg-color);
}
.Qv50cHkr:hover {
  opacity: 1;
  color: var(--secondary-color);
}
.Qv50cHkr.f9n9EF1U {
  width: 16px;
  height: 16px;
  border-radius: var(--border-radius-m);
}
.Qv50cHkr.f9n9EF1U:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.Qv50cHkr.f9n9EF1U .bGCkXZNB {
  width: 14px;
  height: 14px;
  stroke: var(--bg-color);
}
.Qv50cHkr.f9n9EF1U.N3eQO4pl {
  background-color: var(--secondary-color);
}
.Qv50cHkr.f9n9EF1U.N3eQO4pl .bGCkXZNB {
  stroke: var(--accent-color);
}
.Qv50cHkr.dG5FRyiC {
  border: none;
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: var(--border-radius-rounded);
  background-color: var(--checkbox-toggle-bg);
  padding: 2px;
}
.Qv50cHkr.dG5FRyiC .OlS24afF {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  content: '';
  width: 20px;
  height: 20px;
  background-color: var(--checkbox-toggle-thumb);
  border-radius: 50%;
  transform: translateX(0);
}
.Qv50cHkr.dG5FRyiC .OlS24afF:hover {
  opacity: 1;
  color: var(--secondary-color);
}
.Qv50cHkr.dG5FRyiC.N3eQO4pl {
  background-color: var(--checkbox-toggle-bg-hover);
}
.Qv50cHkr.dG5FRyiC.N3eQO4pl .OlS24afF {
  background-color: var(--checkbox-toggle-thumb-hover);
  transform: translateX(20px);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.oGg5Xu50 {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.JCVqh9Z6 {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.JCVqh9Z6:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.JCVqh9Z6:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.JCVqh9Z6:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.JCVqh9Z6:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.cU2ba4PL {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
.mOFS8XJq {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: center;
  color: var(--primary-color);
  gap: 24px;
  width: 100%;
}
@media (min-width: 1024px) {
  .mOFS8XJq {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: center;
  }
}
.KTPV43US {
  border: 1px solid var(--border-color-primary);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  border-radius: var(--border-radius-l);
  padding: 24px 12px;
  background-color: var(--bg-color);
  width: 100%;
  align-self: stretch;
}
@media (min-width: 640px) {
  .KTPV43US {
    padding: 24px;
  }
}
.LKNGII9L {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
}
.ZAs5_ye3 {
  width: 20px;
  height: 20px;
}
.Be5GAfvi {
  font: var(--font-l);
  font-weight: var(--font-bold);
}
.cR5aiwa2 {
  border-bottom: 1px solid var(--border-color-primary);
  padding-bottom: 16px;
  width: 100%;
}
.vGNBbXQ9 {
  margin-top: 8px;
  width: 100%;
}
.RiyIHQJz {
  margin-top: 8px;
  text-align: center;
  color: var(--muted-color);
  font: var(--font-xxs);
}
.xEsAmcBP {
  margin-top: 32px;
  width: 100%;
}
.yZwnrAgq {
  margin-right: 8px;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.BPTIcmEx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color-primary);
  color: var(--primary-color);
  border-radius: var(--border-radius-l);
  padding: 24px 12px;
  width: 100%;
}
@media (min-width: 640px) {
  .BPTIcmEx {
    padding: 24px;
  }
}
.XUCgySzJ {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  width: 100%;
  gap: 8px;
  margin-bottom: 24px;
}
.KGVrKmGb {
  font: var(--font-l);
  font-weight: var(--font-bold);
}
.WfFBBxBM {
  width: 20px;
  height: 20px;
}
.ZYTZrl1x {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
@media (min-width: 640px) {
  .ZYTZrl1x {
    padding: 32px;
  }
}
.Exbi6tvS {
  width: 64px;
  height: 64px;
  stroke: var(--muted-color);
  margin-bottom: 16px;
}
.azHKIDhR {
  font: var(--font-m);
  font-weight: var(--font-bold);
  margin-bottom: 8px;
}
.Ov2x2ofT {
  font: var(--font-s);
  color: var(--muted-color);
  margin-bottom: 24px;
}

.oNPYyrbx {
  font: var(--font-xs);
  font-weight: var(--font-bold);
  text-align: start;
  width: 100%;
}
.Ilpuem2t {
  width: 100%;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
}
.Ilpuem2t:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.Ilpuem2t:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.Ilpuem2t:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.Ilpuem2t:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.eOkfGE2y {
  color: var(--error-color);
  font-weight: var(--font-regular);
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.sasW0SpA {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 8px;
  border-radius: var(--border-radius-l);
  background-color: var(--card-bg-color);
  width: 100%;
  padding: 24px;
}
.dRHVYGmY {
  margin-bottom: 24px;
}
.McR99PlS {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 16px;
  width: 100%;
}
.nlNUCNpH {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  gap: 8px;
}
.UJO09xQV {
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
  font: var(--font-xs);
  font-weight: var(--font-regular);
  color: var(--primary-color);
  padding: 16px 12px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: none;
  width: 100%;
}
.UJO09xQV:hover {
  opacity: 1;
  background: var(--muted-bg-color);
  stroke: var(--accent-color);
}
.UJO09xQV:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-color);
  border: none;
}
.UJO09xQV:hover:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--secondary-color);
}
.UJO09xQV:disabled {
  box-shadow: 0 0 0 0 var(--shadow-color);
}
.uOqAWzFT {
  width: 100%;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.ad87KvTI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.sVC6bobM {
  max-width: var(--max-payment-success-width);
}

.aI2D3FPP {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 24px 0;
}
.am7tt5LC {
  padding: 0;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.aaV_VErj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  width: 100%;
}
.OFVRqpdF {
  margin-top: 32px;
  font: var(--font-m);
  font-weight: var(--font-bold);
}
@media (min-width: 640px) {
  .OFVRqpdF {
    font: var(--font-l);
    font-weight: var(--font-bold);
  }
}
@media (min-width: 1024px) {
  .OFVRqpdF {
    font: var(--font-xl);
    font-weight: var(--font-bold);
  }
}
.KlHBnHTK {
  margin-top: 16px;
  font: var(--font-xs);
  color: var(--muted-color);
}
@media (min-width: 640px) {
  .KlHBnHTK {
    font: var(--font-s);
  }
}
@media (min-width: 1024px) {
  .KlHBnHTK {
    font: var(--font-m);
  }
}
.rGMboo6L {
  width: 96px;
  height: 96px;
  stroke: var(--secondary-color);
  margin-bottom: 16px;
}
.xon23jyQ {
  width: 20px;
  height: 20px;
  stroke: var(--benefit-color);
}
.HjdGdq4O {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  width: 12px;
  height: 12px;
  stroke: var(--benefit-color);
}
.HjdGdq4O:hover {
  transform: scale(1.05);
}
.RG6qcBvb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color-primary);
  gap: 8px;
  padding: 2px 10px;
  font: var(--font-xxs);
  font-weight: var(--font-bold);
  border-radius: var(--border-radius-rounded);
  background-color: var(--bg-color);
  color: var(--benefit-accent-color);
}
.xTokJBnh {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--benefit-color);
  margin-top: 24px;
  padding: 16px;
  background-color: var(--benefit-bg-color);
  border-radius: var(--border-radius-l);
  color: var(--muted-color);
  width: -moz-max-content;
  width: max-content;
  gap: 8px;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.J6oNYxH5 {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .J6oNYxH5 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 300px));
    grid-auto-flow: column;
    gap: 16px;
  }
}
.IGOeAj7F {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
}
.HAZvMd2o {
  border: 1px solid var(--info-card-email-color);
}
.OgUFAp4N {
  border: 1px solid var(--info-card-delivery-color);
}
.iPma1esp {
  border: 1px solid var(--info-card-notice-color);
}
.sg8lRLix {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.un7YeRZP {
  color: var(--muted-color);
}
.NR02EMan {
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
}
.SiG9T5d4 {
  stroke: var(--info-card-email-color);
}
.L3Fw_J_9 {
  stroke: var(--info-card-delivery-color);
}
.YvswKFsc {
  stroke: var(--info-card-notice-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.S1YLhuY5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--payment-section-border-color);
  gap: 16px;
  padding: 24px;
  margin-top: 32px;
  background-color: var(--payment-section-bg-color);
  border-radius: var(--border-radius-l);
  width: 100%;
}
.K52Ftews {
  font: var(--font-m);
  font-weight: var(--font-bold);
}
.i9SjBr6t {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.g3KcCOcI {
  width: 20px;
  height: 20px;
  stroke: var(--payment-section-accent-color);
}
.YHVbdnLd {
  border: 1px solid var(--payment-section-border-color);
  padding: 2px 10px;
  font: var(--font-xxs);
  font-weight: var(--font-bold);
  border-radius: var(--border-radius-rounded);
  background-color: var(--bg-color);
  color: var(--payment-section-accent-color);
}
.UHJAL8MU {
  margin-bottom: 8px;
  color: var(--muted-color);
  font: var(--font-s);
}
.gGgIEdCN {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--accent-color);
  background-color: var(--payment-section-accent-bg-color);
}
.gGgIEdCN:hover {
  opacity: var(--hover-opacity);
  color: var(--accent-color);
}
.GN2bke65 {
  margin-right: 12px;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
._mxJucTN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
  width: 100%;
}
@media (min-width: 640px) {
  ._mxJucTN {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
}
.aahx8BL4 {
  width: 100%;
}
@media (min-width: 640px) {
  .aahx8BL4 {
    width: auto;
  }
}
.VvziBVrL {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 640px) {
  .VvziBVrL {
    width: auto;
  }
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.Ol1R8xCp {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 48px;
  margin-bottom: 28px;
  max-width: var(--max-page-width);
}
@media (min-width: 640px) {
  .Ol1R8xCp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    gap: 32px;
  }
}
@media (min-width: 1024px) {
  .Ol1R8xCp {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row;
    gap: 32px;
  }
}
.VUUpTfJE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 16px;
  margin-top: 48px;
  padding: 24px;
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius-l);
}
.YYpVl0wd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.eSt7OsfN {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-rounded);
  background-color: var(--secondary-color);
  font-weight: var(--font-bold);
  color: var(--accent-color);
  margin-bottom: 4px;
}
.QrajVS0H {
  font: var(--font-s);
  font-weight: var(--font-bold);
}
.px7w0d95 {
  font: var(--font-xxs);
  color: var(--muted-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.tA5CNmKl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: var(--max-page-width);
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  gap: 32px;
  height: var(--desktop-navbar-height);
  position: relative;
  background-color: rgba(var(--bg-color-rgb), 0.6);
  backdrop-filter: blur(8px);
  z-index: var(--z-desktop-navbar);
}
@media (min-width: 640px) {
  .tA5CNmKl {
    padding: 0 32px;
  }
}
.ngNSHPEe {
  border-bottom: 1px solid var(--border-color-primary);
  z-index: var(--z-desktop-navbar);
  top: 0;
}
@media (min-width: 768px) {
  .ngNSHPEe {
    position: sticky;
  }
}
._2iqaKZWl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: var(--font-xxs);
}
.s2AdZYBo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px;
  min-width: 40px;
  border-radius: var(--border-radius-l);
  transition: var(--transition-speed);
  background-color: transparent;
}
.s2AdZYBo:hover {
  background-color: var(--accent-bg-color);
  fill: var(--accent-color);
  color: var(--accent-color);
}
.s2AdZYBo:hover svg {
  stroke: var(--accent-color);
}
.oNhcbYBU {
  background-image: linear-gradient(to right, var(--secondary-color), var(--accent-bg-color));
  font-weight: var(--font-bold);
  color: var(--accent-color);
}
.oNhcbYBU svg {
  stroke: var(--accent-color);
}
.oNhcbYBU:hover {
  transform: scale(1.05);
}

.JHT50gV8 {
  transition: var(--transition-speed);
}
.JHT50gV8:hover {
  transform: scale(1.05);
}
.suNxeRTr {
  background-image: linear-gradient(to right, var(--secondary-color), var(--accent-bg-color));
  font: var(--font-logo-l);
  font-weight: var(--font-bold);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.WW5jlsOl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: none;
}
.WW5jlsOl svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .WW5jlsOl svg {
    width: 16px;
    height: 16px;
  }
}

.O7lo5WpA {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  transition: var(--transition-speed);
  color: var(--primary-color);
  flex-shrink: 0;
  z-index: var(--z-burger-button);
  position: relative;
  width: 22px;
  height: 20px;
}
.O7lo5WpA:hover {
  opacity: var(--hover-opacity);
  color: var(--secondary-color);
}
.hiVmLcBe {
  width: 22px;
  height: 2px;
  background-color: var(--primary-color);
  transition: var(--transition-speed);
}
.O7lo5WpA::before {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  background-color: var(--primary-color);
  transform: translateY(7px) rotate(0);
  transition: var(--transition-speed);
  z-index: var(--z-burger-button);
}
.O7lo5WpA::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 2px;
  background-color: var(--primary-color);
  transform: translateY(-7px) rotate(0);
  transition: var(--transition-speed);
  z-index: var(--z-burger-button);
}
.AB0LUvaC::before {
  transform: translateY(0.5px) translateX(1px) rotate(-45deg) scaleX(1.25);
}
.AB0LUvaC::after {
  transform: translateY(0.5px) translateX(-1px) rotate(45deg);
}
.AB0LUvaC .hiVmLcBe {
  transform: scale(0) rotate(45deg);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.t3tW1UAr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.Y1EZqfG8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.duZG8x7J {
  transition: var(--transition-speed);
  width: var(--icon-size-m);
  height: var(--icon-size-m);
}
@media (min-width: 768px) {
  .duZG8x7J {
    width: var(--icon-size-s);
    height: var(--icon-size-s);
  }
}

.AkR88MCu {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: var(--z-slide-menu);
  transition: var(--transition-speed);
}
.Jxsbhoh3 {
  pointer-events: auto;
}
.Jxsbhoh3 .aGkM93Ox {
  opacity: 1;
  visibility: visible;
}
.Jxsbhoh3 .MIGdEk_W {
  transform: translateX(0);
}
.aGkM93Ox {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  transition: var(--transition-speed);
  z-index: var(--z-slide-menu-overlay);
}
.MIGdEk_W {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background-color: var(--bg-color);
  transform: translateX(-100%);
  transition: var(--transition-speed);
  z-index: var(--z-slide-menu);
  padding: 20px 32px 40px;
  gap: 20px;
  overflow-y: auto;
}
.qLMsZwYO {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  padding: 10px;
  gap: 16px;
}
.qLMsZwYO:hover {
  opacity: var(--hover-opacity);
  color: var(--primary-color);
}
.QahV_9Pd {
  font: var(--font-s);
}
.QahV_9Pd svg {
  stroke: var(--accent-color);
}
.QahV_9Pd:hover {
  transform: scale(1.05);
}

.Anb5GTTm {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  color: var(--primary-color);
  width: 100%;
  height: var(--mobile-navbar-height);
  bottom: 0;
  position: fixed;
  z-index: var(--z-mobile-navbar);
  font: var(--font-xxs);
  background-color: var(--bg-color);
  box-shadow: 0 -2px 8px var(--shadow-color);
}
._67oYguL {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--primary-color);
  font-weight: var(--font-bold);
}
._67oYguL:hover {
  opacity: var(--hover-opacity);
  color: var(--primary-color);
}

@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url(/31d6cfe0d16ae931b73c.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-main: 'Geist', 'Inter', sans-serif;
  --font-regular: 400;
  --font-bold: 600;
  --font-size-xxs: 12px;
  --font-line-xxs: 16px;
  --font-xxs: var(--font-size-xxs) / var(--font-line-xxs)
    var(--font-family-main);
  --font-size-xs: 14px;
  --font-line-xs: 18px;
  --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);
  --font-size-s: 16px;
  --font-line-s: 20px;
  --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);
  --font-size-m: 20px;
  --font-line-m: 25px;
  --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);
  --font-size-l: 24px;
  --font-line-l: 30px;
  --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);
  --font-size-xl: 30px;
  --font-line-xl: 38px;
  --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);
  --font-size-xxl: 48px;
  --font-line-xxl: 60px;
  --font-xxl: var(--font-size-xxl) / var(--font-line-xxl)
    var(--font-family-main);
  --font-logo-size-m: 18px;
  --font-logo-line-m: 26px;
  --font-logo-m: var(--font-logo-size-m) / var(--font-logo-line-m)
    var(--font-family-main);
  --font-logo-size-l: 24px;
  --font-logo-line-l: 32px;
  --font-logo-l: var(--font-logo-size-l) / var(--font-logo-line-l)
    var(--font-family-main);
  --font-code-error-size-xl: 96px;
  --font-code-error-line-xl: 120px;
  --font-code-error-xl: var(--font-code-error-size-xl) /
    var(--font-code-error-line-xl) var(--font-family-main);
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --z-icons: 10;
  --z-wishlist-actions: 20;
  --z-active-banner: 20;
  --z-banners-actions: 21;
  --z-basket-order: 21;
  --z-configurator-scrollbar: 21;
  --z-configurator-order: 22;
  --z-configurator-select-buttons: 23;
  --z-category-filters: 24;
  --z-category-filters-search: 25;
  --z-address-suggestions: 26;
  --z-desktop-navbar: 30;
  --z-mobile-navbar: 30;
  --z-slide-menu-overlay: 40;
  --z-slide-menu: 41;
  --z-burger-button: 50;
  --z-modal: 100;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;
  --border-radius-xl: 12px;
  --border-radius-rounded: 999px;
  --min-page-width: 320px;
  --max-page-width: 1320px;
  --max-auth-content-width: 672px;
  --max-modal-width: 672px;
  --max-payment-success-width: 672px;
  --max-modal-height: 672px;
  --mobile-navbar-height: 80px;
  --desktop-navbar-height: 64px;
  --mobile-adaptive-height: calc(var(--app-vh) * 100);
  --hover-opacity: 0.7;
  --disabled-button-opacity: 0.5;
  --transition-speed: 150ms ease;
  --shadow-tab: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 var(--shadow-tab-color);
}
.XN4beoQN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--border-color-primary);
  font: var(--font-xs);
  color: var(--muted-color);
  width: 100%;
  padding: 48px 16px;
}
@media (min-width: 640px) {
  .XN4beoQN {
    padding: 48px 32px;
  }
}
.GA74924y {
  font: var(--font-s);
  font-weight: var(--font-bold);
  color: var(--primary-color);
}
.agcBGr2O {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.YQehEAHA {
  padding: 8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  border: 1px solid var(--border-color-primary);
  border-radius: var(--border-radius-l);
}
.YQehEAHA:hover {
  opacity: 1;
  background: var(--accent-bg-color);
  stroke: var(--accent-color);
}
.SijsIENz {
  display: flex;
}
.KA83bBlv {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  gap: 32px;
  max-width: var(--max-page-width);
  margin: 0 auto 32px;
  width: 100%;
}
@media (min-width: 640px) {
  .KA83bBlv {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .KA83bBlv {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.fpkPQl8I {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 16px;
}
.bWrO0K47 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 8px;
}
.luWVwqMo {
  cursor: pointer;
  position: relative;
  transition: var(--transition-speed);
  color: var(--muted-color);
}
.luWVwqMo:hover {
  opacity: 1;
  color: var(--secondary-color);
}
.zLQj7wJk {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: pre-line;
}
.zLQj7wJk svg {
  stroke: var(--secondary-color);
}
.CIlxVciz {
  width: 100%;
  border-top: 1px solid var(--border-color-primary);
}
.SM14sYDU {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  max-width: var(--max-page-width);
  margin: 0 auto;
  gap: 16px;
  width: 100%;
  padding-top: 32px;
}
@media (min-width: 640px) {
  .SM14sYDU {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.A3oCp7sY {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 16px;
}
@media (min-width: 640px) {
  .A3oCp7sY {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.E4_s66eZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  background-color: var(--bg-color);
  color: var(--primary-color);
  gap: 24px;
}
.YXp46ujy {
  font: var(--font-xl);
  font-weight: var(--font-bold);
}
.I9_3RkKq {
  font: var(--font-xs);
  font-weight: var(--font-bold);
}
.Y_7cm_pU {
  border: 1px solid var(--border-color-secondary);
}
.PhwGFM4p {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}