@charset "UTF-8";
.svg-Icons {
    background: url("/assets/images/sprite.css-45713b53.svg") 29.51851851851852% 0 no-repeat;
}

.svg-Icons-dims {
    width: 20px;
    height: 20px;
}

.svg-basket {
    background: url("/assets/images/sprite.css-45713b53.svg") 48.03703703703704% 0 no-repeat;
}

.svg-basket-dims {
    width: 20px;
    height: 20px;
}

.svg-burger {
    background: url("/assets/images/sprite.css-45713b53.svg") 0 100% no-repeat;
}

.svg-burger-dims {
    width: 16px;
    height: 13px;
}

.svg-check {
    background: url("/assets/images/sprite.css-45713b53.svg") 0 37.64705882352941% no-repeat;
}

.svg-check-dims {
    width: 20px;
    height: 20px;
}

.svg-chevrone_down {
    background: url("/assets/images/sprite.css-45713b53.svg") 18.51851851851852% 37.64705882352941% no-repeat;
}

.svg-chevrone_down-dims {
    width: 20px;
    height: 20px;
}

.svg-chevrone_left {
    background: url("/assets/images/sprite.css-45713b53.svg") 37.03703703703704% 37.64705882352941% no-repeat;
}

.svg-chevrone_left-dims {
    width: 20px;
    height: 20px;
}

.svg-chevrone_right {
    background: url("/assets/images/sprite.css-45713b53.svg") 66.55555555555556% 0 no-repeat;
}

.svg-chevrone_right-dims {
    width: 20px;
    height: 20px;
}

.svg-chevrone_up {
    background: url("/assets/images/sprite.css-45713b53.svg") 66.55555555555556% 23.529411764705884% no-repeat;
}

.svg-chevrone_up-dims {
    width: 20px;
    height: 20px;
}

.svg-close {
    background: url("/assets/images/sprite.css-45713b53.svg") 0 61.1764705882353% no-repeat;
}

.svg-close-dims {
    width: 20px;
    height: 20px;
}

.svg-compare {
    background: url("/assets/images/sprite.css-45713b53.svg") 18.51851851851852% 61.1764705882353% no-repeat;
}

.svg-compare-dims {
    width: 20px;
    height: 20px;
}

.svg-cubes {
    background: url("/assets/images/sprite.css-45713b53.svg") 99.89285714285714% 0 no-repeat;
}

.svg-cubes-dims {
    width: 16px;
    height: 16px;
}

.svg-error {
    background: url("/assets/images/sprite.css-45713b53.svg") 37.03703703703704% 61.1764705882353% no-repeat;
}

.svg-error-dims {
    width: 20px;
    height: 20px;
}

.svg-flag_russia {
    background: url("/assets/images/sprite.css-45713b53.svg") 55.55555555555556% 61.1764705882353% no-repeat;
}

.svg-flag_russia-dims {
    width: 20px;
    height: 20px;
}

.svg-handset {
    background: url("/assets/images/sprite.css-45713b53.svg") 99.89285714285714% 17.97752808988764% no-repeat;
}

.svg-handset-dims {
    width: 16px;
    height: 16px;
}

.svg-heart {
    background: url("/assets/images/sprite.css-45713b53.svg") 85.07407407407408% 0 no-repeat;
}

.svg-heart-dims {
    width: 20px;
    height: 20px;
}

.svg-info {
    background: url("/assets/images/sprite.css-45713b53.svg") 85.07407407407408% 23.529411764705884% no-repeat;
}

.svg-info-dims {
    width: 20px;
    height: 20px;
}

.svg-log_in {
    background: url("/assets/images/sprite.css-45713b53.svg") 85.07407407407408% 47.05882352941177% no-repeat;
}

.svg-log_in-dims {
    width: 20px;
    height: 20px;
}

.svg-log_out {
    background: url("/assets/images/sprite.css-45713b53.svg") 0 84.70588235294117% no-repeat;
}

.svg-log_out-dims {
    width: 20px;
    height: 20px;
}

.svg-loop {
    background: url("/assets/images/sprite.css-45713b53.svg") 99.00884955752213% 64.44444444444444% no-repeat;
}

.svg-loop-dims {
    width: 15px;
    height: 15px;
}

.svg-loop_thin {
    background: url("/assets/images/sprite.css-45713b53.svg") 18.51851851851852% 84.70588235294117% no-repeat;
}

.svg-loop_thin-dims {
    width: 20px;
    height: 20px;
}

.svg-max {
    background: url("/assets/images/sprite.css-45713b53.svg") 99.89285714285714% 35.95505617977528% no-repeat;
}

.svg-max-dims {
    width: 16px;
    height: 16px;
}

.svg-plus {
    background: url("/assets/images/sprite.css-45713b53.svg") 37.03703703703704% 84.70588235294117% no-repeat;
}

.svg-plus-dims {
    width: 20px;
    height: 20px;
}

.svg-search {
    background: url("/assets/images/sprite.css-45713b53.svg") 55.55555555555556% 84.70588235294117% no-repeat;
}

.svg-search-dims {
    width: 20px;
    height: 20px;
}

.svg-user {
    background: url("/assets/images/sprite.css-45713b53.svg") 74.07407407407408% 84.70588235294117% no-repeat;
}

.svg-user-dims {
    width: 20px;
    height: 20px;
}

.svg-vite {
    background: url("/assets/images/sprite.css-45713b53.svg") 0 0 no-repeat;
}

.svg-vite-dims {
    width: 31.88px;
    height: 32px;
}

.svg-vk {
    background: url("/assets/images/sprite.css-45713b53.svg") 99.89285714285714% 50.526315789473685% no-repeat;
}

.svg-vk-dims {
    width: 16px;
    height: 10px;
}
@font-face {
    font-family: "icons";
    src: url("data:font/woff2;base64,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") format("woff2");
}

i[class^="icon-"]:before, i[class*=" icon-"]:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-vk:before {
    content: "\f101";
}
.icon-vite:before {
    content: "\f102";
}
.icon-user:before {
    content: "\f103";
}
.icon-search:before {
    content: "\f104";
}
.icon-plus:before {
    content: "\f105";
}
.icon-max:before {
    content: "\f106";
}
.icon-loop_thin:before {
    content: "\f107";
}
.icon-loop:before {
    content: "\f108";
}
.icon-log_out:before {
    content: "\f109";
}
.icon-log_in:before {
    content: "\f10a";
}
.icon-info:before {
    content: "\f10b";
}
.icon-heart:before {
    content: "\f10c";
}
.icon-handset:before {
    content: "\f10d";
}
.icon-flag_russia:before {
    content: "\f10e";
}
.icon-error:before {
    content: "\f10f";
}
.icon-cubes:before {
    content: "\f110";
}
.icon-compare:before {
    content: "\f111";
}
.icon-close:before {
    content: "\f112";
}
.icon-chevrone_up:before {
    content: "\f113";
}
.icon-chevrone_right:before {
    content: "\f114";
}
.icon-chevrone_left:before {
    content: "\f115";
}
.icon-chevrone_down:before {
    content: "\f116";
}
.icon-check:before {
    content: "\f117";
}
.icon-burger:before {
    content: "\f118";
}
.icon-basket:before {
    content: "\f119";
}
.icon-Icons:before {
    content: "\f11a";
}
body, input, textarea, button, .body {
  font-family: "Inter";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.64px;
}

.fs-40 {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.6px;
}

.fs-36 {
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -1.44px;
}

.fs-30 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -1.2px;
}

.fs-24 {
  font-size: 23px;
  line-height: 32px;
  letter-spacing: -0.92px;
}

.fs-20 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.8px;
}

.fs-18 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.72px;
}

.fs-16 {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.64px;
}

.fs-14 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.56px;
}

.fs-12 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.48px;
}

.fs-10 {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.4px;
}

@media screen and (min-width: 576px) {
  .fs-sm-40 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.6px;
  }
  .fs-sm-36 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -1.44px;
  }
  .fs-sm-30 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1.2px;
  }
  .fs-sm-24 {
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.92px;
  }
  .fs-sm-20 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.8px;
  }
  .fs-sm-18 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.72px;
  }
  .fs-sm-16 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.64px;
  }
  .fs-sm-14 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
  .fs-sm-12 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.48px;
  }
  .fs-sm-10 {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.4px;
  }
}
@media screen and (min-width: 768px) {
  .fs-md-40 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.6px;
  }
  .fs-md-36 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -1.44px;
  }
  .fs-md-30 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1.2px;
  }
  .fs-md-24 {
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.92px;
  }
  .fs-md-20 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.8px;
  }
  .fs-md-18 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.72px;
  }
  .fs-md-16 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.64px;
  }
  .fs-md-14 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
  .fs-md-12 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.48px;
  }
  .fs-md-10 {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.4px;
  }
}
@media screen and (min-width: 992px) {
  .fs-lg-40 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.6px;
  }
  .fs-lg-36 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -1.44px;
  }
  .fs-lg-30 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1.2px;
  }
  .fs-lg-24 {
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.92px;
  }
  .fs-lg-20 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.8px;
  }
  .fs-lg-18 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.72px;
  }
  .fs-lg-16 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.64px;
  }
  .fs-lg-14 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
  .fs-lg-12 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.48px;
  }
  .fs-lg-10 {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.4px;
  }
}
@media screen and (min-width: 1200px) {
  .fs-xl-40 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.6px;
  }
  .fs-xl-36 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -1.44px;
  }
  .fs-xl-30 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1.2px;
  }
  .fs-xl-24 {
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.92px;
  }
  .fs-xl-20 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.8px;
  }
  .fs-xl-18 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.72px;
  }
  .fs-xl-16 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.64px;
  }
  .fs-xl-14 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
  .fs-xl-12 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.48px;
  }
  .fs-xl-10 {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.4px;
  }
}
@media screen and (min-width: 1400px) {
  .fs-xxl-40 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -1.6px;
  }
  .fs-xxl-36 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -1.44px;
  }
  .fs-xxl-30 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1.2px;
  }
  .fs-xxl-24 {
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.92px;
  }
  .fs-xxl-20 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.8px;
  }
  .fs-xxl-18 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.72px;
  }
  .fs-xxl-16 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.64px;
  }
  .fs-xxl-14 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
  .fs-xxl-12 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.48px;
  }
  .fs-xxl-10 {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.4px;
  }
}
/* font width */
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

:is(h1, h2, h3, h4, h5, h6, p):first-child {
  margin-top: 0;
}
:is(h1, h2, h3, h4, h5, h6, p):last-child {
  margin-bottom: 0;
}

.button {
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.3s;
}
.button[data-theme=default], .button[data-theme=default][data-state=default], .button_primary, .button_primary[data-state=default], .button, .button[data-state=default] {
  color: var(--White);
  background-color: var(--Accent-Primary);
  border-color: transparent;
}
.button[data-theme=default]:hover, .button[data-theme=default][data-state=hover], .button_primary:hover, .button_primary[data-state=hover], .button:hover, .button[data-state=hover] {
  background-color: var(--Dark-Green);
  border-color: var(--Neutral-800);
  text-decoration: none;
}
.button[data-theme=default]:disabled, .button[data-theme=default][data-state=disabled], .button_primary:disabled, .button_primary[data-state=disabled], .button:disabled, .button[data-state=disabled] {
  color: var(--White);
  background-color: var(--Accent-Primary);
  border-color: transparent;
  opacity: 50%;
  cursor: not-allowed;
}
.button[data-theme=border], .button[data-theme=border][data-state=default], .button_secondary, .button_secondary[data-state=default] {
  color: var(--Accent-Primary);
  background-color: inherit;
  border-color: var(--Accent-Primary);
}
.button[data-theme=border]:hover, .button[data-theme=border][data-state=hover], .button_secondary:hover, .button_secondary[data-state=hover] {
  color: var(--White);
  background-color: var(--Accent-Primary);
  text-decoration: none;
}
.button[data-theme=border]:disabled, .button[data-theme=border][data-state=disabled], .button_secondary:disabled, .button_secondary[data-state=disabled] {
  color: var(--Accent-Primary);
  background-color: inherit;
  border-color: var(--Accent-Primary);
  opacity: 50%;
  cursor: not-allowed;
}
.button {
  /* Если иконка должна давать смещение */
}
.button[data-size=default], .button {
  font-size: 16px;
  padding: 12px 24px;
}
.button[data-size=default]:has(span + i), .button[data-size=default]:has(span + svg), .button:has(span + i), .button:has(span + svg) {
  padding: 12px 12px 12px 24px;
}
.button[data-size=default]:has(i + span), .button[data-size=default]:has(svg + span), .button:has(i + span), .button:has(svg + span) {
  padding: 12px 24px 12px 12px;
}
.button[data-size=small] {
  font-size: 14px;
  padding: 6px 14px;
}
.button[data-size=small]:has(span + i), .button[data-size=small]:has(span + svg) {
  padding: 6px 9px 6px 14px;
}
.button[data-size=small]:has(i + span), .button[data-size=small]:has(svg + span) {
  padding: 6px 14px 6px 9px;
}
.button[data-size=medium] {
  padding: 8px 16px;
}
.button[data-theme=square] {
  border-radius: 8px;
}
.button[data-theme=square]:has(i, svg) span {
  display: none;
}
.button[data-theme=square] {
  aspect-ratio: 1;
  padding: 8px !important;
}
.button[data-theme=circle] {
  border-radius: 50%;
}
.button[data-theme=circle]:has(i, svg) span {
  display: none;
}
.button[data-theme=circle] {
  aspect-ratio: 1;
  flex-grow: 0;
  padding: 8px !important;
}
.button[data-theme=circle][data-size=small] {
  padding: 6px !important;
}
.button i {
  line-height: 0em;
  display: block;
}
.button i svg {
  width: 1em;
  height: 1em;
}

.carrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  cursor: pointer;
  border-width: 1.333px;
  border-style: solid;
  transition: 0.3s;
}
.bg_dark .carrow, .bg_dark .carrow[data-state=default], .carrow[data-background=dark], .carrow[data-background=dark][data-state=default], .carrow_light, .carrow_light[data-state=default] {
  color: var(--dark);
  background-color: var(--light);
  border-color: transparent;
}
.bg_dark .carrow:hover, .bg_dark .carrow[data-state=hover], .carrow[data-background=dark]:hover, .carrow[data-background=dark][data-state=hover], .carrow_light:hover, .carrow_light[data-state=hover] {
  color: var(--light);
  background-color: var(--dark);
  border-color: var(--light);
}
.bg_dark .carrow:disabled, .bg_dark .carrow[data-state=disabled], .carrow[data-background=dark]:disabled, .carrow[data-background=dark][data-state=disabled], .carrow_light:disabled, .carrow_light[data-state=disabled] {
  color: var(--dark);
  background-color: var(--light);
  border-color: transparent;
  opacity: 50%;
  cursor: not-allowed;
}
.bg_light .carrow, .bg_light .carrow[data-state=default], .carrow[data-background=light], .carrow[data-background=light][data-state=default], .carrow_dark, .carrow_dark[data-state=default], .carrow, .carrow[data-state=default] {
  color: var(--light);
  background-color: var(--dark);
  border-color: transparent;
}
.bg_light .carrow:hover, .bg_light .carrow[data-state=hover], .carrow[data-background=light]:hover, .carrow[data-background=light][data-state=hover], .carrow_dark:hover, .carrow_dark[data-state=hover], .carrow:hover, .carrow[data-state=hover] {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--dark);
}
.bg_light .carrow:disabled, .bg_light .carrow[data-state=disabled], .carrow[data-background=light]:disabled, .carrow[data-background=light][data-state=disabled], .carrow_dark:disabled, .carrow_dark[data-state=disabled], .carrow:disabled, .carrow[data-state=disabled] {
  color: var(--light);
  background-color: var(--dark);
  border-color: transparent;
  opacity: 50%;
  cursor: not-allowed;
}
.carrow i {
  font-size: 32px;
  height: 1em;
}

input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  position: relative;
  cursor: pointer;
}
input[type=checkbox]:not(.switch) {
  background: white;
  width: 24px;
  height: 24px;
}
input[type=checkbox]:not(.switch):before {
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: white;
  border: 1px solid #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
input[type=checkbox]:not(.switch):after {
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4257 6.32764L8.12573 12.6276C7.86213 12.8912 7.43474 12.8912 7.17114 12.6276L3.57114 9.02764L4.52573 8.07305L7.64843 11.1957L13.4711 5.37305L14.4257 6.32764Z' fill='%23000000'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4257 6.32764L8.12573 12.6276C7.86213 12.8912 7.43474 12.8912 7.17114 12.6276L3.57114 9.02764L4.52573 8.07305L7.64843 11.1957L13.4711 5.37305L14.4257 6.32764Z' fill='%23000000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
input[type=checkbox]:not(.switch):hover:after, input[type=checkbox]:not(.switch)[data-state=hover]:after {
  background-color: #C0C0C0;
}
input[type=checkbox]:not(.switch):checked:before {
  background: #000;
}
label:has(input[type=checkbox]:not(.switch)) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
input[type=checkbox].switch {
  background-color: #E6E6E6;
  transition: 0.3s;
  --h: calc(1em / 3 * 4);
  height: var(--h);
  --w: calc(1em / 3 * 7);
  width: var(--w);
  --d: calc(1em / 9 * 8);
  --t: calc((var(--h) - var(--d)) / 2);
  border-radius: var(--h);
}
input[type=checkbox].switch:after {
  transition: 0.3s;
  display: block;
  width: var(--d);
  height: var(--d);
  content: "";
  border-radius: 50%;
  background-color: #FFF;
  position: absolute;
  top: var(--t);
  left: var(--t);
}
input[type=checkbox].switch:hover, input[type=checkbox].switch[data-state=hover] {
  background-color: #737373;
}
input[type=checkbox].switch:checked {
  background-color: #000;
}
input[type=checkbox].switch:checked:after {
  left: calc(var(--w) - var(--d) - var(--t));
}
label:has(input[type=checkbox].switch) {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.input-group {
  position: relative;
  background-color: transparent;
  transition: 0.3s;
}
.input-group input {
  height: 44px;
}
.input-group input, .input-group textarea {
  background: var(--Gray);
  font-size: 14px;
  line-height: 20px;
  border: none;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 12px 15px;
  border-radius: 8px;
}
.input-group:has(:is(input, textarea):focus) {
  background-color: var(--Neutral-0, #fff);
}
.input-group:has(:is(input, textarea):focus) :is(input, textarea)::-moz-placeholder {
  opacity: 0;
}
.input-group:has(:is(input, textarea):focus) :is(input, textarea)::placeholder {
  opacity: 0;
}

.select-group {
  --count: 1;
  position: relative;
  width: min(100%, 420px);
  display: inline-block;
  /* common styles */
}
.select-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-group label select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  z-index: -1;
}
.select-group label select[multiple] {
  z-index: -1;
}
.select-group label i {
  font-size: 24px;
  height: 24px;
}
.select-group label:has(+ [data-opened="1"]) i {
  transform: rotate(180deg);
}
label .select-group-overlay {
  display: none;
}
.select-group select {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
}
.select-group {
  /* with no data-theme */
}
.select-group:not([data-theme]) {
  height: 60px;
  border-bottom: 1px solid var(--Neutral-300);
}
.select-group:not([data-theme]):hover, .select-group:not([data-theme])[data-opened="1"] {
  border-bottom: 1px solid var(--Neutral-900);
}
.select-group:not([data-theme]) label {
  background-color: inherit;
  gap: 16px;
}
.select-group:not([data-theme]) label > span {
  position: relative;
  z-index: 1;
  height: 100%;
  display: block;
  flex-grow: 1;
}
.select-group:not([data-theme]) label > span > span {
  padding: 23px 32px 20px 0px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  transition: 0.3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select-group:not([data-theme]) label[data-choosen="0"] > span > span:first-child {
  opacity: 0;
}
.select-group:not([data-theme]) label[data-choosen="0"] > span > span + span {
  color: #565656;
}
.select-group:not([data-theme]) label[data-choosen="1"] > span > span:first-child {
  color: #000000;
}
.select-group:not([data-theme]) label[data-choosen="1"] > span > span + span {
  color: #8F8F8F;
  padding: 0px 32px 20px 0px;
  font-size: 12px;
}
.select-group:has(.select-group-dropdown[data-opened="1"]) label .select-group-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}
.select-group-dropdown {
  width: 100%;
  --p: 18px;
  background: white;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 4;
  display: flex;
  flex-direction: column;
  transition: 0.6s;
}
.select-group-dropdown[data-opened="0"], .select-group-dropdown {
  max-height: 0;
}
.select-group-dropdown[data-opened="1"] {
  max-height: calc(24px + (32px + 1.125em) * 6);
}
.select-group-dropdown .flex-column > div {
  cursor: pointer;
}
.select-group:not([data-theme]) .select-group-dropdown {
  top: calc(100% + 16px);
}
.select-group:not([data-theme]) .select-group-dropdown .flex-column {
  padding: 12px 6px;
  max-height: 100%;
  overflow: auto;
}
.select-group:not([data-theme]) .select-group-dropdown .flex-column > div {
  padding: 16px;
  cursor: pointer;
  color: var(--Neutral-700);
  /* Псевдоэлементы для пуль */
}
.select-group:not([data-theme]) .select-group-dropdown .flex-column > div[data-active="1"] {
  color: var(--Neutral-800);
}
@media screen and (min-width: 992px) {
  .select-group:not([data-theme]) .select-group-dropdown {
    --p: 24px;
    top: calc(100% + 8px);
  }
  .select-group:not([data-theme]) .select-group-dropdown .flex-column {
    border-radius: 16px;
  }
}
.select-group {
  /* with data-theme=frame */
}
.select-group:is([data-theme=frame]) {
  height: 52px;
  border: 1px solid var(--Neutral-300, #CFCFCF);
}
.select-group:is([data-theme=frame]):hover {
  border-color: var(--Neutral-700, #CFCFCF);
}
.select-group:is([data-theme=frame])[data-opened="1"] {
  border-color: var(--Neutral-800, #CFCFCF);
}
.select-group:is([data-theme=frame]) label {
  padding: 0 14px 0 22px;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
.select-group:is([data-theme=frame]) label > span {
  padding: 12px 0;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  font: 700 15px/120% Montserrat;
  text-transform: uppercase;
}
.select-group:is([data-theme=frame]) label > span > span:first-child {
  order: 2;
}
.select-group:is([data-theme=frame]) label > span > span + span {
  order: 1;
}
.select-group:is([data-theme=frame]) label[data-choosen="0"] > span > span:first-child {
  display: none;
}
.select-group:is([data-theme=frame]) label[data-choosen="1"] > span > span + span:not(:empty):after {
  content: ": ";
}
.select-group:is([data-theme=frame]) label:has(+ [data-opened="1"]) select[multiple] {
  height: 0;
  overflow: hidden;
}
.select-group:is([data-theme=frame]) {
  /* not init yet */
}
.select-group:is([data-theme=frame]) > select[multiple] {
  overflow: hidden;
}
.select-group:is([data-theme=frame]) > select[multiple]:focus {
  height: auto;
}
.select-group:is([data-theme=frame]) > select[multiple] option, .select-group:is([data-theme=frame]) label select option {
  padding: 12px 14px;
  font: 700 15px/120% Montserrat;
  height: 52px;
  display: flex;
  align-items: center;
}
.select-group:is([data-theme=frame]) .select-group-dropdown {
  top: calc(100% + 1px);
}
.select-group:is([data-theme=frame]) .select-group-dropdown[data-opened="1"] {
  outline-width: 1px;
  outline-style: solid;
  outline-color: var(--Neutral-800, #CFCFCF);
}
.select-group:is([data-theme=frame]) .select-group-dropdown .flex-column > div {
  padding: 12px 14px;
  color: var(--Neutral-500);
}
.select-group:is([data-theme=frame]) .select-group-dropdown .flex-column > div:hover {
  color: var(--Neutral-800);
}
.select-group:is([data-theme=frame]) .select-group-dropdown .flex-column > div[data-active="1"] {
  color: var(--Neutral-900);
}

.wishlist i {
  font-size: 24px;
  color: var(--dark);
  cursor: pointer;
  transition: 0.3s;
}
.wishlist:has(input:not(:checked)) i:hover {
  color: var(--Neutral-600);
}

.header {
  position: sticky;
  top: 0;
  z-index: 20;
}
@media screen and (min-width: 768px) {
  .header_topline > .container > div {
    margin: 0 -13px;
  }
}
.header_topline_side {
  display: flex;
  gap: 6px;
}
.header_topline_side_image {
  display: flex;
  width: 30px;
}
@media screen and (min-width: 768px) {
  .header_topline_side_image {
    width: 45px;
  }
}
.header_topline_side_image {
  flex-shrink: 0;
}
.header_topline_side_image img {
  max-width: 100%;
  max-height: calc(100% - 3px);
}
.header_topline_side[data-side=left] .header_topline_side_image:nth-child(2n), .header_topline_side[data-side=right] .header_topline_side_image:nth-child(2n+1) {
  align-items: start;
}
.header_topline_side[data-side=left] .header_topline_side_image:nth-child(2n+1), .header_topline_side[data-side=right] .header_topline_side_image:nth-child(2n) {
  align-items: end;
}
.header_topline_text {
  align-self: center;
}
.header_mainline_logo {
  height: 20px;
}
.header_mainline_icons {
  display: flex;
  gap: 12px;
  padding: 13px 0;
}
.header_mainline_icons i svg {
  width: 16px;
  height: 16px;
}
.header_mainline_icons a, .header_mainline_icons label {
  margin: 0 -6px;
}
.header_mainline_icons a i, .header_mainline_icons label i {
  margin: 0 6px;
}
.header_mainline_right {
  gap: 24px;
}
.header_mainline_contact i {
  line-height: 0;
}
.header_mainline_menu_items {
  gap: 30px;
}
.header_subline .container {
  height: 40px;
}
.header_subline_menu, .header_subline_menu_items {
  gap: 30px;
}
.header_subline_icons {
  display: flex;
  gap: 12px;
}
.header_subline_icons i svg {
  width: 20px;
  height: 20px;
}
.header_subline_search .dropdown-body {
  min-width: min(100%, 704px);
  min-width: 704px;
  --max-height: 100vh;
}
.header_subline_search .dropdown-body form.d-flex {
  gap: 8px;
}
@media screen and (min-width: 768px) and (width < 1200px) {
  .header_subline_search.dropdown {
    position: static;
  }
  .header_subline_search .dropdown-body {
    position: absolute;
    left: 0;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .container:has(.header_subline_search) {
    position: relative;
  }
}
.header_subline_fast .button {
  color: var(--dark);
  border-color: #D2D2D7;
}
.header_subsearch {
  overflow: hidden;
  transition: 0.3s;
}
.header_subsearch input {
  padding: 6px 12px;
  height: 28px;
  border-radius: 8px;
  background-color: #fff;
}
.header_subsearch button {
  width: 28px;
  height: 28px;
  padding: 8px;
  border-radius: 8px;
}
.header_subsearch button i svg {
  width: 14px;
  height: 14px;
}
.header_subsearch:has(input#subsearch:checked) {
  height: 48px;
}
.header_subsearch:has(input#subsearch:not(:checked)) {
  height: 0;
}
.header_sidebar {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 395px;
  height: auto !important;
  padding: 34px;
  transition: 0.3s;
}
.header_sidebar_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header_sidebar_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_sidebar_logo, .header_sidebar_logo img {
  max-height: 30px;
  -o-object-fit: initial;
     object-fit: initial;
}
.header {
  /*
  Sidebar animations
  */
}
.header:has(#showmenu:is(:checked)) .header_sidebar {
  transform: translateX(0%);
}
.header:has(.header_sidebar)::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  height: 0;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(0px);
  opacity: 0;
  pointer-events: none;
  transition: backdrop-filter 0.3s ease-out 0s, opacity 0.3s ease-out 0.3s, pointer-events 0s linear 0.6s, height 0s linear 0.6s;
}
.header:has(.header_sidebar.unswipe_open)::before {
  opacity: 1;
  height: 100vh;
  backdrop-filter: blur(19px);
  pointer-events: auto;
  transition: pointer-events 0s linear 0s, opacity 0.3s ease-out 0s, backdrop-filter 0.3s ease-out 0.3s;
}
@media screen and (min-width: 768px) {
  .header_sidebar {
    border-radius: 20px 0 0 20px;
  }
}

.header__popslide {
  left: 0;
  width: 100%;
}
@media screen and (width < 1200px) {
  .header__popslide {
    transition: transform 0.3s 0s, opacity 0s 0s;
    background-color: #FFF;
    position: absolute;
    top: 100%;
    height: calc(min(100vh, 100dvh) - 100%);
    overflow: auto;
  }
  .header__popslide_content {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .header__popslide {
    transition: opacity 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    display: flex;
    align-items: center;
  }
  .header__popslide_content {
    overflow: auto;
    max-height: calc(100% - 120px);
    padding-bottom: 60px;
  }
  .header__popslide > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
  }
}
.header__popslide_content {
  position: relative;
  background-color: #FFF;
  padding-top: 60px;
  gap: 48px;
  z-index: 1;
  max-width: 572px;
}
.header__popslide_form {
  gap: 48px;
}
.header__popslide_fieldset {
  gap: 28px;
}
.header__popslide_inputset {
  gap: 18px;
}
.header__popslide_formfoo {
  gap: 36px;
}
.header__popslide_actionset {
  gap: 16px;
  align-items: center;
}
.header__popslide_actionset .button {
  width: 100%;
}
.header__popslide_actionset i {
  height: 48px;
}
.header__popslide_or {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #565656;
}
.header__popslide_or:after, .header__popslide_or:before {
  display: inline-block;
  content: "";
  width: 48px;
  height: 1px;
  background: var(--Neutral-200, #E6E6E6);
}
.header__popslide_so {
  display: flex;
  gap: 12px;
}
.header__popslide_linkset {
  align-items: center;
  gap: 16px;
}
.header__popslide .input-group {
  width: 100%;
}
.header__popslide a, .header__popslide label {
  color: var(--Neutral-900);
}
.header__popslide span:has(a, label) {
  color: var(--Neutral-600);
}

:is(html, body):has(.header #login:checked) {
  height: 100dvh;
  overflow: hidden;
}

.header:has(#login:not(:checked)) .header__popslide[data-unswipe-control="#login"] {
  transform: translateX(-100%);
  opacity: 0;
}
@media screen and (width < 1200px) {
  .header:has(#login:not(:checked)) .header__popslide[data-unswipe-control="#login"] {
    transition: transform 0.3s 0s, opacity 0s 0.3s;
  }
}
@media screen and (min-width: 1200px) {
  .header:has(#login:not(:checked)) .header__popslide[data-unswipe-control="#login"] {
    transition: transform 0s 0.3s, opacity 0.3s 0s;
  }
}

.header:not(:has(#login)) .header__popslide[data-unswipe-control="#login"] {
  display: none;
}

:is(html, body):has(.header #register:checked) {
  height: 100dvh;
  overflow: hidden;
}

.header:has(#register:not(:checked)) .header__popslide[data-unswipe-control="#register"] {
  transform: translateX(-100%);
  opacity: 0;
}
@media screen and (width < 1200px) {
  .header:has(#register:not(:checked)) .header__popslide[data-unswipe-control="#register"] {
    transition: transform 0.3s 0s, opacity 0s 0.3s;
  }
}
@media screen and (min-width: 1200px) {
  .header:has(#register:not(:checked)) .header__popslide[data-unswipe-control="#register"] {
    transition: transform 0s 0.3s, opacity 0.3s 0s;
  }
}

.header:not(:has(#register)) .header__popslide[data-unswipe-control="#register"] {
  display: none;
}

.footer {
  padding: 48px 0 24px;
  margin-top: auto;
}
.footer .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.footer_logo {
  filter: invert(1);
}
.footer_logo img {
  height: 42px;
}
@media screen and (min-width: 768px) {
  .footer_logo img {
    height: 82px;
  }
}
@media screen and (min-width: 1200px) {
  .footer_logo img {
    height: 105px;
  }
}
@media screen and (min-width: 1760px) {
  .footer_logo img {
    height: 140px;
  }
}
.footer_content {
  display: flex;
  flex-direction: column-reverse;
  gap: 64px;
}
.footer_info {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.footer_contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer_contacts_phone {
  font-size: 26px;
  font-weight: 500;
}
.footer_contacts_email {
  font-size: 20px;
  font-weight: 500;
}
.footer_contacts_soso img {
  height: 32px;
}
.footer_contacts_swtf {
  font-size: 18px;
  color: var(--Neutral-200, #E6E6E6);
}
@media screen and (min-width: 768px) {
  .footer_contacts:has(.footer_contacts_swtf) {
    flex-direction: row;
    align-items: center;
  }
  .footer_contacts:has(.footer_contacts_phone) {
    gap: 14px;
  }
  .footer_contacts_phone {
    font-size: 32px;
  }
  .footer_contacts_email {
    font-size: 18px;
  }
  .footer_contacts_swtf {
    font-size: 16px;
  }
  .footer_contacts_swtf:before {
    content: "- ";
  }
}
.footer_nav {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer_nav-branch {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .footer_nav {
    flex-direction: row;
  }
  .footer_nav > * {
    flex-grow: 1;
  }
}
.footer_footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer_credits {
  display: flex;
  flex-direction: column-reverse;
  gap: 48px;
}
@media screen and (min-width: 768px) {
  .footer_credits {
    font-size: 15px;
  }
}
.footer_lynx {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .footer {
    padding: 64px 0 24px;
  }
  .footer_credits, .footer_lynx {
    flex-direction: row;
    justify-content: space-between;
  }
  .footer_lynx {
    gap: 140px;
  }
}
@media screen and (min-width: 1200px) {
  .footer_logo {
    display: flex;
    justify-content: center;
  }
  .footer_content, .footer_credits {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
  .footer_content > *, .footer_credits > * {
    width: 50%;
  }
}
@media screen and (min-width: 1760px) {
  .footer_content > :nth-child(2), .footer_credits > :nth-child(2) {
    width: 625px;
  }
}

.product_card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.product_card_main {
  gap: 32px;
}
.product_card_info {
  gap: 16px;
}
.product_card_title {
  gap: 12px;
}
.product_card_image {
  aspect-ratio: 410/554;
  background-image: linear-gradient(180deg, #F5F5F5 0%, #EDEDED 100%);
  position: relative;
}
.product_card_image > * {
  width: 100%;
  height: 100%;
}
.product_card_image__alt {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.6s;
}
.product_card_image:hover .product_card_image__alt {
  opacity: 1;
}
.product_card_image__lost > .flex-column {
  gap: 20px;
}
.product_card_image__lost > .flex-column > .flex-column {
  gap: 8px;
}
.product_card_image__lost i {
  font-size: 48px;
  height: 1em;
  color: rgba(0, 0, 0, 0.8);
}
.product_card_image__title {
  font: 800 24px/120% Montserrat;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
}
.product_card_image__subtt {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
}
.product_card_image:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: unset;
}
.product_card_name {
  font: 800 24px/120% Montserrat;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
.product_card_wish {
  position: absolute;
  top: 24px;
  right: 24px;
}
.product_card_wish i {
  font-size: 32px;
}
.product_card_price {
  display: flex;
  gap: 12px;
  align-items: center;
  color: var(--Neutral-800);
  font-family: Montserrat;
}
.product_card_price_main {
  font-weight: 600;
  font-size: 24px;
}
.product_card_price_old {
  font-weight: 500;
  font-size: 16px;
  opacity: 0.8;
}
.product_card_action {
  margin-top: auto;
}

.dropdown {
  --max-height: 150px;
  position: relative;
}
.dropdown-link {
  cursor: pointer;
}
.dropdown-body {
  display: block;
  overflow: hidden;
  max-height: 0;
  position: absolute;
  top: 100%;
  z-index: 10;
  transition: 0.3s;
  margin-left: -20px;
}
.dropdown-body-inner {
  padding: 20px;
}
.dropdown[data-origin=right] .dropdown-body {
  right: 0;
  margin-right: -20px;
}
.dropdown-link :is(span + i svg) {
  transition: 0.3s;
}
.dropdown[data-trigger=hover]:hover .dropdown-link :is(span + i svg) {
  transform: scaleY(-1);
}
.dropdown[data-trigger=hover]:hover .dropdown-body, .dropdown[data-trigger=input]:has(.dropdown-body input:checked) .dropdown-body {
  height: auto;
  max-height: var(--max-height);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 6px 2px 14px rgba(146, 148, 176, 0.12), 25px 8px 26px rgba(146, 148, 176, 0.1), 57px 18px 36px rgba(146, 148, 176, 0.06), 101px 31px 42px rgba(146, 148, 176, 0.02), 157px 49px 46px rgba(146, 148, 176, 0);
}
.dropdown[data-trigger=input]:has(.dropdown-body input:checked) .dropdown-overlay:is(label) {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(0.5px);
  cursor: default;
}

:root {
  --Accent-Primary: #1B7C41;
  --Dark-Green: #16502D;
  --Bright-Green: #29AC32;
  --Bright-Yellow: #EFA910;
  --Bright-Blue: #0D93AA;
  --Bright-Red: #D53A3A;
  --Soft-Green: #B6FFB7;
  --Soft-Yellow: #FFF490;
  --Soft-Blue: #AEF3FF;
  --Text-Secondary: #707070;
  --Border: #F0F0F0;
  --Glass-White: rgba(255, 255, 255, 0.01);
  --White: #FFFFFF;
  --Black: #0C0C0C;
  --Gray: #F5F5F7;
  --dark: #000000;
  --light: #FFFFFF;
}

.color-Accent-Primary {
  color: var(--Accent-Primary);
  --text-dark: true;
}

.bg-Accent-Primary {
  background-color: var(--Accent-Primary);
  --bg-dark: true;
}
.bg-Accent-Primary, .bg-Accent-Primary a {
  color: var(--light);
}

.color-Dark-Green {
  color: var(--Dark-Green);
  --text-dark: true;
}

.bg-Dark-Green {
  background-color: var(--Dark-Green);
  --bg-dark: true;
}
.bg-Dark-Green, .bg-Dark-Green a {
  color: var(--light);
}

.color-Bright-Green {
  color: var(--Bright-Green);
}

.bg-Bright-Green {
  background-color: var(--Bright-Green);
}

.color-Bright-Yellow {
  color: var(--Bright-Yellow);
}

.bg-Bright-Yellow {
  background-color: var(--Bright-Yellow);
}

.color-Bright-Blue {
  color: var(--Bright-Blue);
  --text-dark: true;
}

.bg-Bright-Blue {
  background-color: var(--Bright-Blue);
  --bg-dark: true;
}
.bg-Bright-Blue, .bg-Bright-Blue a {
  color: var(--light);
}

.color-Bright-Red {
  color: var(--Bright-Red);
  --text-dark: true;
}

.bg-Bright-Red {
  background-color: var(--Bright-Red);
  --bg-dark: true;
}
.bg-Bright-Red, .bg-Bright-Red a {
  color: var(--light);
}

.color-Soft-Green {
  color: var(--Soft-Green);
}

.bg-Soft-Green {
  background-color: var(--Soft-Green);
}

.color-Soft-Yellow {
  color: var(--Soft-Yellow);
}

.bg-Soft-Yellow {
  background-color: var(--Soft-Yellow);
}

.color-Soft-Blue {
  color: var(--Soft-Blue);
}

.bg-Soft-Blue {
  background-color: var(--Soft-Blue);
}

.color-Text-Secondary {
  color: var(--Text-Secondary);
  --text-dark: true;
}

.bg-Text-Secondary {
  background-color: var(--Text-Secondary);
  --bg-dark: true;
}
.bg-Text-Secondary, .bg-Text-Secondary a {
  color: var(--light);
}

.color-Border {
  color: var(--Border);
}

.bg-Border {
  background-color: var(--Border);
}

.color-Glass-White {
  color: var(--Glass-White);
}

.bg-Glass-White {
  background-color: var(--Glass-White);
}

.color-White {
  color: var(--White);
}

.bg-White {
  background-color: var(--White);
}

.color-Black {
  color: var(--Black);
  --text-dark: true;
}

.bg-Black {
  background-color: var(--Black);
  --bg-dark: true;
}
.bg-Black, .bg-Black a {
  color: var(--light);
}

.color-Gray {
  color: var(--Gray);
}

.bg-Gray {
  background-color: var(--Gray);
}

.color-dark {
  color: var(--dark);
  --text-dark: true;
}

.bg-dark {
  background-color: var(--dark);
  --bg-dark: true;
}
.bg-dark, .bg-dark a {
  color: var(--light);
}

.color-light {
  color: var(--light);
}

.bg-light {
  background-color: var(--light);
}

.unswipe {
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 1000;
  transition: transform 0.3s ease; /* Плавный возврат при отпускании */
  will-change: transform;
}
.unswipe_touched {
  transition: none;
}
.unswipe--left {
  left: 0;
  transform: translateX(-100%); /* Спрятано за левым краем */
}
.unswipe--right {
  right: 0;
  transform: translateX(100%); /* Спрятано за правым краем */
}

/*

#left-menu-toggle:checked ~ .unswipe--left {
    transform: translateX(0);
}

#right-menu-toggle:checked ~ .unswipe--right {
    transform: translateX(0);
}

*/
html, body {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  min-height: 100vh;
}

body {
  display: flex;
  flex-direction: column;
}
body > .container > * {
  flex-shrink: 0;
}
body > :has(+ footer) {
  margin-bottom: auto;
}

* {
  box-sizing: border-box;
}

label {
  cursor: pointer;
}

.container .container {
  padding-left: 0;
  padding-right: 0;
}

.px {
  display: block;
  min-width: 1px;
  min-height: 1px;
}

i:is([class^=icon-], [class*=" icon-"]):is([class^=fs-], [class*=" fs-"]) {
  width: 1em;
  height: 1em;
  display: block;
}

a {
  color: var(--Neutral-900);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.img img, .img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -o-object-position: 50%;
     object-position: 50%;
}

.flex-column:not(.d-flex) {
  display: flex;
  flex-direction: column;
}

.flex-center:not(.d-flex) {
  display: flex;
  align-items: center;
  justify-content: center;
}

label:has(input ~ .is_false):has(input ~ .is_true) input {
  display: none;
}
label input:checked ~ .is_false, label input:not(:checked) ~ .is_true {
  display: none;
}

:is(html, body):has(input.hash.lock:checked) {
  overflow: hidden;
  height: 100%;
  margin: 0;
}

a:has(i + span), a:has(span + i) {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
a:has(i + span) i, a:has(span + i) i {
  display: contents;
}

.locked:has(input.hash.lock:checked) {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.line.vertical {
  width: 1px;
  height: 100%;
  background-color: red;
}
.line.h1em {
  height: 1em;
}