body, html {
  margin: 0;
  font-family: var(--font_family);
  font-size: var(--font_regular);
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  font-variant-ligatures: normal;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  -ms-font-feature-settings: "lnum";
  -o-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

input, textarea {
  font-family: var(--font_family);
  color: var(--l_text_secondary); }
  input::placeholder, textarea::placeholder {
    color: var(--l_text_placeholder); }

body {
  --l_url_primary: #2590f5;
  --l_url_hover: #1377d3;
  --d_url_primary: #1377d3;
  --d_url_hover: #002a95;
  --d_border_color: rgba(255, 255, 255, 0.15);
  --l_border_color: rgba(3, 4, 35, 0.12);
  --light_primary: #fffffe;
  --light_secondary: #f0f0f0;
  --light_additional: #d3d3d3;
  --dark_primary: #252525;
  --dark_secondary: #484848;
  --dark_additional: #606060;
  --accent_primary: #059aee;
  --accent_secondary: #1377d3;
  --accent_additional: #1377d3;
  --accent_hover: #44a4fc;
  --pallete_red: #e32f0b;
  --pallete_green: #017500;
  --pallete_yellow: #fa9214;
  --pallete_blue: #228ae5;
  --pallete_grey: #a0a0a0;
  --l_text_primary: rgba(3, 4, 35, .96);
  --l_text_secondary: rgba(3, 4, 35, 0.75);
  --l_text_additional: rgba(3, 4, 35, 0.60);
  --l_text_disabled: rgba(3, 4, 35, 0.30);
  --l_text_placeholder: rgba(3, 4, 35, 0.35);
  --d_text_primary: rgba(255, 255, 255, .96);
  --d_text_secondary: rgba(255, 255, 255, .82);
  --d_text_additional: rgba(255, 255, 255, .70);
  --d_text_disabled: rgba(255, 255, 255, .50);
  --d_text_placeholder: rgba(255, 255, 255, .55);
  --defpad: 8px;
  --font_super_small: 10px;
  --font_small: 12px;
  --font_regular: 14px;
  --font_big: 18px;
  --font_h1: 32px;
  --font_h2: 28px;
  --font_h3: 24px;
  --font_h4: 20px;
  --font_h5: 16px;
  --font_h6: 14px;
  --lh_font_h1: 38px;
  --lh_font_h2: 32px;
  --lh_font_h3: 30px;
  --lh_font_h4: 24px;
  --lh_font_h5: 18px;
  --lh_font_h6: 16px;
  --lh_multiplier: 1.16667;
  --font_family: "TT Interphases";
  --device_sd: 425px;
  --device_md: 750px;
  --device_ld: 1024px;
  --device_xd: 1280px;
  --animate: 0.22s ease-in-out;
  --w_section: 1280px;
  --button_small_pad: 8px 12px;
  --search_input_size: 50px;
  --bold: 600;
  --bg_status_0: gray;
  --bg_status_1: var(--pallete_yellow);
  --bg_status_2: var(--pallete_yellow);
  --bg_status_3: var(--pallete_yellow);
  --bg_status_4: var(--pallete_green);
  --bg_status_5: var(--pallete_red);
  --bg_status_6: var(--pallete_red);
  --bg_status_7: var(--pallete_red);
  --bg_status_8: var(--pallete_blue); }

input[type="text"], input[type="password"], input.search, textarea {
  width: 100%;
  background: var(--light_primary);
  border-radius: 4px;
  padding: 12px 16px;
  font-family: var(--font_family);
  font-size: var(--font_regular);
  color: var(--l_text_secondary);
  border: 1px solid var(--l_border_color); }
  input[type="text"]::placeholder, input[type="password"]::placeholder, input.search::placeholder, textarea::placeholder {
    color: var(--l_text_placeholder); }
  input[type="text"].bubble_secondary_input, input[type="password"].bubble_secondary_input, input.search.bubble_secondary_input, textarea.bubble_secondary_input {
    border: none;
    background: var(--light_secondary); }
  input[type="text"].bubble_light_primary_input, input[type="password"].bubble_light_primary_input, input.search.bubble_light_primary_input, textarea.bubble_light_primary_input {
    border: none;
    background-color: var(--light_primary); }

input[type="submit"] {
  border: none; }

* {
  text-decoration: none;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  outline: none; }

.link, a {
  cursor: pointer;
  color: var(--l_url_primary);
  transition: var(--animate); }
  .link:hover, a:hover {
    color: var(--l_url_hover); }

h1 {
  font-size: var(--font_h1);
  line-height: var(--lh_font_h1); }

h2 {
  font-size: var(--font_h2);
  line-height: var(--lh_font_h2); }

h3 {
  font-size: var(--font_h3);
  line-height: var(--lh_font_h3); }

h4 {
  font-size: var(--font_h4);
  line-height: var(--lh_font_h4); }

h5 {
  font-size: var(--font_h5);
  line-height: var(--lh_font_h5); }

h6 {
  font-size: var(--font_h6);
  line-height: var(--lh_font_h6); }

.section {
  width: 100%;
  text-align: center;
  position: relative; }
  .section .content {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: var(--w_section);
    text-align: left;
    display: inline-block;
    vertical-align: middle; }
  .section:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.divider {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 1px solid var(--l_border_color); }

.divider_bold {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 2px solid var(--l_border_color); }

.svm_0_0 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_0_0 .content {
      margin-top: calc(var(--defpad)*0);
      margin-bottom: calc(var(--defpad)*0); } }

.vm_0_0 {
  margin-top: calc(var(--defpad)*0);
  margin-bottom: calc(var(--defpad)*0); }

.svm_1_1 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_1_1 .content {
      margin-top: calc(var(--defpad)*1);
      margin-bottom: calc(var(--defpad)*1); } }

.vm_1_1 {
  margin-top: calc(var(--defpad)*1);
  margin-bottom: calc(var(--defpad)*1); }

.svm_2_2 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_2_2 .content {
      margin-top: calc(var(--defpad)*2);
      margin-bottom: calc(var(--defpad)*2); } }

.vm_2_2 {
  margin-top: calc(var(--defpad)*2);
  margin-bottom: calc(var(--defpad)*2); }

.svm_3_3 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_3_3 .content {
      margin-top: calc(var(--defpad)*3);
      margin-bottom: calc(var(--defpad)*3); } }

.vm_3_3 {
  margin-top: calc(var(--defpad)*3);
  margin-bottom: calc(var(--defpad)*3); }

.svm_4_4 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_4_4 .content {
      margin-top: calc(var(--defpad)*4);
      margin-bottom: calc(var(--defpad)*4); } }

.vm_4_4 {
  margin-top: calc(var(--defpad)*4);
  margin-bottom: calc(var(--defpad)*4); }

.svm_5_5 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_5_5 .content {
      margin-top: calc(var(--defpad)*5);
      margin-bottom: calc(var(--defpad)*5); } }

.vm_5_5 {
  margin-top: calc(var(--defpad)*5);
  margin-bottom: calc(var(--defpad)*5); }

.svm_6_6 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_6_6 .content {
      margin-top: calc(var(--defpad)*6);
      margin-bottom: calc(var(--defpad)*6); } }

.vm_6_6 {
  margin-top: calc(var(--defpad)*6);
  margin-bottom: calc(var(--defpad)*6); }

.svm_7_7 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_7_7 .content {
      margin-top: calc(var(--defpad)*7);
      margin-bottom: calc(var(--defpad)*7); } }

.vm_7_7 {
  margin-top: calc(var(--defpad)*7);
  margin-bottom: calc(var(--defpad)*7); }

.svm_8_8 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_8_8 .content {
      margin-top: calc(var(--defpad)*8);
      margin-bottom: calc(var(--defpad)*8); } }

.vm_8_8 {
  margin-top: calc(var(--defpad)*8);
  margin-bottom: calc(var(--defpad)*8); }

.svm_9_9 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_9_9 .content {
      margin-top: calc(var(--defpad)*9);
      margin-bottom: calc(var(--defpad)*9); } }

.vm_9_9 {
  margin-top: calc(var(--defpad)*9);
  margin-bottom: calc(var(--defpad)*9); }

.svm_10_10 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_10_10 .content {
      margin-top: calc(var(--defpad)*10);
      margin-bottom: calc(var(--defpad)*10); } }

.vm_10_10 {
  margin-top: calc(var(--defpad)*10);
  margin-bottom: calc(var(--defpad)*10); }

.svm_11_11 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_11_11 .content {
      margin-top: calc(var(--defpad)*11);
      margin-bottom: calc(var(--defpad)*11); } }

.vm_11_11 {
  margin-top: calc(var(--defpad)*11);
  margin-bottom: calc(var(--defpad)*11); }

.svm_12_12 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_12_12 .content {
      margin-top: calc(var(--defpad)*12);
      margin-bottom: calc(var(--defpad)*12); } }

.vm_12_12 {
  margin-top: calc(var(--defpad)*12);
  margin-bottom: calc(var(--defpad)*12); }

.svm_13_13 .content {
  margin-top: 32px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 968px) {
    .svm_13_13 .content {
      margin-top: calc(var(--defpad)*13);
      margin-bottom: calc(var(--defpad)*13); } }

.vm_13_13 {
  margin-top: calc(var(--defpad)*13);
  margin-bottom: calc(var(--defpad)*13); }

.vm_supersmall, .vm_li {
  margin-top: calc(var(--defpad) / 2);
  margin-bottom: calc(var(--defpad) / 2); }

.text_accent {
  color: var(--accent_primary); }

.d_border {
  border: 1px solid var(--d_border_color); }

.d_dashed_border {
  border: 1px dashed var(--d_border_color); }

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

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

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

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

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

.bg_dark_primary {
  background-color: var(--dark_primary); }

.bg_dark_secondary {
  background-color: var(--dark_secondary); }

.bg_dark_additional {
  background-color: var(--dark_additional); }

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

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

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

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

.l_border {
  border: 1px solid var(--l_border_color); }

.l_dashed_border {
  border: 1px dashed var(--l_border_color); }

.bg_light_primary {
  background-color: var(--light_primary); }

.bg_light_secondary {
  background-color: var(--light_secondary); }

.bg_light_additional {
  background-color: var(--light_additional); }

.bg_accent_primary {
  background-color: var(--accent_primary); }

.bg_pallete_green {
  background-color: var(--pallete_green); }

.bg_pallete_red {
  background-color: var(--pallete_red); }

.bg_pallete_yellow {
  background-color: var(--pallete_yellow); }

.bold {
  font-weight: var(--bold); }

.button_bold {
  font-weight: var(--bold);
  text-transform: uppercase; }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.no_decoration {
  text-decoration: none; }

.linethrough {
  text-decoration: line-through; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

@media only screen and (min-width: 968px) {
    .md-left {
      text-align: left; } }

.md-center {
  text-align: left; }
  @media only screen and (min-width: 968px) {
  .md-center {
    text-align: center; } }

@media only screen and (min-width: 968px) {
    .md-right {
      text-align: right; } }

.small {
  font-size: var(--font_small);
  line-height: var(--font_small) * var(--lh_multiplier); }

.regular {
  font-size: var(--font_regular);
  line-height: var(--font_regular) * var(--lh_multiplier); }

.big {
  font-size: var(--font_big);
  line-height: var(--font_big) * var(--lh_multiplier); }

.inline {
  display: inline-block; }

.top {
  vertical-align: top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.row_small {
  margin: calc(var(--defpad) / -2); }
  .row_small > * {
    padding: calc(var(--defpad) / 2); }

.row {
  margin: calc(var(--defpad) * -1); }
  .row > * {
    padding: var(--defpad); }

.icon_before:before {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: calc(var(--defpad)/2);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.icon_after:after, .sort_by_button:after {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(var(--defpad)/2);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.card_tiny {
  padding: 6px 6px;
  border-radius: 4px; }

.card_small {
  padding: 8px 8px;
  border-radius: 4px; }

.card {
  padding: 16px 16px;
  border-radius: 8px; }

.card_medium {
  padding: 24px 24px;
  border-radius: 8px; }

.card_big {
  padding: 32px 32px;
  border-radius: 12px; }

.card_6_6 {
  padding: 48px 48px;
  border-radius: 12px; }

.card_superbig {
  padding: 64px 64px;
  border-radius: 12px; }

.outline_accent_button {
  border: 1px solid var(--d_border_color);
  border-radius: 4px;
  padding: 12px 16px;
  padding-bottom: 10px;
  background: var(--accent_primary);
  color: var(--d_text_primary); }

.rub:after {
  content: ' ₽'; }

.number_input {
  border: 1px solid var(--l_border_color);
  border-radius: 4px;
  background: var(--light_primary);
  overflow: hidden;
  height: 34px; }
  .number_input .add, .number_input .remove {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 100%;
    cursor: pointer; }
  .number_input .add:after, .number_input .remove:after {
    content: '';
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 12px;
    height: 12px; }
  .number_input .add {
    background: var(--accent_primary); }
  .number_input .add:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.14453H10' stroke='white' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.14648 2L6.14648 10' stroke='white' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  .number_input .remove {
    background: var(--light_secondary); }
  .number_input .remove:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6H10' stroke='%23030423' stroke-width='1.41667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  .number_input input {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    border-radius: 0;
    text-align: center;
    height: 100%;
    width: calc(100% - 64px);
    font-weight: bold;
    color: var(--l_text_primary);
    padding-left: calc(var(--defpad)/2);
    padding-right: calc(var(--defpad)/2); }

button {
  border: none; }

.button_6_8 {
  border-radius: 4px;
  padding: 6px 8px;
  padding-bottom: 4px;
  cursor: pointer; }

.button_small, .light_button_small {
  border-radius: 4px;
  padding: 8px 12px;
  padding-bottom: 6px;
  cursor: pointer; }

.button, .sort_by_button {
  border-radius: 4px;
  padding: 12px 16px;
  padding-bottom: 10px;
  cursor: pointer; }

.button_big {
  border-radius: 4px;
  padding: 12px 16px;
  padding-bottom: 10px;
  cursor: pointer; }

.button_superbig {
  border-radius: 4px;
  padding: 16px 18px;
  padding-bottom: 14px;
  cursor: pointer; }

.sort_by_button {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--light_secondary); }
  .sort_by_button:after {
    transition: var(--animate);
    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='M8 11.5L3 5.5L13 5.5L8 11.5Z' fill='%23000000'/%3E%3C/svg%3E%0A"); }
  .sort_by_button.toggled:after {
    transform: rotate(180deg); }

.light_button_small {
  display: inline-block;
  background-color: var(--light_primary);
  color: var(--l_text_primary); }

.bg_light_primary .light_button_small {
  background-color: var(--light_secondary); }

.accent_button {
  background-color: var(--accent_primary);
  color: var(--d_text_primary);
  transition: var(--animate); }
  .accent_button:hover {
    background-color: var(--accent_hover); }

.checkbox {
  cursor: pointer;
  user-select: none; }
  .checkbox label {
    cursor: pointer; }

input[type="checkbox"], input[type="radio"] {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid var(--l_border_color);
  border-radius: 4px;
  appearance: none;
  transition: 0.15s ease-out;
  padding: 0;
  margin: 0;
  margin-right: var(--defpad);
  background-color: rgba(0, 0, 0, 0);
  background-size: 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

input[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.89543 0 2V8C0 9.10457 0.89543 10 2 10H8C9.10457 10 10 9.10457 10 8V2C10 0.895431 9.10457 0 8 0H2ZM4.92009 6.38411L7.32009 4.38411L6.67991 3.61589L4.6 5.34915L3.32009 4.28256L2.67991 5.05078L4.27991 6.38411L4.6 6.65085L4.92009 6.38411Z' fill='%232590F5' fill-opacity='0'/%3E%3C/svg%3E%0A"); }
  input[type="checkbox"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.89543 0 2V8C0 9.10457 0.89543 10 2 10H8C9.10457 10 10 9.10457 10 8V2C10 0.895431 9.10457 0 8 0H2ZM4.92009 6.38411L7.32009 4.38411L6.67991 3.61589L4.6 5.34915L3.32009 4.28256L2.67991 5.05078L4.27991 6.38411L4.6 6.65085L4.92009 6.38411Z' fill='%232590F5' fill-opacity='0.25'/%3E%3C/svg%3E%0A"); }
  input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.89543 0 2V8C0 9.10457 0.89543 10 2 10H8C9.10457 10 10 9.10457 10 8V2C10 0.895431 9.10457 0 8 0H2ZM4.92009 6.38411L7.32009 4.38411L6.67991 3.61589L4.6 5.34915L3.32009 4.28256L2.67991 5.05078L4.27991 6.38411L4.6 6.65085L4.92009 6.38411Z' fill='%232590F5' fill-opacity='1'/%3E%3C/svg%3E%0A"); }

input[type="radio"] {
  border-radius: 1000px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.89543 0 2V8C0 9.10457 0.89543 10 2 10H8C9.10457 10 10 9.10457 10 8V2C10 0.895431 9.10457 0 8 0H2ZM4.92009 6.38411L7.32009 4.38411L6.67991 3.61589L4.6 5.34915L3.32009 4.28256L2.67991 5.05078L4.27991 6.38411L4.6 6.65085L4.92009 6.38411Z' fill='%232590F5' fill-opacity='0'/%3E%3C/svg%3E%0A"); }
  input[type="radio"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5Z' fill='%232590F5'/%3E%3C/svg%3E%0A"); }
  input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5Z' fill='%232590F5'/%3E%3C/svg%3E%0A"); }

.pointer {
  cursor: pointer; }

.animate {
  transition: var(--animate); }

.g1, .sd-g1, .md-g1, .ld-g1, .g2, .sd-g2, .md-g2, .ld-g2, .g3, .sd-g3, .md-g3, .ld-g3, .g4, .sd-g4, .md-g4, .ld-g4, .g5, .sd-g5, .md-g5, .ld-g5, .g6, .sd-g6, .md-g6, .ld-g6, .g7, .sd-g7, .md-g7, .ld-g7, .g8, .sd-g8, .md-g8, .ld-g8, .g9, .sd-g9, .md-g9, .ld-g9, .g10, .sd-g10, .md-g10, .ld-g10, .g11, .sd-g11, .md-g11, .ld-g11, .g12, .sd-g12, .md-g12, .ld-g12 {
  display: inline-block; }

.g1 {
  width: 8.3%; }

.g2 {
  width: 16.6%; }

.g3 {
  width: 25%; }

.g4 {
  width: 33.3%; }

.g5 {
  width: 41.6%; }

.g6 {
  width: 50%; }

.g7 {
  width: 58.3%; }

.g8 {
  width: 66.6%; }

.g9 {
  width: 75%; }

.g10 {
  width: 83.3%; }

.g11 {
  width: 91.6%; }

.g12 {
  width: 100%; }

@media only screen and (min-width: 425px) {
    .sd-g1 {
      width: 8.3%; } }

@media only screen and (min-width: 425px) {
    .sd-g2 {
      width: 16.6%; } }

@media only screen and (min-width: 425px) {
    .sd-g3 {
      width: 25%; } }

@media only screen and (min-width: 425px) {
    .sd-g4 {
      width: 33.3%; } }

@media only screen and (min-width: 425px) {
    .sd-g5 {
      width: 41.6%; } }

@media only screen and (min-width: 425px) {
    .sd-g6 {
      width: 50%; } }

@media only screen and (min-width: 425px) {
    .sd-g7 {
      width: 58.3%; } }

@media only screen and (min-width: 425px) {
    .sd-g8 {
      width: 66.6%; } }

@media only screen and (min-width: 425px) {
    .sd-g9 {
      width: 75%; } }

@media only screen and (min-width: 425px) {
    .sd-g10 {
      width: 83.3%; } }

@media only screen and (min-width: 425px) {
    .sd-g11 {
      width: 91.6%; } }

@media only screen and (min-width: 425px) {
    .sd-g12 {
      width: 100%; } }

@media only screen and (min-width: 968px) {
    .md-g1 {
      width: 8.3%; } }

@media only screen and (min-width: 968px) {
    .md-g2 {
      width: 16.6%; } }

@media only screen and (min-width: 968px) {
    .md-g3 {
      width: 25%; } }

@media only screen and (min-width: 968px) {
    .md-g4 {
      width: 33.3%; } }

@media only screen and (min-width: 968px) {
    .md-g5 {
      width: 41.6%; } }

@media only screen and (min-width: 968px) {
    .md-g6 {
      width: 50%; } }

@media only screen and (min-width: 968px) {
    .md-g7 {
      width: 58.3%; } }

@media only screen and (min-width: 968px) {
    .md-g8 {
      width: 66.6%; } }

@media only screen and (min-width: 968px) {
    .md-g9 {
      width: 75%; } }

@media only screen and (min-width: 968px) {
    .md-g10 {
      width: 83.3%; } }

@media only screen and (min-width: 968px) {
    .md-g11 {
      width: 91.6%; } }

@media only screen and (min-width: 968px) {
    .md-g12 {
      width: 100%; } }

@media only screen and (min-width: 1024px) {
    .ld-g1 {
      width: 8.3%; } }

@media only screen and (min-width: 1024px) {
    .ld-g2 {
      width: 16.6%; } }

@media only screen and (min-width: 1024px) {
    .ld-g3 {
      width: 25%; } }

@media only screen and (min-width: 1024px) {
    .ld-g4 {
      width: 33.3%; } }

@media only screen and (min-width: 1024px) {
    .ld-g5 {
      width: 41.6%; } }

@media only screen and (min-width: 1024px) {
    .ld-g6 {
      width: 50%; } }

@media only screen and (min-width: 1024px) {
    .ld-g7 {
      width: 58.3%; } }

@media only screen and (min-width: 1024px) {
    .ld-g8 {
      width: 66.6%; } }

@media only screen and (min-width: 1024px) {
    .ld-g9 {
      width: 75%; } }

@media only screen and (min-width: 1024px) {
    .ld-g10 {
      width: 83.3%; } }

@media only screen and (min-width: 1024px) {
    .ld-g11 {
      width: 91.6%; } }

@media only screen and (min-width: 1024px) {
    .ld-g12 {
      width: 100%; } }

.cut_vm > :first-child {
  margin-top: 0; }
  .cut_vm > :last-child {
    margin-bottom: 0; }

.uppercase {
  text-transform: uppercase; }

.border {
  border: 1px solid var(--l_border_color); }

.border_bottom {
  border-bottom: 1px solid var(--l_border_color); }

.item {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 90px; }

.no_border {
  border: none; }

.pwd .inline .name:after {
  content: '';
  width: 6px;
  height: 14px;
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='14' viewBox='0 0 6 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.621094 13.5001L5.24225 8.87896L0.621094 4.25781V6.39315L3.10691 8.87896L0.621094 11.3648V13.5001Z' fill='%23030423' fill-opacity='0.75'/%3E%3C/svg%3E%0A"); }
  .pwd .inline:last-child .name:after {
    display: none; }

.rounded {
  border-radius: 1000px; }

.text_red {
  color: #e32f0b; }

.checkbox_text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 24px); }

.table_row {
  display: table; }
  .table_row > * {
    display: table-cell; }

.button_disabled {
  opacity: 25%; }

.accent_border {
  border: 1px solid var(--accent_primary); }

.toggle_list {
  cursor: pointer;
  width: 100%;
  padding: 10px 6px;
  border-radius: 8px; }
  .toggle_list .icon {
    margin-right: 8px; }
  .toggle_list .toggle_list_input {
    width: calc(50% - 32px); }
  .toggle_list .toggle_list_input .toggle_input {
    border: none; }

.hidden {
  display: none; }

.text_palette_red {
  color: var(--pallete_red); }

.pallete_green_border {
  border: 1px solid var(--pallete_green); }

input {
  font-family: var(--font_family); }

.text_input_with_border {
  width: 100%;
  background: var(--light_primary);
  border-radius: 4px;
  padding: 12px 16px;
  font-family: var(--font_family);
  font-size: var(--font_regular);
  color: var(--l_text_secondary);
  border: none; }

.characteristic {
  border-bottom: 1px dashed var(--l_border_color);
  display: flex;
  justify-content: space-between; }
  .characteristic .characteristic_key, .characteristic .characteristic_value {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px; }
  .characteristic .characteristic_key {
    font-weight: bold; }
  .characteristic .characteristic_value {
    text-align: right;
    color: var(--l_text_additional); }