:not(ymaps),
:not(ymaps):after,
:not(ymaps):before {
  box-sizing: border-box;
  position: relative;
}

html {
  height: 100%;
}

body {
  margin: 0;
  background-color: #fff;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-text-decoration-skip: objects;
  text-decoration-skip: objects;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

:focus {
  outline: 0;
}

blockquote,
dd,
dl,
figure,
p {
  margin: 0;
}

blockquote,
q {
  quotes: none;
}

ol,
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

audio,
video {
  display: block;
}

img {
  display: block;
  border: none;
}

iframe {
  border: none;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr {
  border: none;
  text-decoration: none;
}

dfn {
  font-style: inherit;
}

mark {
  background-color: transparent;
  color: inherit;
}

small {
  font-size: inherit;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: inherit;
  line-height: 0;
}

sub {
  bottom: -0.25em;
  font-size: 0.8em;
}

sup {
  top: -0.4em;
  font-size: 0.8em;
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-align: left;
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  cursor: pointer;
  -webkit-appearance: none;
}

textarea {
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 0;
}

[type="number"] {
  -moz-appearance: textfield;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[type="search"] {
  outline: 0;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

legend {
  display: block;
  padding: 0;
  white-space: normal;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

::placeholder {
  color: inherit;
  opacity: 1;
  transition: opacity 0.3s;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-moz-placeholder {
  color: inherit;
  opacity: 1;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

[hidden] {
  display: none;
}

._disabled,
.disabled,
:disabled {
  cursor: not-allowed;
}

::-ms-clear {
  display: none;
}

:-webkit-autofill {
  box-shadow: 0 0 100px #fff inset;
  -webkit-text-fill-color: currentColor;
}

:-webkit-autofill[data-focus-visible-added] {
  box-shadow: 0 0 100px #fff inset;
}

picture {
  display: block;
}

@media print {
  @page {
    margin: 1cm;
  }

  body {
    background: #fff;
    color: #000;
  }

  a,
  blockquote,
  pre,
  table {
    page-break-inside: avoid;
  }

  dl,
  ol,
  ul {
    page-break-before: avoid;
  }
}

@keyframes fadeEffect {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes scroll {
  0% {
    transform: translate(0);
  }

  to {
    transform: translate(-50%);
  }
}

:root {
  --vh: 1vh;
  --scrollbar-width: 0px;
  --height-notify: 0px;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
  scroll-padding-top: 5.6rem;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

html[data-no-effects] {
  scroll-behavior: auto;
}

@media (min-width: 768px) {
  [data-zoom="100"] html {
    scroll-padding-top: 6.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] html {
    scroll-padding-top: 5.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] html {
    scroll-padding-top: 5.8rem;
  }
}

html[data-zoom="125"] {
  font-size: 12.5px;
}

html[data-zoom="150"] {
  font-size: 15px;
}

html[data-zoom="175"] {
  font-size: 17.5px;
}

html[data-zoom="200"] {
  font-size: 20px;
}

html[data-images="2"] image,
html[data-images="2"] img,
html[data-images="2"] video {
  filter: grayscale(1);
}

html[data-images="3"] image,
html[data-images="3"] img,
html[data-images="3"] video {
  visibility: hidden;
}

.body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--main-white, #fff);
  color: #000;
  font-family: CoFo Sans, sans-serif;
  font-size: 10px;
  letter-spacing: normal;
  line-height: 1.2;
}

.body._overflow-hidden {
  overflow: hidden;
}

.body._padding-top {
  padding-top: 7.6rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .body._padding-top {
    padding-top: 8.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .body._padding-top {
    padding-top: 8.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .body._padding-top {
    padding-top: 8.2rem;
  }
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 360px) {
  [data-zoom="100"] .container {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .container {
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .container {
    max-width: 100%;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .container {
    max-width: 100%;
  }
}

@media (min-width: 1920px) {
  [data-zoom="100"] .container {
    max-width: 1920px;
  }
}

@media (min-width: 360px) {
  [data-zoom="100"] .container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .container {
    padding-right: 2.4rem;
    padding-left: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .container {
    padding-right: 2.6rem;
    padding-left: 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .container {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
}

@media (min-width: 1920px) {
  [data-zoom="100"] .container {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
}

@media (min-width: 360px) and (max-width: 767.98px) {
  [data-zoom="100"] .container.sm-full {
    margin-right: -2rem;
    margin-left: -2rem;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  [data-zoom="100"] .container.md-full {
    margin-right: -2.4rem;
    margin-left: -2.4rem;
  }
}

@media (min-width: 1280px) and (max-width: 1599.98px) {
  [data-zoom="100"] .container.lg-full {
    margin-right: -2.6rem;
    margin-left: -2.6rem;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  [data-zoom="100"] .container.xl-full {
    margin-right: -3.2rem;
    margin-left: -3.2rem;
  }
}

@media (min-width: 1920px) {
  [data-zoom="100"] .container.xxl-full {
    margin-right: -3.2rem;
    margin-left: -3.2rem;
  }
}

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

.hidden {
  display: none !important;
}

@media (min-width: 768px) {
  [data-zoom="100"] .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .hidden-xl {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  [data-zoom="100"] .visible-md {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .visible-lg {
    display: none !important;
  }
}

@media (max-width: 1599.98px) {
  [data-zoom="100"] .visible-xl {
    display: none !important;
  }
}

.text-nowrap {
  white-space: nowrap;
}

.text-muted {
  color: #00000080;
}

.text-uppercase {
  text-transform: uppercase;
}

.link,
a {
  cursor: pointer;
}

strong {
  font-weight: 700;
}

::-webkit-input-placeholder {
  color: #00000080;
}

:-moz-placeholder {
  color: #00000080;
}

::-moz-placeholder {
  color: #00000080;
}

:-ms-input-placeholder {
  color: #00000080;
}

.necessaty_fields {
  display: none !important;
}

.fancybox-navigation,
.fancybox__nav {
  position: static;
}

.contain-pic,
.cover-pic {
  width: 100%;
  height: 100%;
}

.cover-pic {
  object-fit: cover;
  object-position: top center;
}

.contain-pic {
  object-fit: contain;
}

.svgsprite {
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.screen-reader-only {
  position: fixed !important;
  top: auto;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

a[href^="mailto:"] {
  overflow-wrap: anywhere;
}

.js-hidden-input {
  display: none;
}

._my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

._mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.js-custom-link {
  cursor: pointer;
}

.link-hover {
  text-decoration: none;
}

.link-hover {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .link-hover:hover {
    color: #808a80 !important;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .link-hover:focus-visible {
    color: #808a80 !important;
  }

  body:not(._use-mouse) .link-hover:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .link-hover:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .link-hover:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .link-hover[data-focus-visible-added] {
    color: #808a80 !important;
  }

  body:not(._use-mouse) .link-hover[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .link-hover[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .link-hover[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.link-hover:active {
  color: #808a80 !important;
}

.link-hover._disabled,
.link-hover:disabled {
  color: #000 !important;
  opacity: 0.4;
}

.divider {
  border-top: 0.1rem solid #000;
  margin: 0;
}

.h1 {
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 300;
  font-size: 4.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .h1 {
    font-size: 5.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .h1 {
    font-size: 8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .h1 {
    font-size: 10rem;
  }
}

.h2,
.rte h2 {
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  letter-spacing: -0.1rem;
  font-weight: 300;
  line-height: 1.11;
  font-size: 3.6rem;
}

@media (min-width: 768px) {

  .rte [data-zoom="100"] h2,
  [data-zoom="100"] .h2,
  [data-zoom="100"] .rte h2 {
    font-size: 4.6rem;
  }
}

@media (min-width: 1280px) {

  .rte [data-zoom="100"] h2,
  [data-zoom="100"] .h2,
  [data-zoom="100"] .rte h2 {
    font-size: 5.6rem;
  }
}

@media (min-width: 1600px) {

  .rte [data-zoom="100"] h2,
  [data-zoom="100"] .h2,
  [data-zoom="100"] .rte h2 {
    font-size: 7.2rem;
  }
}

.h3,
.rte h3 {
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: -0.1rem;
  font-size: 3.2rem;
}

@media (min-width: 768px) {

  .rte [data-zoom="100"] h3,
  [data-zoom="100"] .h3,
  [data-zoom="100"] .rte h3 {
    font-size: 3.6rem;
  }
}

@media (min-width: 1280px) {

  .rte [data-zoom="100"] h3,
  [data-zoom="100"] .h3,
  [data-zoom="100"] .rte h3 {
    font-size: 4.2rem;
  }
}

@media (min-width: 1600px) {

  .rte [data-zoom="100"] h3,
  [data-zoom="100"] .h3,
  [data-zoom="100"] .rte h3 {
    font-size: 5.2rem;
  }
}

.accordion-item-title,
.h4,
.rte h4 {
  font-style: normal;
  line-height: 1.12;
  font-weight: 400;
  font-size: 2rem;
}

@media (min-width: 768px) {

  .rte [data-zoom="100"] h4,
  [data-zoom="100"] .accordion-item-title,
  [data-zoom="100"] .h4,
  [data-zoom="100"] .rte h4 {
    font-size: 2.4rem;
  }
}

@media (min-width: 1280px) {

  .rte [data-zoom="100"] h4,
  [data-zoom="100"] .accordion-item-title,
  [data-zoom="100"] .h4,
  [data-zoom="100"] .rte h4 {
    font-size: 2.6rem;
  }
}

@media (min-width: 1600px) {

  .rte [data-zoom="100"] h4,
  [data-zoom="100"] .accordion-item-title,
  [data-zoom="100"] .h4,
  [data-zoom="100"] .rte h4 {
    font-size: 3.2rem;
  }
}

.font-11 {
  letter-spacing: 0.03em;
  line-height: 1.27;
  font-size: 1rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .font-11 {
    font-size: 1.1rem;
  }
}

.font-12 {
  line-height: 1.66;
  font-size: 1.1rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .font-12 {
    font-size: 1.2rem;
  }
}

.font-13 {
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 1.2rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .font-13 {
    font-size: 1.3rem;
  }
}

.font-14 {
  line-height: 1.42;
  font-size: 1.2rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .font-14 {
    font-size: 1.4rem;
  }
}

.font-18,
.rte,
.rte ol li,
.rte ul li {
  line-height: 1.33;
  font-size: 1.5rem;
}

@media (min-width: 1600px) {

  .rte ol [data-zoom="100"] li,
  .rte ul [data-zoom="100"] li,
  [data-zoom="100"] .font-18,
  [data-zoom="100"] .rte,
  [data-zoom="100"] .rte ol li,
  [data-zoom="100"] .rte ul li {
    font-size: 1.8rem;
  }
}

.font-22 {
  line-height: 1.27;
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .font-22 {
    font-size: 1.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .font-22 {
    font-size: 2.2rem;
  }
}

.font-32 {
  line-height: 1.12;
  font-size: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .font-32 {
    font-size: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .font-32 {
    font-size: 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .font-32 {
    font-size: 3.2rem;
  }
}

.header {
  position: relative;
  z-index: 1000;
  width: 100%;
  background-color: #e9e8e4;
}

.header__nav-open {
  display: none;
}

@media (min-width: 1280px) {

  [data-zoom="100"] .header._transparent,
  [data-zoom="100"] .header._transparent .header__nav {
    background-color: transparent;
  }

  [data-zoom="100"] .header._transparent .header__inner {
    background-color: #fff;
    border-bottom: 0.1rem solid #cfceca;
  }

  [data-zoom="100"] .header._transparent .header__inner:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
    opacity: 0;
    visibility: visible;
    /*background-color: #e9e8e4;*/
    background-color: #fff;
    transition: opacity 0.2s ease-in-out 0.4s, visibility 0.2s ease-in-out 0.4s;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header._transparent._fixed-banner .header__top-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header._transparent._fixed-banner._scroll .header__top-wrapper {
    transform: translateY(-100%);
  }
}

.header._filled._transparent .header__inner:before {
  opacity: 1;
  visibility: visible;
}

.header__inner {
  position: fixed;
  top: 0;
  left: 0;
  /*background-color: #e9e8e4;*/
  background-color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 2rem !important;
  height: 5.6rem;
  z-index: 1000;
  border-bottom: 0.1rem solid #cfceca;
  max-width: 100% !important;
}

.header__inner {
  transition-property: transform, visibility, opacity, background-color,
    border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header__inner {
    height: 6.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__inner {
    height: 5.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header__inner {
    height: 5.8rem;
  }
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .header__inner {
    flex-wrap: wrap;
  }
}

.header__inner .logo-group {
  display: flex;
  gap: 1.8rem;
  align-items: center;
  /*flex-basis: 50.2%;*/
}

@media (min-width: 768px) {
  [data-zoom="100"] .header__inner .logo-group {
    gap: 2.4rem;
  }
}

.header._scroll-down .header__inner._fixed-to-top {
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}

.header._scroll .header__inner {
  /*background-color: #e9e8e4 !important;*/
  background-color: #fff !important;
  border-bottom: 0.1rem solid #cfceca !important;
}

.header._open .header__inner {
  border-color: var(--main-gray, #87857f) !important;
}

.header__dropdown-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #0009;
}

.header__dropdown-mask {
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.header__top-wrapper {
  background-color: #000;
  z-index: 1000;
}

.header__top {
  color: #e9e8e4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.2rem 0;
}

.header__burger {
  display: inline-block;
}

.header__logo {
  display: inline-block;
  margin-bottom: 0.4rem;
}

.header__logo-image {
  height: 100%;
  width: auto;
  height: 2.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header__logo-image {
    height: 2.6rem;
  }
}

.header__nav {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
  gap: 2rem;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav {
    justify-content: end;
    gap: 2.4rem;
  }
}

.header__nav-link {
  text-transform: uppercase;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  gap: 0 !important;
  display: block;
}

.header__nav-group {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  align-items: center;
  /*flex-grow: 1;*/
}

.header__nav li {
  flex: none;
  position: relative;
}

.header__nav-inner {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav+.header__nav {
    margin-left: 2.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header__nav+.header__nav {
    margin-left: 3rem;
  }
}

.header__nav._mobile {
  /*background-color: #e9e8e4;*/
  background-color: #fff;
  top: 5.6rem;
  position: static;
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .header__nav._mobile {
    position: absolute;
    left: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    max-height: calc(var(--vh, 1vh) * 100 - 6.2rem - var(--height-notify, 0));
    opacity: 0;
    padding: 3rem 3.2rem;
    visibility: hidden;
  }

  [data-zoom="100"] .header__nav._mobile .header__nav-link {
    font-size: 1.4rem;
  }

  [data-zoom="100"] .header__nav._mobile {
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
  }
}

@media (max-width: 767.98px) {
  [data-zoom="100"] .header__nav._mobile {
    padding: 6.1rem 2rem !important;
    max-height: calc(var(--vh, 1vh) * 100 - 5.6rem - var(--height-notify, 0));
  }

  [data-zoom="100"] .header__nav._mobile .header__nav-link:not(.profile-link) {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .header__nav._mobile {
    top: 8.2rem;
  }

  [data-zoom="100"] .header__nav._mobile .profile-link {
    display: none;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile {
    top: unset;
  }
}

.header__nav._mobile li {
  position: static;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile li {
    height: 100%;
  }
}

@media (hover: hover) and (pointer: fine) {
  .header__nav._mobile li:hover .header__nav-link {
    color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header__nav._mobile li:focus-visible .header__nav-link {
    color: #808a80;
  }

  body:not(._use-mouse) .header__nav._mobile li:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header__nav._mobile li:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header__nav._mobile li:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header__nav._mobile li[data-focus-visible-added] .header__nav-link {
    color: #808a80;
  }

  body:not(._use-mouse) .header__nav._mobile li[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header__nav._mobile li[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header__nav._mobile li[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile li._open .subnav {
    opacity: 1;
    visibility: visible;
  }
}

.header__nav._mobile li._mobile-open .subnav {
  display: block;
}

.header__nav._mobile li._subnav+li:not(._subnav) {
  margin-left: 1.9rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header__nav._mobile li._subnav+li:not(._subnav) {
    margin-left: 2.1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header__nav._mobile li._subnav+li:not(._subnav) {
    margin-left: 7.1rem;
  }
}

.header__nav._mobile li._mobile-open {
  order: 100;
  width: 100%;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile li._mobile-open {
    order: 0;
    width: auto;
  }
}

.header__nav._mobile li._mobile-open .header__nav-link {
  display: none;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile li._mobile-open .header__nav-link {
    display: block;
  }
}

.header__nav._mobile .header__nav-group {
  gap: 1.6rem 0;
  position: static;
  height: 100%;
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .header__nav._mobile .header__nav-group {
    width: 100%;
    flex: none;
    height: auto;
    gap: 1.6rem;
    flex-wrap: wrap;
  }
}

.header__nav._mobile .header__nav-link {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile .header__nav-link {
    padding: 0 0.8rem !important;
    display: flex !important;
    height: 100% !important;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header__nav._mobile .header__nav-link {
    padding: 0 1rem !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .header__nav._mobile .header__nav-link:hover {
    color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header__nav._mobile .header__nav-link:focus-visible {
    color: #808a80;
  }

  body:not(._use-mouse) .header__nav._mobile .header__nav-link:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header__nav._mobile .header__nav-link:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header__nav._mobile .header__nav-link:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header__nav._mobile .header__nav-link[data-focus-visible-added] {
    color: #808a80;
  }

  body:not(._use-mouse) .header__nav._mobile .header__nav-link[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header__nav._mobile .header__nav-link[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header__nav._mobile .header__nav-link[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.header__nav._mobile .header__nav-link span {
  display: block;
}

.header__nav._mobile .profile-link {
  gap: 0.8rem !important;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav._mobile .profile-link {
    display: none !important;
  }
}

.header__nav.fixed-nav {
  flex-grow: 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header__nav.fixed-nav .profile-link {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  [data-zoom="100"] .header__nav.fixed-nav {
    gap: 1.8rem;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .header__nav.fixed-nav {
    gap: 1.8rem !important;
  }
}

.header__nav.fixed-nav .header__nav-group {
  flex-grow: 0;
  justify-content: end;
  gap: 1.8rem;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__nav.fixed-nav .header__nav-group {
    justify-content: center;
  }
}

.header .btn-common {
  white-space: nowrap;
  font-weight: 400;
}

.header .svgsprite {
  width: 2rem;
  height: 2rem;
}

.header .checkout-link {
  position: relative;
}

.header .checkout-label {
  display: none;
}

.header .checkout-label._active {
  display: block;
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] ._open.header .header__inner {
    background-color: #fff;
  }

  [data-zoom="100"] ._open.header .header__nav._mobile {
    visibility: visible;
    opacity: 1;
    overflow: auto;
    gap: 4.2rem;
  }
}

@media (max-width: 1279.98px) and (hover: hover) and (pointer: fine) {
  [data-zoom="100"] ._open.header .header__nav._mobile {
    scrollbar-gutter: 1rem;
  }

  @supports (selector(::-webkit-scrollbar)) {
    [data-zoom="100"] ._open.header .header__nav._mobile::-webkit-scrollbar {
      width: 0.6rem;
      height: 0.6rem;
      background: 0 0;
    }

    [data-zoom="100"] ._open.header .header__nav._mobile::-webkit-scrollbar-track {
      background: 0 0;
    }

    [data-zoom="100"] ._open.header .header__nav._mobile::-webkit-scrollbar-thumb {
      background-color: #cdcdcd;
      border-radius: 1rem;
    }

    [data-zoom="100"] ._open.header .header__nav._mobile::-webkit-scrollbar-thumb:hover {
      background-color: #a6a6a6;
    }
  }

  @supports not (selector(::-webkit-scrollbar)) {
    [data-zoom="100"] ._open.header .header__nav._mobile {
      scrollbar-width: thin;
      scrollbar-color: #cdcdcd transparent;
    }
  }
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] ._open.header .header__dropdown-mask {
    opacity: 1;
    visibility: visible;
  }
}

.content {
  background: inherit;
  padding-bottom: 5.6rem;
  display: flex;
  flex-direction: column;
  gap: 4rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content {
    gap: 4.8rem 0;
    padding-bottom: 8.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content {
    padding-bottom: 11.2rem;
    gap: 5.2rem 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content {
    padding-bottom: 14rem;
    gap: 6.4rem 0;
  }
}

@media (min-width: 360px) {
  [data-zoom="100"] .content {
    margin-top: 8.6rem;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .content {
    margin-top: 9.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content {
    margin-top: 8.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header:not(._transparent)+.content {
    margin-top: 8.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header:not(._transparent)+.content {
    margin-top: 8.8rem;
  }
}

.footer {
  margin-top: auto;
  background: var(--main-black, #000);
  overflow: hidden;
}

.footer__logo {
  padding-top: 2rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__logo {
    padding-top: 2.4rem;
    padding-bottom: 4.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__logo {
    padding-top: 2.6rem;
    padding-bottom: 5.1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__logo {
    padding-top: 3.2rem;
    padding-bottom: 6.2rem;
  }
}

.footer__logo img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}

.footer__connect {
  display: flex;
  flex-direction: column;
  gap: 4.6rem 0;
  padding-top: 3.6rem;
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__connect {
    gap: 6.4rem 0;
    padding-top: 4.6rem;
    padding-bottom: 5.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__connect {
    gap: 7.6rem 0;
    padding-top: 5.2rem;
    padding-bottom: 6.3rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__connect {
    gap: 9.6rem 0;
    padding-top: 6.4rem;
    padding-bottom: 7.8rem;
  }
}

*+.footer__connect {
  border-top: 0.1rem solid #e9e8e4;
}

.footer__top-section {
  display: flex;
  flex-direction: column;
  gap: 3.6rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__top-section {
    gap: 5.6rem 0;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__top-section {
    flex-direction: row;
    align-items: flex-start;
  }
}

.footer__nav {
  flex: none;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__nav {
    column-count: 2;
    column-gap: 1;
    width: 100%;
    margin-bottom: 0;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__nav {
    width: 37rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__nav {
    width: 46.2rem;
  }
}

.footer__nav-item {
  break-inside: avoid;
  margin-bottom: 1.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__nav-item {
    margin-bottom: 1.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__nav-item {
    margin-bottom: 2rem;
  }
}

.footer__nav-item:last-child {
  margin-bottom: 0 !important;
}

.footer__nav-link {
  width: fit-content;
  display: block;
  color: var(--main-absolute-white, #fff);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
}

.footer__nav-link {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__nav-link {
    font-size: 1.8rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .footer__nav-link:hover {
    color: var(--main-gray, #87857f);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .footer__nav-link:focus-visible {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__nav-link:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .footer__nav-link:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .footer__nav-link:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .footer__nav-link[data-focus-visible-added] {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__nav-link[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .footer__nav-link[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .footer__nav-link[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.footer__subscr {
  width: 100%;
  flex: none;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__subscr {
    margin-left: auto;
    width: 48.4rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__subscr {
    width: 60.5rem;
  }
}

.footer__subscr .form-message {
  position: static;
  overflow: visible;
  height: auto;
}

.footer__subscr .form-message._error,
.footer__subscr .form-message._success {
  position: relative;
}

.footer__subscr .form-message._error:before,
.footer__subscr .form-message._success:before {
  display: none;
}

.footer__subscr .form-message._error .form-message__title._error,
.footer__subscr .form-message._success .form-message__title._success {
  display: block;
}

.footer__subscr .form-message__title {
  display: none;
}

.footer__subscr .form-message:before {
  background: var(--main-black, #000);
}

.footer__subscr .form-message__header {
  justify-content: flex-start;
  align-items: flex-start;
}

.footer__subscr .form-message__icon._loading {
  border-top-color: var(--main-white, #e9e8e4);
  border-left-color: var(--main-white, #e9e8e4);
  border-bottom-color: var(--main-white, #e9e8e4);
}

.footer__subscr .form-message__title,
.footer__subscr-title {
  text-align: left;
  font-family: CoFo Sans, sans-serif;
  color: var(--main-white, #e9e8e4);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin-bottom: 1.1rem;
}

@media (min-width: 768px) {

  [data-zoom="100"] .footer__subscr .form-message__title,
  [data-zoom="100"] .footer__subscr-title {
    font-size: 2rem;
    margin-top: 0.2rem;
  }
}

@media (min-width: 1280px) {

  [data-zoom="100"] .footer__subscr .form-message__title,
  [data-zoom="100"] .footer__subscr-title {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1600px) {

  [data-zoom="100"] .footer__subscr .form-message__title,
  [data-zoom="100"] .footer__subscr-title {
    font-size: 2.4rem;
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
}

.form-message._error~.footer__subscr-title,
.form-message._success~.footer__subscr-title {
  display: none;
}

.footer__form {
  display: flex;
  flex-direction: column;
  gap: 0.6rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__form {
    gap: 0.8rem 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__form {
    gap: 1rem 0;
  }
}

.form-message._success~.footer__form {
  display: none;
}

.footer__form .input-common._filled .input-common__input {
  border-color: var(--main-white, #e9e8e4);
  color: var(--main-white, #e9e8e4);
}

.footer__bottom-section {
  display: flex;
  flex-direction: column;
  gap: 2.8rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__bottom-section {
    gap: 3.2rem 0;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__bottom-section {
    gap: 3.2rem 9.3rem;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__bottom-section {
    gap: 3.2rem 11.7rem;
  }
}

.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 2.8rem 0;
  width: 100%;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__contacts {
    flex-direction: row;
    gap: 2.8rem 0;
    width: auto;
    margin: 0 -0.5rem;
    align-items: flex-start;
    flex-wrap: wrap;
    flex: 1 1 auto;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__contacts {
    flex: 0 1 auto;
    margin: 0;
    gap: 2.8rem 9.3rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__contacts {
    gap: 2.8rem 11.7rem;
  }
}

.footer__contacts-item {
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__contacts-item {
    width: 50%;
    padding: 0 0.5rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__contacts-item {
    width: auto;
    padding: 0;
  }
}

.footer__contacts-label {
  color: var(--main-white, #e9e8e4);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.66;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__contacts-label {
    font-size: 1.2rem;
  }
}

.footer__contacts-text {
  color: var(--main-white, #e9e8e4);
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: -0.1rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__contacts-text {
    font-size: 3.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__contacts-text {
    font-size: 4.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__contacts-text {
    font-size: 5.2rem;
  }
}

.footer__contacts-text._link {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .footer__contacts-text._link:hover {
    color: var(--main-gray, #87857f);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .footer__contacts-text._link:focus-visible {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__contacts-text._link:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .footer__contacts-text._link:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .footer__contacts-text._link:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .footer__contacts-text._link[data-focus-visible-added] {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__contacts-text._link[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .footer__contacts-text._link[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .footer__contacts-text._link[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.footer__networks {
  display: flex;
  flex: none;
  width: 100%;
  flex-direction: column;
  gap: 0.8rem 0;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__networks {
    width: 29rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__networks {
    width: 36.1rem;
  }
}

.footer__networks-label {
  color: var(--main-white, #e9e8e4);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.66;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__networks-label {
    font-size: 1.2rem;
  }
}

.footer__networks-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__networks-list {
    gap: 1.6rem;
  }
}

.footer__networks-item {
  flex: none;
}

.footer__networks-link {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  color: var(--main-white, #e9e8e4);
}

.footer__networks-link {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__networks-link {
    width: 4.6rem;
    height: 4.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__networks-link {
    width: 5.2rem;
    height: 5.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__networks-link {
    width: 6.4rem;
    height: 6.4rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .footer__networks-link:hover {
    color: var(--main-gray, #87857f);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .footer__networks-link:focus-visible {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__networks-link:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .footer__networks-link:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .footer__networks-link:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .footer__networks-link[data-focus-visible-added] {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__networks-link[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .footer__networks-link[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .footer__networks-link[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.footer__networks-link svg {
  width: 100%;
  height: 100%;
}

.footer__footnote {
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .footer__footnote {
    flex-direction: row;
    align-items: center;
    gap: 0.8rem 1rem;
    justify-content: space-between;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__footnote {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}

*+.footer__footnote {
  border-top: 0.1rem solid #e9e8e4;
}

.footer__text {
  color: var(--main-white, #e9e8e4);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.66;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__text {
    font-size: 1.2rem;
  }
}

/* @media (min-width: 768px) {
  [data-zoom="100"] .footer__text:nth-child(3) {
    margin-left: auto;
    padding-right: 5.1rem;
  }
} */

@media (min-width: 1280px) {
  [data-zoom="100"] .footer__text:nth-child(3) {
    /* padding-left: 17.7rem; */
    padding-right: 0;
    margin-right: auto;
    margin-left: 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__text:nth-child(3) {
    /* padding-left: 26rem; */
  }
}

.footer__text a {
  display: block;
  width: fit-content;
  color: var(--main-white, #e9e8e4);
}

.footer__text a {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .footer__text a:hover {
    color: var(--main-gray, #87857f);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .footer__text a:focus-visible {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__text a:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .footer__text a:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .footer__text a:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .footer__text a[data-focus-visible-added] {
    color: var(--main-gray, #87857f);
  }

  body:not(._use-mouse) .footer__text a[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .footer__text a[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .footer__text a[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.rte ol,
.rte ul {
  padding-left: 2.8rem;
}

.rte ol>li+li,
.rte ul>li+li {
  margin-top: 1.6rem;
}

.rte a {
  text-decoration: underline;
}

.rte a {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .rte a:hover {
    color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .rte a:focus-visible {
    color: #808a80;
  }

  body:not(._use-mouse) .rte a:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .rte a:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .rte a:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .rte a[data-focus-visible-added] {
    color: #808a80;
  }

  body:not(._use-mouse) .rte a[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .rte a[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .rte a[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.rte>*+ol,
.rte>*+ul {
  margin-top: 1.6rem;
}

.rte ul {
  list-style-type: disc;
}

.rte ol {
  list-style-type: decimal;
}

.rte>*+* {
  margin-top: 1.8rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .rte>*+* {
    margin-top: 2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .rte>*+* {
    margin-top: 2.4rem;
  }
}

.rte img {
  max-width: 100%;
}

.rte>* {
  break-inside: avoid;
}

.header-alternative-menu {
  position: static;
  height: fit-content;
}

.header-alternative-menu {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu {
    position: relative;
  }
}

.header-alternative-menu__dropdown {
  position: fixed;
  left: 0;
  right: 0;
  top: 6.8rem;
  bottom: 0;
  background: var(--bg-default-default);
  overflow: hidden;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  color: var(--typography-default-primary);
}

.header-alternative-menu__dropdown {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu__dropdown {
    top: 6.8rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu__dropdown {
    left: auto;
    right: -1.6rem;
    border-radius: 2.2rem 0 2.2rem 2.2rem;
    position: absolute;
    top: calc(100% + 1.1rem);
    bottom: auto;
    max-height: 50rem;
    height: calc(var(--vh, 1vh) * 100 - 10rem);
    min-width: 63rem;
    background: var(--surface-default-surface);
    border: 0.2rem solid var(--additional-outline);
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__dropdown {
    max-height: 46rem;
    min-width: 94rem;
    top: calc(100% + 0.7rem);
  }
}

.body._show-notify .header-alternative-menu__dropdown {
  top: 16.8rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .body._show-notify .header-alternative-menu__dropdown {
    top: 12.8rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .body._show-notify .header-alternative-menu__dropdown {
    top: calc(100% + 1.1rem);
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .body._show-notify .header-alternative-menu__dropdown {
    top: calc(100% + 0.7rem);
  }
}

.header-alternative-menu__dropdown._open {
  opacity: 1;
  visibility: inherit;
}

.header-alternative-menu__inner {
  overflow-y: auto;
  height: 100%;
  padding: 2.2rem 2rem 2.4rem;
  display: flex;
  flex-direction: column;
}

@media (hover: hover) and (pointer: fine) {
  .header-alternative-menu__inner {
    scrollbar-gutter: 1rem;
  }

  @supports (selector(::-webkit-scrollbar)) {
    .header-alternative-menu__inner::-webkit-scrollbar {
      width: 0.6rem;
      height: 0.6rem;
      background: 0 0;
    }

    .header-alternative-menu__inner::-webkit-scrollbar-track {
      background: 0 0;
    }

    .header-alternative-menu__inner::-webkit-scrollbar-thumb {
      background-color: #cdcdcd;
      border-radius: 1rem;
    }

    .header-alternative-menu__inner::-webkit-scrollbar-thumb:hover {
      background-color: #a6a6a6;
    }
  }

  @supports not (selector(::-webkit-scrollbar)) {
    .header-alternative-menu__inner {
      scrollbar-width: thin;
      scrollbar-color: #cdcdcd transparent;
    }
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu__inner {
    padding: 2.5rem 2.4rem 4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu__inner {
    padding: 2.5rem 3.4rem 2.8rem;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 3.2rem;
    grid-template-rows: repeat(4, max-content) 1fr;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__inner {
    padding: 2.5rem 3.7rem 3.4rem;
    grid-gap: 3.7rem;
    grid-template-rows: repeat(3, max-content) 1fr;
  }
}

.header-alternative-menu__title {
  font-style: normal;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.3;
  margin-bottom: 1.8rem;
  letter-spacing: -0.01em;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu__title {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__title {
    font-size: 3.4rem;
    line-height: 1.2;
  }
}

.header-alternative-menu__title-wrap {
  margin-bottom: 2.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu__title-wrap {
    margin-bottom: 3.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu__title-wrap {
    margin-bottom: 3.2rem;
    grid-column: 1/3;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__title-wrap {
    margin-bottom: 0;
  }
}

.header-alternative-menu__subtitle {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu__subtitle {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__subtitle {
    font-size: 1.8rem;
    margin-bottom: 0.6rem;
  }
}

.header-alternative-menu__color-block {
  margin-bottom: 2.6rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu__color-block {
    margin-bottom: 3.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__color-block {
    margin-bottom: 0;
  }
}

.header-alternative-menu__btns {
  display: flex;
}

.header-alternative-menu__color-btn {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  border: 0.2rem solid transparent;
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.3;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: 0.3rem;
  color: var(--palette-neutral-variant-10);
}

.header-alternative-menu__color-btn {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__color-btn {
    width: 5rem;
    height: 5rem;
    border-width: 0.3rem;
    font-size: 2.6rem;
  }
}

.header-alternative-menu__color-btn:first-child {
  margin-left: -0.4rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__color-btn:first-child {
    margin-left: -0.6rem;
  }
}

.header-alternative-menu__color-btn:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: var(--brand-secondary-yellow);
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__color-btn:before {
    width: 4rem;
    height: 4rem;
  }
}

.header-alternative-menu__color-btn._gray {
  color: var(--visually-impaired-contrast-light-on-container);
}

.header-alternative-menu__color-btn._gray:before {
  background: var(--visually-impaired-contrast-light-container);
  border: 0.2rem solid var(--surface-invert-surface);
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__color-btn._gray:before {
    border-width: 0.3rem;
  }
}

.header-alternative-menu__color-btn._black {
  color: var(--visually-impaired-contrast-dark-on-container);
}

.header-alternative-menu__color-btn._black:before {
  background: var(--visually-impaired-contrast-dark-container);
}

.header-alternative-menu__color-btn._blue {
  color: var(--visually-impaired-contrast-blue-on-container);
}

.header-alternative-menu__color-btn._blue:before {
  background: var(--visually-impaired-contrast-blue-container);
}

.header-alternative-menu__color-btn._active {
  border-color: var(--control-state-bg03);
}

@media (hover: hover) and (pointer: fine) {
  .header-alternative-menu__color-btn:hover {
    border-color: var(--control-state-bg05-outline);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu__color-btn:focus-visible {
    border-color: var(--control-state-bg05-outline);
  }

  body:not(._use-mouse) .header-alternative-menu__color-btn:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu__color-btn:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu__color-btn:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu__color-btn[data-focus-visible-added] {
    border-color: var(--control-state-bg05-outline);
  }

  body:not(._use-mouse) .header-alternative-menu__color-btn[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu__color-btn[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu__color-btn[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.header-alternative-menu__color-btn+.header-alternative-menu__color-btn {
  margin-left: 1rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__color-btn+.header-alternative-menu__color-btn {
    margin-left: 2rem;
  }
}

.header-alternative-menu__font-btn {
  text-transform: uppercase;
}

.header-alternative-menu__font-btn[data-zoom="100"] {
  font-size: 1.5rem !important;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__font-btn[data-zoom="100"] {
    font-size: 1.9rem !important;
  }
}

.header-alternative-menu__font-btn[data-zoom="125"] {
  font-size: 1.8rem !important;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__font-btn[data-zoom="125"] {
    font-size: 2.4rem !important;
  }
}

.header-alternative-menu__font-btn[data-zoom="150"] {
  font-size: 2.2rem !important;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__font-btn[data-zoom="150"] {
    font-size: 2.9rem !important;
  }
}

.header-alternative-menu__font-btn[data-zoom="175"] {
  font-size: 2.4rem !important;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__font-btn[data-zoom="175"] {
    font-size: 3.2rem !important;
  }
}

.header-alternative-menu__font-btn[data-zoom="200"] {
  font-size: 3rem !important;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__font-btn[data-zoom="200"] {
    font-size: 4rem !important;
  }
}

.header-alternative-menu__font-block,
.header-alternative-menu__img-block {
  margin-bottom: 3rem;
}

.header-alternative-menu__font-block .group-tab-common,
.header-alternative-menu__img-block .group-tab-common {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px) {

  [data-zoom="100"] .header-alternative-menu__font-block .group-tab-common,
  [data-zoom="100"] .header-alternative-menu__img-block .group-tab-common {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {

  [data-zoom="100"] .header-alternative-menu__font-block,
  [data-zoom="100"] .header-alternative-menu__img-block {
    margin-bottom: 3.8rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu__img-block {
    grid-column: 1/3;
    margin-bottom: 3rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__img-block {
    margin-bottom: 0;
    grid-column: 2/3;
  }
}

@media (max-width: 767.98px) {
  .header-alternative-menu__font-block {
    display: none;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu__font-block {
    grid-column: 1/2;
    margin-bottom: 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__font-block {
    margin-bottom: 0;
    grid-column: 1/2;
  }
}

.header-alternative-menu__font-block .group-tab-common__item {
  white-space: nowrap;
  line-height: 0;
}

.header-alternative-menu__hint {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: auto;
  grid-column: 1/3;
}

.header-alternative-menu__animation-block {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu__animation-block {
    margin-bottom: 3.8rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu__animation-block {
    grid-column: 2/3;
    margin: 3.7rem 0 auto;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__animation-block {
    margin-top: 4.4rem;
  }
}

.header-alternative-menu__animation-block .header-alternative-menu__subtitle {
  margin-bottom: 0;
  margin-right: 0.7rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__animation-block .header-alternative-menu__subtitle {
    margin-right: 1.1rem;
  }
}

.header-alternative-menu__toggle {
  width: fit-content;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.header-alternative-menu__toggle {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu__toggle {
    padding: 1.1rem 1.6rem;
    margin: -1.1rem -1.6rem;
    border-radius: 1.2rem 1.2rem 0 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__toggle {
    padding: 0.7rem 1.6rem;
    margin: -0.7rem -1.6rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .header-alternative-menu__toggle:hover {
    opacity: 0.6;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu__toggle:focus-visible {
    opacity: 0.6;
  }

  body:not(._use-mouse) .header-alternative-menu__toggle:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu__toggle:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu__toggle:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu__toggle[data-focus-visible-added] {
    opacity: 0.6;
  }

  body:not(._use-mouse) .header-alternative-menu__toggle[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu__toggle[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu__toggle[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.header-alternative-menu__toggle svg {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu__toggle svg {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.header-alternative-menu._with-title .header-alternative-menu__text {
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.3;
  margin-left: 1rem;
  max-width: 10.5rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .header-alternative-menu._with-title .header-alternative-menu__text {
    font-size: 1.6rem;
    max-width: 12rem;
    margin-left: 1.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu._with-title .header-alternative-menu__text {
    font-size: 1.4rem;
    max-width: 11rem;
    margin-left: 2.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu._with-title .header-alternative-menu__text {
    font-size: 2rem;
    max-width: 16rem;
    margin-left: 3.2rem;
  }
}

.header-alternative-menu._with-title .header-alternative-menu__toggle {
  color: inherit;
  width: fit-content;
  height: auto;
  text-decoration: none;
}

.header-alternative-menu._with-title .header-alternative-menu__toggle {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .header-alternative-menu._with-title .header-alternative-menu__toggle:hover {
    color: #808a80 !important;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible {
    color: #808a80 !important;
  }

  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added] {
    color: #808a80 !important;
  }

  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.header-alternative-menu._with-title .header-alternative-menu__toggle:active {
  color: #808a80 !important;
}

.header-alternative-menu._with-title .header-alternative-menu__toggle._disabled,
.header-alternative-menu._with-title .header-alternative-menu__toggle:disabled {
  color: #000 !important;
  opacity: 0.4;
}

.header-alternative-menu._with-title .header-alternative-menu__toggle {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .header-alternative-menu._with-title .header-alternative-menu__toggle:hover {
    opacity: 1;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible {
    opacity: 1;
  }

  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added] {
    opacity: 1;
  }

  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._with-title .header-alternative-menu__toggle[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.header-alternative-menu._with-title .header-alternative-menu__toggle .svgsprite {
  width: 3.3rem;
  height: 3.3rem;
  flex-shrink: 0;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .header-alternative-menu._with-title .header-alternative-menu__toggle .svgsprite {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.header-alternative-menu._open .header-alternative-menu__toggle {
  text-decoration: none;
}

.header-alternative-menu._open .header-alternative-menu__toggle {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .header-alternative-menu._open .header-alternative-menu__toggle:hover {
    color: #808a80 !important;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible {
    color: #808a80 !important;
  }

  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added] {
    color: #808a80 !important;
  }

  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.header-alternative-menu._open .header-alternative-menu__toggle:active {
  color: #808a80 !important;
}

.header-alternative-menu._open .header-alternative-menu__toggle._disabled,
.header-alternative-menu._open .header-alternative-menu__toggle:disabled {
  color: #000 !important;
  opacity: 0.4;
}

.header-alternative-menu._open .header-alternative-menu__toggle {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header-alternative-menu._open .header-alternative-menu__toggle {
    background: var(--surface-default-surface);
    color: var(--button-state-bg07);
  }
}

@media (hover: hover) and (pointer: fine) {
  .header-alternative-menu._open .header-alternative-menu__toggle:hover {
    opacity: 1;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible {
    opacity: 1;
  }

  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added] {
    opacity: 1;
  }

  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header-alternative-menu._open .header-alternative-menu__toggle[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.favorite-btn {
  display: flex;
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  position: relative;
}

.favorite-btn input {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.favorite-btn input:checked+span svg._default {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}

.favorite-btn input:checked+span svg._active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.favorite-btn span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
}

.favorite-btn span svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 2.4rem;
  height: 2.4rem;
}

.favorite-btn span svg {
  transition-property: opacity, visibility, transform, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.favorite-btn span svg._default {
  color: var(--main-black, #000);
}

.favorite-btn span svg._active {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  color: var(--main-black, #000);
}

.favorite-btn input:not(:disabled)+span {
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .favorite-btn input:not(:disabled)+span:hover svg {
    color: var(--state-hover, #808a80) !important;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span:focus-visible svg {
    color: var(--state-hover, #808a80) !important;
  }

  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span[data-focus-visible-added] svg {
    color: var(--state-hover, #808a80) !important;
  }

  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .favorite-btn input:not(:disabled)+span[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.product-card {
  display: grid;
  gap: 0.8rem;
  width: 100%;
  flex: none;
  position: relative;
  z-index: 1;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .product-card {
    gap: 1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .product-card {
    gap: 1.2rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .product-card:hover .product-card__description-label {
    color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .product-card:focus-visible .product-card__description-label {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .product-card:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .product-card:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .product-card:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .product-card[data-focus-visible-added] .product-card__description-label {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .product-card[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .product-card[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .product-card[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.product-card-wrapper {
  flex: none;
  width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .product-card-wrapper:hover .product-card__image-hover {
    opacity: 1;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .product-card-wrapper:focus-visible .product-card__image-hover {
    opacity: 1;
  }

  body:not(._use-mouse) .product-card-wrapper:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .product-card-wrapper:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .product-card-wrapper:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .product-card-wrapper[data-focus-visible-added] .product-card__image-hover {
    opacity: 1;
  }

  body:not(._use-mouse) .product-card-wrapper[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .product-card-wrapper[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .product-card-wrapper[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.product-card__image-wrapper {
  width: 100%;
  overflow: hidden;
}

.product-card__image-wrapper {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.product-card__image-wrapper {
  aspect-ratio: 0.6734955186;
}

@supports not (aspect-ratio: 0.6734955186) {
  .product-card__image-wrapper:before {
    content: "";
    float: left;
    padding-top: calc(781 / 526 * 100%);
  }

  .product-card__image-wrapper:after {
    content: "";
    display: block;
    clear: both;
  }
}

.product-card__image-wrapper .ui-tag {
  position: absolute;
  left: 0.8rem;
  top: 0.8rem;
  z-index: 20;
}

.product-card__video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
}

.product-card__video video {
  position: absolute;
  left: 0;
  top: 0;
}

.product-card__image,
.product-card__image-hover {
  overflow: hidden;
}

.product-card__image picture,
.product-card__image-hover picture {
  position: static;
}

.product-card__image img,
.product-card__image-hover img {
  position: absolute;
  left: 0;
  top: 0;
}

.product-card__image {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.product-card__image-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 10;
}

.product-card__image-hover {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.product-card__description {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .product-card__description {
    padding: 0 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .product-card__description {
    padding: 0 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .product-card__description {
    padding: 0 3.2rem;
  }
}

.product-card__description-label {
  color: var(--main-black, #000);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: 0.072rem;
  text-transform: uppercase;
}

.product-card__description-label {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1820px) {
  [data-zoom="100"] .product-card__description-label {
    font-size: 1.1rem;
    letter-spacing: 0.078rem;
  }
}

.product-card__description-prices {
  display: flex;
  gap: 0 0.8rem;
  align-items: center;
  flex-wrap: wrap;
}

.product-card__description-price {
  color: var(--main-black, #000);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: -0.044rem;
  text-transform: uppercase;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .product-card__description-price {
    font-size: 1.2rem;
    letter-spacing: -0.048rem;
  }
}

.product-card__description-price._old {
  text-decoration: line-through;
}

.product-card__like-wrapper {
  position: absolute;
  left: 0;
  z-index: 5;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.product-card__like-wrapper {
  aspect-ratio: 0.6734955186;
}

@supports not (aspect-ratio: 0.6734955186) {
  .product-card__like-wrapper:before {
    content: "";
    float: left;
    padding-top: calc(781 / 526 * 100%);
  }

  .product-card__like-wrapper:after {
    content: "";
    display: block;
    clear: both;
  }
}

.product-card__favorite {
  width: 5.6rem;
  height: 5.6rem;
  right: 0;
  position: absolute;
  bottom: 0;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .product-card__favorite {
    width: 7.2rem;
    height: 7.2rem;
  }
}

.product-swiper {
  overflow: hidden;
}

.product-swiper .swiper {
  margin: 0 -0.5rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .product-swiper .swiper {
    margin: 0 -0.55rem;
  }
}

.product-swiper .swiper-slide {
  padding: 0 0.5rem;
  width: 80%;
}

@media (min-width: 768px) {
  [data-zoom="100"] .product-swiper .swiper-slide {
    width: 42.0168067227%;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .product-swiper .swiper-slide {
    width: 33.3333333333%;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .product-swiper .swiper-slide {
    padding: 0 0.55rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .header__btn-nav:hover span {
    background-color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .header__btn-nav:focus-visible span {
    background-color: #808a80;
  }

  body:not(._use-mouse) .header__btn-nav:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .header__btn-nav:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .header__btn-nav:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .header__btn-nav[data-focus-visible-added] span {
    background-color: #808a80;
  }

  body:not(._use-mouse) .header__btn-nav[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .header__btn-nav[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .header__btn-nav[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.header__btn-nav {
  flex: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  position: relative;
  z-index: 2;
  padding: 0.2rem;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .header__btn-nav {
    display: none;
    margin-right: 0;
  }
}

.header__btn-nav span {
  display: block;
  width: 1.8rem;
  height: 0.1rem;
  position: absolute;
}

.header__btn-nav span {
  transition-property: transform, background-color, opacity, top;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.header__btn-nav span:first-child {
  top: 0.515rem;
}

.header__btn-nav span:nth-child(2) {
  top: 1.01rem;
}

.header__btn-nav span:nth-child(3) {
  top: 1.505rem;
}

.header__btn-nav span {
  background-color: #000;
}

.header._open .header__btn-nav span {
  height: 0.1rem;
}

.header._open .header__btn-nav span:first-child {
  transform: rotate(45deg);
  top: 0.9rem;
}

.header._open .header__btn-nav span:nth-child(2) {
  opacity: 0;
}

.header._open .header__btn-nav span:nth-child(3) {
  transform: rotate(-45deg);
  top: 0.9rem;
}

.share {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  align-items: center;
  justify-content: start;
}

.share-label {
  text-transform: uppercase;
}

.share-icon {
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

.share-icon svg {
  width: 3.6rem !important;
  height: 3.6rem !important;
}

.checkout-label {
  position: absolute;
  right: -50% !important;
  top: -50% !important;
  background: #808a80;
  border-radius: 3.2rem;
  font-size: 1rem;
  padding: 0.2rem 0.4rem;
  color: #e9e8e4;
}

.login {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.45rem 0 3.2rem;
  gap: 2.4rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .login {
    padding-bottom: 5rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login {
    padding-bottom: 4.4rem;
  }
}

.login .input-common__label {
  letter-spacing: normal !important;
  text-transform: none;
  color: var(--main-gray, #87857f);
  font-size: 1.5rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login .input-common__label {
    top: 1.5rem;
    font-size: 1.8rem;
  }
}

.login .dropdown-active .input-common__label,
.login .input-common._filled .input-common__label {
  top: 0 !important;
}

.login .input-common__input {
  font-size: 1.6rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login .input-common__input {
    font-size: 1.8rem;
  }
}

.login .input-common__icon {
  top: 1.9rem;
}

.login__header {
  padding-right: 4rem;
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login__header {
    gap: 1.25rem 0;
  }
}

.login__title {
  color: var(--main-black, #000);
  font-weight: 400;
}

.login__text {
  color: var(--main-black, #000);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.8rem;
}

.login__text._gray {
  color: var(--main-gray, #87857f);
}

.login__text a,
.login__text button,
.login__text span {
  display: block;
  width: fit-content;
}

.login__text a,
.login__text button {
  color: var(--main-black, #000);
  cursor: pointer;
  border-bottom: 0.1rem solid var(--main-black, #000);
}

.login__text a,
.login__text button {
  transition-property: color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {

  .login__text a:hover,
  .login__text button:hover {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {

  body:not(._use-mouse) .login__text a:focus-visible,
  body:not(._use-mouse) .login__text button:focus-visible {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .login__text a:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .login__text a:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .login__text a:focus-visible[type="radio"]+label,
  body:not(._use-mouse) .login__text button:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .login__text button:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .login__text button:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {

  body:not(._use-mouse) .login__text a[data-focus-visible-added],
  body:not(._use-mouse) .login__text button[data-focus-visible-added] {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .login__text a[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .login__text a[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .login__text a[data-focus-visible-added][type="radio"]+label,
  body:not(._use-mouse) .login__text button[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .login__text button[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .login__text button[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.login__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] *+.login__content {
    padding-top: 0.8rem;
  }
}

.login__content._bottom {
  justify-content: flex-end;
}

.login__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem 0;
  padding-top: 4.7rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .login__info {
    padding-top: 2.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login__info {
    padding-top: 12.7rem;
  }
}

.login__info-text {
  text-align: center;
  max-width: 26.4rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .login__info-text {
    max-width: 35.4rem;
  }
}

.login__info-text span {
  display: inline-block;
}

.login__info-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
}

.login__info-link-item {
  color: var(--main-black, #000);
  border-bottom: 0.1rem solid var(--main-black, #000);
  display: block;
  width: fit-content;
  cursor: pointer;
}

.login__info-link-item {
  transition-property: color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .login__info-link-item:hover {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .login__info-link-item:focus-visible {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .login__info-link-item:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .login__info-link-item:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .login__info-link-item:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .login__info-link-item[data-focus-visible-added] {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .login__info-link-item[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .login__info-link-item[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .login__info-link-item[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.login__info-link-item:disabled {
  color: var(--state-hover, #808a80);
  border-color: var(--state-hover, #808a80);
}

.login__form {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
  flex: none;
}

@media (min-width: 768px) {
  [data-zoom="100"] .login__form {
    gap: 2.4rem 0;
  }
}

.login__string {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .login__string {
    margin: 0 -0.5rem;
    gap: 2.4rem 0;
  }
}

.login__field {
  width: 100%;
}

@media (min-width: 768px) {
  [data-zoom="100"] .login__field {
    width: 50%;
    padding: 0 0.5rem;
  }
}

.login__footer {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
}

.login__btn-list {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login__btn-list {
    gap: 0.8rem 0;
  }
}

.login__btn-list .btn-common._stroke {
  background: 0 0;
}

.login__policy {
  text-align: center;
  color: var(--main-gray, #87857f);
  margin: 0 auto;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .login__policy {
    max-width: 52rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login__policy {
    max-width: 60rem;
  }
}

.login__policy a {
  color: var(--main-black, #000);
}

@media (hover: hover) and (pointer: fine) {
  .login__policy a:hover {
    text-decoration: underline;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .login__policy a:focus-visible {
    text-decoration: underline;
  }

  body:not(._use-mouse) .login__policy a:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .login__policy a:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .login__policy a:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .login__policy a[data-focus-visible-added] {
    text-decoration: underline;
  }

  body:not(._use-mouse) .login__policy a[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .login__policy a[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .login__policy a[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.login .form-message {
  padding: 2.4rem 0 4rem;
}

.login .form-message__header {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.8rem 0;
  padding-right: 4rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login .form-message__header {
    gap: 1.2rem 0;
  }
}

.login .form-message__header svg {
  display: none;
}

.login .form-message__title {
  text-align: left;
  color: var(--main-black, #000);
  font-family: CoFo Sans, sans-serif;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: normal;
  font-size: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .login .form-message__title {
    font-size: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .login .form-message__title {
    font-size: 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .login .form-message__title {
    font-size: 3.2rem;
  }
}

.login .form-message__text {
  text-align: left;
}

.subnav {
  width: 100%;
  padding-top: 2.6rem;
  position: static;
  display: none;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav {
    padding-top: 2.8rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav {
    display: block;
    position: fixed;
    padding-top: 0;
    left: 0;
    top: calc(5.8rem + var(--height-notify, 0));
    height: calc(var(--vh, 1vh) * 100 - 5.8rem - var(--height-notify, 0));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out 0.4s, visibility 0.2s ease-in-out 0.4s;
  }
}

.subnav__bg {
  opacity: 0.6;
  background: var(--main-black, #000);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__bg {
    display: block;
  }
}

.subnav__wrapper {
  position: static;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__wrapper {
    max-height: calc(100% + 0.1rem);
    top: -0.1rem;
    border-top: 0.1rem solid var(--main-black, #000);
    /*background: #e9e8e4;*/
    background: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    pointer-events: auto;
    flex-direction: column;
    height: 59rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__wrapper {
    height: 70.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav._collection .subnav__wrapper {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  .subnav._collection .subnav__wrapper {
    scrollbar-gutter: 1rem;
  }

  @supports (selector(::-webkit-scrollbar)) {
    .subnav._collection .subnav__wrapper::-webkit-scrollbar {
      width: 0.6rem;
      height: 0.6rem;
      background: 0 0;
    }

    .subnav._collection .subnav__wrapper::-webkit-scrollbar-track {
      background: 0 0;
    }

    .subnav._collection .subnav__wrapper::-webkit-scrollbar-thumb {
      background-color: #cdcdcd;
      border-radius: 1rem;
    }

    .subnav._collection .subnav__wrapper::-webkit-scrollbar-thumb:hover {
      background-color: #a6a6a6;
    }
  }

  @supports not (selector(::-webkit-scrollbar)) {
    .subnav._collection .subnav__wrapper {
      scrollbar-width: thin;
      scrollbar-color: #cdcdcd transparent;
    }
  }
}

.subnav .container {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .subnav .container {
    padding: 0 !important;
    position: static;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav .container {
    flex: 1 1 auto;
    overflow: hidden;
    flex-direction: row;
  }
}

.subnav._catalog .container {
  gap: 4.1rem 0;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav._catalog .container {
    gap: 0 2.4rem;
  }
}

.subnav._collection .container {
  gap: 6.4rem 0;
  position: static;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav._collection .container {
    gap: 7.4rem 0;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav._collection .container {
    min-height: 57.9rem;
    gap: 0;
  }
}

.subnav__bar {
  flex: none;
  width: 100%;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__bar {
    width: 21.6rem;
    margin-left: 0.6rem;
    padding: 6.2rem 0 5.1rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__bar {
    margin-left: 0;
    width: 22.8rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .subnav__bar {
    scrollbar-gutter: 1rem;
  }

  @supports (selector(::-webkit-scrollbar)) {
    .subnav__bar::-webkit-scrollbar {
      width: 0.6rem;
      height: 0.6rem;
      background: 0 0;
    }

    .subnav__bar::-webkit-scrollbar-track {
      background: 0 0;
    }

    .subnav__bar::-webkit-scrollbar-thumb {
      background-color: #cdcdcd;
      border-radius: 1rem;
    }

    .subnav__bar::-webkit-scrollbar-thumb:hover {
      background-color: #a6a6a6;
    }
  }

  @supports not (selector(::-webkit-scrollbar)) {
    .subnav__bar {
      scrollbar-width: thin;
      scrollbar-color: #cdcdcd transparent;
    }
  }
}

.subnav__bar-link {
  display: block;
  padding: 1rem 0;
  color: var(--main-black, #000);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: normal;
}

.subnav__bar-link {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__bar-link {
    font-size: 1.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__bar-link {
    font-size: 2.2rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .subnav__bar-link:hover {
    color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .subnav__bar-link:focus-visible {
    color: #808a80;
  }

  body:not(._use-mouse) .subnav__bar-link:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .subnav__bar-link:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .subnav__bar-link:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .subnav__bar-link[data-focus-visible-added] {
    color: #808a80;
  }

  body:not(._use-mouse) .subnav__bar-link[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .subnav__bar-link[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .subnav__bar-link[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__bar-link._active {
    color: #808a80;
  }
}

.subnav__bar-item:first-child .subnav__bar-link {
  padding-top: 0;
}

.subnav__bar-item:last-child .subnav__bar-link {
  padding-bottom: 0;
}

.subnav__content {
  flex: 1 1 auto;
  position: static;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__content {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__content {
    padding-left: 3.8rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .subnav__content {
    scrollbar-gutter: 1rem;
  }

  @supports (selector(::-webkit-scrollbar)) {
    .subnav__content::-webkit-scrollbar {
      width: 0.6rem;
      height: 0.6rem;
      background: 0 0;
    }

    .subnav__content::-webkit-scrollbar-track {
      background: 0 0;
    }

    .subnav__content::-webkit-scrollbar-thumb {
      background-color: #cdcdcd;
      border-radius: 1rem;
    }

    .subnav__content::-webkit-scrollbar-thumb:hover {
      background-color: #a6a6a6;
    }
  }

  @supports not (selector(::-webkit-scrollbar)) {
    .subnav__content {
      scrollbar-width: thin;
      scrollbar-color: #cdcdcd transparent;
    }
  }
}

.subnav__cover {
  display: block;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__cover {
    margin-top: -0.1rem;
    margin-right: 0.6rem;
    padding: 3.2rem 0 5.1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__cover {
    margin-right: -0.6rem;
  }
}

.subnav__cover-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem 0;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__cover-item {
    gap: 1.4rem 0;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__cover-item {
    padding-bottom: 0.6rem;
    width: 62.9rem;
    gap: 1.2rem 0;
    margin-left: auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  .subnav__cover-item:hover .subnav__cover-text {
    color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .subnav__cover-item:focus-visible .subnav__cover-text {
    color: #808a80;
  }

  body:not(._use-mouse) .subnav__cover-item:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .subnav__cover-item:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .subnav__cover-item:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .subnav__cover-item[data-focus-visible-added] .subnav__cover-text {
    color: #808a80;
  }

  body:not(._use-mouse) .subnav__cover-item[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .subnav__cover-item[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .subnav__cover-item[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.subnav__cover picture {
  width: 100%;
  overflow: hidden;
  display: block;
  flex: none;
  position: relative;
  object-position: center center;
}

.subnav__cover picture {
  aspect-ratio: 0.8938547486;
}

@supports not (aspect-ratio: 0.8938547486) {
  .subnav__cover picture:before {
    content: "";
    float: left;
    padding-top: calc(358 / 320 * 100%);
  }

  .subnav__cover picture:after {
    content: "";
    display: block;
    clear: both;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__cover picture {
    aspect-ratio: 1.8673740053;
  }

  @supports not (aspect-ratio: 1.8673740053) {
    [data-zoom="100"] .subnav__cover picture:before {
      content: "";
      float: left;
      padding-top: calc(377 / 704 * 100%);
    }

    [data-zoom="100"] .subnav__cover picture:after {
      content: "";
      display: block;
      clear: both;
    }
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__cover picture {
    aspect-ratio: 1.3298097252;
  }

  @supports not (aspect-ratio: 1.3298097252) {
    [data-zoom="100"] .subnav__cover picture:before {
      content: "";
      float: left;
      padding-top: calc(473 / 629 * 100%);
    }

    [data-zoom="100"] .subnav__cover picture:after {
      content: "";
      display: block;
      clear: both;
    }
  }
}

.subnav__cover picture img {
  position: absolute;
  left: 0;
  top: 0;
}

.subnav__cover-text {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
  padding: 0 1.65rem;
  color: var(--main-black, #000);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.subnav__cover-text {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__cover-text {
    padding: 0 4.09rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__cover-text {
    padding: 0 3.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__cover-text {
    font-size: 1.3rem;
  }
}

.subnav__cover-text span {
  display: block;
}

.subnav__cover-text svg {
  width: 1.6rem !important;
  height: 1.6rem !important;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__sublinks._active~.subnav__cover {
    display: none;
  }
}

.subnav__sublinks {
  display: flex;
  position: fixed;
  background: #e9e8e4;
  left: 0;
  flex-direction: column;
  justify-content: flex-start;
  top: calc(5.6rem + var(--height-notify, 0));
  height: calc(var(--vh, 1vh) * 100 - 5.6rem - var(--height-notify, 0));
  width: 100%;
  z-index: 10;
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .subnav__sublinks {
    transform: translate(100%);
    opacity: 0;
    visibility: hidden;
  }

  [data-zoom="100"] .subnav__sublinks {
    transition-property: opacity, visibility, transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__sublinks {
    top: calc(6.2rem + var(--height-notify, 0));
    height: calc(var(--vh, 1vh) * 100 - 6.2rem - var(--height-notify, 0));
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__sublinks {
    display: none;
    z-index: auto;
    position: relative;
    height: auto;
    top: 0;
    background: 0 0;
  }
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .subnav__sublinks._active {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__sublinks._active {
    display: flex;
  }
}

.subnav__sublinks-header {
  display: flex;
  align-items: center;
  color: var(--main-black, #000);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: normal;
  padding: 3.2rem 3.2rem 2.9rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__sublinks-header {
    font-size: 1.8rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__sublinks-header {
    display: none;
  }
}

.subnav__sublinks-header span {
  display: block;
}

.subnav__sublinks-back {
  flex: none;
  cursor: pointer;
  color: var(--main-black, #000);
  position: relative;
  top: -0.2rem;
}

.subnav__sublinks-back {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .subnav__sublinks-back:hover {
    color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .subnav__sublinks-back:focus-visible {
    color: #808a80;
  }

  body:not(._use-mouse) .subnav__sublinks-back:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .subnav__sublinks-back:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .subnav__sublinks-back:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .subnav__sublinks-back[data-focus-visible-added] {
    color: #808a80;
  }

  body:not(._use-mouse) .subnav__sublinks-back[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .subnav__sublinks-back[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .subnav__sublinks-back[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.subnav__sublinks-back svg {
  width: 2rem;
  height: 2rem;
}

.subnav__sublinks-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2.08rem 0;
  padding: 3.2rem;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__sublinks-content {
    overflow: visible;
    display: block;
    padding: 3.1rem 4.5rem 5.1rem 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__sublinks-content {
    padding-right: 21.4rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .subnav__sublinks-content {
    scrollbar-gutter: 1rem;
  }

  @supports (selector(::-webkit-scrollbar)) {
    .subnav__sublinks-content::-webkit-scrollbar {
      width: 0.6rem;
      height: 0.6rem;
      background: 0 0;
    }

    .subnav__sublinks-content::-webkit-scrollbar-track {
      background: 0 0;
    }

    .subnav__sublinks-content::-webkit-scrollbar-thumb {
      background-color: #cdcdcd;
      border-radius: 1rem;
    }

    .subnav__sublinks-content::-webkit-scrollbar-thumb:hover {
      background-color: #a6a6a6;
    }
  }

  @supports not (selector(::-webkit-scrollbar)) {
    .subnav__sublinks-content {
      scrollbar-width: thin;
      scrollbar-color: #cdcdcd transparent;
    }
  }
}

@media (max-width: 1279.98px) {
  [data-zoom="100"] .subnav__sublinks-header+.subnav__sublinks-content {
    padding-top: 0 !important;
  }
}

.subnav__column {
  display: flex;
  flex-direction: column;
  gap: 2.22rem 0;
  width: 100%;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__column {
    display: block;
    margin-bottom: -2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__column:not(.rs-col-multi) {
    column-count: 4;
    column-gap: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__section {
    padding-bottom: 2rem;
    break-inside: avoid;
  }
}

.subnav__subtitle {
  display: flex;
  align-items: center;
  color: var(--main-black, #000);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__subtitle {
    font-size: 1.8rem;
  }
}

.subnav__subtitle._selected,
.subnav__subtitle._selected a {
  color: var(--state-red, #e72528);
}

.subnav__subtitle a {
  color: var(--main-black, #000);
}

.subnav__subtitle-arrow {
  flex: none;
  cursor: pointer;
  display: block;
  transform: scaleY(-1);
}

.subnav__subtitle-arrow {
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__subtitle-arrow {
    display: none;
  }
}

.subnav__subtitle-arrow svg {
  width: 2rem !important;
  height: 2rem !important;
}

.subnav__subtitle-arrow._collapsed {
  transform: scale(1);
}

.subnav__listing {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.subnav__listing {
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__listing {
    transition: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
  }
}

.subnav__listing._height-null {
  height: 0;
}

.subnav__listing-content {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
  padding: 1.5rem 1rem 0;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__listing-content {
    padding-top: 2.5rem;
    gap: 2rem 0;
  }
}

.subnav__listing a {
  color: var(--brand-color-dark-brown, #45413d);
  font-size: 1.5rem;
  letter-spacing: normal;
  font-weight: 400;
  line-height: 1.33;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__listing a {
    font-size: 1.8rem;
  }
}

.subnav__collection-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
}

.subnav__collection-content {
  display: flex;
  flex-direction: column;
  gap: 4.2rem 0;
  justify-content: flex-start;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__collection-content {
    gap: 8.3rem 0;
    width: 44%;
    margin-left: auto;
    padding: 3.1rem 0 3.1rem 3.1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__collection-content {
    padding-left: 3.6rem;
    width: 50.3%;
  }
}

.subnav__collection-section {
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__collection-section {
    gap: 1.9rem 0;
  }
}

.subnav__collection-label {
  color: var(--main-black, #000);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: normal;
}

.subnav__collection-item {
  height: auto !important;
}

.subnav__collection-item+.subnav__collection-item {
  margin-top: 2.5rem;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__collection-item+.subnav__collection-item {
    margin-top: 3.5rem;
  }
}

.subnav__collection-link {
  color: var(--main-black, #000);
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  display: block;
  line-height: 1.07;
  letter-spacing: -0.1rem;
}

.subnav__collection-link {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__collection-link {
    font-size: 3.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__collection-link {
    font-size: 4.2rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .subnav__collection-link:hover {
    color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .subnav__collection-link:focus-visible {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .subnav__collection-link:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .subnav__collection-link:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .subnav__collection-link:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .subnav__collection-link[data-focus-visible-added] {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .subnav__collection-link[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .subnav__collection-link[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .subnav__collection-link[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.subnav__collection-link._active {
  color: var(--state-hover, #808a80);
}

.subnav__collection-pictures {
  margin: 0 -2rem -3.1rem;
  display: none;
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__collection-pictures {
    margin: 0 -3.2rem -3rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__collection-pictures {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 55.6%;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__collection-pictures {
    width: 49.7%;
  }
}

.subnav__collection-pictures._active {
  display: flex;
}

.subnav__collection-pictures picture {
  display: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.subnav__collection-pictures picture {
  aspect-ratio: 0.7982261641;
}

@supports not (aspect-ratio: 0.7982261641) {
  .subnav__collection-pictures picture:before {
    content: "";
    float: left;
    padding-top: calc(451 / 360 * 100%);
  }

  .subnav__collection-pictures picture:after {
    content: "";
    display: block;
    clear: both;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .subnav__collection-pictures picture {
    width: 50%;
    display: block;
  }

  [data-zoom="100"] .subnav__collection-pictures picture {
    aspect-ratio: 0.7272727273;
  }

  @supports not (aspect-ratio: 0.7272727273) {
    [data-zoom="100"] .subnav__collection-pictures picture:before {
      content: "";
      float: left;
      padding-top: 137.5%;
    }

    [data-zoom="100"] .subnav__collection-pictures picture:after {
      content: "";
      display: block;
      clear: both;
    }
  }
}

.subnav__collection-pictures picture:nth-child(2) {
  display: block;
}

.subnav__collection-pictures picture img {
  position: absolute;
  left: 0;
  top: 0;
}

.confirm-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.confirm-content__header {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-right: 2.8rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .confirm-content__header {
    padding-right: 3rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .confirm-content__header {
    padding-right: 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .confirm-content__header {
    padding-right: 2rem;
  }
}

.confirm-content__text {
  color: var(--main-black, #000);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.42;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .confirm-content__text {
    font-size: 1.4rem;
  }
}

.confirm-content__footer {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

*+.confirm-content__footer {
  padding-top: 1.8rem;
  border-top: 0.1rem solid var(--main-black, #000);
}

@media (min-width: 768px) {
  [data-zoom="100"] *+.confirm-content__footer {
    padding-top: 2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] *+.confirm-content__footer {
    padding-top: 2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] *+.confirm-content__footer {
    padding-top: 2.4rem;
  }
}

.confirm-content__footer .btn-common._stroke {
  background: 0 0;
}

.input-common._with-icon-right .input-common__input {
  padding-right: 3.5rem;
}

.input-common._is-number .input-common__inner {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
}

.input-common__input {
  display: block;
  width: 100%;
  border-bottom: 0.1rem solid var(--main-gray, #87857f);
  height: 5.2rem;
  color: var(--main-black, #000);
  font-size: 1.8rem;
  font-weight: 400;
  padding: 0.6rem 0 0;
}

.input-common__input {
  transition-property: border-color, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.dropdown-active .input-common__input,
.input-common._filled .input-common__input,
.input-common__input:focus {
  border-color: var(--main-black, #000);
}

.input-common__input._error {
  border-color: var(--state-red, #e72528) !important;
  color: var(--state-red, #e72528) !important;
}

.input-common._is-number .input-common__input {
  height: 2rem;
  width: 1.8rem;
  text-align: center;
  border: none;
  padding: 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  order: 3;
}

.input-common._is-password .input-common__input {
  padding-right: 2rem;
}

.input-common__input._textarea {
  scrollbar-gutter: 1rem;
}

@supports (selector(::-webkit-scrollbar)) {
  .input-common__input._textarea::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
    background: 0 0;
  }

  .input-common__input._textarea::-webkit-scrollbar-track {
    background: 0 0;
  }

  .input-common__input._textarea::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 1rem;
  }

  .input-common__input._textarea::-webkit-scrollbar-thumb:hover {
    background-color: #a6a6a6;
  }
}

@supports not (selector(::-webkit-scrollbar)) {
  .input-common__input._textarea {
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd transparent;
  }
}

.input-common__label {
  color: var(--main-black, #000);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: 0.078rem;
  text-transform: uppercase;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 1.9rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.input-common__label {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.dropdown-active .input-common__label,
.input-common._filled .input-common__label {
  font-size: 1.2rem !important;
  font-weight: 500;
  color: var(--main-gray, #87857f);
  top: 0;
  text-transform: none;
  letter-spacing: normal;
}

.input-common._is-password .input-common__label {
  padding-right: 2rem;
}

.input-common__icon {
  position: absolute;
  top: 1.6rem;
  width: 2rem;
  height: 2rem;
  color: var(--main-black, #000);
}

.input-common__icon {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.input-common__icon._icon-right {
  right: 0;
}

.input-common__message {
  padding-top: 0.5rem;
  display: block;
  color: var(--state-red, #e72528);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1;
}

.input-common__message._hidden {
  display: none;
}

.input-common._default .input-common__input {
  padding-top: 0.7rem;
}

.input-common._default .input-common__label {
  font-size: 1.5rem;
  color: var(--main-gray, #87857f);
  text-transform: none;
  line-height: 1.33;
  letter-spacing: normal;
  top: 1.6rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .input-common._default .input-common__label {
    font-size: 1.8rem;
    top: 1.4rem;
  }
}

.input-common._default._filled .input-common__label {
  font-size: 1.2rem;
  top: -0.1rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .input-common._default._filled .input-common__label {
    font-size: 1.2rem;
    top: -0.1rem;
  }
}

.input-common__button-number {
  width: 3.6rem;
  height: 2rem;
  border: 0.1rem solid var(--main-black, #000);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-black, #000);
}

.input-common__button-number._minus {
  order: 1;
}

.input-common__button-number._plus {
  order: 2;
}

.input-common__button-number svg {
  flex: none;
  width: 1.6rem;
  height: 1.6rem;
}

.input-common__button-password {
  position: absolute;
  right: 0;
  width: 2rem;
  height: 100%;
  bottom: 0;
}

.input-common__button-password svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
}

.input-common__button-password svg._hide {
  display: none;
}

.input-common__input[type="text"]+.input-common__button-password svg._show {
  display: none;
}

.input-common__input[type="text"]+.input-common__button-password svg._hide {
  display: block;
}

.iti {
  position: relative;
}

.iti * {
  box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type="tel"],
.iti input[type="text"] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
}

.iti__arrow {
  margin-left: 0.6rem;
  width: 0;
  height: 0;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-top: 0.4rem solid var(--control-default-typo01);
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 0.4rem solid var(--control-default-typo01);
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0.8rem 0 0 -1px;
  box-shadow: 0 85px 34px #455b7803, 0 48px 29px #455b7808,
    0 21px 21px #455b780d, 0 5px 12px #455b780f, 0 0 #455b780f;
  background-color: var(--surface-elevation-elevation1);
  border: 0.2rem solid var(--additional-outline);
  white-space: nowrap;
  max-height: 25rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border-radius: 1.4rem;
}

@media (hover: hover) and (pointer: fine) {
  .iti__country-list {
    scrollbar-gutter: 1rem;
  }

  @supports (selector(::-webkit-scrollbar)) {
    .iti__country-list::-webkit-scrollbar {
      width: 0.6rem;
      height: 0.6rem;
      background: 0 0;
    }

    .iti__country-list::-webkit-scrollbar-track {
      background: 0 0;
    }

    .iti__country-list::-webkit-scrollbar-thumb {
      background-color: #cdcdcd;
      border-radius: 1rem;
    }

    .iti__country-list::-webkit-scrollbar-thumb:hover {
      background-color: #a6a6a6;
    }
  }

  @supports not (selector(::-webkit-scrollbar)) {
    .iti__country-list {
      scrollbar-width: thin;
      scrollbar-color: #cdcdcd transparent;
    }
  }
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 767.98px) {
  [data-zoom="100"] .iti__country-list {
    white-space: normal;
  }
}

.iti__flag-box {
  display: inline-block;
  width: 2rem;
}

.iti__divider {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--control-default-bg03-outline);
}

.iti__country {
  padding: 0.5rem 1rem;
  outline: 0;
  border-radius: 0.8rem;
}

.iti__dial-code {
  color: var(--control-default-typo02);
}

.iti__country.iti__highlight {
  background-color: var(--control-state-bg01);
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
  vertical-align: middle;
}

.iti__country-name,
.iti__flag-box {
  margin-right: 0.6rem;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"] {
  padding-right: 0.6rem;
  padding-left: 5.2rem;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .iti--allow-dropdown .iti__flag-container .iti__selected-flag:hover {
    opacity: 0.6;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus-visible {
    opacity: 0.6;
  }

  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag[data-focus-visible-added] {
    opacity: 0.6;
  }

  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .iti--allow-dropdown .iti__flag-container .iti__selected-flag[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 0.6rem;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 6.6rem;
  bottom: 3rem;
  left: 3rem;
  right: 3rem;
  position: fixed;
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .iti-mobile .iti--container {
    top: 7.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .iti-mobile .iti--container {
    top: 6.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .iti-mobile .iti--container {
    top: 6.8rem;
  }
}

.body._show-notify.iti-mobile .iti--container {
  top: 6.6rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .body._show-notify.iti-mobile .iti--container {
    top: 7.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .body._show-notify.iti-mobile .iti--container {
    top: 6.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .body._show-notify.iti-mobile .iti--container {
    top: 6.8rem;
  }
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 1rem;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}

.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0;
}

.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px #888;
  background-repeat: no-repeat;
  background-color: var(--control-state-bg01);
  background-position: 20px 0;
}

.body._webp .iti__flag {
  background-image: url(../assets/img/flags.webp);
}

.body._no-webp .iti__flag {
  background-image: url(../assets/img/flags.png);
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .body._webp .iti__flag {
    background-image: url(../assets/img/flags@2x.webp);
  }

  .body._no-webp .iti__flag {
    background-image: url(../assets/img/flags@2x.png);
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-wrapper.plugin-drag_drop.multi>.ts-control>div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: #0000000f !important;
  border: 0 !important;
  box-shadow: inset 0 0 12px 4px #fff;
  visibility: visible !important;
}

.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder:after {
  content: "!";
  visibility: hidden;
}

.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px #0003;
}

.plugin-checkbox_options .option input {
  margin-right: 0.5rem;
}

.plugin-clear_button .ts-control {
  padding-right: calc(1em + 18px) !important;
}

.plugin-clear_button .clear-button {
  background: 0 0 !important;
  cursor: pointer;
  margin-right: 0 !important;
  opacity: 0;
  position: absolute;
  right: 2px;
  top: 8px;
  transition: opacity 0.5s;
}

.plugin-clear_button.single .clear-button {
  right: calc(2px + 2rem);
}

.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  border-radius: 3px 3px 0 0;
  padding: 10px 8px;
  position: relative;
}

.ts-wrapper .dropdown-header-close {
  color: #303030;
  font-size: 20px !important;
  line-height: 20px;
  margin-top: -12px;
  opacity: 0.4;
  position: absolute;
  right: 8px;
  top: 50%;
}

.ts-wrapper .dropdown-header-close:hover {
  color: #000;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  border: 1px solid #d0d0d0;
  box-shadow: none;
}

.plugin-dropdown_input .dropdown-input {
  background: 0 0;
  border: solid #d0d0d0;
  border-width: 0 0 1px;
  box-shadow: none;
  display: block;
  padding: 8px;
  width: 100%;
}

.plugin-dropdown_input .items-placeholder {
  border: 0 !important;
  box-shadow: none !important;
  width: 100%;
}

.plugin-dropdown_input.dropdown-active .items-placeholder,
.plugin-dropdown_input.has-items .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input {
  flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0;
}

.ts-wrapper.plugin-remove_button .item {
  align-items: center;
  display: inline-flex;
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button .item .remove {
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  margin-left: 6px;
  padding: 0 6px;
  text-decoration: none;
  vertical-align: middle;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: #0000000d;
}

.ts-wrapper.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: 0 0;
}

.ts-wrapper.plugin-remove_button.disabled .item .remove {
  border-left-color: #fff;
}

.ts-wrapper.plugin-remove_button .remove-single {
  font-size: 23px;
  position: absolute;
  right: 0;
  top: 0;
}

.ts-wrapper {
  position: relative;
}

.ts-control,
.ts-control input,
.ts-dropdown {
  font-smoothing: inherit;
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-control {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 8px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.ts-wrapper.multi.has-items .ts-control {
  padding: 6px 8px 3px;
}

.full .ts-control {
  background-color: #fff;
}

.disabled .ts-control,
.disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: none;
}

.ts-control>* {
  display: inline-block;
  vertical-align: baseline;
}

.ts-wrapper.multi .ts-control>div {
  background: #f2f2f2;
  border: 0 solid #d0d0d0;
  color: #303030;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
}

.ts-wrapper.multi .ts-control>div.active {
  background: #e8e8e8;
  border: 0 solid #cacaca;
  color: #303030;
}

.ts-wrapper.multi.disabled .ts-control>div,
.ts-wrapper.multi.disabled .ts-control>div.active {
  background: #fff;
  border: 0 solid #fff;
  color: #7d7d7d;
}

.ts-control>input {
  background: 0 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-block !important;
  flex: 1 1 auto;
  line-height: inherit !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  min-height: 0 !important;
  min-width: 7rem;
  padding: 0 !important;
  text-indent: 0 !important;
  -webkit-user-select: auto !important;
  user-select: auto !important;
}

.ts-control>input::-ms-clear {
  display: none;
}

.ts-control>input:focus {
  outline: 0 !important;
}

.has-items .ts-control>input {
  margin: 0 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

.ts-control.rtl .ts-control>input {
  margin: 0 4px 0 -2px !important;
}

.disabled .ts-control {
  background-color: #fafafa;
  opacity: 0.5;
}

.input-hidden .ts-control>input {
  left: -10000px;
  opacity: 0;
  position: absolute;
}

.ts-dropdown {
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  box-shadow: 0 1px 3px #0000001a;
  box-sizing: border-box;
  left: 0;
  margin: 0.25rem 0 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: #7da8d033;
  border-radius: 1px;
}

.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option {
  padding: 5px 8px;
}

.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.ts-dropdown [data-selectable].option {
  cursor: pointer;
  opacity: 1;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0;
}

.ts-dropdown .optgroup-header {
  background: #fff;
  color: #303030;
  cursor: default;
}

.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.ts-dropdown .active.create {
  color: #495c68;
}

.ts-dropdown .create {
  color: #30303080;
}

.ts-dropdown .spinner {
  display: inline-block;
  height: 30px;
  margin: 5px 8px;
  width: 30px;
}

.ts-dropdown .spinner:after {
  animation: lds-dual-ring 1.2s linear infinite;
  border-color: #d0d0d0 transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  content: " ";
  display: block;
  height: 24px;
  margin: 3px;
  width: 24px;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.ts-dropdown-content {
  overflow-scrolling: touch;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.ts-hidden-accessible {
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.ts-wrapper .item {
  display: none !important;
}

.ts-wrapper.dropdown-active .input-common__icon._arrow-down {
  transform: scaleY(-1);
}

.ts-dropdown {
  margin: 0.8rem 0 0;
  box-shadow: none;
  border: none;
  background: var(--main-absolute-white, #fff);
}

.ts-dropdown.single .option.selected {
  color: var(--state-hover, #808a80) !important;
}

.ts-dropdown.multi .option {
  padding-right: 5.2rem;
}

.ts-dropdown .option {
  padding: 1.4rem 0.8rem;
  position: relative;
  color: var(--state-active, #2d3834);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.33;
}

.ts-dropdown .option {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.ts-dropdown .option.selected {
  background: 0 0;
}

.ts-dropdown .option.selected svg {
  visibility: visible;
}

.ts-dropdown .option.active {
  background: 0 0;
  color: var(--state-active, #2d3834);
}

@media (hover: hover) and (pointer: fine) {
  .ts-dropdown .option:hover {
    background: 0 0;
    color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .ts-dropdown .option:focus-visible {
    background: 0 0;
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .ts-dropdown .option:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .ts-dropdown .option:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .ts-dropdown .option:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .ts-dropdown .option[data-focus-visible-added] {
    background: 0 0;
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .ts-dropdown .option[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .ts-dropdown .option[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .ts-dropdown .option[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.ts-dropdown .option input {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ts-dropdown .option svg {
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  color: var(--main-black, #000);
  visibility: hidden;
}

.ts-dropdown-content {
  max-height: 28.6rem;
  scrollbar-gutter: 1rem;
}

@supports (selector(::-webkit-scrollbar)) {
  .ts-dropdown-content::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
    background: 0 0;
  }

  .ts-dropdown-content::-webkit-scrollbar-track {
    background: 0 0;
  }

  .ts-dropdown-content::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 1rem;
  }

  .ts-dropdown-content::-webkit-scrollbar-thumb:hover {
    background-color: #a6a6a6;
  }
}

@supports not (selector(::-webkit-scrollbar)) {
  .ts-dropdown-content {
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd transparent;
  }
}

.js-multiselect._hide-search .dropdown-input {
  display: none;
}

.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
  color: var(--typography-default-secondary);
}

.air-datepicker-cell.-day-.-other-month-:hover,
.air-datepicker-cell.-year-.-other-decade-:hover {
  color: var(--button-state-typo01);
}

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  opacity: 0.6;
}

.-selected-.air-datepicker-cell.-day-.-other-month-,
.-selected-.air-datepicker-cell.-year-.-other-decade- {
  color: var(--button-state-typo03);
  background: var(--button-state-bg03);
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  background: var(--button-default-bg01);
  color: var(--button-state-typo01);
}

.-in-range-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.air-datepicker-cell.-year-.-other-decade- {
  background-color: var(--button-default-bg02);
  color: var(--button-default-typo04);
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  background: var(--button-default-bg01);
  color: var(--button-state-typo01);
}

.air-datepicker-cell.-day-.-other-month-:empty,
.air-datepicker-cell.-year-.-other-decade-:empty {
  background: 0 0;
  border: none;
}

.air-datepicker-cell {
  border-radius: 0.8rem;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-weight: 400;
  height: 100%;
}

.air-datepicker-cell {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.air-datepicker-cell.-focus- {
  background: var(--button-default-bg01);
  color: var(--button-state-typo01);
}

.air-datepicker-cell.-current- {
  color: var(--button-state-bg02);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--button-state-typo01);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--button-default-typo04);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  opacity: 0.6;
}

.air-datepicker-cell.-in-range- {
  background: var(--button-default-bg02);
  color: var(--button-default-typo04);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day- {
  height: 2.5rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day- {
    height: 3.2rem;
  }
}

.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-day-:first-child,
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(15),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(22),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(29),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(36),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(8) {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(14),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(21),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(28),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(35),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(42),
.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-day-:nth-child(7) {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-month- {
  height: 3.4rem;
}

.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:first-child,
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:nth-child(10),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:nth-child(4),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:nth-child(7) {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:nth-child(12),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:nth-child(3),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:nth-child(6),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-month-:nth-child(9) {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

.air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-year- {
  height: 2.9rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker-cell.-in-range-:not(.-range-to-, .-range-from-).-year- {
    height: 3.4rem;
  }
}

.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-year-:first-child,
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-year-:nth-child(5),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-year-:nth-child(9) {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-year-:nth-child(12),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-year-:nth-child(4),
.air-datepicker-cell.-in-range-:not(.-range-to-,
  .-range-from-).-year-:nth-child(8) {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

.air-datepicker-cell.-in-range-.-focus-,
.air-datepicker-cell.-in-range-:hover {
  background: var(--button-default-bg01);
  color: var(--button-state-typo01);
}

.air-datepicker-cell.-range-from-,
.air-datepicker-cell.-range-to-,
.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: 0.8rem;
}

.air-datepicker-cell.-selected-,
.air-datepicker-cell.-selected-.-current- {
  color: var(--button-state-typo03);
  background: var(--button-state-bg03);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--button-default-bg01);
  color: var(--button-state-typo01);
}

.air-datepicker-body {
  transition: all 0.2s ease-in-out;
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.air-datepicker-body--day-name {
  color: var(--typography-default-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker-body--day-name {
    font-size: 1.2rem;
  }
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--button-state-bg02);
}

.air-datepicker-body--cells {
  display: grid;
  align-items: center;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 3.1rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker-body--cells.-days- {
    grid-auto-rows: 3.8rem;
  }
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 4rem;
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 3.5rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker-body--cells.-years- {
    grid-auto-rows: 4rem;
  }
}

.air-datepicker-nav {
  display: flex;
  justify-content: center;
  min-height: 2.3rem;
  padding: 1.4rem 0.8rem;
  box-sizing: content-box;
  grid-gap: 1rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker-nav {
    padding: 1.8rem 2rem;
  }
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--action,
.air-datepicker-nav--title {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.air-datepicker-nav--action {
  width: 1.6rem;
  border-radius: 0.4rem;
}

.air-datepicker-nav--action {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker-nav--action {
    width: 1.8rem;
  }
}

.air-datepicker-nav--action:hover {
  background: var(--button-default-bg01);
  color: var(--button-state-typo01);
}

.air-datepicker-nav--action:active {
  background: var(--button-state-bg02);
  color: var(--button-state-typo02);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 100%;
  height: 100%;
}

.air-datepicker-nav--title {
  border-radius: 0.4rem;
  padding: 0 0.8rem;
}

.air-datepicker-nav--title {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.air-datepicker-nav--title:hover {
  background: var(--button-default-bg01);
  color: var(--button-state-typo01);
}

.air-datepicker-nav--title:active {
  background: var(--button-state-bg02);
  color: var(--button-state-typo02);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: 0 0;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-gap: 0.5rem;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--button-default-typo01);
  border-radius: 1rem;
  height: 3.6rem;
  font-weight: 700;
  font-size: 1.3rem;
  background: var(--button-default-bg01);
  align-items: center;
  justify-content: center;
  text-align: center;
}

.air-datepicker-button {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .air-datepicker-button:hover {
    color: var(--button-state-typo01);
    background: var(--button-state-bg01);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .air-datepicker-button:focus-visible {
    color: var(--button-state-typo01);
    background: var(--button-state-bg01);
  }

  body:not(._use-mouse) .air-datepicker-button:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .air-datepicker-button:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .air-datepicker-button:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .air-datepicker-button[data-focus-visible-added] {
    color: var(--button-state-typo01);
    background: var(--button-state-bg01);
  }

  body:not(._use-mouse) .air-datepicker-button[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .air-datepicker-button[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .air-datepicker-button[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.air-datepicker-button:active {
  background: var(--button-state-bg02);
  color: var(--button-state-typo02);
}

.air-datepicker-button:disabled span {
  opacity: 0.4;
  color: var(--button-default-typo01);
  background: var(--button-default-bg01);
}

.air-datepicker-button span {
  padding-top: 0.2rem;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 1.2rem;
  align-items: center;
  position: relative;
  padding: 0 1.6rem;
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 1.4rem;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 1.9rem;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--button-default-bg01);
  border-radius: 0.4rem;
  position: absolute;
  left: -0.2rem;
  top: -0.3rem;
  right: -0.2rem;
  bottom: -0.2rem;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  margin-left: 0.6rem;
  font-size: 1.1rem;
  margin-bottom: 0.1rem;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  height: 1.7rem;
  background: linear-gradient(to right,
      var(--button-default-bg02),
      var(--button-default-bg02)) left 50%/100% 0.1rem no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 0.4rem;
}

.air-datepicker-time--row input[type="range"] {
  background: 0 0;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type="range"]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type="range"]:hover::-webkit-slider-thumb {
  border-color: var(--button-state-bg01);
}

.air-datepicker-time--row input[type="range"]:hover::-moz-range-thumb {
  border-color: var(--button-state-bg01);
}

.air-datepicker-time--row input[type="range"]:hover::-ms-thumb {
  border-color: var(--button-state-bg01);
}

.air-datepicker-time--row input[type="range"]:focus {
  outline: 0;
}

.air-datepicker-time--row input[type="range"]:focus::-webkit-slider-thumb {
  background: var(--button-state-bg01);
  border-color: var(--button-state-bg01);
}

.air-datepicker-time--row input[type="range"]:focus::-moz-range-thumb {
  background: var(--button-state-bg01);
  border-color: var(--button-state-bg01);
}

.air-datepicker-time--row input[type="range"]:focus::-ms-thumb {
  background: var(--button-state-bg01);
  border-color: var(--button-state-bg01);
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.3rem;
  border: 0.1rem solid var(--button-default-bg02);
  background: var(--surface-default-surface);
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.air-datepicker-time--row input[type="range"]::-moz-range-thumb {
  box-sizing: border-box;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.3rem;
  border: 0.1rem solid var(--button-default-bg02);
  background: var(--surface-default-surface);
  cursor: pointer;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}

.air-datepicker-time--row input[type="range"]::-ms-thumb {
  box-sizing: border-box;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.3rem;
  border: 0.1rem solid var(--button-default-bg02);
  background: var(--surface-default-surface);
  cursor: pointer;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
  margin-top: -0.6rem;
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-runnable-track {
  border: none;
  height: 0.1rem;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.air-datepicker-time--row input[type="range"]::-moz-range-track {
  border: none;
  height: 0.1rem;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.air-datepicker-time--row input[type="range"]::-ms-track {
  border: none;
  height: 0.1rem;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.air-datepicker-time--row input[type="range"]::-ms-fill-lower {
  background: 0 0;
}

.air-datepicker-time--row input[type="range"]::-ms-fill-upper {
  background: 0 0;
}

.air-datepicker {
  background: var(--surface-default-surface);
  box-shadow: 0 8.5rem 3.4rem #455b7803, 0 4.8rem 2.9rem #455b7808,
    0 2.1rem 2.1rem #455b780d, 0 0.5rem 1.2rem #455b780f, 0 0 #455b780f;
  border-radius: 1.4rem;
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: "nav" "body" "timepicker" "buttons";
  font-size: 1.5rem;
  color: var(--typography-default-primary);
  width: 25.5rem;
  position: absolute;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  z-index: 100;
  border: 0.2rem solid var(--additional-outline);
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker {
    width: 33.5rem;
    font-size: 1.8rem;
  }
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(-0.8rem);
}

.air-datepicker.-from-right- {
  transform: translate(0.8rem);
}

.air-datepicker.-from-bottom- {
  transform: translateY(0.8rem);
}

.air-datepicker.-from-left- {
  transform: translate(-0.8rem);
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker--pointer,
.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  position: fixed;
  width: 25.5rem;
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: transparent;
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + 0.8rem));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

.air-datepicker--pointer {
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: var(--surface-default-surface);
  border-top: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  border-top-right-radius: 0.2rem;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
}

.-top-center- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^="top"] .air-datepicker--pointer {
  top: calc(100% - 0.4rem);
}

.-top-center- .air-datepicker--pointer:after,
.-top-left- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^="top"] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}

.-right-bottom- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer,
[data-popper-placement^="right"] .air-datepicker--pointer {
  right: calc(100% - 0.4rem);
}

.-right-bottom- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-top- .air-datepicker--pointer:after,
[data-popper-placement^="right"] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}

.-bottom-center- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^="bottom"] .air-datepicker--pointer {
  bottom: calc(100% - 0.4rem);
}

.-bottom-center- .air-datepicker--pointer:after,
.-bottom-left- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^="bottom"] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}

.-left-bottom- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-top- .air-datepicker--pointer,
[data-popper-placement^="left"] .air-datepicker--pointer {
  left: calc(100% - 0.4rem);
}

.-left-bottom- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-top- .air-datepicker--pointer:after,
[data-popper-placement^="left"] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}

.-bottom-left- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer {
  left: 1.4rem;
}

.-bottom-right- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer {
  right: 1.4rem;
}

.-bottom-center- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer {
  left: calc(50% - 0.25rem);
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: 1.4rem;
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: 1.4rem;
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - 0.5rem);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: 0 0.8rem 1.4rem;
  grid-area: body;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .air-datepicker--content {
    padding: 0 2rem 2rem;
  }
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: 1.4rem 0.8rem;
  border-top: 0.1rem solid transparent;
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--bg-default-tone);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, left 0s, height 0s, width 0s;
  transition-delay: 0s, 0.2s, 0.2s, 0.2s;
  z-index: 99;
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease-in-out, height 0s, width 0s;
}

.checkbox {
  width: 100%;
}

.checkbox input {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.checkbox input:checked~.checkbox__label .svgsprite._only-checkbox {
  opacity: 1;
}

.checkbox input:disabled~.checkbox__label {
  cursor: not-allowed;
}

.checkbox__label {
  display: flex;
  cursor: pointer;
  width: fit-content;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.4;
  padding-left: 1.2rem;
}

.checkbox__label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: 0 0;
  border: 0.2rem solid;
  border-radius: 0.6rem;
}

.checkbox__label:before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.checkbox__label:after {
  content: "";
  background: 0 0;
  flex-shrink: 0;
  order: 1;
}

.checkbox__label span {
  order: 2;
}

.checkbox__label .svgsprite._only-checkbox {
  opacity: 0;
  position: absolute;
}

.checkbox__label .svgsprite._only-checkbox {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .checkbox__label {
    line-height: 1.6;
    padding-left: 1.4rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .checkbox__label {
    font-size: 1.8rem;
  }
}

.checkbox__label a {
  font-weight: 700;
  color: var(--typography-default-link);
}

.checkbox__label a {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .checkbox__label a:hover {
    color: var(--button-state-bg08) !important;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox__label a:focus-visible {
    color: var(--button-state-bg08) !important;
  }

  body:not(._use-mouse) .checkbox__label a:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox__label a:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox__label a:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox__label a[data-focus-visible-added] {
    color: var(--button-state-bg08) !important;
  }

  body:not(._use-mouse) .checkbox__label a[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox__label a[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox__label a[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.checkbox__label a:active {
  color: var(--button-state-bg08) !important;
}

.checkbox__label a._disabled,
.checkbox__label a:disabled {
  color: var(--button-default-bg05) !important;
}

.checkbox__message {
  color: var(--system-alert1);
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.01em;
  display: block;
}

.checkbox__message._hidden {
  display: none;
}

.checkbox._size-s .checkbox__label:after,
.checkbox._size-s .checkbox__label:before {
  width: 2rem;
  height: 2rem;
}

.checkbox._size-s .checkbox__label .svgsprite._only-checkbox {
  width: 1.2rem;
  height: 1.2rem;
  left: 0.4rem;
  top: 0.4rem;
}

.checkbox._size-s .checkbox__message {
  font-size: 1.3rem;
  margin-top: 0.4rem;
}

@media (min-width: 768px) and (max-width: 1279.98px) {

  [data-zoom="100"] .checkbox._size-s-md .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-s-md .checkbox__label:before {
    width: 2rem;
    height: 2rem;
  }

  [data-zoom="100"] .checkbox._size-s-md .checkbox__label .svgsprite._only-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    left: 0.4rem;
    top: 0.4rem;
  }

  [data-zoom="100"] .checkbox._size-s-md .checkbox__message {
    font-size: 1.3rem;
    margin-top: 0.4rem;
  }
}

@media (min-width: 1280px) and (max-width: 1599.98px) {

  [data-zoom="100"] .checkbox._size-s-lg .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-s-lg .checkbox__label:before {
    width: 2rem;
    height: 2rem;
  }

  [data-zoom="100"] .checkbox._size-s-lg .checkbox__label .svgsprite._only-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    left: 0.4rem;
    top: 0.4rem;
  }

  [data-zoom="100"] .checkbox._size-s-lg .checkbox__message {
    font-size: 1.3rem;
    margin-top: 0.4rem;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {

  [data-zoom="100"] .checkbox._size-s-xl .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-s-xl .checkbox__label:before {
    width: 2rem;
    height: 2rem;
  }

  [data-zoom="100"] .checkbox._size-s-xl .checkbox__label .svgsprite._only-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    left: 0.4rem;
    top: 0.4rem;
  }

  [data-zoom="100"] .checkbox._size-s-xl .checkbox__message {
    font-size: 1.3rem;
    margin-top: 0.4rem;
  }
}

.checkbox._size-m .checkbox__label:after,
.checkbox._size-m .checkbox__label:before {
  width: 2.2rem;
  height: 2.2rem;
}

.checkbox._size-m .checkbox__label .svgsprite._only-checkbox {
  width: 1.4rem;
  height: 1.4rem;
  left: 0.4rem;
  top: 0.4rem;
}

.checkbox._size-m .checkbox__message {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}

@media (min-width: 768px) and (max-width: 1279.98px) {

  [data-zoom="100"] .checkbox._size-m-md .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-m-md .checkbox__label:before {
    width: 2.2rem;
    height: 2.2rem;
  }

  [data-zoom="100"] .checkbox._size-m-md .checkbox__label .svgsprite._only-checkbox {
    width: 1.4rem;
    height: 1.4rem;
    left: 0.4rem;
    top: 0.4rem;
  }

  [data-zoom="100"] .checkbox._size-m-md .checkbox__message {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }
}

@media (min-width: 1280px) and (max-width: 1599.98px) {

  [data-zoom="100"] .checkbox._size-m-lg .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-m-lg .checkbox__label:before {
    width: 2.2rem;
    height: 2.2rem;
  }

  [data-zoom="100"] .checkbox._size-m-lg .checkbox__label .svgsprite._only-checkbox {
    width: 1.4rem;
    height: 1.4rem;
    left: 0.4rem;
    top: 0.4rem;
  }

  [data-zoom="100"] .checkbox._size-m-lg .checkbox__message {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {

  [data-zoom="100"] .checkbox._size-m-xl .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-m-xl .checkbox__label:before {
    width: 2.2rem;
    height: 2.2rem;
  }

  [data-zoom="100"] .checkbox._size-m-xl .checkbox__label .svgsprite._only-checkbox {
    width: 1.4rem;
    height: 1.4rem;
    left: 0.4rem;
    top: 0.4rem;
  }

  [data-zoom="100"] .checkbox._size-m-xl .checkbox__message {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }
}

.checkbox._size-l .checkbox__label:after,
.checkbox._size-l .checkbox__label:before {
  width: 2.6rem;
  height: 2.6rem;
}

.checkbox._size-l .checkbox__label .svgsprite._only-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  left: 0.5rem;
  top: 0.5rem;
}

.checkbox._size-l .checkbox__message {
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

@media (min-width: 768px) and (max-width: 1279.98px) {

  [data-zoom="100"] .checkbox._size-l-md .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-l-md .checkbox__label:before {
    width: 2.6rem;
    height: 2.6rem;
  }

  [data-zoom="100"] .checkbox._size-l-md .checkbox__label .svgsprite._only-checkbox {
    width: 1.6rem;
    height: 1.6rem;
    left: 0.5rem;
    top: 0.5rem;
  }

  [data-zoom="100"] .checkbox._size-l-md .checkbox__message {
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
}

@media (min-width: 1280px) and (max-width: 1599.98px) {

  [data-zoom="100"] .checkbox._size-l-lg .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-l-lg .checkbox__label:before {
    width: 2.6rem;
    height: 2.6rem;
  }

  [data-zoom="100"] .checkbox._size-l-lg .checkbox__label .svgsprite._only-checkbox {
    width: 1.6rem;
    height: 1.6rem;
    left: 0.5rem;
    top: 0.5rem;
  }

  [data-zoom="100"] .checkbox._size-l-lg .checkbox__message {
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {

  [data-zoom="100"] .checkbox._size-l-xl .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-l-xl .checkbox__label:before {
    width: 2.6rem;
    height: 2.6rem;
  }

  [data-zoom="100"] .checkbox._size-l-xl .checkbox__label .svgsprite._only-checkbox {
    width: 1.6rem;
    height: 1.6rem;
    left: 0.5rem;
    top: 0.5rem;
  }

  [data-zoom="100"] .checkbox._size-l-xl .checkbox__message {
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
}

.checkbox._size-xl .checkbox__label:after,
.checkbox._size-xl .checkbox__label:before {
  width: 3.2rem;
  height: 3.2rem;
}

.checkbox._size-xl .checkbox__label .svgsprite._only-checkbox {
  width: 2rem;
  height: 2rem;
  left: 0.6rem;
  top: 0.6rem;
}

.checkbox._size-xl .checkbox__message {
  font-size: 1.6rem;
  margin-top: 0.5rem;
}

@media (min-width: 768px) and (max-width: 1279.98px) {

  [data-zoom="100"] .checkbox._size-xl-md .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-xl-md .checkbox__label:before {
    width: 3.2rem;
    height: 3.2rem;
  }

  [data-zoom="100"] .checkbox._size-xl-md .checkbox__label .svgsprite._only-checkbox {
    width: 2rem;
    height: 2rem;
    left: 0.6rem;
    top: 0.6rem;
  }

  [data-zoom="100"] .checkbox._size-xl-md .checkbox__message {
    font-size: 1.6rem;
    margin-top: 0.5rem;
  }
}

@media (min-width: 1280px) and (max-width: 1599.98px) {

  [data-zoom="100"] .checkbox._size-xl-lg .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-xl-lg .checkbox__label:before {
    width: 3.2rem;
    height: 3.2rem;
  }

  [data-zoom="100"] .checkbox._size-xl-lg .checkbox__label .svgsprite._only-checkbox {
    width: 2rem;
    height: 2rem;
    left: 0.6rem;
    top: 0.6rem;
  }

  [data-zoom="100"] .checkbox._size-xl-lg .checkbox__message {
    font-size: 1.6rem;
    margin-top: 0.5rem;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {

  [data-zoom="100"] .checkbox._size-xl-xl .checkbox__label:after,
  [data-zoom="100"] .checkbox._size-xl-xl .checkbox__label:before {
    width: 3.2rem;
    height: 3.2rem;
  }

  [data-zoom="100"] .checkbox._size-xl-xl .checkbox__label .svgsprite._only-checkbox {
    width: 2rem;
    height: 2rem;
    left: 0.6rem;
    top: 0.6rem;
  }

  [data-zoom="100"] .checkbox._size-xl-xl .checkbox__message {
    font-size: 1.6rem;
    margin-top: 0.5rem;
  }
}

.checkbox._primary input:checked~.checkbox__label:before {
  background: var(--control-state-bg03);
  border-color: var(--control-state-bg03);
}

.checkbox._primary input:checked._error~.checkbox__label:before {
  border-color: var(--system-alert1) !important;
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:checked:focus-visible~.checkbox__label:before {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }

  body:not(._use-mouse) .checkbox._primary input:checked:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:checked:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:checked:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:checked[data-focus-visible-added]~.checkbox__label:before {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }

  body:not(._use-mouse) .checkbox._primary input:checked[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:checked[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:checked[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  .checkbox._primary input:checked~.checkbox__label:hover:before {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label:focus-visible:before {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }

  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label[data-focus-visible-added]:before {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }

  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:checked~.checkbox__label[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:not(:checked):focus-visible~.checkbox__label:before {
    border-color: var(--control-state-bg06-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._primary input:not(:checked):focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:not(:checked):focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:not(:checked):focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:not(:checked)[data-focus-visible-added]~.checkbox__label:before {
    border-color: var(--control-state-bg06-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._primary input:not(:checked)[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:not(:checked)[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:not(:checked)[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  .checkbox._primary input:not(:checked)~.checkbox__label:hover:before {
    border-color: var(--control-state-bg06-outline);
    background: var(--control-default-bg01);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label:focus-visible:before {
    border-color: var(--control-state-bg06-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label[data-focus-visible-added]:before {
    border-color: var(--control-state-bg06-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._primary input:not(:checked)~.checkbox__label[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.checkbox._primary input:disabled~.checkbox__label:before {
  background: var(--control-state-bg-disabled) !important;
  border-color: var(--control-default-bg03-outline) !important;
}

.checkbox._primary input:disabled._error~.checkbox__label:before {
  border-color: var(--system-alert1) !important;
}

.checkbox._primary input._error~.checkbox__label:before {
  border-color: var(--system-alert1);
}

.checkbox._primary .checkbox__label .svgsprite._only-checkbox {
  color: var(--control-default-bg01);
  stroke: currentColor;
  stroke-width: 0.1rem;
}

.checkbox._primary .checkbox__label:before {
  border-color: var(--control-default-bg03-outline);
  background: var(--control-default-bg01);
}

.checkbox._secondary input:checked~.checkbox__label:before {
  background: var(--control-default-bg01);
  border-color: var(--control-default-bg03-outline);
}

.checkbox._secondary input:checked._error~.checkbox__label:before {
  border-color: var(--system-alert1) !important;
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:checked:focus-visible~.checkbox__label:before {
    background: var(--control-default-bg01);
    border-color: var(--control-state-bg05-outline);
  }

  body:not(._use-mouse) .checkbox._secondary input:checked:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:checked:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:checked:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:checked[data-focus-visible-added]~.checkbox__label:before {
    background: var(--control-default-bg01);
    border-color: var(--control-state-bg05-outline);
  }

  body:not(._use-mouse) .checkbox._secondary input:checked[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:checked[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:checked[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  .checkbox._secondary input:checked~.checkbox__label:hover:before {
    background: var(--control-default-bg01);
    border-color: var(--control-state-bg05-outline);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label:focus-visible:before {
    background: var(--control-default-bg01);
    border-color: var(--control-state-bg05-outline);
  }

  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label[data-focus-visible-added]:before {
    background: var(--control-default-bg01);
    border-color: var(--control-state-bg05-outline);
  }

  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:checked~.checkbox__label[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:not(:checked):focus-visible~.checkbox__label:before {
    border-color: var(--control-state-bg05-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._secondary input:not(:checked):focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:not(:checked):focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:not(:checked):focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)[data-focus-visible-added]~.checkbox__label:before {
    border-color: var(--control-state-bg05-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._secondary input:not(:checked)[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  .checkbox._secondary input:not(:checked)~.checkbox__label:hover:before {
    border-color: var(--control-state-bg05-outline);
    background: var(--control-default-bg01);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label:focus-visible:before {
    border-color: var(--control-state-bg05-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label[data-focus-visible-added]:before {
    border-color: var(--control-state-bg05-outline);
    background: var(--control-default-bg01);
  }

  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .checkbox._secondary input:not(:checked)~.checkbox__label[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.checkbox._secondary input:disabled~.checkbox__label:before {
  background: var(--control-state-bg-disabled) !important;
  border-color: var(--control-default-bg03-outline) !important;
}

.checkbox._secondary input:disabled~.checkbox__label .svgsprite._only-checkbox {
  color: var(--control-state-bg-disabled) !important;
  opacity: 0.4;
}

.checkbox._secondary input:disabled._error~.checkbox__label:before {
  border-color: var(--system-alert1) !important;
}

.checkbox._secondary input._error~.checkbox__label:before {
  border-color: var(--system-alert1);
}

.checkbox._secondary .checkbox__label .svgsprite._only-checkbox {
  color: var(--control-default-typo01);
}

.checkbox._secondary .checkbox__label:before {
  border-color: var(--control-default-bg03-outline);
  background: var(--control-default-bg01);
}

.btn-common {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 500;
  height: 5.2rem;
  line-height: 1.3;
  gap: 0.8rem;
  padding: 0 2.7rem;
  letter-spacing: 0.06em;
  font-size: 1.2rem;
}

.btn-common {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .btn-common {
    font-size: 1.3rem;
  }
}

.btn-common>svg {
  object-fit: contain;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.btn-common * {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.btn-common._disabled,
.btn-common:disabled {
  cursor: not-allowed !important;
}

.btn-common._black {
  background: #000;
  color: #fff;
}

@media (hover: hover) and (pointer: fine) {
  .btn-common._black:not(:disabled, ._disabled):hover {
    background: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .btn-common._black:not(:disabled, ._disabled):focus-visible {
    background: #808a80;
  }

  body:not(._use-mouse) .btn-common._black:not(:disabled, ._disabled):focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._black:not(:disabled, ._disabled):focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._black:not(:disabled, ._disabled):focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .btn-common._black:not(:disabled, ._disabled)[data-focus-visible-added] {
    background: #808a80;
  }

  body:not(._use-mouse) .btn-common._black:not(:disabled, ._disabled)[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._black:not( :disabled,
    ._disabled)[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._black:not( :disabled,
    ._disabled)[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.btn-common._black:active {
  background: #2d3834;
}

.btn-common._black._disabled,
.btn-common._black:disabled {
  background: #cfceca;
  color: #555;
}

.btn-common._light {
  /*background: var(--main-white, #e9e8e4);*/
  background: var(--main-white, #fff);
  color: var(--main-black, #000);
}

@media (hover: hover) and (pointer: fine) {
  .btn-common._light:not(:disabled, ._disabled):hover {
    background: #808a80;
    color: #fff;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .btn-common._light:not(:disabled, ._disabled):focus-visible {
    background: #808a80;
    color: #fff;
  }

  body:not(._use-mouse) .btn-common._light:not(:disabled, ._disabled):focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._light:not(:disabled, ._disabled):focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._light:not(:disabled, ._disabled):focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .btn-common._light:not(:disabled, ._disabled)[data-focus-visible-added] {
    background: #808a80;
    color: #fff;
  }

  body:not(._use-mouse) .btn-common._light:not(:disabled, ._disabled)[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._light:not( :disabled,
    ._disabled)[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._light:not( :disabled,
    ._disabled)[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.btn-common._light:active {
  background: #2d3834;
  color: #fff;
}

.btn-common._light._disabled,
.btn-common._light:disabled {
  background: #cfceca;
  color: #555;
}

.btn-common._stroke {
  background: #fff;
  color: #000;
  border: 0.1rem solid #000;
}

@media (hover: hover) and (pointer: fine) {
  .btn-common._stroke:not(:disabled, ._disabled):hover {
    background: #1c1c1c;
    color: #e9e8e4;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .btn-common._stroke:not(:disabled, ._disabled):focus-visible {
    background: #1c1c1c;
    color: #e9e8e4;
  }

  body:not(._use-mouse) .btn-common._stroke:not(:disabled, ._disabled):focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._stroke:not( :disabled,
    ._disabled):focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._stroke:not(:disabled, ._disabled):focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .btn-common._stroke:not(:disabled, ._disabled)[data-focus-visible-added] {
    background: #1c1c1c;
    color: #e9e8e4;
  }

  body:not(._use-mouse) .btn-common._stroke:not( :disabled,
    ._disabled)[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._stroke:not( :disabled,
    ._disabled)[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._stroke:not( :disabled,
    ._disabled)[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.btn-common._stroke:active {
  background: #2d3834;
  color: #e9e8e4;
}

.btn-common._stroke._disabled,
.btn-common._stroke:disabled {
  border-color: #b2b2b0;
  color: #b2b2b0;
  background: 0 0;
}

.btn-common._transparent {
  background: 0 0;
  color: #000;
  border: 0.1rem solid #000;
}

@media (hover: hover) and (pointer: fine) {
  .btn-common._transparent:not(:disabled, ._disabled):hover {
    background: #1c1c1c;
    color: #e9e8e4;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .btn-common._transparent:not(:disabled, ._disabled):focus-visible {
    background: #1c1c1c;
    color: #e9e8e4;
  }

  body:not(._use-mouse) .btn-common._transparent:not(:disabled, ._disabled):focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._transparent:not( :disabled,
    ._disabled):focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._transparent:not( :disabled,
    ._disabled):focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {

  body:not(._use-mouse) .btn-common._transparent:not( :disabled,
    ._disabled)[data-focus-visible-added] {
    background: #1c1c1c;
    color: #e9e8e4;
  }

  body:not(._use-mouse) .btn-common._transparent:not( :disabled,
    ._disabled)[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .btn-common._transparent:not( :disabled,
    ._disabled)[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .btn-common._transparent:not( :disabled,
    ._disabled)[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.btn-common._transparent:active {
  background: #2d3834;
  color: #e9e8e4;
}

.btn-common._transparent._disabled,
.btn-common._transparent:disabled {
  border-color: #b2b2b0;
  color: #b2b2b0;
  background: 0 0;
}

.btn-common._mobile-wide {
  width: 100%;
}

@media (min-width: 768px) {
  [data-zoom="100"] .btn-common._mobile-wide {
    width: fit-content;
  }
}

.btn-common-dscrp {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  padding-top: 0.3rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .btn-common-dscrp {
    font-size: 1.3rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .btn-common-dscrp {
    font-size: 1.6rem;
  }
}

.btn-common._wide {
  width: 100%;
}

.btn-common._hidden {
  opacity: 0;
  visibility: hidden;
}

.btn-common._loaded :not(.vue-loader) {
  opacity: 0 !important;
}

.checkbox-group__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2.4rem;
  align-content: flex-start;
  margin-bottom: -1.6rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .checkbox-group__items {
    gap: 0 1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .checkbox-group__items {
    gap: 0 2.4rem;
  }
}

.checkbox-group__title {
  width: 100%;
  display: block;
  color: var(--main-gray, #87857f);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 1.6rem;
}

.checkbox-group__item {
  margin-bottom: 1.6rem;
}

.radio-btn input {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.radio-btn input:checked+.radio-btn__label:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.radio-btn__label {
  cursor: pointer;
  padding-left: 2.8rem;
  color: var(--main-black, #000);
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .radio-btn__label {
    font-size: 1.8rem;
  }
}

.radio-btn__label:after,
.radio-btn__label:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}

.radio-btn__label:before {
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid var(--main-black, #000);
  top: 0;
  left: 0;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .radio-btn__label:before {
    top: 0.2rem;
  }
}

.radio-btn__label:after {
  width: 1.2rem;
  height: 1.2rem;
  background: var(--main-black, #000);
  opacity: 0;
  left: 0.4rem;
  top: 0.4rem;
  visibility: hidden;
  transform: scale(0);
}

.radio-btn__label:after {
  transition-property: opacity, visibility, transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .radio-btn__label:after {
    top: 0.6rem;
  }
}

.group-tab-common {
  background: var(--brand-color-beige, #cfceca);
  margin: 0 -2rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common {
    margin: 0;
    overflow: visible;
    background: 0 0;
  }
}

.group-tab-common::-webkit-scrollbar {
  display: none;
}

.group-tab-common._tabs {
  background: 0 0;
}

.group-tab-common._tabs .group-tab-common__inner {
  gap: 0.4rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common._tabs .group-tab-common__inner {
    gap: 0.4rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .group-tab-common._tabs .group-tab-common__inner {
    gap: 0.4rem;
  }
}

.group-tab-common._tabs .group-tab-common__inner li:last-child {
  padding-right: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common._tabs .group-tab-common__inner li:last-child {
    padding: 0;
  }
}

.group-tab-common._tabs .group-tab-common__inner li:first-child {
  padding-left: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common._tabs .group-tab-common__inner li:first-child {
    padding: 0;
  }
}

.group-tab-common._tabs .group-tab-common__item {
  font-weight: 500;
  line-height: 1.3;
  font-size: 1.2rem;
  letter-spacing: 0.072rem;
  text-transform: uppercase;
  border: 0.1rem solid var(--main-black, #000);
  display: block;
  padding: 0.1rem 0.6rem;
  min-width: 3.6rem;
}

.group-tab-common._tabs .group-tab-common__item {
  transition-property: color, border-color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .group-tab-common._tabs .group-tab-common__item {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .group-tab-common._tabs .group-tab-common__item {
    padding-top: 0;
    padding-bottom: 0.1rem;
    font-size: 1.3rem;
    letter-spacing: 0.078rem;
  }
}

.group-tab-common._tabs .group-tab-common__item._active {
  font-weight: 500;
  background-color: var(--main-black, #000);
  border-color: var(--main-black, #000);
  color: var(--main-absolute-white, #fff);
}

@media (hover: hover) and (pointer: fine) {
  .group-tab-common._tabs .group-tab-common__item:hover:not(._active) {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item:focus-visible:not(._active) {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item[data-focus-visible-added]:not(._active) {
    color: var(--state-hover, #808a80);
    border-color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .group-tab-common._tabs .group-tab-common__item[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.group-tab-common._tabs .group-tab-common__item span {
  display: block;
  position: relative;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .group-tab-common._tabs .group-tab-common__item span {
    top: 0.2rem;
  }
}

.group-tab-common__inner {
  display: flex;
  flex: none;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common__inner {
    flex: 0 1 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 2.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .group-tab-common__inner {
    gap: 0.8rem 2.65rem;
  }
}

.group-tab-common__inner li {
  display: flex;
  flex: none;
}

.group-tab-common__inner li:last-child:not(._tabs li) .group-tab-common__item {
  padding-right: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common__inner li:last-child:not(._tabs li) .group-tab-common__item {
    padding: 0;
  }
}

.group-tab-common__inner li:first-child:not(._tabs li) .group-tab-common__item {
  padding-left: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common__inner li:first-child:not(._tabs li) .group-tab-common__item {
    padding: 0;
  }
}

.group-tab-common__item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.7rem 1.3rem 1.5rem;
  color: var(--main-black, #000);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
}

.group-tab-common__item {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .group-tab-common__item {
    padding: 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .group-tab-common__item {
    font-size: 1.1rem;
    letter-spacing: 0.033rem;
  }
}

.group-tab-common__item._active {
  font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
  .group-tab-common__item:hover:not(._active) {
    color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .group-tab-common__item:focus-visible:not(._active) {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .group-tab-common__item:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .group-tab-common__item:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .group-tab-common__item:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .group-tab-common__item[data-focus-visible-added]:not(._active) {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .group-tab-common__item[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .group-tab-common__item[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .group-tab-common__item[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.group-tab-common__item span {
  position: relative;
  display: block;
}

.group-tab-common__item span span:first-child {
  position: absolute;
  left: 0;
  top: 0;
}

.group-tab-common__item span span:last-child {
  font-weight: 500;
  visibility: hidden;
}

.tabs-common__content {
  animation-name: fadeEffect;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
}

.tabs-common__content:not(._open) {
  display: none;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 998;
  visibility: hidden;
  opacity: 0;
}

/*.popup {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}*/

.popup._open {
  opacity: 1;
  visibility: inherit;
  position: relative;
}

.popup._login .popup__inner,
.popup._password .popup__inner,
.popup._sizes .popup__inner,
.popup._subscr .popup__inner {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
}

@media (min-width: 768px) {

  [data-zoom="100"] .popup._login .popup__inner,
  [data-zoom="100"] .popup._password .popup__inner,
  [data-zoom="100"] .popup._sizes .popup__inner,
  [data-zoom="100"] .popup._subscr .popup__inner {
    max-width: 64rem;
  }
}

@media (min-width: 1600px) {

  [data-zoom="100"] .popup._login .popup__inner,
  [data-zoom="100"] .popup._password .popup__inner,
  [data-zoom="100"] .popup._sizes .popup__inner,
  [data-zoom="100"] .popup._subscr .popup__inner {
    max-width: 80rem;
  }
}

.popup._login .popup__content,
.popup._password .popup__content,
.popup._subscr .popup__content {
  height: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.popup._login .popup__close,
.popup._password .popup__close {
  top: 1.6rem;
  right: 1.6rem;
}

.popup._points .popup__close {
  display: none;
}

.popup._points .popup__inner {
  height: 100%;
}

.popup._points .popup__content {
  height: 100%;
  padding: 0 !important;
}

.popup._confirm {
  padding: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .popup._confirm {
    padding: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .popup._confirm {
    padding: 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .popup._confirm {
    padding: 3.2rem;
  }
}

@media (min-width: 1920px) {
  [data-zoom="100"] .popup._confirm {
    padding: 3.2rem;
  }
}

.popup__overlay {
  opacity: 0.3;
  background: var(--main-black, #000);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.popup__inner {
  background: var(--main-white, #fff);
  width: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 768px) {
  [data-zoom="100"] .popup._confirm .popup__inner {
    max-width: 50rem;
  }
}

.popup__close {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  top: 1.2rem;
  right: 1.2rem;
  color: var(--main-black, #000);
  z-index: 100;
}

.popup__close {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
  [data-zoom="100"] .popup__close {
    top: 1.6rem;
    right: 1.6rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .popup__close:hover {
    color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .popup__close:focus-visible {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .popup__close:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .popup__close:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .popup__close:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .popup__close[data-focus-visible-added] {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .popup__close[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .popup__close[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .popup__close[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.popup__close svg {
  width: 100%;
  height: 100%;
}

.popup__content {
  padding: 1.8rem 2rem 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .popup__content {
    padding: 2rem 2.4rem 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .popup__content {
    padding: 2rem 2.6rem 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .popup__content {
    padding: 2.4rem 3.2rem 3.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .popup._confirm .popup__content {
    padding-bottom: 2.4rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .popup._confirm .popup__content {
    padding-bottom: 2.8rem;
  }
}

.pagination-common {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 2.7rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .pagination-common {
    column-gap: 3.5rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .pagination-common {
    column-gap: 3.9rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .pagination-common {
    column-gap: 4.7rem;
  }
}

.pagination-common-item {
  display: block;
  cursor: pointer;
  color: var(--main-black, #000);
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
}

.pagination-common-item {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .pagination-common-item:hover:not(._ellipsis, ._active) {
    color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .pagination-common-item:focus-visible:not(._ellipsis, ._active) {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .pagination-common-item:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .pagination-common-item:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .pagination-common-item:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {

  body:not(._use-mouse) .pagination-common-item[data-focus-visible-added]:not(._ellipsis,
    ._active) {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .pagination-common-item[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .pagination-common-item[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .pagination-common-item[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.pagination-common-item:before {
  content: "";
  display: block;
  width: 100%;
  min-width: 1.6rem;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  top: 100%;
  height: 0.1rem;
  background-color: var(--main-black, #000);
  opacity: 0;
  visibility: hidden;
}

.pagination-common-item:before {
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.pagination-common-item._active,
.pagination-common-item._ellipsis {
  cursor: default;
}

.pagination-common-item._active:before {
  opacity: 1;
  visibility: visible;
}

.pagination-common__wrap {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .pagination-common__wrap {
    margin-top: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .pagination-common__wrap {
    margin-top: 4.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .pagination-common__wrap {
    margin-top: 3.2rem;
  }
}

.pagination-common__show-more {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  [data-zoom="100"] .pagination-common__show-more {
    min-width: 52.6rem;
  }
}

*+.pagination-common__show-more {
  margin-top: 2.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] *+.pagination-common__show-more {
    margin-top: 2.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] *+.pagination-common__show-more {
    margin-top: 2.7rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] *+.pagination-common__show-more {
    margin-top: 3.3rem;
  }
}

.pagination-common._hidden,
.pagination-common__show-more._hidden {
  display: none;
}

.accordions__blocks-item {
  margin-bottom: 4.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .accordions__blocks-item {
    margin-bottom: 5.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .accordions__blocks-item {
    margin-bottom: 7.4rem;
  }
}

.accordions__blocks-item:last-child {
  margin-bottom: 0;
}

.accordions__title {
  display: flex;
  align-items: center;
  margin-bottom: 1.8rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .accordions__title {
    margin-bottom: 3.2rem;
  }
}

.accordions__title-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background: var(--surface-color-blue);
  border-radius: 1.2rem;
  color: var(--surface-default-surface);
}

@media (min-width: 768px) {
  [data-zoom="100"] .accordions__title-ico {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .accordions__title-ico {
    width: 6rem;
    height: 6rem;
    border-radius: 1.8rem;
  }
}

.accordions__title-ico .svgsprite {
  width: 2.4rem;
  height: 2.4rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .accordions__title-ico .svgsprite {
    width: 2.8rem;
    height: 2.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .accordions__title-ico .svgsprite {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.accordions__title-text {
  width: calc(100% - 4rem);
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  padding-left: 2.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .accordions__title-text {
    width: calc(100% - 4.8rem);
    font-size: 3rem;
    line-height: 0.93;
    letter-spacing: -0.02em;
    padding-left: 1.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .accordions__title-text {
    width: calc(100% - 6rem);
    font-size: 4.2rem;
    line-height: 1.05;
    letter-spacing: -0.01em;
    padding-left: 2rem;
  }
}

.accordions__list {
  display: grid;
  grid-gap: 0.8rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .accordions__list {
    grid-gap: 1rem;
  }
}

.accordion-item {
  overflow: hidden;
  border-bottom: 0.1rem solid #000;
  padding-bottom: 3.2rem;
}

.accordion-item+.accordion-item {
  margin-top: 3.2rem;
}

.accordion-item-visible {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.8rem;
  margin-bottom: 2.4rem;
}

.accordion-item-visible {
  transition-property: margin-bottom, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.accordion-item-visible._collapsed {
  margin-bottom: 0;
}

.accordion-item-visible:not(._collapsed) .accordion-item-ico span:nth-child(2) {
  height: 0.1rem;
}

@media (hover: hover) and (pointer: fine) {
  .accordion-item-visible:hover {
    color: #808a80;
  }

  .accordion-item-visible:hover .accordion-item-ico span {
    background-color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .accordion-item-visible:focus-visible {
    color: #808a80;
  }

  body:not(._use-mouse) .accordion-item-visible:focus-visible .accordion-item-ico span {
    background-color: #808a80;
  }

  body:not(._use-mouse) .accordion-item-visible:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .accordion-item-visible:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .accordion-item-visible:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .accordion-item-visible[data-focus-visible-added] {
    color: #808a80;
  }

  body:not(._use-mouse) .accordion-item-visible[data-focus-visible-added] .accordion-item-ico span {
    background-color: #808a80;
  }

  body:not(._use-mouse) .accordion-item-visible[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .accordion-item-visible[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .accordion-item-visible[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.accordion-item-hidden {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.accordion-item-hidden {
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.accordion-item-hidden._height-null {
  height: 0;
}

.accordion-item-title {
  flex-grow: 1;
}

.accordion-item-ico {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  z-index: 2;
  opacity: 1;
  flex-shrink: 0;
}

.accordion-item-ico span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #000;
}

.accordion-item-ico span {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.accordion-item-ico span:first-child {
  width: 2rem;
  height: 0.1rem;
}

.accordion-item-ico span:nth-child(2) {
  width: 0.1rem;
  height: 2rem;
}

.breadcrumbs-common {
  display: none;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
  left: 0.8rem;
  position: absolute;
}

._gradient .breadcrumbs-common {
  position: relative;
  z-index: 3;
}

.breadcrumbs-common::-webkit-scrollbar {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .breadcrumbs-common .link-hover:hover {
    color: #fff !important;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .breadcrumbs-common .link-hover:focus-visible {
    color: #fff !important;
  }

  body:not(._use-mouse) .breadcrumbs-common .link-hover:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .breadcrumbs-common .link-hover:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .breadcrumbs-common .link-hover:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .breadcrumbs-common .link-hover[data-focus-visible-added] {
    color: #fff !important;
  }

  body:not(._use-mouse) .breadcrumbs-common .link-hover[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .breadcrumbs-common .link-hover[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .breadcrumbs-common .link-hover[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.breadcrumbs-common ._spacer {
  margin-right: 0.6rem;
  color: #ccc;
}

@media (min-width: 360px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    margin-left: -2.4rem;
    margin-right: -2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 2.6rem;
    padding-right: 2.6rem;
    margin-left: -2.6rem;
    margin-right: -2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .breadcrumbs-common {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .breadcrumbs-common {
    display: flex;
  }
}

.breadcrumbs-common__item:not(:last-child):after {
  content: "/";
  margin: 0 0.6rem;
}

.breadcrumbs-common__item:last-child a {
  color: #e9e8e4;
}

.breadcrumbs-common__item {
  width: fit-content;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.breadcrumbs-common__item a {
  color: #87857f;
}

.breadcrumbs-common__item a,
.breadcrumbs-common__item span {
  display: inline-block;
  font-size: 1.2rem;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.4rem;
  white-space: nowrap;
}

.form-message {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 1;
}

.form-message:before {
  content: "";
  background: var(--main-white, #e9e8e4);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.form-message:before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.form-message__close {
  display: none;
}

.form-message__icon {
  flex: none;
  color: var(--main-black, #000);
}

.form-message__icon:not(._loading) {
  width: 6rem !important;
  height: 6rem !important;
}

.form-message__icon._loading {
  width: 5.6rem;
  height: 5.6rem;
  border-right: 0.5rem solid transparent;
  border-radius: 50%;
  border-top: 0.5rem solid var(--main-black, #000);
  border-left: 0.5rem solid var(--main-black, #000);
  border-bottom: 0.5rem solid var(--main-black, #000);
  animation: spin 1s cubic-bezier(0.34, 0.15, 0.54, 0.75) infinite;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}

.form-message__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 2rem 0;
}

.breadcrumbs-new {
  padding: 10px 0;
  display: flex;
}
.breadcrumbs-new a,
.breadcrumbs-new span {
  padding: 0 1rem !important;
  font-size: 12px;
  line-height: 127%;
  letter-spacing: 3%;
  color: #000 !important;
  text-decoration: none !important;
}
.breadcrumbs-common__item:not(:last-child):after {
  margin: 0 !important;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .form-message__content {
    gap: 2.4rem 0;
  }
}

.form-message__content .btn-common {
  flex: none;
}

.form-message__header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1.2rem 0;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .form-message__header {
    gap: 1.65rem 0;
  }
}

.form-message__title {
  color: var(--main-black, #000);
  text-align: center;
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: -0.1rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .form-message__title {
    font-size: 3.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .form-message__title {
    font-size: 4.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .form-message__title {
    font-size: 5.2rem;
  }
}

.form-message__text {
  color: var(--main-black, #000);
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.42;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .form-message__text {
    font-size: 1.4rem;
  }
}

.form-message ._error,
.form-message ._success {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.form-message._error ._loading,
.form-message._error ._success,
.form-message._success ._error,
.form-message._success ._loading {
  display: none;
}

.form-message._loading ._error,
.form-message._loading .form-message__close {
  visibility: hidden;
  opacity: 0;
}

.form-message._loading ._success {
  display: none;
}

.form-message._loading:before {
  opacity: 0.64;
}

.form-message:not(._loading, ._success, ._error) {
  display: none;
}

.form-message._status-only-in-modal {
  position: relative;
}

.form-message._status-only-in-modal:before {
  display: none;
}

.form-message._not-show-success._success {
  display: none !important;
}

.form-common._hidden {
  opacity: 0;
  visibility: hidden;
}

.form-common._loading {
  opacity: 0;
}

.video-common__inner {
  aspect-ratio: 1.7777777778;
}

@supports not (aspect-ratio: 1.7777777778) {
  .video-common__inner:before {
    content: "";
    float: left;
    padding-top: 56.25%;
  }

  .video-common__inner:after {
    content: "";
    display: block;
    clear: both;
  }
}

.video-common__play {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-common__play svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  [data-zoom="100"] .video-common__play {
    width: 5.6rem;
    height: 5.6rem;
  }
}

.video-common__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  color: #e9e8e4;
}

.video-common__overlay {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.video-common__overlay._hidden {
  opacity: 0;
  visibility: hidden;
}

.video-common__overlay picture {
  position: static;
}

.video-common__overlay img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  margin: auto;
}

.video-common iframe,
.video-common video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-common iframe,
.video-common video {
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.video-common iframe._hidden,
.video-common video._hidden {
  opacity: 0;
  visibility: hidden;
}

.video-common__hint {
  color: #87857f;
  margin-top: 0.8rem;
}

.toggle-switch {
  width: fit-content;
  height: fit-content;
  flex-shrink: 0;
}

.toggle-switch input[type="checkbox"] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@supports selector(:focus-visible) {

  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {

  body:not(._use-mouse) .toggle-switch input[type="checkbox"][data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .toggle-switch input[type="checkbox"][data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .toggle-switch input[type="checkbox"][data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.toggle-switch input[type="checkbox"]:checked+label {
  background: var(--button-surface-surface-yellow);
  border-color: var(--button-surface-surface-yellow);
}

.toggle-switch input[type="checkbox"]:checked+label:after {
  left: calc(100% - 0.8rem);
  transform: translate(-100%);
  background: var(--button-surface-typo-surface-yellow);
}

@media (hover: hover) and (pointer: fine) {
  .toggle-switch input[type="checkbox"]:checked+label:hover {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label:focus-visible {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }

  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label[data-focus-visible-added] {
    background: var(--control-state-bg04);
    border-color: var(--control-state-bg04);
  }

  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]:checked+label[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.toggle-switch input[type="checkbox"]+label {
  cursor: pointer;
  text-indent: -9999px;
  width: 8.2rem;
  height: 4.8rem;
  background: var(--button-surface-surface);
  display: block;
  border-radius: 30rem;
  position: relative;
  border: 0.2rem solid var(--additional-outline);
  flex-shrink: 0;
}

.toggle-switch input[type="checkbox"]+label {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.toggle-switch input[type="checkbox"]+label:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  background: var(--button-surface-typo-surface);
  border-radius: 50%;
}

.toggle-switch input[type="checkbox"]+label:after {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .toggle-switch input[type="checkbox"]+label:hover {
    border-color: var(--button-surface-surface-yellow);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label:focus-visible {
    border-color: var(--button-surface-surface-yellow);
  }

  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label[data-focus-visible-added] {
    border-color: var(--button-surface-surface-yellow);
  }

  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .toggle-switch input[type="checkbox"]+label[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.page__content-wrap {
  position: relative;
}

.page__content {
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.page__content._hidden {
  opacity: 0;
  visibility: hidden;
}

.page-preloader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.page-preloader {
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.page-preloader._show {
  opacity: 1;
  visibility: inherit;
}

.page-preloader__inner {
  width: 5.6rem;
  height: 5.6rem;
  border-right: 0.5rem solid transparent;
  border-radius: 50%;
  border-top: 0.5rem solid var(--main-black, #000);
  border-left: 0.5rem solid var(--main-black, #000);
  border-bottom: 0.5rem solid var(--main-black, #000);
  animation: spin 1s cubic-bezier(0.34, 0.15, 0.54, 0.75) infinite;
  margin: auto;
  position: absolute;
  left: 0;
  top: 10rem;
  right: 0;
}

.ui-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 0.6rem;
  height: 1.7rem;
  text-transform: uppercase;
  padding-top: 0.1rem;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.03em;
  background-color: #e9e8e4;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .ui-tag {
    height: 1.8rem;
    padding-top: 0.2rem;
    font-size: 1.1rem;
    line-height: 1.2;
  }
}

.ui-tag._black {
  background-color: #000;
  color: #e9e8e4;
}

.ui-tag._black._active {
  background-color: #2d3834;
  color: #fff;
}

.custom-swiper__navigation {
  display: none;
  align-items: center;
  gap: 2.4rem;
  color: #000;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .custom-swiper__navigation {
    display: flex;
  }
}

.custom-swiper__navigation .swiper-button-lock {
  display: none;
}

.custom-swiper__navigation-button-next,
.custom-swiper__navigation-button-prev {
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {

  .custom-swiper__navigation-button-next:hover,
  .custom-swiper__navigation-button-prev:hover {
    color: #808a80;
  }
}

@supports selector(:focus-visible) {

  body:not(._use-mouse) .custom-swiper__navigation-button-next:focus-visible,
  body:not(._use-mouse) .custom-swiper__navigation-button-prev:focus-visible {
    color: #808a80;
  }

  body:not(._use-mouse) .custom-swiper__navigation-button-next:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .custom-swiper__navigation-button-next:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .custom-swiper__navigation-button-next:focus-visible[type="radio"]+label,
  body:not(._use-mouse) .custom-swiper__navigation-button-prev:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .custom-swiper__navigation-button-prev:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .custom-swiper__navigation-button-prev:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {

  body:not(._use-mouse) .custom-swiper__navigation-button-next[data-focus-visible-added],
  body:not(._use-mouse) .custom-swiper__navigation-button-prev[data-focus-visible-added] {
    color: #808a80;
  }

  body:not(._use-mouse) .custom-swiper__navigation-button-next[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .custom-swiper__navigation-button-next[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .custom-swiper__navigation-button-next[data-focus-visible-added][type="radio"]+label,
  body:not(._use-mouse) .custom-swiper__navigation-button-prev[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .custom-swiper__navigation-button-prev[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .custom-swiper__navigation-button-prev[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.custom-swiper__navigation-button-next,
.custom-swiper__navigation-button-prev {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {

  [data-zoom="100"] .custom-swiper__navigation-button-next,
  [data-zoom="100"] .custom-swiper__navigation-button-prev {
    width: 3.2rem;
    height: 3.2rem;
  }
}

.custom-swiper__navigation-button-next svg,
.custom-swiper__navigation-button-prev svg {
  width: 100%;
  height: 100%;
  display: block;
}

.custom-swiper__pagination {
  display: flex;
  justify-content: center;
  position: static;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .custom-swiper__pagination {
    margin-top: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .custom-swiper__pagination {
    margin-top: 2.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .custom-swiper__pagination {
    margin-top: 3.2rem;
  }
}

.custom-swiper__pagination .swiper-pagination-bullet {
  width: 2.8rem;
  height: 1rem;
  margin-inline: 0.8rem !important;
  border-radius: 0;
  opacity: 1;
  border-top: 0.2rem solid #b2b2b0;
  background: 0 0;
}

@media (hover: hover) and (pointer: fine) {
  .custom-swiper__pagination .swiper-pagination-bullet:hover {
    border-color: #808a80;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet:focus-visible {
    border-color: #808a80;
  }

  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet[data-focus-visible-added] {
    border-color: #808a80;
  }

  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .custom-swiper__pagination .swiper-pagination-bullet[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.custom-swiper__pagination .swiper-pagination-bullet {
  transition-property: border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.custom-swiper__pagination .swiper-pagination-bullet-active {
  border-color: #000;
}

@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,
      initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.swiper {
  margin-left: 0;
  margin-right: 0;
  overflow: visible;
}

.swiper-wrapper {
  height: auto;
  box-sizing: border-box;
}

.swiper-slide {
  display: flex;
  flex: none;
  height: auto;
}

.swiper-pagination {
  display: none;
}

.swiper-pagination._lock {
  display: none !important;
}

.swiper-initialized .swiper-pagination {
  display: flex;
}

.gallery {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.gallery {
  aspect-ratio: 0.8;
}

@supports not (aspect-ratio: 0.8) {
  .gallery:before {
    content: "";
    float: left;
    padding-top: 125%;
  }

  .gallery:after {
    content: "";
    display: block;
    clear: both;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery {
    overflow: visible;
    aspect-ratio: unset;
  }

  @supports not (aspect-ratio: unset) {

    [data-zoom="100"] .gallery:after,
    [data-zoom="100"] .gallery:before {
      display: none;
    }
  }
}

.gallery__images {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__images {
    position: relative;
    height: auto;
  }
}

.gallery__images .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: auto;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__images .swiper {
    height: auto;
  }
}

.gallery__images .swiper-wrapper {
  height: 100%;
  position: relative;
  z-index: 1;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__images .swiper-wrapper {
    height: auto;
    transform: none !important;
    flex-direction: column;
  }
}

.gallery__images .swiper-slide {
  display: block;
  width: 100%;
}

.gallery__images .swiper-slide picture {
  width: 100%;
  height: 100%;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__images .swiper-slide picture {
    height: auto;
  }
}

.gallery__images .swiper-slide picture img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__images .swiper-slide picture img {
    height: auto;
    object-fit: unset;
  }
}

.gallery__preview-wrapper {
  position: absolute;
  left: 3.1rem;
  top: 0;
  height: 100%;
  z-index: 5;
  width: 5.7rem;
}

.gallery__preview {
  overflow: hidden;
  position: sticky;
  top: 8.1rem;
  left: 0;
  z-index: 5;
  width: 100%;
  height: calc(100vh - 8.1rem);
  visibility: hidden;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__preview {
    visibility: visible;
  }
}

.gallery__preview .swiper {
  width: 100%;
  height: 44rem;
  margin-top: -0.6rem;
}

.gallery__preview .swiper-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.gallery__preview .swiper-slide {
  width: 100%;
  height: 8.8rem;
  padding-top: 0.6rem;
}

.gallery__preview .swiper-slide._active .gallery__preview-item {
  border-color: var(--main-black, #000);
}

.gallery__preview-item {
  width: 100%;
  height: 100%;
  border: 0.1rem solid transparent;
  cursor: pointer;
}

.gallery__preview-item {
  transition-property: border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.gallery__preview-item picture {
  position: relative;
  width: 100%;
  height: 100%;
}

.gallery__preview-item img {
  position: absolute;
  left: 0;
  top: 0;
  object-position: center;
}

.gallery__pagination {
  z-index: 3;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  gap: 0.4rem 0;
  z-index: 5;
}

@media (min-width: 768px) {
  [data-zoom="100"] .gallery__pagination {
    left: 2.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__pagination {
    visibility: hidden;
  }
}

.gallery__pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  flex: none;
  display: block;
  cursor: pointer;
  position: relative;
}

.gallery__pagination .swiper-pagination-bullet:after,
.gallery__pagination .swiper-pagination-bullet:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
}

.gallery__pagination .swiper-pagination-bullet:after,
.gallery__pagination .swiper-pagination-bullet:before {
  transition-property: opacity, transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.gallery__pagination .swiper-pagination-bullet:before {
  opacity: 0.2;
  width: 0.6rem;
  height: 0.6rem;
  background: var(--main-black, #000);
  margin: -0.3rem 0 0 -0.3rem;
}

.gallery__pagination .swiper-pagination-bullet:after {
  opacity: 0;
  transform: scale(0);
  width: 0.8rem;
  height: 0.8rem;
  background: var(--brand-color-dark-green, #2d3834);
  margin: -0.4rem 0 0 -0.4rem;
}

.gallery__pagination .swiper-pagination-bullet._active:before {
  opacity: 0;
  transform: scale(0);
}

.gallery__pagination .swiper-pagination-bullet._active:after {
  opacity: 1;
  transform: scale(1);
}

.loader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader:before {
  content: "";
  width: 5.6rem;
  height: 5.6rem;
  border-right: 0.5rem solid transparent;
  border-radius: 50%;
  display: block;
  border-top: 0.5rem solid var(--main-black, #000);
  border-left: 0.5rem solid var(--main-black, #000);
  border-bottom: 0.5rem solid var(--main-black, #000);
  animation: spin 1s cubic-bezier(0.34, 0.15, 0.54, 0.75) infinite;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}

.head-tabs {
  display: flex;
  flex-direction: column;
  padding-top: 2.4rem;
  align-items: flex-start;
  gap: 1.8rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .head-tabs {
    flex-direction: row;
    gap: 3.6rem;
    padding-top: 3.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .head-tabs {
    padding-top: 2.6rem;
    gap: 4.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .head-tabs {
    padding-top: 3.2rem;
    gap: 5.2rem;
  }
}

.head-tabs__item {
  padding-bottom: 1.2rem;
  border-bottom: 0.2rem solid transparent;
  color: #87857f;
}

.head-tabs__item {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .head-tabs__item:hover {
    color: #000;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .head-tabs__item:focus-visible {
    color: #000;
  }

  body:not(._use-mouse) .head-tabs__item:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .head-tabs__item:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .head-tabs__item:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .head-tabs__item[data-focus-visible-added] {
    color: #000;
  }

  body:not(._use-mouse) .head-tabs__item[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .head-tabs__item[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .head-tabs__item[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.head-tabs__item._active {
  border-bottom-color: #000;
  color: #000;
}

.content-sections {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 4.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-sections {
    padding-top: 3.6rem;
    gap: 5.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-sections {
    padding-top: 4.2rem;
    gap: 8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-sections {
    padding-top: 5.2rem;
    gap: 10rem;
  }
}

.content-sections__item {
  border-top: 0.1rem solid #000;
  padding-top: 3.6rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-sections__item {
    padding-top: 4.2rem;
    gap: 3.6rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-sections__item {
    flex-direction: row;
    gap: 4.2rem;
    padding-top: 5.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-sections__item {
    gap: 5.2rem;
    padding-top: 6.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-sections__content {
    width: 100%;
  }
}

.content-sections__content>.content-sections__content-item+.content-sections__content-item {
  margin-top: 2.4rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-sections__content>.content-sections__content-item+.content-sections__content-item {
    margin-top: 3.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-sections__content>.content-sections__content-item+.content-sections__content-item {
    margin-top: 3.6rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-sections__content>.content-sections__content-item+.content-sections__content-item {
    margin-top: 4.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-sections__content-item>* {
    max-width: 58.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-sections__content-item>* {
    max-width: 79.5rem;
  }
}

.content-sections__content._bordered>*+* {
  border-top: 0.1rem solid #000;
  padding-top: 3.6rem;
  margin-top: 3.6rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-sections__content._bordered>*+* {
    padding-top: 4.2rem;
    margin-top: 4.2rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-sections__content._bordered>*+* {
    padding-top: 5.2rem;
    margin-top: 5.2rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-sections__content._bordered>*+* {
    padding-top: 6.4rem;
    margin-top: 6.4rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-sections__title {
    width: 36.2rem;
    flex-shrink: 0;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-sections__title {
    width: 45.3rem;
  }
}

.tooltip-common {
  display: inline-block;
  cursor: pointer;
}

.tooltip-common .svgsprite {
  width: 2rem;
  height: 2rem;
}

.tooltip-common__tooltip {
  position: absolute;
  padding: 0.6rem 1rem;
  background-color: #fff;
  z-index: 1;
  width: auto;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%);
  font-size: 1.1rem;
  line-height: 1.66;
  top: -3rem;
  visibility: hidden;
  opacity: 0;
}

.tooltip-common__tooltip {
  transition-property: top, opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.tooltip-common__tooltip:before {
  position: absolute;
  content: "";
  border-top: 0.4rem solid #fff;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  bottom: -0.4rem;
  left: 50%;
  transform: translate(-50%);
}

@media (hover: hover) and (pointer: fine) {
  .tooltip-common:hover {
    color: #808a80;
  }

  .tooltip-common:hover .tooltip-common__tooltip {
    top: -3.4rem;
    opacity: 1;
    visibility: visible;
    color: #000;
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .tooltip-common:focus-visible {
    color: #808a80;
  }

  body:not(._use-mouse) .tooltip-common:focus-visible .tooltip-common__tooltip {
    top: -3.4rem;
    opacity: 1;
    visibility: visible;
    color: #000;
  }

  body:not(._use-mouse) .tooltip-common:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .tooltip-common:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .tooltip-common:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .tooltip-common[data-focus-visible-added] {
    color: #808a80;
  }

  body:not(._use-mouse) .tooltip-common[data-focus-visible-added] .tooltip-common__tooltip {
    top: -3.4rem;
    opacity: 1;
    visibility: visible;
    color: #000;
  }

  body:not(._use-mouse) .tooltip-common[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .tooltip-common[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .tooltip-common[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.content-section {
  border-top: 0.1rem solid #000;
  padding: 3.2rem 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.content-section._no-border {
  border-top: none;
}

.content-section._mt {
  margin-top: 1.6rem !important;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section._mt {
    margin-top: 1.4rem !important;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section._mt {
    margin-top: 3.2rem !important;
  }
}

.content-section._mt-2 {
  margin-top: 3.2rem !important;
}

.content-section._mt-3 {
  margin-top: 4.8rem !important;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section._md-row {
    flex-direction: row;
    gap: 0;
  }

  [data-zoom="100"] .content-section._md-row .content-section__title {
    padding-right: 2.4rem;
  }

  [data-zoom="100"] .content-section._md-row .content-section__content {
    width: 39.8rem;
    flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section {
    padding: 3.2rem 2.4rem 0;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section {
    flex-direction: row;
    gap: 0;
    padding: 3.2rem 3.2rem 0;
  }
}

.content-section+.content-section {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section+.content-section {
    margin-top: 2.8rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section+.content-section {
    margin-top: 6.4rem;
  }
}

.content-section__title {
  flex-grow: 1;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section__title {
    padding-right: 3.2rem !important;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section__title>* {
    max-width: 62.9rem;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section__content {
    flex-shrink: 0 !important;
    width: 50% !important;
  }
}

.content-section__content>*+* {
  margin-top: 3.2rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section__content>*+* {
    margin-top: 4.8rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section__content>*+* {
    margin-top: 5.2rem;
  }
}

.content-section__content dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 1.6rem;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section__content dl {
    grid-template-columns: 1fr 2fr;
  }
}

.content-section__content dl dd,
.content-section__content dl dt {
  border-bottom: 0.1rem solid #000;
  padding-bottom: 3.2rem;
}

.content-section__content dl>dd:last-of-type,
.content-section__content dl>dt:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.content-section__content dl dt {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.27;
  letter-spacing: 0.03em;
  padding-right: 1.6rem;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section__content dl dt {
    padding-right: 5rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section__content dl dt {
    font-size: 1.1rem;
  }
}

.content-section__content dl dd {
  font-size: 1.5rem;
  line-height: 1.33;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section__content dl dd {
    flex-grow: 1;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section__content dl dd {
    font-size: 1.8rem;
  }
}

.content-section__content dl dd>*+* {
  margin-top: 1.6rem;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section__content table {
    width: 100%;
  }
}

.content-section__content table th {
  border-bottom: 0.1rem solid #000;
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.66;
  padding-bottom: 2.5rem;
  padding-right: 0.4rem;
  white-space: nowrap;
  vertical-align: baseline;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section__content table th {
    padding-right: 1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section__content table th {
    font-size: 1.2rem;
  }
}

.content-section__content table th:last-child {
  padding-right: 0;
}

.content-section__content table th>*+* {
  margin-left: 0.2rem;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section__content table th>*+* {
    margin-left: 0.6rem;
  }
}

.content-section__content table td {
  padding-top: 2.4rem;
  padding-right: 0.4rem;
  font-size: 1.5rem;
  line-height: 1.33;
  min-width: 8rem;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section__content table td {
    padding-right: 1rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section__content table td {
    font-size: 1.8rem;
  }
}

.content-section__content table td:last-child {
  padding-right: 0;
}

.content-section__content .ui-tag {
  display: inline-flex;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section._form .content-section__content {
    width: 62.1% !important;
    padding-top: 0.3rem;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .content-section._form .content-section__content {
    width: 49.7% !important;
  }
}

.content-section._form:last-child .content-section__content {
  padding-bottom: 0 !important;
}

.content-section._form._mt {
  margin-top: -1rem !important;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section._form._mt {
    margin-top: -0.1rem !important;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section._form._mt {
    margin-top: 3.1rem !important;
  }
}

.content-section._form._mt-3 {
  margin-top: 2.9rem !important;
}

@media (min-width: 768px) {
  [data-zoom="100"] .content-section._form._mt-3 {
    margin-top: 3.9rem !important;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .content-section._form._mt-3 {
    margin-top: 6.6rem !important;
  }
}

.check-card {
  flex: none;
  width: 100%;
  display: flex;
  -webkit-user-select: none;
  user-select: none;
}

.check-card input {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.check-card input:checked+.check-card__content {
  background-color: var(--state-active, #2d3834);
}

.check-card input:checked+.check-card__content .check-card__text,
.check-card input:checked+.check-card__content .check-card__title {
  color: var(--main-white, #e9e8e4);
}

.check-card input:checked+.check-card__content .check-card__icon {
  background-color: var(--main-white, #e9e8e4);
  border-color: var(--state-active, #2d3834);
}

.check-card input:checked+.check-card__content .check-card__icon svg {
  opacity: 1;
  transform: scale(1);
}

.check-card input:disabled+.check-card__content {
  background-color: #f0efeb;
  cursor: not-allowed;
}

.check-card input:disabled+.check-card__content .check-card__text,
.check-card input:disabled+.check-card__content .check-card__title {
  color: var(--main-gray, #87857f);
}

.check-card input:disabled+.check-card__content .check-card__icon {
  border-color: var(--main-gray, #87857f);
}

.check-card input:disabled+.check-card__content .check-card__icon svg {
  opacity: 0;
  transform: scale(0);
}

.check-card__content {
  cursor: pointer;
  flex: none;
  justify-content: space-between;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.3rem 0;
  padding: 1.6rem 2rem 2.4rem;
  background: var(--main-white, #e9e8e4);
  min-height: 12rem;
}

.check-card__content {
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .check-card__content {
    gap: 1.2rem 0;
  }
}

.check-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0 1.2rem;
}

.check-card__title {
  color: var(--main-black, #000);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
  display: block;
  flex: 1 1 auto;
}

.check-card__title {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .check-card__title {
    font-size: 1.8rem;
  }
}

.check-card__icon {
  flex: none;
  width: 2rem;
  display: block;
  position: relative;
  height: 2rem;
  border: 0.1rem solid var(--main-black, #000);
}

.check-card__icon {
  transition-property: border-color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.check-card__icon svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--state-active, #2d3834);
  opacity: 0;
  transform: scale(0);
}

.check-card__icon svg {
  transition-property: opacity, transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.check-card__text {
  color: var(--main-gray, #87857f);
  font-size: 1.2rem;
  display: block;
  font-weight: 400;
  line-height: 1.42;
}

.check-card__text {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .check-card__text {
    font-size: 1.4rem;
  }
}

.back-btn {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
  width: fit-content;
  cursor: pointer;
}

.back-btn {
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .back-btn:hover {
    color: var(--state-hover, #808a80);
  }
}

@supports selector(:focus-visible) {
  body:not(._use-mouse) .back-btn:focus-visible {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .back-btn:focus-visible:not(input):not(textarea),
  body:not(._use-mouse) .back-btn:focus-visible[type="checkbox"]+label,
  body:not(._use-mouse) .back-btn:focus-visible[type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

@supports not selector(:focus-visible) {
  body:not(._use-mouse) .back-btn[data-focus-visible-added] {
    color: var(--state-hover, #808a80);
  }

  body:not(._use-mouse) .back-btn[data-focus-visible-added]:not(input):not(textarea),
  body:not(._use-mouse) .back-btn[data-focus-visible-added][type="checkbox"]+label,
  body:not(._use-mouse) .back-btn[data-focus-visible-added][type="radio"]+label {
    outline-offset: 0.2rem;
    outline: black auto;
  }
}

.back-btn svg {
  width: 2.4rem;
  height: 2.4rem;
  flex: none;
}

.back-btn__text {
  display: block;
}

@media only screen and (min-width: 1280px) {
  .mobile-logo {
    display: none !important;
  }

  .subnav__collection-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    gap: 100px !important;
  }
}

.header__nav {
  display: flex;
  justify-content: space-between !important;
}

.index-slider {
  width: 100%;
}

.index-slider img {
  width: 100%;
}

.hero_item {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}

.hero_item__wrap {
  height: 100%;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 0 auto;
}

.hero_item__full_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: block;
}

.hero_item__image {
  position: relative;
  width: 100%;
  height: 70vh;
  overflow: hidden;
}

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

.hero_item__image video {
  object-fit: cover;
  object-position: top center;
}

.hero_item__image:before {
  position: absolute;
  top: 0;
  left: -1px;
  content: " ";
  display: block;
  height: 100%;
  width: 1px;
  background: #fff;
  z-index: 2;
}

.hero_item__name {
  position: absolute;
  z-index: 2;
  bottom: 32px;
  left: 32px;
  max-width: 726px;
  /*left: 50%;
  transform: translateX(-50%);
  width: 100%;*/

  color: #fff;
  /*font-size: 3rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.078rem;
  line-height: 1.3;
  font-weight: 500;*/
}

.hero_item-title {
  font-size: 52px;
  font-family: CoFo Sans, sans-serif;
  letter-spacing: -1px;
  line-height: 112%;
  margin-bottom: 20px;
}

.swiper .hero_item-title {
  font-size: 52px;
  font-family: CoFo Sans, sans-serif;
  letter-spacing: -1px;
  line-height: 107%;
  margin-bottom: 14px;
}

.hero_item-description {
  font-size: 22px;
  line-height: 127%;
  font-family: CoFo Sans, sans-serif;
}

.main-page-collection__image {
  position: relative;
}

.main-page-collection__text {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 569px;
  text-align: center;
}
.main-seasin-desk {
  font-size: 16px;
  line-height: 112%;
  font-family: CoFo Sans, sans-serif;
  letter-spacing: 0px;
}
.main-season {
  font-size: 13px;
  line-height: 123%;
  letter-spacing: 6%;
  font-family: CoFo Sans, sans-serif;
  text-align: center;
}

.main-seasin-name {
  font-size: 52px;
  font-family: CoFo Sans, sans-serif;
  line-height: 112%;
  letter-spacing: 0px;
}

.hero_item__content {
  position: relative;
  padding: 2rem 10rem 7rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  text-align: center;
  font-size: 1.3rem;
  letter-spacing: 0.078rem;
  font-weight: 400;
  line-height: 1.23;
  text-transform: uppercase;
}

.hero_item__text {
  margin: 0 auto 1.5rem;
  max-width: 52rem;
}

.hero_item__link {
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  text-decoration: none;
}

.hero_item__link:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -0.2em;
  left: 0;
  pointer-events: none;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: center;
  transition: transform 0.25s linear;
}

.hero_item__link:hover:before {
  transform: scaleX(0);
}

/*.logo-desk {
  margin-left: 300px;
}*/
.logo-desk {
  margin-right: 0px;
}
.main-page-popular {
  overflow: unset !important;
}

.main-page-popular__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px 10px;
}

.main-page-popular-category {
  display: block;
  text-align: center;
}

.is-hidden {
  display: none !important;
}

.main-page-popular__more-wrap {
  margin-top: 50px;
  text-align: center;
}

.main-page-popular__more-wrap button,
.main-page-popular__more-wrap a {
  font-size: 1.3rem;
  line-height: 1.23;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.latest-similar__more-wrap button,
.latest-similar__more-wrap a {
  font-size: 1.3rem;
  line-height: 1.23;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.main-page-popular__more-wrap button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -0.2em;
  left: 0;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: center;
  transition: transform 0.25s linear;
}

.main-page-popular__more-wrap button:hover:before {
  transform: scaleX(0);
}

.img_logo{
  max-width: 423px;
  margin-bottom: 25px;
}
.text_under_logo{
  color: #000;
  font-family: CoFo Sans, sans-serif;
  font-size: 20px;
  margin-bottom: 58px;
}
.text_under_logo_2{
  font-size: 52px;
  color: #000;
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  text-align: center;
  padding: 0px 325px;
}
.span1_textLogo{
  color: #887E60;
}
.span2_textLogo{
  color: #C6A085;
}
.spec-cont_text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  margin-top: 40px;
}

.atlier {
  font-size: 13px;
  line-height: 130%;
  color: #fff;
  letter-spacing: 6%;
  padding: 20px 210px;
  background: #000;
  margin: 0 auto;
  display: block;
  width: max-content;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.span1_textLogo, 
.span2_textLogo {
    font-family:'TT Ramillas', serif;
    font-style:italic;
    font-weight:400;
}

.slay.hero_item-title {
  font-size: 72px;
  max-width: 30%;
  line-height: 111%;
  letter-spacing: -1px;
  margin-bottom: 42px;
}

.slay.hero_item-description {
  font-size: 32px;
  max-width: 50%;
  line-height: 112%;
}

.slay-block {
  margin-bottom: 44px;
}

.faq__answer p,
.faq__answer li {
  font-size: 20px;
  line-height: 1.6;
}

.faq__answer ul {
  padding-left: 20px;
  list-style-type: disc;
}

.img_banner_center_text1{
  font-size: 13px;
  margin-bottom: 12px;
}
.img_banner_center_text2{
  font-size: 72px;
  font-family: TT Ramillas, CoFo Sans, sans-serif;
  margin-bottom: 24px;
  /*max-width: 30%;*/
  line-height: 111%;
  letter-spacing: -1px;
}
.img_banner_center_button{
  background-color: black;
  width: 143px;
  height: 52px;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  display: block;
  padding: 19px;
}
.img_banner_center{
  width: 100%;
}
.img_banner_center_cont{
  position: relative;
}

.index-slider {
	position: relative;
}
.index-slider-prev,
.index-slider-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	z-index: 10;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.index-slider-prev {
	left: 20px;
	background-image: url('/static/dist/assets/img/left.png');
}

.index-slider-next {
	right: 20px;
	background-image: url('/static/dist/assets/img/right.png');
}

/* Раскрывающийся список */
.container2 {
  margin: 0 auto;
  padding: 0px 40px;
}

.faq__title {
  font-size: 64px;
  font-weight: 400;
  margin-bottom: 32px;
  font-family: TT Ramillas, CoFo Sans, sans-serif;
}

.faq__item {
  background: #E9E8E4;
  margin-bottom: 16px;
  overflow: hidden;
  font-family: CoFo Sans, sans-serif;
}

.faq__question {
  width: 100%;
  border: none;
  background: transparent;
  padding: 28px 32px;
  font-size: 24px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.faq__icon {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

/* Галка вниз */
.faq__icon::before,
.faq__icon::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background: #000;
  top: 9px;
  transition: 0.3s ease;
}

/* Левая часть галки */
.faq__icon::before {
  left: 1px;
  transform: rotate(45deg);
}

/* Правая часть галки */
.faq__icon::after {
  right: 1px;
  transform: rotate(-45deg);
}

/* В открытом состоянии превращаем в крестик */
.faq__item.active .faq__icon::before {
  transform: rotate(45deg);
  left: 4px;
}

.faq__item.active .faq__icon::after {
  transform: rotate(-45deg);
  right: 4px;
}

/* Крестик */
.faq__item.active .faq__icon::before,
.faq__item.active .faq__icon::after {
  width: 16px;
  top: 9px;
  left: 2px;
}

.faq__item.active .faq__icon::before {
  transform: rotate(45deg);
}

.faq__item.active .faq__icon::after {
  transform: rotate(-45deg);
}

.faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.faq__answer-inner {
  padding: 0 32px 28px;
}

.faq__item.active .faq__answer {
  max-height: 500px;
}

@media only screen and (max-width: 1800px) {
  .slay .hero_item-title {
    max-width: 45%;
  }
  .slay .hero_item-description {
    max-width: 80%;
  }
}

@media only screen and (max-width: 1280px) {
  .main-page-popular__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .main-page-popular__more-wrap {
    margin-top: 40px;
  }
  .slay .hero_item-title {
    max-width: 50%;
  }
  .slay .hero_item-description {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1280px) {
  .header__inner .logo-group {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .checkout-label {
    right: 73% !important;
    top: -50% !important;
  }
}
@media only screen and (max-width: 1279px) {
  .btn-common.header__nav-link.link-hover span{
    display: none;
  }
}
.text-index-block {
  padding: 30px 320px 60px;
  font-size: 32px;
  line-height: 107%;
  font-family: CoFo Sans, sans-serif;
  letter-spacing: -1px;
  text-align: center;
}
.text-index-block-one {
    color: #87857F;
    margin: 0 auto 32px;
}
.text-index-block-two {
    max-width: 614px;
    margin: 0 auto;
}
.img_banner_center_cont_text-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20%;
}
.one-image {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1599px) {
  .main-seasin-desk {
    font-size: 12px;
    line-height: 112%;
  }
  .main-seasin-name {
    font-size: 42px;
  }
  .one-image {
    margin-bottom: 24px;
  }
  .img_banner_center_text2 {
    font-size: 42px !important;
  }
  .text-index-block {
    padding: 24px 200px;
    font-size: 26px;
  }
}
@media only screen and (min-width: 1279px) and (max-width: 1599px) {
  .latest-similar__grid {
    padding-bottom: 24px
  }
  .img_banner_center_cont.the-start {
    padding-bottom: 24px !important;
  }
  .main-page-collection__text {
    max-width: 400px;
  }
  .text-index-block-one {
    margin: 0 auto 26px;
  }
  .text-index-block-two {
    max-width: 500px;
  }
  .hero_item__name {
    bottom: 0;
    left: 0;
  }
  .hero_item__name {
    width: 100%;
    padding: 25px 48px 25px 25px;
  }
  .hero_item__name.slay {
    width: 80%;
  }
  .swiper-slide .hero_item-description {
    font-size: 20px;
    line-height: 107%;
    letter-spacing: 0%;
  }
  .img_banner_center_cont.the-end .slay .hero_item-title {
    font-size: 32px;
    max-width: 100%;
    line-height: 107%;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
  .img_banner_center_cont.the-end .slay .hero_item-description {
    font-size: 20px;
    max-width: 100%;
    line-height: 107%;
    letter-spacing: 0%;
  }
  .swiper-slide .hero_item-title {
    color: #FFF;
    font-size: 32px;
    line-height: 107%;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1279px) {
  .hero_item__image {
    height: 377px;
  }
  .text-index-block-two {
    max-width: 400px;
  }
  .swiper-slide .hero_item-title {
    color: #FFF;
    font-size: 32px;
    line-height: 107%;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
  .hero_item__name {
    bottom: 0;
    left: 0;
  }
  .index-slider {
    margin-top: 20px;
  }
  .swiper-slide .hero_item-description {
    font-size: 20px;
    line-height: 107%;
    letter-spacing: 0%;
  }
  .img_banner_center_cont.the-end .slay .hero_item-title {
    font-size: 32px;
    max-width: 100%;
    line-height: 107%;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
  .img_banner_center_cont.the-end .slay .hero_item-description {
    font-size: 20px;
    max-width: 100%;
    line-height: 107%;
    letter-spacing: 0%;
  }
  .dop-menu .header__nav-link.link-hover {
    padding: 0 1rem 0 0 !important;
  }
  .text-index-block {
    padding: 18px 24px;
  }
  .img_banner_center_cont_text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  .img_banner_center_cont.the-start {
    padding-bottom: 18px !important;
  }
  .text-index-block {
    padding: 20px 50px;
    font-size: 20px;
  }
  .text-index-block-one {
    margin: 0 auto 20px;
  }
  .img_banner_center_text2 {
    color: #fff;
    font-size: 36px !important;
    text-align: center;
  }
  .one-image {
    margin-bottom: 18px;
  }
  .latest-similar__title {
    font-size: 20px !important;
  }
  .latest-similar__title-wrapper {
    padding-bottom: 20px !important;
  }
  .main-page-collection__image picture,
  .img_banner_center_cont picture {
    height: 460px;
  }
  main-page-collection__image picture img,
  .img_banner_center_cont picture img {
    height: 100%;
  }
  .img_banner_center_cont.the-end picture img {
    height: 100%;
  }
  .img_banner_center_cont.the-end picture img {
    object-position: left;
    object-fit: cover;
  }
  .img_banner_center_cont picture img {
    object-position: left;
  }
  .main-page-collection__text {
    max-width: 264px;
    width: 100%;
  }
  .main-seasin-name {
    font-size: 46px;
  }
  .main-season,
  .hero_item-title {
    margin-bottom: 8px;
  }
  .hero_item-title {
    font-size: 40px;
    line-height: 107%;
  }
  .hero_item__name {
    width: 100%;
    padding: 25px 48px 25px 25px;
  }
  .hero_item__name.slay {
    width: 59%;
  }
  .spec-cont_text {
    margin-top: 40px;
  }
  .text_under_logo {
    color: #000;
    font-family: CoFo Sans, sans-serif;
    font-size: 22px;
    margin-bottom: 58px;
    margin: 0px 50px 58px;
    text-align: center;
  }
  .text_under_logo_2 {
    padding: 0 50px;
  }
  .img_banner_center_text2 {
    font-size: 52px;
  }
  .slay .hero_item-title {
    font-size: 40px;
    max-width: 30%;
  }
  .slay .hero_item-description {
    font-size: 22px;
    max-width: 100%;
    line-height: 127%;
    letter-spacing: 0%;
  }
  .product-card-wrapper {
    width: 314px;
  }
  .latest-similar__grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;

    /* чтобы не “резало” ощущения скролла */
    -webkit-overflow-scrolling: touch;

    /* скрыть скроллбар */
    scrollbar-width: none; /* Firefox */
  }
}

@media only screen and (min-width: 768px) {
  .img_banner_center_text2 {
    color: #fff;
  }
}

@media only screen and (max-width: 767px) {
  .production-banner {
    margin-top: 6.2rem;
  }
  .hero_item__name.slay {
    width: 100%;
  }
  .hero_item__name {
    width: 100%;
    padding: 25px;
  }
  .img_banner_center_cont.the-end picture {
    height: 360px;
  }
  .hero_item__image {
    height: 360px;
  }
  .main-page-popular__grid {
    /*display: grid;
    grid-template-columns: repeat(2, 1fr);*/
    gap: 10px;
  }

  .main-seasin-name {
    font-size: 32px;
  }
  .hero_item-description {
    font-size: 12px;
  }
  .hero_item-title {
    font-size: 32px;
  }
  .index-slider-prev, .index-slider-next {
    width: 40px;
    height: 40px;
  }
  .img_logo {
    max-width: 332px;
  }
  .text_under_logo_2 {
    font-size: 38px;
  }
  .img_banner_center_button {
    width: 100%;
  }
  .img_banner_center_text2 {
    font-size: 38px;
    max-width: 100%;
  }
  .hero_item__name.slay {
    bottom: 0;
    left: 0;
  }
  .slay .hero_item-title {
    font-size: 32px;
    max-width: 100%;
    line-height: 107%;
    letter-spacing: -1px;
  }
  .atlier {
    padding: 20px;
    width: auto;
    margin: 0 25px;
    text-align: center;
  }
  .text_under_logo {
    margin: 0px 22px 58px;
  }
  .faq__title {
    font-size: 35px;
  }
  .faq__question {
    font-size: 16px;
    gap: 15px;
  }
  .faq__answer p, .faq__answer li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 430px) {
  .main-page-popular__grid {
    /*display: grid;
    grid-template-columns: repeat(1, 1fr);*/
    gap: 10px;
  }

  .main-page-popular__more-wrap {
    margin-top: 30px;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .gallery__images .swiper {
    height: 100vh !important;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .gallery__images::-webkit-scrollbar {
    display: none;
  }

  .product-detail__info label {
    margin-bottom: 0;
  }

  [data-zoom="100"] .product-detail__info {
    position: relative !important;
  }
}

.fashion {
  margin-bottom: 40px;
}

.latest-similar__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 10px;
  margin-top: 20px;
}

.latest-similar__item {
  display: block;
}

.is-hidden {
  display: none !important;
}

.latest-similar__more-wrap {
  margin-top: 40px;
  text-align: center;
}

@media only screen and (max-width: 1280px) {
  .latest-similar__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*@media only screen and (max-width: 767px) {
  .latest-similar__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 430px) {
  .latest-similar__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}*/

.slider-detail {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

@media only screen and (min-width: 1280px) {
  [data-zoom="100"] .listing__carousel {
    margin-bottom: 6.3rem !important;
  }
}

#catalog-section-container>.listing__section {
  display: block;
}

.pagination-common__wrap {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
}

.product-detail__btn .btn-common._stroke {
  color: #fff;
}

.subnav__bar-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__bar {
    width: 102.8rem !important;
  }
}

.subnav__bar-item:first-child .subnav__bar-link {
  padding-top: 10px !important;
}

@media (min-width: 1280px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 1rem !important;
  }

  [data-zoom="100"] .subnav__bar-link {
    font-size: 13px !important;
    text-transform: uppercase;
  }
}

@media (min-width: 1400px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 2.2rem !important;
  }

  .product-card__description-label {
    font-size: 0.9rem;
  }
}

@media (min-width: 1447px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 3.6rem !important;
  }

  .product-card__description-label {
    font-size: 0.8rem;
  }
}

@media (min-width: 1473px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 3.6rem !important;
  }

  .product-card__description-label {
    font-size: 0.9rem;
  }
}

@media (min-width: 1510px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 3.7rem !important;
  }
}

@media (min-width: 1570px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4rem !important;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 3.8rem !important;
  }

  .product-card__description-label {
    font-size: 0.9rem;
  }
}

@media (min-width: 1612px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 3.9rem !important;
  }
}

@media (min-width: 1623px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4rem !important;
  }
}

@media (min-width: 1679px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.2rem !important;
  }
}

@media (min-width: 1700px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.2rem !important;
  }

  .product-card__description-label {
    font-size: 1rem;
  }
}

@media (min-width: 1749px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.4rem !important;
  }
}

@media (min-width: 1820px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.6rem !important;
  }
}

@media (min-width: 1835px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.6rem !important;
  }
}

@media (min-width: 1840px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.7rem !important;
  }
}

@media (min-width: 1880px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.9rem !important;
  }
}

@media (min-width: 1920px) {
  [data-zoom="100"] .listing__carousel-content .swiper-wrapper {
    row-gap: 4.7rem !important;
  }
}

@media (min-width: 1280px) {
  [data-zoom="100"] .subnav__bar {
    width: 81.6rem !important;
  }

  [data-zoom="100"] .subnav__cover-item {
    width: 40.9rem !important;
  }

  [data-zoom="100"] .subnav__collection-link {
    font-size: 3.2rem !important;
  }

  [data-zoom="100"] .subnav__collection-item+.subnav__collection-item {
    margin-top: 1.5rem !important;
  }
}

@media (min-width: 1600px) {
  [data-zoom="100"] .subnav__bar {
    width: 99.6rem !important;
  }

  [data-zoom="100"] .subnav__cover-item {
    width: 45.9rem !important;
  }
}

@media (min-width: 1700px) {
  [data-zoom="100"] .subnav__collection-link {
    font-size: 4.2rem !important;
  }

  [data-zoom="100"] .subnav__collection-item+.subnav__collection-item {
    margin-top: 3.5rem !important;
  }
}

@media (max-width: 767px) {
  .subnav__bar-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .listing__head {
    padding: 0 !important;
  }

  .filter__group legend {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 20px;
    column-gap: 20px;
  }
}

@media (max-width: 389px) {
  .subnav__bar-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .filter__group legend {
    column-gap: 10px;
  }
}

.fltr-catalog {
  display: flex;
  flex-flow: raw wrap;
  gap: 10px 20px;
  max-width: 960px;
  margin: 0 auto 50px;
}

@media (max-width: 767px) {
  .fltr-catalog {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }

  .footer__text {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .index-slider .hero_item__content {
    padding: 2rem 7rem 7rem;
  }

  .product-item-big-card {
    margin-bottom: 10px;
  }
}

@media (max-width: 1279px) {
  ._mobile .logo-group {
    display: none !important;
  }

  .main-page-collection-grid .hero_item__content {
    padding: 2rem 5rem 7rem;
  }
}

html {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
  /* или hidden */
  box-sizing: border-box;
  position: relative;
}

body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

.index-slider .hero_item__content {
  min-height: 170px;
}

.ctlg-new>.col-xs-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pay-icon {
  display: flex;
  gap: 14px;
  align-items: center;
}

body.firefox-mobile {
  padding-bottom: 40px;
  /* или любое нужное значение */
}

.ya-pay {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1280px) {
  .js-blog-gallery-macy {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    /* расстояние между элементами */
  }
}

.custom-size.disabled {
  opacity: 0.5;
  pointer-events: none;
  border: 1px solid #babbb0;
}

.custom-size.disabled span {
  color: #babbb0;
  cursor: default;
}

.custom-size input[disabled]+span {
  cursor: default;
}

.main-page-collection-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.index-page-collection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 1px solid rgba(0, 0, 0, 0.04);
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .main-page-collection-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.head-article {
  display: none;
}

.seo-content {
  position: relative;
  padding: 3.2rem;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.078rem;
}

.seo-content p,
.seo-content ul {
  margin-bottom: 1.5rem;
}

.seo-content ul {
  list-style-position: inside;
  list-style-type: disc;
  padding-left: 0;
  margin-left: 0;
}

.seo-content li {
  padding-left: 0.5rem;
  padding-bottom: 0.7rem;
}

.seo-content a {
  font-weight: 600;
  text-decoration: underline;
}

/*.logo-desk {
  margin-right: -60px !important;
  margin-left: 0 !important;
}*/

.collect-none {
  display: none;
}

.collection-head__title {
  font-size: 60px;
}

.btn-common.header__nav-link.link-hover {
  gap: 10px !important;
  align-items: flex-end;
}



.footer__nav {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(6, auto);
  column-count: unset;
}

@media (min-width: 1600px) {
  [data-zoom="100"] .footer__nav {
    width: 50.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .footer__nav {
    grid-auto-flow: row;
    /* обратно в обычный поток */
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 1279px) {
  .subnav__cover-item {
    display: none;
  }

  .subnav__content {
    display: none;
  }

  .header__nav._mobile li._mobile-open ._collection {
    display: none !important;
  }

  .header__nav._mobile li._mobile-open .subnav {
    padding-top: 1rem !important;
  }

  .header__nav._mobile li._mobile-open .header__nav-link {
    display: block !important;
  }

  ._open.header .header__nav._mobile {
    gap: 2rem !important;
  }

  .header__nav._mobile .profile-link {
    margin-bottom: 20px !important;
  }

  .header__nav._mobile .header__nav-group {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .header__nav._mobile .header__nav-link span {
    display: inline-block !important;
  }
}

.hero_item__image {
    position: relative;
    overflow: hidden;
}

.hero_item__image::after,
.img_banner_center_cont.the-end::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 10%,
        rgba(0,0,0,0.75) 100%
    );
    pointer-events: none;
    z-index: 1;
}

.hero_item__name {
    position: absolute;
    z-index: 2;
}

.container:before,
.container:after {
  content: unset;
}

.popup__inner {
  position: relative !important;
}

.bx-livechat-body {
  background-image: unset !important;
  background-color: #fff !important;
}
.bx-livechat-help-user {
  display: none !important;
}
.my-help-title {
  font-size: 26px !important;
  color: #000 !important;
  font-family: TT Ramillas, CoFo Sans, sans-serif !important;
  max-width: 311px !important;
  opacity: 1 !important;
  text-align: left !important;
}
.bx-im-textarea {
  border-top: 1px solid #cfceca !important;
}
.b24-widget-button-icon-container,
.b24-widget-button-inner-mask,
.bx-livechat-help-container {
  display: none !important;
}
.b24-widget-button-inner-block,
.b24-widget-button-block {
  border-radius: 0 !important;
}
.b24-widget-button-block {
  width: 200px !important;
}
.b24-widget-button-inner-block {
  background: #E9E8E4 !important;
  border: 1px solid #87857F !important;
}
.b24-widget-button-inner-block:hover {
  background: #000 !important;
  border: 1px solid #87857F !important;
}
.my-b24-text{
    color: #87857F;
    font-size: 18px;
    width: 100%;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}
.b24-widget-button-inner-block:hover .my-b24-text {
  color: #fff;
}
/*.bx-livechat-wrapper.bx-livechat-show.bx-livechat-position-bottom-right.bx-livechat-logo-ru.bx-livechat-custom-scroll {
  width: 335px !important;
}*/
.b24-widget-button-position-bottom-right {
    z-index: 999 !important;
}
.bx-livechat-dialog>div {
  position: relative !important;
}
.bx-livechat-body {
  justify-content: center !important;
}
.bx-livechat-chat-start .bx-livechat-body-with-message {
  overflow: auto !important;
}
.custom-ditch {
  font-family: 'TT Ramillas', serif;
  font-style: italic;
  font-weight: 400;
  color: #C6A085;
}
@media (min-width: 767px) {
  .bx-livechat-position-bottom-right {
    bottom: 115px !important;
    right: 20px !important;
  }
  .b24-widget-button-position-bottom-right {
    right: 5px !important;
    bottom: 30px !important;
  }
}

.product-detail__footer {
  margin: unset !important;
}
.product-detail__favorite-btn {
  border-left: 0.1rem solid var(--main-black, #000) !important;
}
.latest-similar.SPV-3 .product-card__description {
  padding: 0 8px;
}

@media (max-width: 767px) {
  .b24-widget-button-position-bottom-right {
    right: 5px !important;
    bottom: 14px !important;
    z-index: 999 !important;
  }
  .my-b24-text {
    font-size: 15px;
  }
  .b24-widget-button-inner-block {
    height: 50px !important;
  }
  .b24-widget-button-block {
    width: 166px !important;
    height: 50px !important;
  }


  .group-tab-common,
  .product-detail__footer {
    margin: unset !important;
  }

  .product-detail__favorite-btn {
    border-left: 0.1rem solid var(--main-black, #000) !important;
  }

  .fashion,
  .listing__title {
    padding: 0 2rem;
  }
  .parent-cont,
  .parent-cont .product-card__description {
    padding: 0 2rem;
  }
  .product-item-big-card {
    margin-bottom: 20px;
  }
  .fashion .product-card__description {
    padding: 0;
  }
  .latest-similar.SPV-3 .product-card__description {
    padding: 0 10px;
  }
  
}

@media (max-width: 767px) {
    .index-slider .swiper-wrapper {
        display: flex;
        flex-direction: column;
        transform: none !important;
        gap: 2px;
    }

    .index-slider .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
    }
}