:root {
  /* text */
  --text-basic: #000000;
  --text-secondary: #8b8c94;
  --text-disabled: #d1cfd7;
  --text-inverse: #ffffff;
  --text-brand: #121212;
  --text-brand-1: #242424;
  --text-accent: #ff5f00;
  --text-accent-1: #ff7c2e;
  --text-error: #ff1111;
  --text-success: #359e39;
  --text-info: #506bf6;

  /* bg */
  --bg-basic: #ffffff;
  --bg-basic-tarnsparent: rgba(255, 255, 255, 0.2);
  --bg-basic-1: #f4f4f5;
  --bg-plate: #eae9ec;
  --bg-brand: #121212;
  --bg-brand-1: #242424;
  --bg-accent: #ff5f00;
  --bg-accent-1: #ff7c2e;
  --bg-error-active: #ff1111;
  --bg-error: #ffd0d0;
  --bg-success-active: #359e39;
  --bg-success: #ccffd9;
  --bg-warning: #ffecdb;
  --bg-info: #e0e7ff;

  /* border */
  --border-basic: #d1cfd7;
  --border-secondary: #efeef1;
  --border-brand: #121212;
  --border-brand-1: #242424;
  --border-accent: #ff5f00;
  --border-error: #ff1111;
  --border-success: #359e39;
  --border-info: #506bf6;

  /* icon */
  --icon-basic: #8b8c94;
  --icon-basic-1: #000000;
  --icon-brand: #121212;
  --icon-brand-1: #242424;
  --icon-accent: #ff5f00;
  --icon-disabled: #d1cfd7;
  --icon-inverse: #ffffff;
  --icon-error: #ff1111;
  --icon-success: #359e39;
  --icon-info: #506bf6;
}

@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

html {
  background-color: var(--bg-basic-1);
}

body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

button {
  color: inherit;
}

.main {
  padding-top: 70px;
}

@media (max-width: 1024px) {
  .main {
    padding-top: 56px;
  }
}

.fixed {
  overflow: hidden;
}

.hidden {
  display: none !important;
}
button {
  cursor: pointer;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat";
  font-weight: 400;
  letter-spacing: -0.01em;
  font-size: 16px;
  line-height: 1.375em;
}

.h1,
.h2,
.h3,
.h4 {
  font-family: "Lora";
  line-height: 1.1em;
  letter-spacing: 0;
}

.h1 {
  font-size: 40px;
}

.h2 {
  font-size: 32px;
}

.h3 {
  font-size: 28px;
}

.h4 {
  font-size: 24px;
}

.p-l {
  font-size: 20px;
  line-height: 1.375em;
}

.p-s {
  font-size: 14px;
  line-height: 1.4em;
}

.p-n {
  font-size: 12px;
  line-height: 1.5em;
}

.p-g {
  color: var(--text-secondary);
}

.p-in {
  color: var(--text-info);
}

.p-sb {
  font-weight: 600;
}

.p-m {
  font-weight: 500;
}

.h5 {
  font-size: 24px;
  line-height: 1.25em;
  font-weight: 500;
}

.container {
  max-width: 1300px;
  margin: auto;
  padding: 0px 20px;
}

.container--margin {
  margin-top: 32px;
  margin-bottom: 32px;
}

/* grid */

.grid_col-1-3__1-1 {
  grid-column: 1/3;
}

@media (max-width: 1024px) {
  .grid_col-1-3__1-1 {
    grid-column: 1/1;
  }
}

/* button */

.bttn {
  width: fit-content;
  height: fit-content;
  text-align: center;
  letter-spacing: -0.03em;
  font-size: 16px;
  line-height: 1.375em;
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid var(--bg-brand);
  text-decoration: none;
  cursor: pointer;
}

.bttn.loading {
  position: relative;
  pointer-events: none;
}

.bttn.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite; /* Бесконечная анимация */
}

/* button size */
.bttn-sm {
  padding: 6px 12px;
}

.bttn-lg {
  padding: 16px 24px;
}

/* button primary */

.bttn-primary {
  background-color: var(--bg-brand);
  color: var(--text-inverse);
}

@media (hover: hover) {
  .bttn-primary:hover {
    background-color: var(--bg-brand-1);
    border-color: var(--bg-brand-1);
  }
}

.bttn-primary:disabled {
  background-color: var(--bg-plate);
  color: var(--text-secondary);
  border-color: var(--bg-plate);
  cursor: auto;
}

.bttn-primary.loading {
  color: var(--bg-brand);
}

.bttn-primary.loading::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0004 21.2571C12.0004 21.8252 11.5388 22.291 10.9735 22.2343C8.62272 21.9985 6.41269 20.9584 4.72732 19.273C2.79838 17.3441 1.7147 14.7279 1.7147 11.9999C1.7147 9.27201 2.79837 6.6558 4.72732 4.72685C6.41269 3.04148 8.62272 2.00139 10.9735 1.76559C11.5387 1.70889 12.0004 2.17474 12.0004 2.7428C12.0004 3.31087 11.5381 3.76474 10.9745 3.83555C9.17041 4.06221 7.48128 4.88213 6.18194 6.18147C4.63878 7.72463 3.77185 9.81759 3.77185 11.9999C3.77185 14.1823 4.63878 16.2753 6.18194 17.8184C7.48128 19.1178 9.17041 19.9377 10.9745 20.1643C11.5381 20.2352 12.0004 20.689 12.0004 21.2571Z' fill='white'/%3e%3c/svg%3e");
}

/* button outline */

.bttn-outline {
  background-color: var(--bg-basic-tarnsparent);
  border: 1px solid var(--border-brand);
  color: var(--text-brand);
}

@media (hover: hover) {
  .bttn-outline:hover {
    background-color: var(--bg-basic-1);
    color: var(--text-brand-1);
  }
}

.bttn-outline:disabled {
  background-color: var(--bg-basic);
  color: var(--text-disabled);
  border-color: var(--border-basic);
}

.bttn-outline.loading {
  color: var(--bg-basic-tarnsparent);
}

.bttn-outline.loading::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0004 21.2571C12.0004 21.8252 11.5388 22.291 10.9735 22.2343C8.62272 21.9985 6.41269 20.9584 4.72732 19.273C2.79838 17.3441 1.7147 14.7279 1.7147 11.9999C1.7147 9.27201 2.79837 6.6558 4.72732 4.72685C6.41269 3.04148 8.62272 2.00139 10.9735 1.76559C11.5387 1.70889 12.0004 2.17474 12.0004 2.7428C12.0004 3.31087 11.5381 3.76474 10.9745 3.83555C9.17041 4.06221 7.48128 4.88213 6.18194 6.18147C4.63878 7.72463 3.77185 9.81759 3.77185 11.9999C3.77185 14.1823 4.63878 16.2753 6.18194 17.8184C7.48128 19.1178 9.17041 19.9377 10.9745 20.1643C11.5381 20.2352 12.0004 20.689 12.0004 21.2571Z' fill='black'/%3e%3c/svg%3e ");
}

/* button empty */

.bttn-empty {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--text-brand);
}

@media (hover: hover) {
  .bttn-empty:hover {
    color: var(--text-brand-1);
  }
}

.bttn-empty:disabled {
  color: var(--text-disabled);
}

.bttn-empty.loading {
  color: transparent;
}

.bttn-empty.loading::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0004 21.2572C12.0004 21.8253 11.5388 22.2911 10.9735 22.2344C8.62272 21.9986 6.41269 20.9585 4.72732 19.2732C2.79838 17.3442 1.7147 14.728 1.7147 12.0001C1.7147 9.27213 2.79837 6.65592 4.72732 4.72697C6.41269 3.0416 8.62272 2.00151 10.9735 1.76571C11.5387 1.70902 12.0004 2.17486 12.0004 2.74293C12.0004 3.31099 11.5381 3.76486 10.9745 3.83567C9.17041 4.06233 7.48128 4.88225 6.18194 6.18159C4.63878 7.72475 3.77185 9.81772 3.77185 12.0001C3.77185 14.1824 4.63878 16.2754 6.18194 17.8185C7.48128 19.1179 9.17041 19.9378 10.9745 20.1645C11.5381 20.2353 12.0004 20.6891 12.0004 21.2572Z' fill='black'/%3e%3c/svg%3e ");
}

/* tag */

.tag {
  display: flex;
  width: fit-content;
  gap: 6px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 8px;
}

.tag-container {
  display: flex;
  gap: 8px;
}

.tag__cross {
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 5L5 11M5 5L11 11' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-color: transparent;
  border: transparent;
}

.tag-s {
  padding: 4px 8px;
}

.tag-default {
  background-color: var(--bg-basic);
}

.tag-container {
  display: flex;
  gap: 8px;
  padding: 0;
}

.tag__text-bold {
  font-weight: 600;
}

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

.tag-warning .tag__text {
  color: var(--bg-accent);
}

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

.tag-error .tag__text {
  color: var(--text-error);
}

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

.tag-info .tag__text {
  color: var(--text-info);
}

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

.tag-success .tag__text {
  color: var(--text-success);
}

/* item */

.item {
  display: block;
  width: 40px;
  height: 40px;
  padding: 6px;
  border-radius: 8px;
  background-color: var(--bg-basic-1);
  overflow: hidden;
}

@media (max-width: 1024px) {
  .item {
    width: 32px;
    height: 32px;
    padding: 4px;
  }

  .item svg {
    display: block;
    width: 24px;
    height: 24px;
  }
  .tag-with-date {
    display: none;
  }
}

/* checkbox */

.checkbox {
  display: flex;
  gap: 4px;
  padding: 2px;
  cursor: pointer;
}

.checkbox__origin {
  width: 0;
  height: 0;
  position: absolute;
  appearance: none;
  z-index: -1000;
}

.checkbox__custom {
  display: block;
  margin: 2px 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background-color: var(--bg-basic);
  border: solid 1px var(--border-basic);
  flex-shrink: 0;
}

@media (hover: hover) {
  .checkbox:hover .checkbox__custom {
    border-color: var(--border-brand);
  }
}

.checkbox__origin:disabled + .checkbox__custom {
  background-color: var(--bg-basic-1);
  border: solid 1px var(--border-basic);
}

.checkbox__origin:disabled ~ span {
  color: var(--text-disabled);
}

.checkbox__origin:checked + .checkbox__custom {
  position: relative;
  background-color: var(--bg-brand);
  border: solid 1px var(--border-brand);
}

.checkbox__origin:checked + .checkbox__custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33301 7.99996L6.66634 11.3333L13.333 4.66663' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.checkbox__origin:checked:disabled + .checkbox__custom {
  position: relative;
  background-color: var(--bg-basic-1);
  border: solid 1px var(--border-basic);
}

.checkbox__origin:checked + .checkbox__custom::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33301 7.99996L6.66634 11.3333L13.333 4.66663' stroke='%23D1CFD7' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* search */
.search {
  display: block;
  position: relative;
  width: 100%;
}
.search__input {
  display: block;
  width: 100%;
  background-color: var(--bg-basic-1);
  border: solid 0px transparent;
  padding: 9px 42px;
  border-radius: 6px;
}

.search__input::placeholder {
  color: var(--text-secondary);
}

.search__svg {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  stroke: var(--icon-basic);
}

.search__cross {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: transparent;
  align-items: center;
  cursor: pointer;
}

.search.disabled {
  pointer-events: none;
}

.search.disabled .search__input {
  pointer-events: none;
  user-select: none;
}

.search.disabled .search__input::placeholder {
  color: var(--text-disabled);
}

.search.disabled .search__svg {
  stroke: var(--icon-disabled);
}

.search__input:focus-visible {
  outline: transparent;
}

.search__input:focus-visible + .search__svg {
  stroke: var(--icon-brand);
}

.search.active .search__cross {
  display: flex;
}

/* pages */

.pages {
  margin-top: 32px;
  list-style: none;
  display: flex;
  gap: 6px;
  align-items: center;
}

.pages__bef {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L9 12L15 18' stroke='%238B8C94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.pages__aft {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%238B8C94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.pages__ell {
  width: 18px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='26' viewBox='0 0 18 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.8665 19.096C5.56783 19.096 5.31183 18.9947 5.0985 18.792C4.88517 18.5787 4.7785 18.312 4.7785 17.992C4.7785 17.672 4.88517 17.4107 5.0985 17.208C5.31183 17.0053 5.56783 16.904 5.8665 16.904C6.1545 16.904 6.39983 17.0053 6.6025 17.208C6.81583 17.4107 6.9225 17.672 6.9225 17.992C6.9225 18.312 6.81583 18.5787 6.6025 18.792C6.39983 18.9947 6.1545 19.096 5.8665 19.096ZM9.0115 19.096C8.71283 19.096 8.45683 18.9947 8.2435 18.792C8.03017 18.5787 7.9235 18.312 7.9235 17.992C7.9235 17.672 8.03017 17.4107 8.2435 17.208C8.45683 17.0053 8.71283 16.904 9.0115 16.904C9.2995 16.904 9.54483 17.0053 9.7475 17.208C9.96083 17.4107 10.0675 17.672 10.0675 17.992C10.0675 18.312 9.96083 18.5787 9.7475 18.792C9.54483 18.9947 9.2995 19.096 9.0115 19.096ZM12.1565 19.096C11.8578 19.096 11.6018 18.9947 11.3885 18.792C11.1752 18.5787 11.0685 18.312 11.0685 17.992C11.0685 17.672 11.1752 17.4107 11.3885 17.208C11.6018 17.0053 11.8578 16.904 12.1565 16.904C12.4445 16.904 12.6898 17.0053 12.8925 17.208C13.1058 17.4107 13.2125 17.672 13.2125 17.992C13.2125 18.312 13.1058 18.5787 12.8925 18.792C12.6898 18.9947 12.4445 19.096 12.1565 19.096Z' fill='%238B8C94'/%3E%3C/svg%3E%0A");
}

.pages__item {
  padding: 2px 4px;
  font-family: Montserrat;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
}

.pages__item.active {
  color: var(--text-brand);
}

@media (max-width: 1024px) {
  .pages {
    gap: 4px;
  }
}

/* clock */
.clock_block-img {
  width: 16px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.9615 8.679C14.1024 7.44188 13.8549 6.19156 13.2534 5.10138C12.6519 4.0112 11.7261 3.13515 10.6044 2.5947C9.48265 2.05424 8.22058 1.87614 6.99311 2.08509C5.76565 2.29405 4.63359 2.87969 3.75388 3.76085C2.87417 4.64201 2.29038 5.77502 2.08345 7.00283C1.87651 8.23064 2.05668 9.49241 2.59898 10.6132C3.14128 11.7341 4.01884 12.6584 5.11001 13.2581C6.20118 13.8579 7.4519 14.1033 8.6888 13.9603' stroke='%233B3B3B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 4.66406V7.9974L9.33333 9.33073M11.3333 11.3307V14.6641M14 11.3307V14.6641' stroke='%233B3B3B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.clock_block {
  background-color: #f4f4f5;
  padding: 9px 10px;
  width: fit-content;
  height: fit-content;
  border-radius: 8px;

  position: relative;
}

.clock-block-text {
  position: absolute;
  top: -35px;
  left: -35px;
  display: none;
  width: fit-content;
  padding: 6px;
  white-space: nowrap;
  border-radius: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -3%;
  color: #000000;
  background-color: #ffffff;
}

.clock-block-text::before {
  position: absolute;
  bottom: -4px;
  left: 50px;
  content: "";
  display: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 0L4 4L0 0L8 0Z' fill='white'/%3e%3c/svg%3e ");
  width: 8px;
  height: 4px;
}

.clock_block:hover .clock-block-text,
.clock_block:hover .clock-block-text::before {
  display: block;
}

/* 404 */
.container_centered {
  width: 100%;
  height: 100%;
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.main_404 {
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 1200 / 492;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 1200 492' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.1' d='M324.866 483.258H225.788V389.572H-0.00190647V305.996L196.132 8.08778H324.866V304.648H388.222V389.572H324.866V483.258ZM100.424 304.648H225.788V114.58L100.424 304.648ZM598.916 -0.000192642C715.518 -0.000192642 790.332 99.7518 790.332 246.01C790.332 391.594 715.518 491.346 598.916 491.346C482.988 491.346 407.5 392.268 407.5 246.01C407.5 99.0778 482.988 -0.000192642 598.916 -0.000192642ZM510.622 246.01C510.622 334.304 538.93 401.704 598.916 401.704C658.902 401.704 687.21 333.63 687.21 246.01C687.21 157.716 658.902 89.6418 598.916 89.6418C538.93 89.6418 510.622 157.042 510.622 246.01ZM1135.83 483.258H1036.75V389.572H810.957V305.996L1007.09 8.08778H1135.83V304.648H1199.18V389.572H1135.83V483.258ZM911.383 304.648H1036.75V114.58L911.383 304.648Z' fill='%238B8C94'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main_404_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}

.main_404-text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.main_404-text_title {
  font-family: Lora;
  font-weight: 600;
  font-size: 40px;
  line-height: 110.00000000000001%;
  text-align: center;
  vertical-align: middle;
  color: #000000;
}

.main_404-text_suptitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  color: #000000;
}

.main_404-button {
  display: block;
  width: 229px;
  height: 54px;
  border-radius: 8px;
  padding: 16px 24px;
  background: #121212;
  border: none;

  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

@media (max-width: 1024px) {
  .main_404 {
    margin-bottom: 100px;
    width: 90%;
    max-width: 700px;
    height: 135px;
    aspect-ratio: unset;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 1200 492' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.1' d='M324.866 483.258H225.788V389.572H-0.00190647V305.996L196.132 8.08778H324.866V304.648H388.222V389.572H324.866V483.258ZM100.424 304.648H225.788V114.58L100.424 304.648ZM598.916 -0.000192642C715.518 -0.000192642 790.332 99.7518 790.332 246.01C790.332 391.594 715.518 491.346 598.916 491.346C482.988 491.346 407.5 392.268 407.5 246.01C407.5 99.0778 482.988 -0.000192642 598.916 -0.000192642ZM510.622 246.01C510.622 334.304 538.93 401.704 598.916 401.704C658.902 401.704 687.21 333.63 687.21 246.01C687.21 157.716 658.902 89.6418 598.916 89.6418C538.93 89.6418 510.622 157.042 510.622 246.01ZM1135.83 483.258H1036.75V389.572H810.957V305.996L1007.09 8.08778H1135.83V304.648H1199.18V389.572H1135.83V483.258ZM911.383 304.648H1036.75V114.58L911.383 304.648Z' fill='%238B8C94'/%3e%3c/svg%3e ");
  }
  .main_404_inner {
    margin-top: 340px;
    max-width: 358px;
  }

  .main_404-button_cont {
    width: 100%;
  }

  .main_404-button {
    width: 100%;
  }

  .main_404-text_title {
    font-size: 32px;
  }
}

@media (max-width: 373px) {
  .main_404_inner {
    margin-top: 370px;
  }
}

/* price info */

.info_img-price-block {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;

  position: relative;
}

.version_for_cart {
  gap: 6px;
}

.version_for_my-orders {
  gap: 4px;
}

.info_img-price {
  background: transparent;
  border: transparent;
  cursor: default;
  width: 24px;
  height: 24px;
  margin-bottom: 1px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block.version_for_cart .info_img-price {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block.version_for_my-orders .info_img-price {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block.active .info_img-price {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block.version_for_cart.active .info_img-price {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block.version_for_my-orders.active .info_img-price {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block .info_img-price:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block.version_for_cart .info_img-price:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price-block.version_for_my-orders .info_img-price:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.info_img-price:hover + .info_img-price_text-list {
  display: flex;
}

.info_img-price_text-list {
  display: none;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  position: absolute;
  bottom: -132px;
  left: 105px;
  background-color: var(--bg-basic);
  padding: 10px;
  min-width: 300px;
  border-radius: 10px;
  /* transform: translateY(8px); */
  z-index: 2;
  box-shadow: 0px 0px 8px 0px #5a596633;
}

.version_for_cart .info_img-price_text-list {
  bottom: -140px;
  left: 82px;
}

.version_for_my-orders .info_img-price_text-list {
  bottom: -140px;
  left: 66px;
}

.info_img-price-block.active .info_img-price_text-list {
  display: flex !important;
}

.info_img-price_text-list::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 4L4 0L8 4H0Z' fill='white'/%3e%3c/svg%3e ");
  width: 8px;
  height: 4px;

  position: absolute;
  top: -4px;
  left: 20px;
}

.info_img-price_text-listitem {
  display: flex;
  justify-content: space-between;
}

.info_img-price_text-listitem span {
  font-weight: 400;
}

.info_img-price_text-listitem:not(.info_img-price_text-listitem:nth-child(1))
  span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -3%;
  color: #000000;
}

.info_img-price_text-listitem:last-child span {
  font-weight: 500;
}

.price_text-list_title {
  margin-bottom: 4px;
}

.info_img-price_text-listitem-close {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 1L1 13M1 1L13 13' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  width: 14px;
  height: 14px;
  display: none;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .info_img-price_text-list,
  .version_for_my-orders .info_img-price_text-list,
  .version_for_cart .info_img-price_text-list {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 16px;
    z-index: 32;
    border-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .info_img-price-block.active::after {
    z-index: 3;
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .info_img-price_text-list::before {
    display: none;
  }

  .info_img-price_text-listitem:not(.info_img-price_text-listitem:nth-child(1))
    span {
    font-size: 16px;
    line-height: 22px;
  }

  .price_text-list_title {
    font-size: 20px;
  }

  .info_img-price_text-listitem-close {
    display: block;
  }

  .info_img-price:hover + .info_img-price_text-list {
    display: none;
  }
  .info_img-price-block .info_img-price:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  }

  .info_img-price-block.version_for_cart .info_img-price:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  }

  .info_img-price-block.version_for_my-orders .info_img-price:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5013 5.83333H12.5013M7.5013 9.16667H12.5013M10.8346 12.5H12.5013M4.16797 17.5V4.16667C4.16797 3.72464 4.34356 3.30072 4.65612 2.98816C4.96868 2.67559 5.39261 2.5 5.83464 2.5H14.168C14.61 2.5 15.0339 2.67559 15.3465 2.98816C15.659 3.30072 15.8346 3.72464 15.8346 4.16667V17.5L13.3346 15.8333L11.668 17.5L10.0013 15.8333L8.33464 17.5L6.66797 15.8333L4.16797 17.5Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  }
}

/* delivery date*/
.pvz-date-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}

.pvz-date-block_img {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.333 2.5V5.83333M6.66634 2.5V5.83333M3.33301 9.16667H16.6663M3.33301 5.83333C3.33301 5.39131 3.5086 4.96738 3.82116 4.65482C4.13372 4.34226 4.55765 4.16667 4.99967 4.16667H14.9997C15.4417 4.16667 15.8656 4.34226 16.1782 4.65482C16.4907 4.96738 16.6663 5.39131 16.6663 5.83333V15.8333C16.6663 16.2754 16.4907 16.6993 16.1782 17.0118C15.8656 17.3244 15.4417 17.5 14.9997 17.5H4.99967C4.55765 17.5 4.13372 17.3244 3.82116 17.0118C3.5086 16.6993 3.33301 16.2754 3.33301 15.8333V5.83333Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66602 12.5H8.33268V14.1667H6.66602V12.5Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  width: 20px;
  height: 20px;
}

.pvz-date-block_text {
  height: 20px;
}

.pvz-date-title,
.pvz-date {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #ff5f00;
}

/* input */

.input {
  position: relative;
}

.input__input {
  display: block;
  width: 100%;
  padding: 12px;
  border: 0.7px solid var(--border-basic);
  background: var(--bg-bg-basic);
  border-radius: 8px;
}

.input.error::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 13px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6.66667V10M10 13.3333H10.0083M2.5 10C2.5 10.9849 2.69399 11.9602 3.0709 12.8701C3.44781 13.7801 4.00026 14.6069 4.6967 15.3033C5.39314 15.9997 6.21993 16.5522 7.12987 16.9291C8.03982 17.306 9.01509 17.5 10 17.5C10.9849 17.5 11.9602 17.306 12.8701 16.9291C13.7801 16.5522 14.6069 15.9997 15.3033 15.3033C15.9997 14.6069 16.5522 13.7801 16.9291 12.8701C17.306 11.9602 17.5 10.9849 17.5 10C17.5 8.01088 16.7098 6.10322 15.3033 4.6967C13.8968 3.29018 11.9891 2.5 10 2.5C8.01088 2.5 6.10322 3.29018 4.6967 4.6967C3.29018 6.10322 2.5 8.01088 2.5 10Z' stroke='%23FF1111' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.input[type="datetime-local"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.input__span {
  display: none;
  margin-top: 4px;
}

.input__span span {
  font-size: 14px;
}

.input__error {
  display: none;
  color: var(--text-error);
  margin-top: 4px;
}

.input__limit {
  display: none;
  color: var(--text-error);
  margin-top: 4px;
}

.input.info ~ .input__span {
  display: block;
}

.input.error ~ .input__error {
  display: block;
}

.input.limit ~ .input__limit {
  display: block;
}

.label p {
  margin-bottom: 8px;
}

.label--relative {
  position: relative;
}

.label__count {
  position: absolute;
  font-size: 12px;
  bottom: 6px;
  right: 12px;
  color: var(--text-secondary);
}

.label__count span {
  font-size: 12px;
}

.input.error,
.textarea.error {
  border-color: var(--border-error);
}

.label__error {
  display: none;
  color: var(--text-error);
  font-size: 14px;
  margin-top: 4px;
}

.textarea.error ~ .label__error {
  display: block;
}

.textarea.error ~ .label__count {
  color: var(--text-error);
  bottom: 30px;
}

.label.error::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 13px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6.66667V10M10 13.3333H10.0083M2.5 10C2.5 10.9849 2.69399 11.9602 3.0709 12.8701C3.44781 13.7801 4.00026 14.6069 4.6967 15.3033C5.39314 15.9997 6.21993 16.5522 7.12987 16.9291C8.03982 17.306 9.01509 17.5 10 17.5C10.9849 17.5 11.9602 17.306 12.8701 16.9291C13.7801 16.5522 14.6069 15.9997 15.3033 15.3033C15.9997 14.6069 16.5522 13.7801 16.9291 12.8701C17.306 11.9602 17.5 10.9849 17.5 10C17.5 8.01088 16.7098 6.10322 15.3033 4.6967C13.8968 3.29018 11.9891 2.5 10 2.5C8.01088 2.5 6.10322 3.29018 4.6967 4.6967C3.29018 6.10322 2.5 8.01088 2.5 10Z' stroke='%23FF1111' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.label.error .input {
  border-color: var(--border-error);
}

/* breadcrumbs */

.breadcrumbs {
  margin-top: 24px;
}

.breadcrumbs__link {
  display: none;
  align-items: center;
  gap: 8px;
}

.breadcrumbs__list {
  display: flex;
  gap: 8px;
  list-style: none;
}

.breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
}

.breadcrumbs li::after {
  content: "";
  display: block;
  width: 5px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='14' viewBox='0 0 5 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.794 0.821999H4.984L1.33 13.212H0.14L3.794 0.821999Z' fill='%238B8C94'/%3E%3C/svg%3E%0A");
}

.breadcrumbs li:last-child {
  color: #000;
}

.breadcrumbs li:last-child::after {
  display: none;
}

.breadcrumbs__link::before,
.breadcrumbs li:first-child::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%238B8C94' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* .breadcrumbs__link::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23000000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  } */
.breadcrumbs__link::before {
  display: none;
}

.breadcrumbs a {
  text-decoration: none;
  color: inherit;
}

@media (max-width: 1024px) {
  .breadcrumbs {
    background-color: var(--bg-basic);
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .breadcrumbs__link {
    display: flex;
  }
  .breadcrumbs__list {
    display: none;
  }
}

@media (hover: hover) {
  .breadcrumbs a:hover {
    color: var(--text-brand-1);
  }
}

.bread-m {
}

.bread-m a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--text-secondary);
  font-size: 14px;
  gap: 8px;
}

.bread-m a:first-child::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%238B8C94' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* tabs */

.tabs__list {
  list-style: none;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid var(--border-basic);
  margin-bottom: 12px;
  overflow: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE и Edge */
}

.tabs__list::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.tabs__item {
  padding: 8px;
  white-space: nowrap;
  cursor: pointer;
}

.tabs__item.active {
  border-bottom: 1px solid var(--border-brand);
}

.tabs__info {
  list-style: none;
}

.tabs__info-item {
  display: none;
}

.tabs__info-item.active {
  display: block;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

@media (max-width: 1024px) {
  .grid-2 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* notif */
.notif-box,
.notif-cookie-box {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  z-index: 9;
}

.notif {
  max-width: 460px;
  /* width: 88%; */
  position: absolute;
  border-radius: 8px;
  padding: 16px;
  background-color: var(--bg-basic);
  box-shadow: 0px 0px 14px 0px rgba(90, 89, 102, 0.15);
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.notif__title {
  padding-right: 34px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.notif__cross {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
  background-color: transparent;
  border: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7L7 17M7 7L17 17' stroke='black' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.notif__icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.notif-info .notif__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9H12.01M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12Z' stroke='%23506BF6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 12H12V16H13' stroke='%23506BF6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.notif-success .notif__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12Z' stroke='%23359E39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12L11 14L15 10' stroke='%23359E39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.notif-error .notif__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8V12M12 16H12.01M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12Z' stroke='%23FF1111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.notif-cookie {
  max-width: 632px;
  width: 88%;
  position: absolute;
  border-radius: 8px;
  padding: 16px;
  background-color: var(--bg-basic);
  box-shadow: 0px 0px 14px 0px rgba(90, 89, 102, 0.15);
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
}

.notif-cookie span {
  font-weight: 600;
  color: var(--text-info);
}

.label p {
  margin-bottom: 6px;
}

.input,
.textarea {
  width: 100%;
  height: 46px;
  border-radius: 8px;
  padding: 0 12px;
  border: solid 0.7px var(--border-basic);
}

.textarea {
  height: 140px;
  padding: 12px;
  resize: none;
}

.modal {
  position: fixed;
  max-width: 534px;
  width: 95%;
  border-radius: 12px;
  gap: 24px;
  padding: 24px;
  background-color: var(--bg-basic);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 25;
  display: none;
}

.modal.active {
  display: block;
}

.modal__bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100dvh;
  width: 100vw;
  z-index: 3;
}

.modal.active + .modal__bg {
  display: block;
}

.modal__cross {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 6px;
  margin-left: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  cursor: pointer;
}

.modal__header {
  display: flex;
  margin-bottom: 24px;
  justify-content: space-between;
}

.modal__footer {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 24px;
}

.modal__footer button {
  width: 100%;
}

.modal-drawer {
  max-width: 754px;
  max-height: 80dvh;
  overflow: auto;
}

.modal-big {
  min-width: 754px;
  min-height: 758px;
}

.modal-big .modal__body {
  min-height: 600px;
}

.modal-big .modal__footer {
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: center;
  margin-top: 16px;
}

.modal-big .modal__footer .tag {
  border-color: transparent;
  width: fit-content;
}

.modal-big .modal__footer .tag__text {
  display: flex;
  align-items: center;
  gap: 6px;
}

.modal-big .modal__footer .tag__text::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.modal-big .tabs__info {
  max-height: 560px;
  overflow-y: scroll;
}

@media (max-width: 1024px) {
  .modal__header {
    margin-bottom: 16px;
  }

  .modal__footer {
    grid-template-columns: 1fr;
    margin-top: 16px;
  }

  .modal-drawer {
    width: 100%;
    max-height: 90dvh;
    overflow: auto;
    top: auto;
    left: 0;
    bottom: 0;
    transform: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 16px;
    max-width: none;
  }
}

.select-wrapper {
  position: relative;
}

.custom-select {
  margin-top: 6px;
  position: relative;
  border: 0.7px solid var(--border-basic);
  border-radius: 8px;
  cursor: pointer;
  height: 46px;
}

.custom-select::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 14px;
  right: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.custom-select.open .selected {
  color: var(--text-basic);
}

.custom-select.error {
  border-color: red;
}

.custom-select .selected {
  width: 100%;
  height: 100%;
  color: var(--text-basic);
  background-color: transparent;
  border-color: transparent;
  text-align: left;
  padding: 12px 42px 12px 12px;
}

.custom-select .placeholder {
  color: #aaa;
}

.dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  border: 1px solid #ddd;
  background: white;
  z-index: 3;
  box-shadow: 0px 0px 8px 0px rgba(90, 89, 102, 0.2);
  display: none;
  /* padding: 12px 12px 0; */
  border-radius: 8px;
  overflow: hidden;
}

.dropdown::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  transform: translateY(-100%);
  z-index: 2;
  left: 0;
}

.dropdown--sear::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: 23px;
  left: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L15 15M3 10C3 10.9193 3.18106 11.8295 3.53284 12.6788C3.88463 13.5281 4.40024 14.2997 5.05025 14.9497C5.70026 15.5998 6.47194 16.1154 7.32122 16.4672C8.1705 16.8189 9.08075 17 10 17C10.9193 17 11.8295 16.8189 12.6788 16.4672C13.5281 16.1154 14.2997 15.5998 14.9497 14.9497C15.5998 14.2997 16.1154 13.5281 16.4672 12.6788C16.8189 11.8295 17 10.9193 17 10C17 9.08075 16.8189 8.1705 16.4672 7.32122C16.1154 6.47194 15.5998 5.70026 14.9497 5.05025C14.2997 4.40024 13.5281 3.88463 12.6788 3.53284C11.8295 3.18106 10.9193 3 10 3C9.08075 3 8.1705 3.18106 7.32122 3.53284C6.47194 3.88463 5.70026 4.40024 5.05025 5.05025C4.40024 5.70026 3.88463 6.47194 3.53284 7.32122C3.18106 8.1705 3 9.08075 3 10Z' stroke='%238B8C94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.dropdown__list {
  max-height: 290px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  list-style: none;
}

.dropdown .checkbox {
  padding: 6px 0;
  gap: 6px;
}

.dropdown__search {
  width: calc(100% - 24px);
  height: 46px;
  padding: 8px 12px 8px 44px;
  /* box-sizing: border-box; */
  /* border: none; */
  border: transparent;
  outline: transparent;
  background-color: var(--bg-basic-1);
  border-radius: 8px;
  margin: 12px 12px 0 12px;
}

.dropdown .dropdown__btn {
  padding: 6px 0;
  cursor: pointer;
  background-color: transparent;
  border: transparent;
  width: 100%;
  text-align: left;
}

.error-text {
  font-size: 14px;
  color: red;
  margin-top: 4px;
  display: none;
}

.custom-select.error + .error-text {
  display: block;
}

.loader {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader-icon {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 35.4284C20 36.3751 19.2305 37.1515 18.2885 37.0571C14.3705 36.6641 10.6871 34.9306 7.87813 32.1216C4.66322 28.9067 2.8571 24.5464 2.8571 19.9998C2.8571 15.4532 4.66322 11.0929 7.87813 7.87796C10.6871 5.06901 14.3705 3.33553 18.2885 2.94253C19.2305 2.84804 20 3.62444 20 4.57122C20 5.51799 19.2295 6.27444 18.2901 6.39246C15.2833 6.77023 12.4681 8.13677 10.3025 10.3023C7.73057 12.8743 6.28568 16.3625 6.28568 19.9998C6.28568 23.637 7.73057 27.1253 10.3025 29.6973C12.4681 31.8628 15.2833 33.2294 18.2901 33.6071C19.2295 33.7251 20 34.4816 20 35.4284Z" fill="%238B8C94"/></svg>');
  animation: spin 0.7s linear infinite;
}

.faq {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq__item {
  width: 100%;
  background-color: var(--bg-basic);
  padding: 16px;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.faq__title {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.faq__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%23121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.faq__item.active .faq__title::after {
  transform: rotate(180deg);
}

.faq__text {
  display: none;
  margin-top: 7px;
}

.faq-block + .faq-block {
  margin-top: 48px;
}
.price {
  white-space: nowrap;
}

/* alg-org-oper-order-detail track*/

.change_track-ul{
    list-style: none;
    scrollbar-width: none;
}


.change_track-ul_item{
  display: flex;
  justify-content: space-between;
  padding-bottom: 4px;
  border-bottom: 1px solid #e6e7ee;
  margin-bottom: 4px;
}

.change_track-ul_item .p-sb{
  width: 270px;
}

.change_track-ul_item .p-m{
  width: 270px;
}

.track_edit_btn{
  border: none;
  background: none;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2507 5.41822L14.584 8.75155M3.33398 16.6682H6.66732L15.4173 7.91822C15.6362 7.69935 15.8098 7.43951 15.9283 7.15355C16.0467 6.86758 16.1077 6.56108 16.1077 6.25155C16.1077 5.94203 16.0467 5.63553 15.9283 5.34956C15.8098 5.06359 15.6362 4.80376 15.4173 4.58489C15.1984 4.36602 14.9386 4.1924 14.6526 4.07395C14.3667 3.9555 14.0602 3.89453 13.7507 3.89453C13.4411 3.89453 13.1346 3.9555 12.8487 4.07395C12.5627 4.1924 12.3029 4.36602 12.084 4.58489L3.33398 13.3349V16.6682Z' stroke='black' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");

}

.track_copy_btn{
  border: none;
  background: none;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.83398 8.05453C5.83398 7.46509 6.06814 6.89979 6.48494 6.48299C6.90174 6.06619 7.46704 5.83203 8.05648 5.83203H15.2782C15.57 5.83203 15.859 5.88952 16.1287 6.00121C16.3983 6.1129 16.6433 6.27661 16.8497 6.48299C17.0561 6.68936 17.2198 6.93437 17.3315 7.20402C17.4432 7.47366 17.5007 7.76267 17.5007 8.05453V15.2762C17.5007 15.5681 17.4432 15.8571 17.3315 16.1267C17.2198 16.3964 17.0561 16.6414 16.8497 16.8477C16.6433 17.0541 16.3983 17.2178 16.1287 17.3295C15.859 17.4412 15.57 17.4987 15.2782 17.4987H8.05648C7.76462 17.4987 7.47562 17.4412 7.20597 17.3295C6.93632 17.2178 6.69132 17.0541 6.48494 16.8477C6.27856 16.6414 6.11485 16.3964 6.00316 16.1267C5.89147 15.8571 5.83398 15.5681 5.83398 15.2762V8.05453Z' stroke='black' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.34333 13.9475C3.0875 13.8021 2.87471 13.5916 2.72658 13.3374C2.57846 13.0832 2.50028 12.7942 2.5 12.5V4.16667C2.5 3.25 3.25 2.5 4.16667 2.5H12.5C13.125 2.5 13.465 2.82083 13.75 3.33333' stroke='black' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");

}

.track_copy_btn:hover{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.83398 8.05453C5.83398 7.46509 6.06814 6.89979 6.48494 6.48299C6.90174 6.06619 7.46704 5.83203 8.05648 5.83203H15.2782C15.57 5.83203 15.859 5.88952 16.1287 6.00121C16.3983 6.1129 16.6433 6.27661 16.8497 6.48299C17.0561 6.68936 17.2198 6.93437 17.3315 7.20402C17.4432 7.47366 17.5007 7.76267 17.5007 8.05453V15.2762C17.5007 15.5681 17.4432 15.8571 17.3315 16.1267C17.2198 16.3964 17.0561 16.6414 16.8497 16.8477C16.6433 17.0541 16.3983 17.2178 16.1287 17.3295C15.859 17.4412 15.57 17.4987 15.2782 17.4987H8.05648C7.76462 17.4987 7.47562 17.4412 7.20597 17.3295C6.93632 17.2178 6.69132 17.0541 6.48494 16.8477C6.27856 16.6414 6.11485 16.3964 6.00316 16.1267C5.89147 15.8571 5.83398 15.5681 5.83398 15.2762V8.05453Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.34333 13.9475C3.0875 13.8021 2.87471 13.5916 2.72658 13.3374C2.57846 13.0832 2.50028 12.7942 2.5 12.5V4.16667C2.5 3.25 3.25 2.5 4.16667 2.5H12.5C13.125 2.5 13.465 2.82083 13.75 3.33333' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  
}

.change_track-modal_header{
  font-size: 24px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 30px;
}


/* cart counter*/

.cart_counter{
  position: absolute;
  top: -5px;
  right: -5px ;
  border-radius: 64px;
  background-color: #FF5F00;
  padding: 2px 3.5px;
  min-width: 16px;
  height: 16px;

  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;  
}

.zero_number{
  display: none;
}

.double_number{
  padding: 2px 2px;
  width: 21px;
}

.triple_number{
  padding: 2px 2px;
  width: 28px;
}