/* auth-login-popup.css?file=../ui/components/Button/ButtonClean.styl */
.auth_login_popup_button-clean {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  text-decoration: none;
  text-align: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.auth_login_popup_button-clean:focus-visible {
  outline: var(--focus-outline);
}

/* auth-login-popup.css?file=../ui/components/Icon/Icon.styl */
.auth_login_popup_icon {
  display: inline-block;
}
.auth_login_popup_icon > svg {
  display: block;
}
.auth_login_popup_icon.auth_login_popup___is-flipped {
  transform: scaleX(-1);
}
.auth_login_popup_icon.auth_login_popup___margin-right {
  margin-right: 4px;
}
.auth_login_popup_icon.auth_login_popup___margin-left {
  margin-left: 4px;
}
.auth_login_popup_icon.auth_login_popup___size-8 {
  width: 8px;
  height: 8px;
}
.auth_login_popup_icon.auth_login_popup___size-10 {
  width: 10px;
  height: 10px;
}
.auth_login_popup_icon.auth_login_popup___size-12 {
  width: 12px;
  height: 12px;
}
.auth_login_popup_icon.auth_login_popup___size-16 {
  width: 16px;
  height: 16px;
}
.auth_login_popup_icon.auth_login_popup___size-18 {
  width: 18px;
  height: 18px;
}
.auth_login_popup_icon.auth_login_popup___size-20 {
  width: 20px;
  height: 20px;
}
.auth_login_popup_icon.auth_login_popup___size-24 {
  width: 24px;
  height: 24px;
}
.auth_login_popup_icon.auth_login_popup___size-26 {
  width: 26px;
  height: 26px;
}
.auth_login_popup_icon.auth_login_popup___size-28 {
  width: 28px;
  height: 28px;
}
.auth_login_popup_icon.auth_login_popup___size-32 {
  width: 32px;
  height: 32px;
}
.auth_login_popup_icon.auth_login_popup___size-36 {
  width: 36px;
  height: 36px;
}
.auth_login_popup_icon.auth_login_popup___size-40 {
  width: 40px;
  height: 40px;
}
.auth_login_popup_icon.auth_login_popup___size-44 {
  width: 44px;
  height: 44px;
}
.auth_login_popup_icon.auth_login_popup___size-482 {
  width: 48px;
  height: 48px;
}
.auth_login_popup_icon.auth_login_popup___size-54 {
  width: 54px;
  height: 54px;
}
.auth_login_popup_icon.auth_login_popup___size-56 {
  width: 56px;
  height: 56px;
}
.auth_login_popup_icon.auth_login_popup___size-60 {
  width: 60px;
  height: 60px;
}
.auth_login_popup_icon.auth_login_popup___size-64 {
  width: 64px;
  height: 64px;
}
.auth_login_popup_icon.auth_login_popup___size-80 {
  width: 80px;
  height: 80px;
}
.auth_login_popup_icon.auth_login_popup___size-96 {
  width: 96px;
  height: 96px;
}
.auth_login_popup_icon.auth_login_popup___size-100 {
  width: 100px;
  height: 100px;
}
.auth_login_popup_icon.auth_login_popup___size-120 {
  width: 120px;
  height: 120px;
}
.auth_login_popup_icon.auth_login_popup___size-128 {
  width: 128px;
  height: 128px;
}
.auth_login_popup_icon.auth_login_popup___size-132 {
  width: 132px;
  height: 132px;
}
.auth_login_popup_icon.auth_login_popup___size-144 {
  width: 144px;
  height: 144px;
}
.auth_login_popup_icon.auth_login_popup___size-152 {
  width: 152px;
  height: 152px;
}
.auth_login_popup_icon.auth_login_popup___size-160 {
  width: 160px;
  height: 160px;
}
.auth_login_popup_icon.auth_login_popup___size-176 {
  width: 176px;
  height: 176px;
}
.auth_login_popup_icon.auth_login_popup___size-208 {
  width: 208px;
  height: 208px;
}
.auth_login_popup_icon.auth_login_popup___size-240 {
  width: 240px;
  height: 240px;
}
.auth_login_popup_icon.auth_login_popup___size-288 {
  width: 288px;
  height: 288px;
}
.auth_login_popup_icon.auth_login_popup___size-full {
  width: 100%;
  height: 100%;
}
.svg-fill {
  fill: currentColor;
}
.svg-stroke {
  stroke: currentColor;
}

/* auth-login-popup.css?file=../ui/components/ModalLayer/items/ModalLayerItems.styl */
.auth_login_popup_container2 {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  font-size: 14px;
  background-color: var(--color_surface);
  box-shadow: 0 0 12px #00000029;
}
.auth_login_popup_container2.auth_login_popup___hide_overflow {
  overflow: hidden;
}
.auth_login_popup_header {
  display: flex;
  flex-direction: column;
  margin: 24px;
}
.auth_login_popup_header.auth_login_popup___left2 {
  align-items: start;
}
.auth_login_popup_header.auth_login_popup___left2 .auth_login_popup_description {
  text-align: left;
}
.auth_login_popup_header.auth_login_popup___middle {
  align-items: center;
}
.auth_login_popup_header.auth_login_popup___right2 {
  align-items: end;
}
.auth_login_popup_title-wrapper {
  display: flex;
  align-items: center;
}
.auth_login_popup_title {
  flex: 1;
  margin: 0;
  color: var(--color_main);
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}
.auth_login_popup_button-wrapper {
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid var(--color_main-008);
}
.auth_login_popup_button-back {
  padding: 0;
  border: 0;
  color: var(--color_secondary);
  background: none;
  cursor: pointer;
}
.auth_login_popup_description {
  width: 300px;
  margin-top: 8px;
  color: var(--color_secondary);
  text-align: center;
}
.auth_login_popup_content4 {
  margin: 24px;
  color: var(--color_main);
  font-size: 14px;
}
.auth_login_popup_footer2 {
  display: flex;
  justify-content: center;
  margin: 24px;
}
.auth_login_popup_footer-item:not(:last-child) {
  margin-right: 8px;
}

/* auth-login-popup.css?file=../ui/components/ModalLayer/ModalLayer.styl */
.auth_login_popup_modal-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3200;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--color_black-08);
}
.auth_login_popup_close-area {
  position: absolute;
  inset: 0;
}
.auth_login_popup_close-icon-control {
  position: absolute;
  top: 10px;
  right: -40px;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.auth_login_popup_close-icon {
  display: block;
  color: var(--color_white-06);
}
.auth_login_popup_close-icon:hover {
  color: var(--color_white);
}
.auth_login_popup_size-small {
  width: 400px;
}
.auth_login_popup_size-medium {
  width: 596px;
}
.auth_login_popup_size-big {
  width: 704px;
}

/* auth-login-popup.css?file=../ui/components/Heading/Heading.styl */
.auth_login_popup_heading__h1,
.auth_login_popup_heading__h2,
.auth_login_popup_heading__h3 {
  margin: 0;
  padding: 16px;
  border-radius: 4px 4px 0 0;
  color: var(--color_main);
  font-weight: 600;
  word-wrap: break-word;
}
.auth_login_popup_heading__h1.auth_login_popup___no-padding,
.auth_login_popup_heading__h2.auth_login_popup___no-padding,
.auth_login_popup_heading__h3.auth_login_popup___no-padding {
  padding: 16px 0;
}
.auth_login_popup_heading__h1 {
  font-size: 21px;
  line-height: 1;
}
.auth_login_popup_heading__h2 {
  font-size: 16px;
  line-height: 1.3;
}
.auth_login_popup_heading__h3 {
  font-size: 14px;
  line-height: 1.4;
}

/* auth-login-popup.css?file=../ui/components/HorizontalMenu/HorizontalMenu.styl */
.auth_login_popup_wrap2 {
  display: flex;
  align-items: flex-start;
  margin: 0 -8px;
  padding: 0;
}
.auth_login_popup_item {
  display: block;
  margin: 0 8px;
  border-bottom: 2px solid transparent;
  color: var(--color_secondary);
  font-size: 14px;
  line-height: 1;
  word-spacing: -1px;
  list-style: none;
}
.auth_login_popup_item.auth_login_popup___active2 {
  border-bottom-color: var(--color_orange_new);
  color: var(--color_main);
}
.auth_login_popup_item.auth_login_popup___active2:after {
  background-color: var(--color_orange_new);
}
.auth_login_popup_item:not(.auth_login_popup___active2):hover {
  border-bottom-color: var(--color_gray-4);
}
.auth_login_popup_item:not(.auth_login_popup___active2):hover:after {
  background-color: var(--color_main-012);
}
.auth_login_popup_button2 {
  margin: 0;
  padding: 17px 0 15px;
  border: 0;
  color: inherit;
  font-size: inherit;
  text-decoration: none;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.auth_login_popup_button2:hover,
.auth_login_popup_button2:active {
  outline: none;
}

/* auth-login-popup.css?file=../ui/components/Image/Image.styl */
.auth_login_popup_image {
  display: inline-block;
}

/* auth-login-popup.css?file=../ui/components/Loader/FetchingHorizontalLoader/FetchingHorizontalLoader.styl */
.auth_login_popup_loader {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 8px;
  padding: 0;
  text-align: center;
}
.auth_login_popup_loader:before,
.auth_login_popup_loader:after {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color_main);
  transform: scale(.75);
  opacity: .5;
  content: "";
}
.auth_login_popup_loader.auth_login_popup___light3:before,
.auth_login_popup_loader.auth_login_popup___light3:after {
  background: var(--color_white);
}
.auth_login_popup_loader.auth_login_popup___small {
  width: 16px;
  height: 4px;
}
.auth_login_popup_loader.auth_login_popup___small:before,
.auth_login_popup_loader.auth_login_popup___small:after {
  width: 4px;
  height: 4px;
  background: var(--color_secondary);
}
.auth_login_popup_loader.auth_login_popup___small:before {
  margin: -4px 0 0 -10px;
}
.auth_login_popup_loader.auth_login_popup___small:after {
  margin: -4px -6px 0 0;
}
.auth_login_popup_loader:before {
  left: 50%;
  margin: -4px 0 0 -15px;
  animation: auth_login_popup_show .9s 0s infinite linear;
}
.auth_login_popup_loader:after {
  right: 50%;
  margin: -4px -15px 0 0;
  animation: auth_login_popup_show .9s .3s infinite linear;
}
.auth_login_popup_loader .auth_login_popup_item2 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background: var(--color_main);
  transform: scale(.75);
  opacity: .5;
  animation: auth_login_popup_show .9s .15s infinite linear;
}
.auth_login_popup_loader .auth_login_popup_item2.auth_login_popup___small {
  width: 4px;
  height: 4px;
  background: var(--color_secondary);
}
.auth_login_popup_loader .auth_login_popup_item2.auth_login_popup___light3 {
  background: var(--color_white);
}
@keyframes auth_login_popup_show {
  0% {
    transform: scale(.75);
    opacity: .5;
  }
  25% {
    transform: scale(.75);
    opacity: .5;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(.75);
    opacity: .5;
  }
}

/* auth-login-popup.css?file=../ui/components/Spin/Spin.styl */
.auth_login_popup_spin {
  display: inline-block;
}
.auth_login_popup_spin.auth_login_popup___center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.auth_login_popup_spin.auth_login_popup___absolute {
  position: absolute;
}
.auth_login_popup_spin.auth_login_popup___fixed {
  position: fixed;
}
.auth_login_popup_spin.auth_login_popup___absolute,
.auth_login_popup_spin.auth_login_popup___fixed {
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.auth_login_popup_spin-container.auth_login_popup___with-label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.auth_login_popup_spin-icon-wrapper {
  line-height: 0;
}
.auth_login_popup_spin-icon-wrapper.auth_login_popup___default {
  width: 32px;
  height: 32px;
}
.auth_login_popup_spin-icon-wrapper.auth_login_popup___small4 {
  width: 16px;
  height: 16px;
}
.auth_login_popup_spin-label {
  margin-top: 16px;
  font-size: var(--fs-l);
  line-height: 21px;
  color: var(--color_secondary);
}
.auth_login_popup_spin-icon svg {
  animation: auth_login_popup_rotate 3.5s linear infinite;
}
.auth_login_popup_spin-icon svg circle {
  stroke: var(--color_orange);
  animation: auth_login_popup_arcs 3.9s cubic-bezier(.82, .1, .48, 1) infinite;
}
@media (prefers-color-scheme: dark) {
  :root.__ui-theme_enabled:not(.__ui-theme_light) .auth_login_popup_spin-icon svg circle {
    stroke: var(--color_white);
  }
}
:root.__ui-theme_enabled.__ui-theme_dark .auth_login_popup_spin-icon svg circle,
:root.ds-colors.dark-theme .auth_login_popup_spin-icon svg circle {
  stroke: var(--color_white);
}
@keyframes auth_login_popup_rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes auth_login_popup_arcs {
  0% {
    stroke-dashoffset: 87.9646;
  }
  12.5% {
    stroke-dashoffset: 65.97345;
  }
  25% {
    stroke-dashoffset: 43.9823;
  }
  37.5% {
    stroke-dashoffset: 21.99115;
  }
  50% {
    stroke-dashoffset: 0;
  }
  62.5% {
    stroke-dashoffset: -21.99115;
  }
  75% {
    stroke-dashoffset: -43.9823;
  }
  87.5% {
    stroke-dashoffset: -65.97345;
  }
  to {
    stroke-dashoffset: -87.9646;
  }
}

/* auth-login-popup.css?file=../ui/components/Spinner/Spinner.styl */
.auth_login_popup_spinner {
  position: relative;
  display: inline-block;
  color: var(--color_white);
  vertical-align: middle;
}
.auth_login_popup_spinner.auth_login_popup___size-162 {
  width: 16px;
  height: 16px;
}
.auth_login_popup_spinner.auth_login_popup___size-202 {
  width: 20px;
  height: 20px;
}
.auth_login_popup_spinner.auth_login_popup___size-402 {
  width: 40px;
  height: 40px;
}
.auth_login_popup_spinner.auth_login_popup___size-48 {
  width: 48px;
  height: 48px;
}
.auth_login_popup_spinner.auth_login_popup___view-secondary2 {
  color: var(--color_secondary);
}
.auth_login_popup_spinner.auth_login_popup___light4 {
  color: var(--color_orange);
}
.auth_login_popup_spinner.auth_login_popup___outline2,
.auth_login_popup_spinner.auth_login_popup___clean2 {
  color: var(--color_secondary);
}
.auth_login_popup_spinner:before,
.auth_login_popup_spinner:after,
.auth_login_popup_el:before,
.auth_login_popup_el:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: auth_login_popup_spinner 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  content: "";
}
.auth_login_popup_spinner.auth_login_popup___size-48:before,
.auth_login_popup_spinner.auth_login_popup___size-48:after,
.auth_login_popup_spinner.auth_login_popup___size-48 .auth_login_popup_el:before,
.auth_login_popup_spinner.auth_login_popup___size-48 .auth_login_popup_el:after {
  border-width: 4px;
}
.auth_login_popup_spinner:after {
  animation-delay: -.45s;
}
.auth_login_popup_el:before {
  animation-delay: -.3s;
}
.auth_login_popup_el:after {
  animation-delay: -.15s;
}
@keyframes auth_login_popup_spinner {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/* auth-login-popup.css?file=../ui/components/Button/ButtonCore.styl */
.auth_login_popup_button-core {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  overflow: visible;
  color: var(--color_white);
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-color: var(--color_orange_new);
  outline: none;
  transition: box-shadow .1s ease-in, background-color .1s ease-in;
  user-select: none;
}
.auth_login_popup_button-core.auth_login_popup___size-l2 {
  height: 40px;
  padding: 8px 16px;
  border-radius: 16px;
  font-size: var(--fs-l);
  line-height: var(--lh-n);
}
.auth_login_popup_button-core.auth_login_popup___size-m {
  height: 32px;
  padding: 0 16px;
  border-radius: 16px;
  font-size: var(--fs-n);
  line-height: 32px;
}
.auth_login_popup_button-core.auth_login_popup___size-s {
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: var(--fs-s);
  line-height: 24px;
}
.auth_login_popup_button-core.auth_login_popup___wide {
  width: 100%;
}
.auth_login_popup_button-core.auth_login_popup___circle {
  min-width: 0;
  padding: 0;
}
.auth_login_popup_button-core.auth_login_popup___circle.auth_login_popup___size-m {
  width: 32px;
}
.auth_login_popup_button-core.auth_login_popup___circle.auth_login_popup___size-s {
  width: 24px;
}
.auth_login_popup_button-core.auth_login_popup___view-secondary {
  color: var(--color_secondary);
  background-color: var(--color_main-008);
}
.auth_login_popup_button-core.auth_login_popup___view-secondary.auth_login_popup___high_contrast {
  color: var(--color_main);
}
.auth_login_popup_button-core.auth_login_popup___light {
  color: var(--color_orange_new);
  background-color: var(--color_orange-light);
}
.auth_login_popup_button-core.auth_login_popup___white {
  color: #333;
  background-color: var(--color_white);
}
.auth_login_popup_button-core.auth_login_popup___white-secondary {
  color: var(--color_white);
  background-color: var(--color_white-008);
}
.auth_login_popup_button-core.auth_login_popup___eye-catching {
  background-color: #87189d;
}
.auth_login_popup_button-core.auth_login_popup___view_accent {
  color: var(--color_white);
  background-color: #1abaff;
}
.auth_login_popup_button-core.auth_login_popup___dark {
  color: var(--color_white);
  background-color: #0009;
}
.auth_login_popup_button-core.auth_login_popup___outline {
  color: var(--color_secondary);
  background-color: var(--color_surface);
  box-shadow: inset 0 0 0 1px var(--color_gray-stub);
}
.auth_login_popup_button-core.auth_login_popup___clean {
  color: var(--color_secondary);
  background-color: transparent;
}
.auth_login_popup_button-core.auth_login_popup___no-radius {
  border-radius: 0;
}
.auth_login_popup_button-core.auth_login_popup___radius-8 {
  border-radius: 8px;
}
.auth_login_popup_button-core.auth_login_popup___radius-16 {
  border-radius: 16px;
}
.auth_login_popup_button-core.auth_login_popup___radius-40 {
  border-radius: 40px;
}
.auth_login_popup_button-core.auth_login_popup___center-align {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.auth_login_popup_content2 {
  display: block;
}
.auth_login_popup_content2.auth_login_popup___center-align {
  display: flex;
  align-items: center;
}
.auth_login_popup_spinner2 {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.auth_login_popup_button-core.auth_login_popup___loading .auth_login_popup_content2 {
  z-index: -1;
  opacity: 0;
}
.auth_login_popup_button-core.auth_login_popup___loading .auth_login_popup_spinner2 {
  display: flex;
}
.auth_login_popup_button-core-container:hover.auth_login_popup_button-core,
.auth_login_popup_button-core-container:focus.auth_login_popup_button-core,
.auth_login_popup_button-core-container:active.auth_login_popup_button-core,
.auth_login_popup_button-core-container.auth_login_popup___active.auth_login_popup_button-core,
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core {
  color: var(--color_white);
  text-decoration: none;
  background-color: var(--color_orange_hover);
  box-shadow: 0 0 0 1px var(--color_orange_hover);
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___view-secondary,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___view-secondary,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___view-secondary,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___view-secondary {
  color: var(--dynamic-text-and-icons-base-primary);
  background-color: var(--color_main-012);
  outline: none;
  box-shadow: 0 0 0 1px var(--color_main-012);
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___view-secondary.auth_login_popup___high_contrast,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___view-secondary.auth_login_popup___high_contrast,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___view-secondary.auth_login_popup___high_contrast,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___view-secondary.auth_login_popup___high_contrast {
  color: var(--color_main);
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___light,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___light,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___light,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___light {
  color: var(--color_orange_new);
  background-color: var(--color_orange-light_hover);
  outline: none;
  box-shadow: 0 0 0 1px var(--color_orange-light_hover);
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___white,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___white,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___white,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___white {
  color: #333;
  background-color: var(--color_white);
  outline: none;
  box-shadow: 0 0 0 1px var(--color_main-012);
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___white-secondary,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___white-secondary,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___white-secondary,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___white-secondary {
  color: var(--color_white);
  background-color: var(--color_white-012);
  outline: none;
  box-shadow: 0 0 0 1px var(--color_white-012);
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___outline,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___outline,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___outline,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___outline {
  color: var(--color_secondary);
  background-color: var(--color_on-surface);
  outline: none;
  box-shadow: 0 0 0 1px #0000001f;
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___clean,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___clean,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___clean,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___clean {
  color: var(--color_secondary);
  background-color: transparent;
  outline: none;
  box-shadow: none;
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___eye-catching,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___eye-catching,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___eye-catching,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___eye-catching {
  background-color: #6b0380;
  box-shadow: 0 0 0 1px #6b0380;
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___view_accent,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___view_accent,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___view_accent,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___view_accent {
  background-color: #1abaff;
  box-shadow: 0 0 0 1px #1abaff;
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core.auth_login_popup___dark,
.auth_login_popup_button-core-container:focus .auth_login_popup_button-core.auth_login_popup___dark,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core.auth_login_popup___dark,
.auth_login_popup_button-core-container.auth_login_popup___active .auth_login_popup_button-core.auth_login_popup___dark {
  background-color: #000c;
  box-shadow: 0 0 0 1px #000c;
}
.auth_login_popup_button-core-container:disabled.auth_login_popup_button-core,
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core {
  background-color: var(--color_orange_new);
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___view-secondary {
  background-color: var(--color_main-008);
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___light {
  background-color: var(--color_orange-light);
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___white {
  background-color: var(--color_white);
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___white-secondary {
  background-color: var(--color_white-008);
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___outline {
  background-color: var(--color_surface);
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___clean {
  background-color: transparent;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___eye-catching {
  background-color: #87189d;
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___view_accent {
  background-color: #1abaff;
  box-shadow: none;
}
.auth_login_popup_button-core-container:disabled .auth_login_popup_button-core.auth_login_popup___dark {
  background-color: #0009;
  box-shadow: none;
}
.auth_login_popup_button-core-container:hover .auth_login_popup_button-core,
.auth_login_popup_button-core-container:active .auth_login_popup_button-core {
  outline: none;
}

/* auth-login-popup.css?file=../ui/components/Link/Link.styl */
.auth_login_popup_link {
  text-decoration: none;
}
.auth_login_popup_link:hover {
  text-decoration: underline;
}
.auth_login_popup_link.auth_login_popup___primary {
  color: var(--color_main);
}
.auth_login_popup_link.auth_login_popup___secondary {
  color: var(--color_secondary);
}
.auth_login_popup_link.auth_login_popup___active3 {
  color: var(--color_orange);
}
.auth_login_popup_link.auth_login_popup___black {
  color: var(--color_main);
}
.auth_login_popup_link.auth_login_popup___white2 {
  color: var(--color_white);
}
.auth_login_popup_link.auth_login_popup___orange {
  color: var(--color_orange);
  text-decoration: none;
}
.auth_login_popup_link.auth_login_popup___orange:hover {
  color: var(--color_action_active_new);
}
.auth_login_popup_link.auth_login_popup___none {
  text-decoration: none;
  cursor: auto;
}
.auth_login_popup_link.auth_login_popup___none:hover {
  color: inherit;
  text-decoration: none;
}
.auth_login_popup_link.auth_login_popup___no-text-decor,
.auth_login_popup_link.auth_login_popup___no-text-decor:hover {
  text-decoration: none;
}

/* auth-login-popup.css?file=../ui/components/Link/LinkButton.styl */
.auth_login_popup_link-button {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
}
.auth_login_popup_link-button:hover,
.auth_login_popup_link-button:active {
  outline: none;
}

/* auth-login-popup.css?file=../ui/components/Tab/Tab.styl */
.auth_login_popup_tab.auth_login_popup_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 12px;
  color: var(--color_main);
  font-size: var(--fs-n);
  line-height: 19px;
  transition: background-color .3s;
}
.auth_login_popup_tab.auth_login_popup_tab.auth_login_popup___is-active {
  background-color: var(--color_main-008);
}
.auth_login_popup_tab.auth_login_popup_tab.auth_login_popup___is-active.auth_login_popup___primary2 {
  background-color: var(--color_surface);
}
.auth_login_popup_tab.auth_login_popup_tab:hover {
  text-decoration: none !important;
  background-color: var(--color_main-012);
}

/* auth-login-popup.css?file=../ui/components/DropDownMenu/DropDownMenu.styl */
.auth_login_popup_wrapper {
  position: relative;
}
.auth_login_popup_menu.auth_login_popup___left3 {
  left: 0;
}
.auth_login_popup_menu.auth_login_popup___right3 {
  right: 0;
}
.auth_login_popup_menu.auth_login_popup___center2 {
  left: 50%;
  transform: translate(-50%);
}

/* auth-login-popup.css?file=../ui/components/Tabs/components/MoreMenu/MoreMenu.styl */
.auth_login_popup_more.auth_login_popup___is-hide {
  position: absolute;
  visibility: hidden;
}

/* auth-login-popup.css?file=../ui/components/Tabs/Tabs.styl */
.auth_login_popup_container3 {
  position: relative;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.auth_login_popup_container3.auth_login_popup___without-overflow {
  overflow: visible;
}

/* auth-login-popup.css?file=../ui/components/Button/Button.styl */
.auth_login_popup_button {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  text-decoration: none;
  text-align: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  opacity: 1;
  transition: opacity .3s ease;
}
.auth_login_popup_button:focus-visible {
  outline: var(--focus-outline);
}
.auth_login_popup_button:hover,
.auth_login_popup_button:active {
  outline: none;
}
.auth_login_popup_button.auth_login_popup___wide2 {
  width: 100%;
}
.auth_login_popup_button.auth_login_popup___disabled2 {
  cursor: default;
  opacity: .5;
}
.auth_login_popup_button.auth_login_popup___no-animation {
  transition: none;
}

/* auth-login-popup.css?file=../ui/components/Button/ButtonWithIcon.styl */
.auth_login_popup_left-icon.auth_login_popup_s {
  margin-right: 4px;
}
.auth_login_popup_left-icon.auth_login_popup_m {
  margin-right: 8px;
}
.auth_login_popup_left-icon.auth_login_popup_l {
  margin-right: 12px;
}
.auth_login_popup_right-icon.auth_login_popup_s {
  margin-left: 4px;
}
.auth_login_popup_right-icon.auth_login_popup_m {
  margin-left: 8px;
}
.auth_login_popup_right-icon.auth_login_popup_l {
  margin-left: 12px;
}
.auth_login_popup_left-icon.auth_login_popup___no-margin,
.auth_login_popup_right-icon.auth_login_popup___no-margin {
  margin: 0;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/AppleBindNotification/AppleBindNotification.styl */
.auth_login_popup_apple-bind-notification {
  display: flex;
  align-items: center;
  margin-left: 24px;
}
.auth_login_popup_apple-bind-notification-logo {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.auth_login_popup_apple-bind-notification-text {
  display: inline-block;
  max-width: 300px;
  margin-left: 12px;
  font-size: 12px;
}

/* auth-login-popup.css?file=../../node_modules/@vkontakte/vkui/dist/components.css */
:root {
  --vkui_internal--tabbar_height:48px;
  --vkui_internal--grid_avatar_image_offset:2px;
  --vkui_internal--slider_thumb_size:28px;
  --vkui_internal--side_cell_gap:calc(var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_s));
  --vkui_internal--panel_header_height:var(--vkui--size_panel_header_height--regular);
  --vkui_internal--outline_width:2px;
  --vkui_internal--outline:var(--vkui_internal--outline_width,2px)solid var(--vkui--color_stroke_accent);
  --vkui_internal--outline-reset:var(--vkui_internal--outline_width)solid transparent;
  --vkui_internal--popover_safe_zone_padding:8px;
  --vkui_internal--white:#fff;
  --vkui_internal--safe_area_inset_top:0px;
  --vkui_internal--safe_area_inset_right:0px;
  --vkui_internal--safe_area_inset_bottom:0px;
  --vkui_internal--safe_area_inset_left:0px;
  --vkui_internal--duration:.7s;
  --vkui_internal--slide-easing:cubic-bezier(.16,1,.3,1);
  --vkui_internal--spring-easing:cubic-bezier(.22,1,.6,1.03);
  --vkui_internal--z_index_cell_dragging:100;
  --vkui_internal--z_index_tabs:2;
  --vkui_internal--z_index_fixed_layout:3;
  --vkui_internal--z_index_panel_header_context:4;
  --vkui_internal--z_index_panel_header_fade:5;
  --vkui_internal--z_index_pull_to_refresh:9;
  --vkui_internal--z_index_panel_header:10;
  --vkui_internal--z_index_split_layout_panel_header:11;
  --vkui_internal--z_index_tappable_state:0;
  --vkui_internal--z_index_tappable_element:1;
  --vkui_internal--z_index_banner_background:0;
  --vkui_internal--z_index_banner_content:1;
  --vkui_internal--z_index_banner_hover:2;
  --vkui_internal--z_index_form_field_element:1;
  --vkui_internal--z_index_form_field_border:2;
  --vkui_internal--z_index_form_field_status:3;
  --vkui_internal--z_index_form_field_border_hover:4;
  --vkui_internal--z_index_form_field_focus:5;
  --vkui_internal--z_index_form_field_side:6;
  --vkui_internal--z_index_image_base_overlay:0;
  --vkui_internal--z_index_image_base_border:1;
  --vkui_internal--z_index_image_base_badge:2;
  --vkui_internal--z_index_image_base_positioned_element:3;
  --vkui_internal--z_index_horizontal_scroll_arrow:1;
  --vkui_internal--row_gap:0px;
  --vkui_internal--column_gap:0px;
  --vkui_internal--spacing_size:0px;
  --vkui_internal--modal-overlay--opacity:1;
}
@supports (padding-top:constant(safe-area-inset-top)) {
  :root {
    --vkui_internal--safe_area_inset_top:constant(safe-area-inset-top);
    --vkui_internal--safe_area_inset_right:constant(safe-area-inset-right);
    --vkui_internal--safe_area_inset_bottom:constant(safe-area-inset-bottom);
    --vkui_internal--safe_area_inset_left:constant(safe-area-inset-left);
  }
}
@supports (padding-top:env(safe-area-inset-top)) {
  :root {
    --vkui_internal--safe_area_inset_top:env(safe-area-inset-top);
    --vkui_internal--safe_area_inset_right:env(safe-area-inset-right);
    --vkui_internal--safe_area_inset_bottom:env(safe-area-inset-bottom);
    --vkui_internal--safe_area_inset_left:env(safe-area-inset-left);
  }
}
@media (min-width: 768px) {
  .vkuistyles__-sizeX--compact-mq {
    display: none !important;
  }
}
@media (max-width: 767.9px) {
  .vkuistyles__-sizeX--regular-mq {
    display: none !important;
  }
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuistyles__-sizeY--compact-mq {
    display: none !important;
  }
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuistyles__-sizeY--regular-mq {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .vkuistyles__-viewWidth--tabletMinus-mq {
    display: none !important;
  }
}
@media (max-width: 1023.9px) {
  .vkuistyles__-viewWidth--tabletPlus-mq {
    display: none !important;
  }
}
@media (min-width: 768px) and (min-height: 720px), (min-width: 768px) and (pointer: fine) {
  .vkuistyles__-deviceType--mobile-mq {
    display: none !important;
  }
}
@media (max-width: 767.9px), (pointer: coarse) and (max-height: 719.9px), (pointer: none) and (max-height: 719.9px) {
  .vkuistyles__-deviceType--desktop-mq {
    display: none !important;
  }
}
:root {
  --vkui--size_border--regular:var(--vkui--size_border1x--regular);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  :root {
    --vkui--size_border--regular:var(--vkui--size_border2x--regular);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
  :root {
    --vkui--size_border--regular:var(--vkui--size_border3x--regular);
  }
}
.vkuistyles__-focus-visible {
  --vkui_internal--outline_width:2px;
}
.vkuistyles__-focus-visible :focus,
.vkuistyles__-focus-visible:focus {
  outline: none;
}
.vkuistyles__-focus-visible :focus-visible {
  outline: none;
}
.vkuistyles__-focus-visible:focus-visible {
  outline: none;
}
.vkuistyles__-focus-visible.vkuistyles__-focus-visible--mode-outside {
  --vkui_internal--outline_offset_from:0;
  --vkui_internal--outline_offset_to:var(--vkui_internal--outline_width);
}
.vkuistyles__-focus-visible.vkuistyles__-focus-visible--mode-inside {
  --vkui_internal--outline_offset_from:calc(-2*var(--vkui_internal--outline_width));
  --vkui_internal--outline_offset_to:calc(-1*var(--vkui_internal--outline_width));
}
.vkuistyles__-focus-visible.vkuistyles__-focus-visible--focused.vkuistyles__-focus-visible--mode-inside,
.vkuistyles__-focus-visible.vkuistyles__-focus-visible--focused.vkuistyles__-focus-visible--mode-outside {
  outline: var(--vkui_internal--outline);
  outline-offset: var(--vkui_internal--outline_offset_to);
  animation: .1s ease-in-out 10ms forwards vkuistyles__animation-outline-offset;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuistyles__-focus-visible.vkuistyles__-focus-visible--focused.vkuistyles__-focus-visible--mode-inside,
  .vkuistyles__-focus-visible.vkuistyles__-focus-visible--focused.vkuistyles__-focus-visible--mode-outside {
    animation: none;
  }
}
@keyframes vkuistyles__animation-outline-offset {
  0% {
    outline-offset: var(--vkui_internal--outline_offset_from);
  }
  to {
    outline-offset: var(--vkui_internal--outline_offset_to);
  }
}
.vkuistyles__-anim-fade-in {
  animation: .1s ease-in forwards vkuistyles__anim-fade-in;
}
.vkuistyles__-anim-fade-out {
  animation: .1s ease-out forwards vkuistyles__anim-fade-out;
}
@keyframes vkuistyles__anim-fade-in {
  0% {
    opacity: 0;
    transform: scale(.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes vkuistyles__anim-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.vkuistyles__-anim-transform-origin-top {
  transform-origin: bottom;
}
.vkuistyles__-anim-transform-origin-top-start {
  transform-origin: 0 100%;
}
.vkuistyles__-anim-transform-origin-top-end {
  transform-origin: 100% 100%;
}
.vkuistyles__-anim-transform-origin-right {
  transform-origin: 0;
}
.vkuistyles__-anim-transform-origin-right-start {
  transform-origin: 0 0;
}
.vkuistyles__-anim-transform-origin-right-end {
  transform-origin: 0 100%;
}
.vkuistyles__-anim-transform-origin-bottom {
  transform-origin: top;
}
.vkuistyles__-anim-transform-origin-bottom-start {
  transform-origin: 0 0;
}
.vkuistyles__-anim-transform-origin-bottom-end {
  transform-origin: 100% 0;
}
.vkuistyles__-anim-transform-origin-left {
  transform-origin: 100%;
}
.vkuistyles__-anim-transform-origin-left-start {
  transform-origin: 100% 0;
}
.vkuistyles__-anim-transform-origin-left-end {
  transform-origin: 100% 100%;
}
.vkuistyles__-row-gap--2xs {
  --vkui_internal--row_gap:var(--vkui--spacing_size_2xs);
}
.vkuistyles__-row-gap--xs {
  --vkui_internal--row_gap:var(--vkui--spacing_size_xs);
}
.vkuistyles__-row-gap--s {
  --vkui_internal--row_gap:var(--vkui--spacing_size_s);
}
.vkuistyles__-row-gap--m {
  --vkui_internal--row_gap:var(--vkui--spacing_size_m);
}
.vkuistyles__-row-gap--l {
  --vkui_internal--row_gap:var(--vkui--spacing_size_l);
}
.vkuistyles__-row-gap--xl {
  --vkui_internal--row_gap:var(--vkui--spacing_size_xl);
}
.vkuistyles__-row-gap--2xl {
  --vkui_internal--row_gap:var(--vkui--spacing_size_2xl);
}
.vkuistyles__-row-gap--3xl {
  --vkui_internal--row_gap:var(--vkui--spacing_size_3xl);
}
.vkuistyles__-row-gap--4xl {
  --vkui_internal--row_gap:var(--vkui--spacing_size_4xl);
}
.vkuistyles__-column-gap--2xs {
  --vkui_internal--column_gap:var(--vkui--spacing_size_2xs);
}
.vkuistyles__-column-gap--xs {
  --vkui_internal--column_gap:var(--vkui--spacing_size_xs);
}
.vkuistyles__-column-gap--s {
  --vkui_internal--column_gap:var(--vkui--spacing_size_s);
}
.vkuistyles__-column-gap--m {
  --vkui_internal--column_gap:var(--vkui--spacing_size_m);
}
.vkuistyles__-column-gap--l {
  --vkui_internal--column_gap:var(--vkui--spacing_size_l);
}
.vkuistyles__-column-gap--xl {
  --vkui_internal--column_gap:var(--vkui--spacing_size_xl);
}
.vkuistyles__-column-gap--2xl {
  --vkui_internal--column_gap:var(--vkui--spacing_size_2xl);
}
.vkuistyles__-column-gap--3xl {
  --vkui_internal--column_gap:var(--vkui--spacing_size_3xl);
}
.vkuistyles__-column-gap--4xl {
  --vkui_internal--column_gap:var(--vkui--spacing_size_4xl);
}
.vkuitokens__defaultColor {
  color: var(--vkui--color_text_primary);
  color-scheme: var(--vkui--colors_scheme);
}
.vkuiRootComponent__hidden,
.vkuiRootComponent__host[hidden=hidden] {
  display: none !important;
}
.vkuiRootComponent__host[hidden=until-found] {
  content-visibility: hidden !important;
}
.vkuiAppRootStyleContainer__host {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: var(--vkui--color_text_primary);
  color-scheme: var(--vkui--colors_scheme);
  font-family: var(--vkui--font_family_base);
}
.vkuiAppRootStyleContainer__sizeYCompact {
  --vkui_internal--panel_header_height:var(--vkui--size_panel_header_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiAppRootStyleContainer__sizeYNone {
    --vkui_internal--panel_header_height:var(--vkui--size_panel_header_height--compact);
  }
}
.vkuiAppRootStyleContainer__userSelectNone {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.vkuiAppRootStyleContainer__userSelectNone [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
@media (pointer: coarse), (pointer: none) {
  .vkuiAppRootStyleContainer__pointerNone {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .vkuiAppRootStyleContainer__pointerNone [contenteditable] {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
}
.vkuiAppRootStyleContainer__embedded {
  overflow: auto;
}
.vkuiAppRoot__host {
  height: 100%;
  max-height: inherit;
  max-width: inherit;
  width: 100%;
}
.vkuiAppRoot__layoutCard {
  background: var(--vkui--color_background);
}
.vkuiAppRoot__layoutPlain {
  background: var(--vkui--color_background_content);
}
.vkuiAppRoot__transformForPositionFixedElements {
  transform: translateZ(0);
}
.vkuiTypography__normalize {
  margin: 0;
  padding: 0;
  display: block;
}
.vkuiTypography__inline {
  display: inline-block;
}
.vkuiTypography__weight1.vkuiTypography__weight1.vkuiTypography__weight1.vkuiTypography__weight1 {
  font-weight: var(--vkui--font_weight_base1);
}
.vkuiTypography__accent.vkuiTypography__weight1.vkuiTypography__weight1.vkuiTypography__weight1 {
  font-weight: var(--vkui--font_weight_accent1);
}
.vkuiTypography__weight2.vkuiTypography__weight2.vkuiTypography__weight2.vkuiTypography__weight2 {
  font-weight: var(--vkui--font_weight_base2);
}
.vkuiTypography__accent.vkuiTypography__weight2.vkuiTypography__weight2.vkuiTypography__weight2 {
  font-weight: var(--vkui--font_weight_accent2);
}
.vkuiTypography__weight3.vkuiTypography__weight3.vkuiTypography__weight3.vkuiTypography__weight3 {
  font-weight: var(--vkui--font_weight_base3);
}
.vkuiTypography__accent.vkuiTypography__weight3.vkuiTypography__weight3.vkuiTypography__weight3 {
  font-weight: var(--vkui--font_weight_accent3);
}
.vkuiTypography__host b {
  font-weight: var(--vkui--font_weight_base1);
}
.vkuiTypography__accent.vkuiTypography__host b {
  font-weight: var(--vkui--font_weight_accent1);
}
.vkuiDisplayTitle__level1 {
  font-family: var(--vkui--font_display_title1--font_family--regular);
  font-size: var(--vkui--font_display_title1--font_size--regular);
  font-weight: var(--vkui--font_display_title1--font_weight--regular);
  line-height: var(--vkui--font_display_title1--line_height--regular);
}
.vkuiDisplayTitle__sizeYCompact.vkuiDisplayTitle__level1 {
  font-family: var(--vkui--font_display_title1--font_family--compact,var(--vkui--font_display_title1--font_family--regular));
  font-size: var(--vkui--font_display_title1--font_size--compact,var(--vkui--font_display_title1--font_size--regular));
  font-weight: var(--vkui--font_display_title1--font_weight--compact,var(--vkui--font_display_title1--font_weight--regular));
  line-height: var(--vkui--font_display_title1--line_height--compact,var(--vkui--font_display_title1--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiDisplayTitle__sizeYNone.vkuiDisplayTitle__level1 {
    font-family: var(--vkui--font_display_title1--font_family--compact,var(--vkui--font_display_title1--font_family--regular));
    font-size: var(--vkui--font_display_title1--font_size--compact,var(--vkui--font_display_title1--font_size--regular));
    font-weight: var(--vkui--font_display_title1--font_weight--compact,var(--vkui--font_display_title1--font_weight--regular));
    line-height: var(--vkui--font_display_title1--line_height--compact,var(--vkui--font_display_title1--line_height--regular));
  }
}
.vkuiDisplayTitle__level2 {
  font-family: var(--vkui--font_display_title2--font_family--regular);
  font-size: var(--vkui--font_display_title2--font_size--regular);
  font-weight: var(--vkui--font_display_title2--font_weight--regular);
  line-height: var(--vkui--font_display_title2--line_height--regular);
}
.vkuiDisplayTitle__sizeYCompact.vkuiDisplayTitle__level2 {
  font-family: var(--vkui--font_display_title2--font_family--compact,var(--vkui--font_display_title2--font_family--regular));
  font-size: var(--vkui--font_display_title2--font_size--compact,var(--vkui--font_display_title2--font_size--regular));
  font-weight: var(--vkui--font_display_title2--font_weight--compact,var(--vkui--font_display_title2--font_weight--regular));
  line-height: var(--vkui--font_display_title2--line_height--compact,var(--vkui--font_display_title2--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiDisplayTitle__sizeYNone.vkuiDisplayTitle__level2 {
    font-family: var(--vkui--font_display_title2--font_family--compact,var(--vkui--font_display_title2--font_family--regular));
    font-size: var(--vkui--font_display_title2--font_size--compact,var(--vkui--font_display_title2--font_size--regular));
    font-weight: var(--vkui--font_display_title2--font_weight--compact,var(--vkui--font_display_title2--font_weight--regular));
    line-height: var(--vkui--font_display_title2--line_height--compact,var(--vkui--font_display_title2--line_height--regular));
  }
}
.vkuiDisplayTitle__level3 {
  font-family: var(--vkui--font_display_title3--font_family--regular);
  font-size: var(--vkui--font_display_title3--font_size--regular);
  font-weight: var(--vkui--font_display_title3--font_weight--regular);
  line-height: var(--vkui--font_display_title3--line_height--regular);
}
.vkuiDisplayTitle__sizeYCompact.vkuiDisplayTitle__level3 {
  font-family: var(--vkui--font_display_title3--font_family--compact,var(--vkui--font_display_title3--font_family--regular));
  font-size: var(--vkui--font_display_title3--font_size--compact,var(--vkui--font_display_title3--font_size--regular));
  font-weight: var(--vkui--font_display_title3--font_weight--compact,var(--vkui--font_display_title3--font_weight--regular));
  line-height: var(--vkui--font_display_title3--line_height--compact,var(--vkui--font_display_title3--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiDisplayTitle__sizeYNone.vkuiDisplayTitle__level3 {
    font-family: var(--vkui--font_display_title3--font_family--compact,var(--vkui--font_display_title3--font_family--regular));
    font-size: var(--vkui--font_display_title3--font_size--compact,var(--vkui--font_display_title3--font_size--regular));
    font-weight: var(--vkui--font_display_title3--font_weight--compact,var(--vkui--font_display_title3--font_weight--regular));
    line-height: var(--vkui--font_display_title3--line_height--compact,var(--vkui--font_display_title3--line_height--regular));
  }
}
.vkuiDisplayTitle__level4 {
  font-family: var(--vkui--font_display_title4--font_family--regular);
  font-size: var(--vkui--font_display_title4--font_size--regular);
  font-weight: var(--vkui--font_display_title4--font_weight--regular);
  line-height: var(--vkui--font_display_title4--line_height--regular);
}
.vkuiDisplayTitle__sizeYCompact.vkuiDisplayTitle__level4 {
  font-family: var(--vkui--font_display_title4--font_family--compact,var(--vkui--font_display_title4--font_family--regular));
  font-size: var(--vkui--font_display_title4--font_size--compact,var(--vkui--font_display_title4--font_size--regular));
  font-weight: var(--vkui--font_display_title4--font_weight--compact,var(--vkui--font_display_title4--font_weight--regular));
  line-height: var(--vkui--font_display_title4--line_height--compact,var(--vkui--font_display_title4--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiDisplayTitle__sizeYNone.vkuiDisplayTitle__level4 {
    font-family: var(--vkui--font_display_title4--font_family--compact,var(--vkui--font_display_title4--font_family--regular));
    font-size: var(--vkui--font_display_title4--font_size--compact,var(--vkui--font_display_title4--font_size--regular));
    font-weight: var(--vkui--font_display_title4--font_weight--compact,var(--vkui--font_display_title4--font_weight--regular));
    line-height: var(--vkui--font_display_title4--line_height--compact,var(--vkui--font_display_title4--line_height--regular));
  }
}
.vkuiTitle__level1 {
  font-family: var(--vkui--font_title1--font_family--regular);
  font-size: var(--vkui--font_title1--font_size--regular);
  font-weight: var(--vkui--font_title1--font_weight--regular);
  line-height: var(--vkui--font_title1--line_height--regular);
}
.vkuiTitle__sizeYCompact.vkuiTitle__level1 {
  font-family: var(--vkui--font_title1--font_family--compact,var(--vkui--font_title1--font_family--regular));
  font-size: var(--vkui--font_title1--font_size--compact,var(--vkui--font_title1--font_size--regular));
  font-weight: var(--vkui--font_title1--font_weight--compact,var(--vkui--font_title1--font_weight--regular));
  line-height: var(--vkui--font_title1--line_height--compact,var(--vkui--font_title1--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiTitle__sizeYNone.vkuiTitle__level1 {
    font-family: var(--vkui--font_title1--font_family--compact,var(--vkui--font_title1--font_family--regular));
    font-size: var(--vkui--font_title1--font_size--compact,var(--vkui--font_title1--font_size--regular));
    font-weight: var(--vkui--font_title1--font_weight--compact,var(--vkui--font_title1--font_weight--regular));
    line-height: var(--vkui--font_title1--line_height--compact,var(--vkui--font_title1--line_height--regular));
  }
}
.vkuiTitle__level2 {
  font-family: var(--vkui--font_title2--font_family--regular);
  font-size: var(--vkui--font_title2--font_size--regular);
  font-weight: var(--vkui--font_title2--font_weight--regular);
  line-height: var(--vkui--font_title2--line_height--regular);
}
.vkuiTitle__sizeYCompact.vkuiTitle__level2 {
  font-family: var(--vkui--font_title2--font_family--compact,var(--vkui--font_title2--font_family--regular));
  font-size: var(--vkui--font_title2--font_size--compact,var(--vkui--font_title2--font_size--regular));
  font-weight: var(--vkui--font_title2--font_weight--compact,var(--vkui--font_title2--font_weight--regular));
  line-height: var(--vkui--font_title2--line_height--compact,var(--vkui--font_title2--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiTitle__sizeYNone.vkuiTitle__level2 {
    font-family: var(--vkui--font_title2--font_family--compact,var(--vkui--font_title2--font_family--regular));
    font-size: var(--vkui--font_title2--font_size--compact,var(--vkui--font_title2--font_size--regular));
    font-weight: var(--vkui--font_title2--font_weight--compact,var(--vkui--font_title2--font_weight--regular));
    line-height: var(--vkui--font_title2--line_height--compact,var(--vkui--font_title2--line_height--regular));
  }
}
.vkuiTitle__level3 {
  font-family: var(--vkui--font_title3--font_family--regular);
  font-size: var(--vkui--font_title3--font_size--regular);
  font-weight: var(--vkui--font_title3--font_weight--regular);
  line-height: var(--vkui--font_title3--line_height--regular);
}
.vkuiTitle__sizeYCompact.vkuiTitle__level3 {
  font-family: var(--vkui--font_title3--font_family--compact,var(--vkui--font_title3--font_family--regular));
  font-size: var(--vkui--font_title3--font_size--compact,var(--vkui--font_title3--font_size--regular));
  font-weight: var(--vkui--font_title3--font_weight--compact,var(--vkui--font_title3--font_weight--regular));
  line-height: var(--vkui--font_title3--line_height--compact,var(--vkui--font_title3--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiTitle__sizeYNone.vkuiTitle__level3 {
    font-family: var(--vkui--font_title3--font_family--compact,var(--vkui--font_title3--font_family--regular));
    font-size: var(--vkui--font_title3--font_size--compact,var(--vkui--font_title3--font_size--regular));
    font-weight: var(--vkui--font_title3--font_weight--compact,var(--vkui--font_title3--font_weight--regular));
    line-height: var(--vkui--font_title3--line_height--compact,var(--vkui--font_title3--line_height--regular));
  }
}
.vkuiHeadline__level1 {
  font-family: var(--vkui--font_headline1--font_family--regular);
  font-size: var(--vkui--font_headline1--font_size--regular);
  font-weight: var(--vkui--font_headline1--font_weight--regular);
  line-height: var(--vkui--font_headline1--line_height--regular);
}
.vkuiHeadline__sizeYCompact.vkuiHeadline__level1 {
  font-size: var(--vkui--font_headline1--font_size--compact,var(--vkui--font_headline1--font_size--regular));
  font-weight: var(--vkui--font_headline1--font_weight--compact,var(--vkui--font_headline1--font_weight--regular));
  line-height: var(--vkui--font_headline1--line_height--compact,var(--vkui--font_headline1--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiHeadline__sizeYNone.vkuiHeadline__level1 {
    font-size: var(--vkui--font_headline1--font_size--compact,var(--vkui--font_headline1--font_size--regular));
    font-weight: var(--vkui--font_headline1--font_weight--compact,var(--vkui--font_headline1--font_weight--regular));
    line-height: var(--vkui--font_headline1--line_height--compact,var(--vkui--font_headline1--line_height--regular));
  }
}
.vkuiHeadline__level2 {
  font-family: var(--vkui--font_headline2--font_family--regular);
  font-size: var(--vkui--font_headline2--font_size--regular);
  font-weight: var(--vkui--font_headline2--font_weight--regular);
  line-height: var(--vkui--font_headline2--line_height--regular);
}
.vkuiHeadline__sizeYCompact.vkuiHeadline__level2 {
  font-size: var(--vkui--font_headline2--font_size--compact,var(--vkui--font_headline2--font_size--regular));
  font-weight: var(--vkui--font_headline2--font_weight--compact,var(--vkui--font_headline2--font_weight--regular));
  line-height: var(--vkui--font_headline2--line_height--compact,var(--vkui--font_headline2--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiHeadline__sizeYNone.vkuiHeadline__level2 {
    font-size: var(--vkui--font_headline2--font_size--compact,var(--vkui--font_headline2--font_size--regular));
    font-weight: var(--vkui--font_headline2--font_weight--compact,var(--vkui--font_headline2--font_weight--regular));
    line-height: var(--vkui--font_headline2--line_height--compact,var(--vkui--font_headline2--line_height--regular));
  }
}
.vkuiText__host {
  font-family: var(--vkui--font_text--font_family--regular);
  font-size: var(--vkui--font_text--font_size--regular);
  font-weight: var(--vkui--font_text--font_weight--regular);
  line-height: var(--vkui--font_text--line_height--regular);
}
.vkuiText__sizeYCompact {
  font-family: var(--vkui--font_text--font_family--compact,var(--vkui--font_text--font_family--regular));
  font-size: var(--vkui--font_text--font_size--compact,var(--vkui--font_text--font_size--regular));
  font-weight: var(--vkui--font_text--font_weight--compact,var(--vkui--font_text--font_weight--regular));
  line-height: var(--vkui--font_text--line_height--compact,var(--vkui--font_text--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiText__sizeYNone {
    font-family: var(--vkui--font_text--font_family--compact,var(--vkui--font_text--font_family--regular));
    font-size: var(--vkui--font_text--font_size--compact,var(--vkui--font_text--font_size--regular));
    font-weight: var(--vkui--font_text--font_weight--compact,var(--vkui--font_text--font_weight--regular));
    line-height: var(--vkui--font_text--line_height--compact,var(--vkui--font_text--line_height--regular));
  }
}
.vkuiParagraph__host {
  font-family: var(--vkui--font_paragraph--font_family--regular);
  font-size: var(--vkui--font_paragraph--font_size--regular);
  font-weight: var(--vkui--font_paragraph--font_weight--regular);
  line-height: var(--vkui--font_paragraph--line_height--regular);
}
.vkuiParagraph__sizeYCompact {
  font-family: var(--vkui--font_paragraph--font_family--compact,var(--vkui--font_paragraph--font_family--regular));
  font-size: var(--vkui--font_paragraph--font_size--compact,var(--vkui--font_paragraph--font_size--regular));
  font-weight: var(--vkui--font_paragraph--font_weight--compact,var(--vkui--font_paragraph--font_weight--regular));
  line-height: var(--vkui--font_paragraph--line_height--compact,var(--vkui--font_paragraph--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiParagraph__sizeYNone {
    font-family: var(--vkui--font_paragraph--font_family--compact,var(--vkui--font_paragraph--font_family--regular));
    font-size: var(--vkui--font_paragraph--font_size--compact,var(--vkui--font_paragraph--font_size--regular));
    font-weight: var(--vkui--font_paragraph--font_weight--compact,var(--vkui--font_paragraph--font_weight--regular));
    line-height: var(--vkui--font_paragraph--line_height--compact,var(--vkui--font_paragraph--line_height--regular));
  }
}
.vkuiSubhead__host {
  font-family: var(--vkui--font_subhead--font_family--regular);
  font-size: var(--vkui--font_subhead--font_size--regular);
  font-weight: var(--vkui--font_subhead--font_weight--regular);
  line-height: var(--vkui--font_subhead--line_height--regular);
}
.vkuiSubhead__sizeYCompact {
  font-family: var(--vkui--font_subhead--font_family--compact,var(--vkui--font_subhead--font_family--regular));
  font-size: var(--vkui--font_subhead--font_size--compact,var(--vkui--font_subhead--font_size--regular));
  font-weight: var(--vkui--font_subhead--font_weight--compact,var(--vkui--font_subhead--font_weight--regular));
  line-height: var(--vkui--font_subhead--line_height--compact,var(--vkui--font_subhead--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSubhead__sizeYNone {
    font-family: var(--vkui--font_subhead--font_family--compact,var(--vkui--font_subhead--font_family--regular));
    font-size: var(--vkui--font_subhead--font_size--compact,var(--vkui--font_subhead--font_size--regular));
    font-weight: var(--vkui--font_subhead--font_weight--compact,var(--vkui--font_subhead--font_weight--regular));
    line-height: var(--vkui--font_subhead--line_height--compact,var(--vkui--font_subhead--line_height--regular));
  }
}
.vkuiFootnote__host {
  font-family: var(--vkui--font_footnote--font_family--regular);
  font-size: var(--vkui--font_footnote--font_size--regular);
  font-weight: var(--vkui--font_footnote--font_weight--regular);
  line-height: var(--vkui--font_footnote--line_height--regular);
}
.vkuiFootnote__sizeYCompact {
  font-family: var(--vkui--font_footnote--font_family--compact,var(--vkui--font_footnote--font_family--regular));
  font-size: var(--vkui--font_footnote--font_size--compact,var(--vkui--font_footnote--font_size--regular));
  font-weight: var(--vkui--font_footnote--font_weight--compact,var(--vkui--font_footnote--font_weight--regular));
  line-height: var(--vkui--font_footnote--line_height--compact,var(--vkui--font_footnote--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiFootnote__sizeYNone {
    font-family: var(--vkui--font_footnote--font_family--compact,var(--vkui--font_footnote--font_family--regular));
    font-size: var(--vkui--font_footnote--font_size--compact,var(--vkui--font_footnote--font_size--regular));
    font-weight: var(--vkui--font_footnote--font_weight--compact,var(--vkui--font_footnote--font_weight--regular));
    line-height: var(--vkui--font_footnote--line_height--compact,var(--vkui--font_footnote--line_height--regular));
  }
}
.vkuiFootnote__caps {
  font-family: var(--vkui--font_footnote_caps--font_family--regular);
  font-size: var(--vkui--font_footnote_caps--font_size--regular);
  font-weight: var(--vkui--font_footnote_caps--font_weight--regular);
  line-height: var(--vkui--font_footnote_caps--line_height--regular);
  text-transform: uppercase;
}
.vkuiFootnote__sizeYCompact.vkuiFootnote__caps {
  font-family: var(--vkui--font_footnote_caps--font_family--compact,var(--vkui--font_footnote_caps--font_family--regular));
  font-size: var(--vkui--font_footnote_caps--font_size--compact,var(--vkui--font_footnote_caps--font_size--regular));
  font-weight: var(--vkui--font_footnote_caps--font_weight--compact,var(--vkui--font_footnote_caps--font_weight--regular));
  line-height: var(--vkui--font_footnote_caps--line_height--compact,var(--vkui--font_footnote_caps--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiFootnote__sizeYNone.vkuiFootnote__caps {
    font-family: var(--vkui--font_footnote_caps--font_family--compact,var(--vkui--font_footnote_caps--font_family--regular));
    font-size: var(--vkui--font_footnote_caps--font_size--compact,var(--vkui--font_footnote_caps--font_size--regular));
    font-weight: var(--vkui--font_footnote_caps--font_weight--compact,var(--vkui--font_footnote_caps--font_weight--regular));
    line-height: var(--vkui--font_footnote_caps--line_height--compact,var(--vkui--font_footnote_caps--line_height--regular));
  }
}
.vkuiCaption__caps {
  text-transform: uppercase;
}
.vkuiCaption__level1 {
  font-family: var(--vkui--font_caption1--font_family--regular);
  font-size: var(--vkui--font_caption1--font_size--regular);
  font-weight: var(--vkui--font_caption1--font_weight--regular);
  line-height: var(--vkui--font_caption1--line_height--regular);
}
.vkuiCaption__sizeYCompact.vkuiCaption__level1 {
  font-family: var(--vkui--font_caption1--font_family--compact,var(--vkui--font_caption1--font_family--regular));
  font-size: var(--vkui--font_caption1--font_size--compact,var(--vkui--font_caption1--font_size--regular));
  font-weight: var(--vkui--font_caption1--font_weight--compact,var(--vkui--font_caption1--font_weight--regular));
  line-height: var(--vkui--font_caption1--line_height--compact,var(--vkui--font_caption1--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCaption__sizeYNone.vkuiCaption__level1 {
    font-family: var(--vkui--font_caption1--font_family--compact,var(--vkui--font_caption1--font_family--regular));
    font-size: var(--vkui--font_caption1--font_size--compact,var(--vkui--font_caption1--font_size--regular));
    font-weight: var(--vkui--font_caption1--font_weight--compact,var(--vkui--font_caption1--font_weight--regular));
    line-height: var(--vkui--font_caption1--line_height--compact,var(--vkui--font_caption1--line_height--regular));
  }
}
.vkuiCaption__level1.vkuiCaption__caps {
  font-family: var(--vkui--font_caption1_caps--font_family--regular);
  font-size: var(--vkui--font_caption1_caps--font_size--regular);
  font-weight: var(--vkui--font_caption1_caps--font_weight--regular);
  line-height: var(--vkui--font_caption1_caps--line_height--regular);
}
.vkuiCaption__sizeYCompact.vkuiCaption__level1.vkuiCaption__caps {
  font-family: var(--vkui--font_caption1_caps--font_family--compact,var(--vkui--font_caption1_caps--font_family--regular));
  font-size: var(--vkui--font_caption1_caps--font_size--compact,var(--vkui--font_caption1_caps--font_size--regular));
  font-weight: var(--vkui--font_caption1_caps--font_weight--compact,var(--vkui--font_caption1_caps--font_weight--regular));
  line-height: var(--vkui--font_caption1_caps--line_height--compact,var(--vkui--font_caption1_caps--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCaption__sizeYNone.vkuiCaption__level1.vkuiCaption__caps {
    font-family: var(--vkui--font_caption1_caps--font_family--compact,var(--vkui--font_caption1_caps--font_family--regular));
    font-size: var(--vkui--font_caption1_caps--font_size--compact,var(--vkui--font_caption1_caps--font_size--regular));
    font-weight: var(--vkui--font_caption1_caps--font_weight--compact,var(--vkui--font_caption1_caps--font_weight--regular));
    line-height: var(--vkui--font_caption1_caps--line_height--compact,var(--vkui--font_caption1_caps--line_height--regular));
  }
}
.vkuiCaption__level2 {
  font-family: var(--vkui--font_caption2--font_family--regular);
  font-size: var(--vkui--font_caption2--font_size--regular);
  font-weight: var(--vkui--font_caption2--font_weight--regular);
  line-height: var(--vkui--font_caption2--line_height--regular);
}
.vkuiCaption__sizeYCompact.vkuiCaption__level2 {
  font-family: var(--vkui--font_caption2--font_family--compact,var(--vkui--font_caption2--font_family--regular));
  font-size: var(--vkui--font_caption2--font_size--compact,var(--vkui--font_caption2--font_size--regular));
  font-weight: var(--vkui--font_caption2--font_weight--compact,var(--vkui--font_caption2--font_weight--regular));
  line-height: var(--vkui--font_caption2--line_height--compact,var(--vkui--font_caption2--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCaption__sizeYNone.vkuiCaption__level2 {
    font-family: var(--vkui--font_caption2--font_family--compact,var(--vkui--font_caption2--font_family--regular));
    font-size: var(--vkui--font_caption2--font_size--compact,var(--vkui--font_caption2--font_size--regular));
    font-weight: var(--vkui--font_caption2--font_weight--compact,var(--vkui--font_caption2--font_weight--regular));
    line-height: var(--vkui--font_caption2--line_height--compact,var(--vkui--font_caption2--line_height--regular));
  }
}
.vkuiCaption__level2.vkuiCaption__caps {
  font-family: var(--vkui--font_caption2_caps--font_family--regular);
  font-size: var(--vkui--font_caption2_caps--font_size--regular);
  font-weight: var(--vkui--font_caption2_caps--font_weight--regular);
  line-height: var(--vkui--font_caption2_caps--line_height--regular);
}
.vkuiCaption__sizeYCompact.vkuiCaption__level2.vkuiCaption__caps {
  font-family: var(--vkui--font_caption2_caps--font_family--compact,var(--vkui--font_caption2_caps--font_family--regular));
  font-size: var(--vkui--font_caption2_caps--font_size--compact,var(--vkui--font_caption2_caps--font_size--regular));
  font-weight: var(--vkui--font_caption2_caps--font_weight--compact,var(--vkui--font_caption2_caps--font_weight--regular));
  line-height: var(--vkui--font_caption2_caps--line_height--compact,var(--vkui--font_caption2_caps--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCaption__sizeYNone.vkuiCaption__level2.vkuiCaption__caps {
    font-family: var(--vkui--font_caption2_caps--font_family--compact,var(--vkui--font_caption2_caps--font_family--regular));
    font-size: var(--vkui--font_caption2_caps--font_size--compact,var(--vkui--font_caption2_caps--font_size--regular));
    font-weight: var(--vkui--font_caption2_caps--font_weight--compact,var(--vkui--font_caption2_caps--font_weight--regular));
    line-height: var(--vkui--font_caption2_caps--line_height--compact,var(--vkui--font_caption2_caps--line_height--regular));
  }
}
.vkuiCaption__level3 {
  font-family: var(--vkui--font_caption3--font_family--regular);
  font-size: var(--vkui--font_caption3--font_size--regular);
  font-weight: var(--vkui--font_caption3--font_weight--regular);
  line-height: var(--vkui--font_caption3--line_height--regular);
}
.vkuiCaption__sizeYCompact.vkuiCaption__level3 {
  font-family: var(--vkui--font_caption3--font_family--compact,var(--vkui--font_caption3--font_family--regular));
  font-size: var(--vkui--font_caption3--font_size--compact,var(--vkui--font_caption3--font_size--regular));
  font-weight: var(--vkui--font_caption3--font_weight--compact,var(--vkui--font_caption3--font_weight--regular));
  line-height: var(--vkui--font_caption3--line_height--compact,var(--vkui--font_caption3--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCaption__sizeYNone.vkuiCaption__level3 {
    font-family: var(--vkui--font_caption3--font_family--compact,var(--vkui--font_caption3--font_family--regular));
    font-size: var(--vkui--font_caption3--font_size--compact,var(--vkui--font_caption3--font_size--regular));
    font-weight: var(--vkui--font_caption3--font_weight--compact,var(--vkui--font_caption3--font_weight--regular));
    line-height: var(--vkui--font_caption3--line_height--compact,var(--vkui--font_caption3--line_height--regular));
  }
}
.vkuiCaption__level3.vkuiCaption__caps {
  font-family: var(--vkui--font_caption3_caps--font_family--regular);
  font-size: var(--vkui--font_caption3_caps--font_size--regular);
  font-weight: var(--vkui--font_caption3_caps--font_weight--regular);
  line-height: var(--vkui--font_caption3_caps--line_height--regular);
}
.vkuiCaption__sizeYCompact.vkuiCaption__level3.vkuiCaption__caps {
  font-family: var(--vkui--font_caption3_caps--font_family--compact,var(--vkui--font_caption3_caps--font_family--regular));
  font-size: var(--vkui--font_caption3_caps--font_size--compact,var(--vkui--font_caption3_caps--font_size--regular));
  font-weight: var(--vkui--font_caption3_caps--font_weight--compact,var(--vkui--font_caption3_caps--font_weight--regular));
  line-height: var(--vkui--font_caption3_caps--line_height--compact,var(--vkui--font_caption3_caps--line_height--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCaption__sizeYNone.vkuiCaption__level3.vkuiCaption__caps {
    font-family: var(--vkui--font_caption3_caps--font_family--compact,var(--vkui--font_caption3_caps--font_family--regular));
    font-size: var(--vkui--font_caption3_caps--font_size--compact,var(--vkui--font_caption3_caps--font_size--regular));
    font-weight: var(--vkui--font_caption3_caps--font_weight--compact,var(--vkui--font_caption3_caps--font_weight--regular));
    line-height: var(--vkui--font_caption3_caps--line_height--compact,var(--vkui--font_caption3_caps--line_height--regular));
  }
}
.vkuiEllipsisText__host {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
}
.vkuiEllipsisText__host.vkuiEllipsisText__disableNativeTitle .vkuiEllipsisText__content:after,
.vkuiEllipsisText__host.vkuiEllipsisText__disableNativeTitle:after {
  content: "";
  display: block;
}
.vkuiEllipsisText__content {
  max-width: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
  min-width: 1em;
  overflow: hidden;
}
.vkuiEllipsisText__contentMultiline {
  -ms-box-orient: vertical;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.vkuiUnstyledTextField__host {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  resize: none;
  background: 0 0;
  border: 0;
  outline: none;
  margin: 0;
}
.vkuiUnstyledTextField__noPadding {
  padding: 0;
}
.vkuiUnstyledTextField__host:focus {
  outline: none;
}
.vkuiUnstyledTextField__host::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vkuiUnstyledTextField__host::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vkuiUnstyledTextField__host[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.vkuiClickable__realClickable {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
button.vkuiClickable__realClickable {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
a.vkuiClickable__realClickable {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
}
.vkuiClickable__host:focus {
  outline: none;
}
.vkuiClickable__host:focus-visible {
  outline: none;
}
.vkuiClickable__host[aria-disabled=true],
.vkuiClickable__host[disabled] {
  cursor: not-allowed;
}
.vkuiTappable__host {
  border-radius: var(--vkui--size_border_radius--regular);
  isolation: isolate;
  position: relative;
}
.vkuiTappable__host > * {
  z-index: var(--vkui_internal--z_index_tappable_element);
  position: relative;
}
.vkuiTappable__sizeXCompact {
  border-radius: 0;
}
@media (max-width: 767.9px) {
  .vkuiTappable__sizeXNone {
    border-radius: 0;
  }
}
.vkuiTappable__host.vkuiTappable__borderRadiusInherit {
  border-radius: inherit;
}
.vkuiTappable__stateLayer {
  border-radius: inherit;
  z-index: var(--vkui_internal--z_index_tappable_state);
  transition: background-color .15s ease-out;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.vkuiTappable__hasPointerFalse .vkuiTappable__ripple {
  transition: background-color .15s ease-out .15s;
}
@media (pointer: coarse), (pointer: none) {
  .vkuiTappable__hasPointerNone .vkuiTappable__ripple {
    transition: background-color .15s ease-out .15s;
  }
}
.vkuiTappable__hoveredBackground > .vkuiTappable__stateLayer {
  background-color: var(--vkui--color_transparent--hover);
}
.vkuiTappable__activatedBackground > .vkuiTappable__stateLayer {
  background-color: var(--vkui--color_transparent--active);
}
.vkuiTappable__activatedOpacity,
.vkuiTappable__hoveredOpacity {
  transition: opacity .15s ease-out;
}
.vkuiTappable__hoveredOpacity {
  opacity: .8;
}
.vkuiTappable__activatedOpacity {
  opacity: .7;
}
.vkuiTappable__wave {
  animation: vkuiTappable__animation-wave .3s var(--vkui--animation_easing_platform);
  background: var(--vkui--color_transparent--active);
  content: "";
  opacity: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: -12px -12px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes vkuiTappable__animation-wave {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(8);
  }
}
.vkuiFixedLayout__host {
  box-sizing: border-box;
  padding-left: var(--vkui_internal--safe_area_inset_left);
  padding-right: var(--vkui_internal--safe_area_inset_right);
  z-index: var(--vkui_internal--z_index_fixed_layout);
  position: fixed;
  left: auto;
}
.vkuiFixedLayout__filled {
  background: var(--vkui--color_background_content);
}
.vkuiFixedLayout__verticalTop {
  width: 100%;
  top: 0;
}
.vkuiFixedLayout__verticalBottom {
  padding-bottom: var(--vkui_internal--safe_area_inset_bottom);
  width: 100%;
  bottom: 0;
}
.vkuiInternalEpic--hasTabbar .vkuiFixedLayout__verticalBottom {
  padding-bottom: calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom));
}
.vkuiInternalPanelHeader ~ * .vkuiFixedLayout__verticalTop:not(.vkuiInternalPanelHeader__fixed),
.vkuiInternalPanelHeader ~ .vkuiFixedLayout__verticalTop {
  top: calc(var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top));
}
.vkuiImageBaseBadge__host {
  z-index: var(--vkui_internal--z_index_image_base_badge);
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(2px, 2px);
}
.vkuiImageBaseBadge__backgroundStroke {
  background-color: var(--vkui_internal--background,var(--vkui--color_background_content));
}
.vkuiImageBaseBadge__backgroundShadow:before {
  border-radius: inherit;
  box-shadow: var(--vkui--elevation1);
  content: "";
  pointer-events: none;
  margin: auto;
  position: absolute;
  inset: 2px;
}
.vkuiImageBaseFloatElement__host {
  z-index: var(--vkui_internal--z_index_image_base_positioned_element);
  --vkui_internal--FloatElement_horizontal_indent:0;
  --vkui_internal--FloatElement_vertical_indent:0;
  transition: opacity .3s ease-in-out;
  position: absolute;
}
.vkuiImageBaseFloatElement__inlineIndent2xs {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_2xs);
}
.vkuiImageBaseFloatElement__inlineIndentXs {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_xs);
}
.vkuiImageBaseFloatElement__inlineIndentS {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_s);
}
.vkuiImageBaseFloatElement__inlineIndentM {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_m);
}
.vkuiImageBaseFloatElement__inlineIndentL {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_l);
}
.vkuiImageBaseFloatElement__inlineIndentXl {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_xl);
}
.vkuiImageBaseFloatElement__inlineIndent2xl {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_2xl);
}
.vkuiImageBaseFloatElement__inlineIndent3xl {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_3xl);
}
.vkuiImageBaseFloatElement__inlineIndent4xl {
  --vkui_internal--FloatElement_horizontal_indent:var(--vkui--spacing_size_4xl);
}
.vkuiImageBaseFloatElement__blockIndent2xs {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_2xs);
}
.vkuiImageBaseFloatElement__blockIndentXs {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_xs);
}
.vkuiImageBaseFloatElement__blockIndentS {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_s);
}
.vkuiImageBaseFloatElement__blockIndentM {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_m);
}
.vkuiImageBaseFloatElement__blockIndentL {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_l);
}
.vkuiImageBaseFloatElement__blockIndentXl {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_xl);
}
.vkuiImageBaseFloatElement__blockIndent2xl {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_2xl);
}
.vkuiImageBaseFloatElement__blockIndent3xl {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_3xl);
}
.vkuiImageBaseFloatElement__blockIndent4xl {
  --vkui_internal--FloatElement_vertical_indent:var(--vkui--spacing_size_4xl);
}
.vkuiImageBaseFloatElement__hidden {
  opacity: 0;
}
.vkuiImageBaseFloatElement__placementTopStart {
  left: var(--vkui_internal--FloatElement_horizontal_indent);
  top: var(--vkui_internal--FloatElement_vertical_indent);
}
.vkuiImageBaseFloatElement__placementTop {
  left: 50%;
  top: var(--vkui_internal--FloatElement_vertical_indent);
  transform: translate(-50%);
}
.vkuiImageBaseFloatElement__placementTopEnd {
  right: var(--vkui_internal--FloatElement_horizontal_indent);
  top: var(--vkui_internal--FloatElement_vertical_indent);
}
.vkuiImageBaseFloatElement__placementBottomStart {
  bottom: var(--vkui_internal--FloatElement_vertical_indent);
  left: var(--vkui_internal--FloatElement_horizontal_indent);
}
.vkuiImageBaseFloatElement__placementBottom {
  bottom: var(--vkui_internal--FloatElement_vertical_indent);
  left: 50%;
  transform: translate(-50%);
}
.vkuiImageBaseFloatElement__placementBottomEnd {
  bottom: var(--vkui_internal--FloatElement_vertical_indent);
  right: var(--vkui_internal--FloatElement_horizontal_indent);
}
.vkuiImageBaseFloatElement__placementMiddleStart {
  left: var(--vkui_internal--FloatElement_horizontal_indent);
  top: 50%;
  transform: translateY(-50%);
}
.vkuiImageBaseFloatElement__placementMiddle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vkuiImageBaseFloatElement__placementMiddleEnd {
  right: var(--vkui_internal--FloatElement_horizontal_indent);
  top: 50%;
  transform: translateY(-50%);
}
.vkuiImageBaseOverlay__host {
  border-radius: inherit;
  box-shadow: inherit;
  box-sizing: border-box;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: var(--vkui_internal--z_index_image_base_overlay);
  border: 0;
  justify-content: center;
  align-items: center;
  transition: opacity .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiImageBaseOverlay__visible {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .vkuiImageBaseOverlay__host:hover {
    opacity: 1;
  }
}
.vkuiImageBaseOverlay__clickable {
  cursor: pointer;
}
.vkuiImageBaseOverlay__themeLight {
  background-color: var(--vkui--color_avatar_overlay_inverse_alpha);
  color: var(--vkui--color_icon_accent);
}
.vkuiImageBaseOverlay__themeDark {
  background-color: var(--vkui--color_avatar_overlay);
  color: var(--vkui--color_icon_contrast);
}
.vkuiImageBase__host {
  background-color: var(--vkui--color_background_secondary);
  box-sizing: border-box;
  color: var(--vkui_internal--icon_color,var(--vkui--color_icon_secondary));
  isolation: isolate;
  background-size: cover;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.vkuiImageBase__loaded,
.vkuiImageBase__transparentBackground {
  background-color: initial;
}
.vkuiImageBase__border,
.vkuiImageBase__children {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiImageBase__children {
  align-items: inherit;
  border-radius: inherit;
  display: inherit;
  justify-content: inherit;
}
.vkuiImageBase__border {
  border: var(--vkui--size_border--regular)solid var(--vkui--color_image_border_alpha);
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: var(--vkui_internal--z_index_image_base_border);
}
.vkuiImageBase__img {
  border-radius: inherit;
  visibility: hidden;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.vkuiImageBase__imgKeepRatio {
  width: auto;
  height: auto;
}
.vkuiImageBase__imgObjectFitContain {
  object-fit: contain;
}
.vkuiImageBase__imgObjectFitCover {
  object-fit: cover;
}
.vkuiImageBase__imgObjectFitNone {
  object-fit: none;
}
.vkuiImageBase__imgObjectFitScaleDown {
  object-fit: scale-down;
}
.vkuiImageBase__withObjectPosition {
  --vkui_internal--ImageBase_object_position_default:50% 50%;
  object-position: var(--vkui_internal--ImageBase_object_position,var(--vkui_internal--ImageBase_object_position_default));
}
.vkuiImageBase__loaded .vkuiImageBase__img {
  visibility: visible;
}
.vkuiImageBase__fallback {
  position: absolute;
  top: auto;
  left: auto;
}
.vkuiInternalPanelHeader__before > .vkuiImageBase__host {
  margin-left: 8px;
}
.vkuiInternalPanelHeader__after > .vkuiImageBase__host {
  margin-right: 8px;
}
.vkuiVisuallyHidden__host {
  clip-path: inset(50%);
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}
.vkuiVisuallyHidden__focusableInput {
  pointer-events: none;
  top: 0;
  left: 0;
  clip: auto !important;
  clip-path: none !important;
  width: 100% !important;
  height: 100% !important;
}
.vkuiSpinner__host {
  color: var(--vkui--color_icon_medium);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.vkuiSpinner__noColor {
  color: currentColor;
}
.vkuiButton__host {
  border-radius: var(--vkui--size_border_radius--regular);
  box-sizing: border-box;
  max-width: 100%;
  min-height: var(--vkui--size_button_small_height--compact);
  min-width: var(--vkui--size_button_minimum_width--regular);
  border: 0;
  margin: 0;
  padding: 0;
  transition: background-color .15s ease-out, color .15s ease-out;
  display: inline-block;
  position: relative;
}
.vkuiButton__rounded {
  border-radius: var(--vkui--size_border_radius_rounded--regular);
}
.vkuiButton__loading:not(.vkuiButton__disabled) {
  cursor: progress !important;
}
.vkuiButton__singleIcon {
  min-width: auto;
  width: var(--vkui--size_button_small_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__singleIcon {
  width: var(--vkui--size_button_small_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__singleIcon {
    width: var(--vkui--size_button_small_height--regular);
  }
}
.vkuiButton__stretched {
  flex-grow: 1;
  flex-basis: 0;
  width: 100%;
  display: block;
}
.vkuiButton__in {
  box-sizing: border-box;
  min-height: inherit;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.vkuiButton__alignLeft .vkuiButton__in {
  text-align: left;
  justify-content: flex-start;
}
.vkuiButton__alignRight .vkuiButton__in {
  text-align: right;
  justify-content: flex-end;
}
.vkuiButton__disabled {
  opacity: var(--vkui--opacity_disable);
}
.vkuiButton__modeOutline.vkuiButton__disabled:not(.vkuiButton__appearanceOverlay),
.vkuiButton__modePrimary.vkuiButton__disabled:not(.vkuiButton__appearanceOverlay):not(.vkuiButton__appearanceNegative):not(.vkuiButton__appearancePositive),
.vkuiButton__modeSecondary.vkuiButton__disabled:not(.vkuiButton__appearanceOverlay),
.vkuiButton__modeTertiary.vkuiButton__disabled:not(.vkuiButton__appearanceOverlay) {
  opacity: .64;
}
.vkuiButton__content {
  font-weight: var(--vkui--font_weight_accent2);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vkuiButton__sizeS .vkuiButton__content:first-child {
  padding-left: var(--vkui--size_button_base_small_padding_horizontal--regular);
}
.vkuiButton__sizeS .vkuiButton__after,
.vkuiButton__sizeS .vkuiButton__content:last-child {
  padding-right: var(--vkui--size_button_base_small_padding_horizontal--regular);
}
.vkuiButton__sizeM .vkuiButton__content:first-child {
  padding-left: var(--vkui--size_button_base_medium_padding_horizontal--regular);
}
.vkuiButton__sizeM .vkuiButton__after,
.vkuiButton__sizeM .vkuiButton__content:last-child {
  padding-right: var(--vkui--size_button_base_medium_padding_horizontal--regular);
}
.vkuiButton__sizeL .vkuiButton__content:first-child {
  padding-left: var(--vkui--size_button_base_large_padding_horizontal--regular);
}
.vkuiButton__sizeL .vkuiButton__after,
.vkuiButton__sizeL .vkuiButton__content:last-child {
  padding-right: var(--vkui--size_button_base_large_padding_horizontal--regular);
}
.vkuiButton__sizeS .vkuiButton__before {
  padding-left: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
}
.vkuiButton__sizeM .vkuiButton__before {
  padding-left: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);
}
.vkuiButton__sizeL .vkuiButton__before {
  padding-left: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeS .vkuiButton__content:first-child {
  padding-left: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeS .vkuiButton__after,
.vkuiButton__modeTertiary.vkuiButton__sizeS .vkuiButton__content:last-child {
  padding-right: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeM .vkuiButton__content:first-child {
  padding-left: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeM .vkuiButton__after,
.vkuiButton__modeTertiary.vkuiButton__sizeM .vkuiButton__content:last-child {
  padding-right: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeL .vkuiButton__content:first-child {
  padding-left: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeL .vkuiButton__after,
.vkuiButton__modeTertiary.vkuiButton__sizeL .vkuiButton__content:last-child {
  padding-right: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeS .vkuiButton__before {
  padding-left: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeM .vkuiButton__before {
  padding-left: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);
}
.vkuiButton__modeTertiary.vkuiButton__sizeL .vkuiButton__before {
  padding-left: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);
}
.vkuiButton__modeTertiary.vkuiButton__singleIcon .vkuiButton__after,
.vkuiButton__modeTertiary.vkuiButton__singleIcon .vkuiButton__before,
.vkuiButton__singleIcon .vkuiButton__after,
.vkuiButton__singleIcon .vkuiButton__before {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.vkuiButton__modeLink {
  background: 0 0;
  min-width: auto;
}
.vkuiButton__modeLink .vkuiButton__after,
.vkuiButton__modeLink .vkuiButton__before,
.vkuiButton__modeLink .vkuiButton__content:first-child,
.vkuiButton__modeLink .vkuiButton__content:last-child,
.vkuiButton__stretched .vkuiButton__after:only-child,
.vkuiButton__stretched .vkuiButton__before:only-child {
  padding-left: 0;
  padding-right: 0;
}
.vkuiButton__spinner {
  position: absolute;
  inset: 0;
}
.vkuiButton__spinner + .vkuiButton__in {
  visibility: hidden;
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccent {
  background-color: var(--vkui--color_background_accent_themed);
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccent.vkuiButton__hover {
  background-color: var(--vkui--color_background_accent_themed--hover);
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccent.vkuiButton__active {
  background-color: var(--vkui--color_background_accent_themed--active);
}
.vkuiButton__modePrimary.vkuiButton__appearancePositive {
  background-color: var(--vkui--color_background_positive);
}
.vkuiButton__modePrimary.vkuiButton__appearancePositive.vkuiButton__hover {
  background-color: var(--vkui--color_background_positive--hover);
}
.vkuiButton__modePrimary.vkuiButton__appearancePositive.vkuiButton__active {
  background-color: var(--vkui--color_background_positive--active);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNegative {
  background-color: var(--vkui--color_background_negative);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNegative.vkuiButton__hover {
  background-color: var(--vkui--color_background_negative--hover);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNegative.vkuiButton__active {
  background-color: var(--vkui--color_background_negative--active);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNeutral {
  background-color: var(--vkui--color_background_content_inverse);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNeutral.vkuiButton__hover {
  background-color: var(--vkui--color_background_content_inverse--hover);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNeutral.vkuiButton__active {
  background-color: var(--vkui--color_background_content_inverse--active);
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccentInvariable {
  background-color: var(--vkui--color_background_accent);
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccentInvariable.vkuiButton__hover {
  background-color: var(--vkui--color_background_accent--hover);
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccentInvariable.vkuiButton__active {
  background-color: var(--vkui--color_background_accent--active);
}
.vkuiButton__modeSecondary {
  background-color: var(--vkui--color_background_secondary_alpha);
}
.vkuiButton__modeSecondary.vkuiButton__hover {
  background-color: var(--vkui--color_background_secondary_alpha--hover);
}
.vkuiButton__modeSecondary.vkuiButton__active {
  background-color: var(--vkui--color_background_secondary_alpha--active);
}
.vkuiButton__modeOutline,
.vkuiButton__modeTertiary {
  background-color: var(--vkui--color_transparent);
}
.vkuiButton__modeOutline.vkuiButton__hover,
.vkuiButton__modeTertiary.vkuiButton__hover {
  background-color: var(--vkui--color_transparent--hover);
}
.vkuiButton__modeOutline.vkuiButton__active,
.vkuiButton__modeTertiary.vkuiButton__active {
  background-color: var(--vkui--color_transparent--active);
}
.vkuiButton__appearanceAccent {
  color: var(--vkui--color_text_accent_themed);
}
.vkuiButton__appearancePositive {
  color: var(--vkui--color_text_positive);
}
.vkuiButton__appearanceNegative {
  color: var(--vkui--color_text_negative);
}
.vkuiButton__appearanceNeutral {
  color: var(--vkui--color_text_primary);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNeutral {
  color: var(--vkui--color_text_contrast_themed);
}
.vkuiButton__appearanceAccentInvariable {
  color: var(--vkui--color_text_accent);
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccent {
  color: var(--vkui--color_text_contrast_themed);
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccentInvariable,
.vkuiButton__modePrimary.vkuiButton__appearanceNegative,
.vkuiButton__modePrimary.vkuiButton__appearancePositive {
  color: var(--vkui--color_text_contrast);
}
.vkuiButton__modeLink.vkuiButton__hover {
  opacity: .8;
}
.vkuiButton__modeLink.vkuiButton__active {
  opacity: .7;
}
.vkuiButton__modeOutline.vkuiButton__appearanceAccent,
.vkuiButton__modeOutline.vkuiButton__appearanceAccent.vkuiButton__active,
.vkuiButton__modeOutline.vkuiButton__appearanceAccent.vkuiButton__hover {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);
}
.vkuiButton__modeOutline.vkuiButton__appearancePositive {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive);
}
.vkuiButton__modeOutline.vkuiButton__appearancePositive.vkuiButton__hover {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--hover);
}
.vkuiButton__modeOutline.vkuiButton__appearancePositive.vkuiButton__active {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--active);
}
.vkuiButton__modeOutline.vkuiButton__appearanceNegative {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative);
}
.vkuiButton__modeOutline.vkuiButton__appearanceNegative.vkuiButton__hover {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--hover);
}
.vkuiButton__modeOutline.vkuiButton__appearanceNegative.vkuiButton__active {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--active);
}
.vkuiButton__modeOutline.vkuiButton__appearanceNeutral {
  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);
}
.vkuiButton__modeOutline.vkuiButton__appearanceNeutral.vkuiButton__hover {
  background-color: var(--vkui--color_background_secondary--hover);
  box-shadow: unset;
}
.vkuiButton__modeOutline.vkuiButton__appearanceNeutral.vkuiButton__active {
  background-color: var(--vkui--color_background_secondary--active);
  box-shadow: unset;
}
.vkuiButton__modeOutline.vkuiButton__appearanceAccentInvariable {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent);
}
.vkuiButton__modePrimary.vkuiButton__appearanceOverlay {
  background-color: var(--vkui--color_background_contrast);
}
.vkuiButton__modePrimary.vkuiButton__appearanceOverlay.vkuiButton__hover {
  background-color: var(--vkui--color_background_contrast--hover);
}
.vkuiButton__modePrimary.vkuiButton__appearanceOverlay.vkuiButton__active {
  background-color: var(--vkui--color_background_contrast--active);
}
.vkuiButton__modeSecondary.vkuiButton__appearanceOverlay {
  background-color: var(--vkui--color_overlay_primary);
}
.vkuiButton__modeSecondary.vkuiButton__appearanceOverlay.vkuiButton__hover {
  background-color: var(--vkui--color_overlay_primary--hover);
}
.vkuiButton__modeSecondary.vkuiButton__appearanceOverlay.vkuiButton__active {
  background-color: var(--vkui--color_overlay_primary--active);
}
.vkuiButton__modeOutline.vkuiButton__appearanceOverlay.vkuiButton__hover,
.vkuiButton__modeTertiary.vkuiButton__appearanceOverlay.vkuiButton__hover {
  background-color: var(--vkui--color_background_contrast_secondary_alpha--hover);
}
.vkuiButton__modeOutline.vkuiButton__appearanceOverlay.vkuiButton__active,
.vkuiButton__modeTertiary.vkuiButton__appearanceOverlay.vkuiButton__active {
  background-color: var(--vkui--color_background_contrast_secondary_alpha--active);
}
.vkuiButton__modePrimary.vkuiButton__appearanceOverlay {
  color: var(--vkui--color_text_primary_invariably);
}
.vkuiButton__modePrimary.vkuiButton__appearanceOverlay.vkuiButton__hover {
  color: var(--vkui--color_text_primary_invariably--hover);
}
.vkuiButton__modePrimary.vkuiButton__appearanceOverlay.vkuiButton__active {
  color: var(--vkui--color_text_primary_invariably--active);
}
.vkuiButton__modeLink.vkuiButton__appearanceOverlay,
.vkuiButton__modeOutline.vkuiButton__appearanceOverlay,
.vkuiButton__modeSecondary.vkuiButton__appearanceOverlay,
.vkuiButton__modeTertiary.vkuiButton__appearanceOverlay {
  color: var(--vkui--color_text_contrast);
}
.vkuiButton__modeOutline.vkuiButton__appearanceOverlay {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast);
}
.vkuiButton__modeOutline.vkuiButton__appearanceOverlay.vkuiButton__hover {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover);
}
.vkuiButton__modeOutline.vkuiButton__appearanceOverlay.vkuiButton__active {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--active);
}
.vkuiButton__after:not(:first-child),
.vkuiButton__before:not(:last-child) + .vkuiButton__content {
  margin-left: 6px;
}
.vkuiButton__sizeL .vkuiButton__after:not(:first-child),
.vkuiButton__sizeL .vkuiButton__before:not(:last-child) + .vkuiButton__content {
  margin-left: 8px;
}
.vkuiButton__sizeS .vkuiButton__content {
  font-family: var(--vkui--font_subhead--font_family--regular);
  font-size: var(--vkui--font_subhead--font_size--compact);
  line-height: var(--vkui--font_subhead--line_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__sizeS .vkuiButton__content {
  font-family: var(--vkui--font_subhead--font_family--regular);
  font-size: var(--vkui--font_subhead--font_size--regular);
  line-height: var(--vkui--font_subhead--line_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeS .vkuiButton__content {
    font-family: var(--vkui--font_subhead--font_family--regular);
    font-size: var(--vkui--font_subhead--font_size--regular);
    line-height: var(--vkui--font_subhead--line_height--regular);
  }
}
.vkuiButton__sizeM .vkuiButton__content {
  font-family: var(--vkui--font_headline2--font_family--regular);
  font-size: var(--vkui--font_headline2--font_size--compact);
  line-height: var(--vkui--font_headline2--line_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__sizeM .vkuiButton__content {
  font-family: var(--vkui--font_headline2--font_family--regular);
  font-size: var(--vkui--font_headline2--font_size--regular);
  line-height: var(--vkui--font_headline2--line_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeM .vkuiButton__content {
    font-family: var(--vkui--font_headline2--font_family--regular);
    font-size: var(--vkui--font_headline2--font_size--regular);
    line-height: var(--vkui--font_headline2--line_height--regular);
  }
}
.vkuiButton__sizeL .vkuiButton__content {
  font-family: var(--vkui--font_headline1--font_family--regular);
  font-size: var(--vkui--font_headline1--font_size--compact);
  line-height: var(--vkui--font_headline1--line_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__sizeL .vkuiButton__content {
  font-family: var(--vkui--font_headline1--font_family--regular);
  font-size: var(--vkui--font_headline1--font_size--regular);
  line-height: var(--vkui--font_headline1--line_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeL .vkuiButton__content {
    font-family: var(--vkui--font_headline1--font_family--regular);
    font-size: var(--vkui--font_headline1--font_size--regular);
    line-height: var(--vkui--font_headline1--line_height--regular);
  }
}
.vkuiButton__sizeYRegular.vkuiButton__sizeL.vkuiButton__ios .vkuiButton__content {
  font-family: var(--vkui--font_title3--font_family--regular);
  font-size: var(--vkui--font_title3--font_size--regular);
  line-height: var(--vkui--font_title3--line_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeL.vkuiButton__ios .vkuiButton__content {
    font-family: var(--vkui--font_title3--font_family--regular);
    font-size: var(--vkui--font_title3--font_size--regular);
    line-height: var(--vkui--font_title3--line_height--regular);
  }
}
.vkuiButton__sizeM {
  min-height: var(--vkui--size_button_medium_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__sizeM {
  min-height: var(--vkui--size_button_medium_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeM {
    min-height: var(--vkui--size_button_medium_height--regular);
  }
}
.vkuiButton__sizeM.vkuiButton__singleIcon {
  width: var(--vkui--size_button_medium_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__sizeM.vkuiButton__singleIcon {
  width: var(--vkui--size_button_medium_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeM.vkuiButton__singleIcon {
    width: var(--vkui--size_button_medium_height--regular);
  }
}
.vkuiButton__sizeL {
  min-height: var(--vkui--size_button_large_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__sizeL {
  min-height: var(--vkui--size_button_large_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeL {
    min-height: var(--vkui--size_button_large_height--regular);
  }
}
.vkuiButton__sizeL.vkuiButton__singleIcon {
  width: var(--vkui--size_button_large_height--compact);
}
.vkuiButton__sizeYRegular.vkuiButton__sizeL.vkuiButton__singleIcon {
  width: var(--vkui--size_button_large_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone.vkuiButton__sizeL.vkuiButton__singleIcon {
    width: var(--vkui--size_button_large_height--regular);
  }
}
.vkuiButton__sizeYRegular {
  min-height: var(--vkui--size_button_small_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiButton__sizeYNone {
    min-height: var(--vkui--size_button_small_height--regular);
  }
}
.vkuiButton__modePrimary.vkuiButton__appearanceAccent {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_content);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_accent_themed);
}
.vkuiButton__modeOutline.vkuiButton__appearanceAccent,
.vkuiButton__modeSecondary.vkuiButton__appearanceAccent,
.vkuiButton__modeTertiary.vkuiButton__appearanceAccent {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_accent_themed);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed);
}
.vkuiButton__modePrimary.vkuiButton__appearancePositive {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_positive);
}
.vkuiButton__modeOutline.vkuiButton__appearancePositive,
.vkuiButton__modeSecondary.vkuiButton__appearancePositive,
.vkuiButton__modeTertiary.vkuiButton__appearancePositive {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_positive);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNegative {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_negative);
}
.vkuiButton__modeOutline.vkuiButton__appearanceNegative,
.vkuiButton__modeSecondary.vkuiButton__appearanceNegative,
.vkuiButton__modeTertiary.vkuiButton__appearanceNegative {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_negative);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast);
}
.vkuiButton__modePrimary.vkuiButton__appearanceNeutral {
  --vkui_internal--counter_inherit_background:var(--vkui--color_text_contrast_themed);
  --vkui_internal--counter_inherit_color:var(--vkui--color_background_content_inverse);
}
.vkuiButton__modeOutline.vkuiButton__appearanceNeutral,
.vkuiButton__modeSecondary.vkuiButton__appearanceNeutral,
.vkuiButton__modeTertiary.vkuiButton__appearanceNeutral {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_accent);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast);
}
.vkuiButton__modePrimary.vkuiButton__appearanceOverlay {
  --vkui_internal--counter_inherit_background:var(--vkui--color_icon_primary_invariably);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast);
}
.vkuiButton__modeOutline.vkuiButton__appearanceOverlay,
.vkuiButton__modeSecondary.vkuiButton__appearanceOverlay,
.vkuiButton__modeTertiary.vkuiButton__appearanceOverlay {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_primary_invariably);
}
.vkuiIconButton__host {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  color: currentColor;
  background: 0 0;
  border: 0;
  border-radius: 9999px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 48px;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
.vkuiIconButton__host .vkuiIcon {
  box-sizing: initial;
}
.vkuiIconButton__sizeYCompact {
  height: 44px;
}
.vkuiIconButton__host[disabled] {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiIconButton__ios {
  border-radius: var(--vkui--size_border_radius--regular);
}
.vkuiIconButton__host .vkuiIcon--16 {
  padding: 16px;
}
.vkuiIconButton__host .vkuiIcon--16.vkuiIcon--w-8 {
  padding: 16px 14px;
}
.vkuiIconButton__sizeYCompact .vkuiIcon--16,
.vkuiIconButton__sizeYCompact .vkuiIcon--16.vkuiIcon--w-8 {
  padding: 14px;
}
.vkuiIconButton__host .vkuiIcon--24 {
  padding: 12px;
}
.vkuiIconButton__host .vkuiIcon--28,
.vkuiIconButton__sizeYCompact .vkuiIcon--24 {
  padding: 10px;
}
.vkuiIconButton__sizeYCompact .vkuiIcon--28 {
  padding: 8px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiIconButton__sizeYNone {
    height: 44px;
  }
  .vkuiIconButton__sizeYNone .vkuiIcon--16,
  .vkuiIconButton__sizeYNone .vkuiIcon--16.vkuiIcon--w-8 {
    padding: 14px;
  }
  .vkuiIconButton__sizeYNone .vkuiIcon--24 {
    padding: 10px;
  }
  .vkuiIconButton__sizeYNone .vkuiIcon--28 {
    padding: 8px;
  }
}
.vkuiInternalFormField__after .vkuiIconButton__host,
.vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .vkuiIconButton__host,
.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content > .vkuiIconButton__host {
  border-radius: var(--vkui--size_border_radius--regular);
  height: var(--vkui--size_field_height--regular);
  width: var(--vkui--size_field_height--regular);
  place-content: center;
  align-items: center;
  display: flex;
}
.vkuiInternalFormField__after .vkuiIconButton__host .vkuiIcon.vkuiIcon.vkuiIcon {
  padding: 0;
}
.vkuiInternalFormField__after .vkuiIconButton__sizeYCompact {
  height: var(--vkui--size_field_height--compact);
  width: var(--vkui--size_field_height--compact);
}
.vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .vkuiIconButton__sizeYCompact,
.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content > .vkuiIconButton__sizeYCompact {
  height: var(--vkui--size_field_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiInternalFormField__after .vkuiIconButton__sizeYNone {
    height: var(--vkui--size_field_height--compact);
    width: var(--vkui--size_field_height--compact);
  }
  .vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .vkuiIconButton__sizeYNone,
  .vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content > .vkuiIconButton__sizeYNone {
    height: var(--vkui--size_field_height--compact);
  }
}
.vkuiInternalSimpleCell__after .vkuiIconButton__host:last-child {
  margin-right: -12px;
}
.vkuiInternalSimpleCell__after .vkuiIconButton__ios:last-child {
  margin-right: -9px;
}
.vkuiInternalAlert__dismiss.vkuiIconButton__host {
  height: 36px;
  padding: 8px;
}
.vkuiToolButton__host {
  border-radius: var(--vkui--size_border_radius_paper--regular);
  box-sizing: border-box;
  font-family: var(--vkui--font_caption1--font_family--regular);
  font-size: var(--vkui--font_caption1--font_size--regular);
  line-height: var(--vkui--font_caption1--line_height--regular);
  padding: var(--vkui--spacing_size_m);
  border: 0;
  flex-grow: 1;
  flex-basis: 0;
  align-items: center;
  width: 100%;
  margin: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}
.vkuiToolButton__withFakeEndIcon {
  padding-right: var(--vkui--spacing_size_xl);
}
.vkuiToolButton__rounded {
  border-radius: var(--vkui--size_border_radius_rounded--regular);
}
.vkuiToolButton__sizeYRegular {
  font-family: var(--vkui--font_subhead--font_family--regular);
  font-size: var(--vkui--font_subhead--font_size--regular);
  line-height: var(--vkui--font_subhead--line_height--regular);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiToolButton__sizeYNone {
    font-family: var(--vkui--font_subhead--font_family--regular);
    font-size: var(--vkui--font_subhead--font_size--regular);
    line-height: var(--vkui--font_subhead--line_height--regular);
  }
}
.vkuiToolButton__host[disabled] {
  opacity: var(--vkui--opacity_disable);
}
.vkuiToolButton__directionRow {
  flex-direction: row;
  justify-content: flex-start;
}
.vkuiToolButton__directionColumn {
  flex-direction: column;
  justify-content: center;
}
.vkuiToolButton__directionRow .vkuiToolButton__text {
  margin-left: 4px;
}
.vkuiToolButton__directionColumn .vkuiToolButton__text {
  margin-top: 4px;
}
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceAccent {
  background-color: var(--vkui--color_background_accent_themed);
}
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceAccent.vkuiToolButton__hover {
  background-color: var(--vkui--color_background_accent_themed--hover);
}
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceAccent.vkuiToolButton__active {
  background-color: var(--vkui--color_background_accent_themed--active);
}
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceNeutral {
  background-color: var(--vkui--color_background_content_inverse);
}
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceNeutral.vkuiToolButton__hover {
  background-color: var(--vkui--color_background_content_inverse--hover);
}
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceNeutral.vkuiToolButton__active {
  background-color: var(--vkui--color_background_content_inverse--active);
}
.vkuiToolButton__modeSecondary {
  background-color: var(--vkui--color_background_secondary);
}
.vkuiToolButton__modeSecondary.vkuiToolButton__hover {
  background-color: var(--vkui--color_background_secondary--hover);
}
.vkuiToolButton__modeSecondary.vkuiToolButton__active {
  background-color: var(--vkui--color_background_secondary--active);
}
.vkuiToolButton__modeOutline,
.vkuiToolButton__modeTertiary {
  background-color: var(--vkui--color_transparent);
}
.vkuiToolButton__modeOutline.vkuiToolButton__hover,
.vkuiToolButton__modeTertiary.vkuiToolButton__hover {
  background-color: var(--vkui--color_transparent--hover);
}
.vkuiToolButton__modeOutline.vkuiToolButton__active,
.vkuiToolButton__modeTertiary.vkuiToolButton__active {
  background-color: var(--vkui--color_transparent--active);
}
.vkuiToolButton__host.vkuiToolButton__appearanceAccent {
  color: var(--vkui--color_text_accent_themed);
}
.vkuiToolButton__host.vkuiToolButton__appearanceNeutral {
  color: var(--vkui--color_text_primary);
}
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceAccent,
.vkuiToolButton__modePrimary.vkuiToolButton__appearanceNeutral {
  color: var(--vkui--color_text_contrast_themed);
}
.vkuiToolButton__modeOutline.vkuiToolButton__appearanceAccent,
.vkuiToolButton__modeOutline.vkuiToolButton__appearanceAccent.vkuiToolButton__active,
.vkuiToolButton__modeOutline.vkuiToolButton__appearanceAccent.vkuiToolButton__hover {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);
}
.vkuiToolButton__modeOutline.vkuiToolButton__appearanceNeutral {
  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);
}
.vkuiToolButton__modeOutline.vkuiToolButton__appearanceNeutral.vkuiToolButton__hover {
  background-color: var(--vkui--color_background_secondary--hover);
  box-shadow: unset;
}
.vkuiToolButton__modeOutline.vkuiToolButton__appearanceNeutral.vkuiToolButton__active {
  background-color: var(--vkui--color_background_secondary--active);
  box-shadow: unset;
}
.vkuiRoot__host {
  --vkui_internal--root_animation_opacity_initial:0;
  --vkui_internal--root_animation_transform_initial:scale(1.05);
  --vkui_internal--root_animation_duration:.3s;
  width: 100%;
  height: 100%;
  position: relative;
}
.vkuiRoot__ios {
  --vkui_internal--root_animation_opacity_initial:1;
  --vkui_internal--root_animation_transform_initial:translate3d(0,100%,0);
  --vkui_internal--root_animation_duration:.6s;
}
.vkuiRoot__transition {
  pointer-events: none;
}
.vkuiRoot__view {
  width: 100%;
  height: 100%;
  position: relative;
}
.vkuiRoot__viewShowForward {
  animation: vkuiRoot__root-animation-show-forward var(--vkui_internal--root_animation_duration)var(--vkui--animation_easing_platform);
}
.vkuiRoot__viewHideBack {
  animation: vkuiRoot__root-animation-hide-back var(--vkui_internal--root_animation_duration)var(--vkui--animation_easing_platform)forwards;
}
.vkuiRoot__transition .vkuiRoot__view {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.vkuiRoot__scrollCompensation {
  width: 100%;
  height: 100%;
}
.vkuiRoot__ios .vkuiRoot__viewHideForward:after,
.vkuiRoot__ios .vkuiRoot__viewShowBack:after {
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiRoot__ios .vkuiRoot__viewShowBack:after {
  animation: vkuiRoot__root-ios-overlay-animation-show-back var(--vkui_internal--root_animation_duration)var(--vkui--animation_easing_platform)forwards;
}
.vkuiRoot__ios .vkuiRoot__viewHideForward:after {
  animation: vkuiRoot__root-ios-overlay-animation-hide-forward var(--vkui_internal--root_animation_duration)var(--vkui--animation_easing_platform);
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiRoot__host {
    --vkui_internal--root_animation_transform_initial:1;
  }
  .vkuiRoot__ios {
    --vkui_internal--root_animation_opacity_initial:0;
    --vkui_internal--root_animation_transform_initial:1;
  }
}
@keyframes vkuiRoot__root-animation-hide-back {
  0% {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: var(--vkui_internal--root_animation_opacity_initial);
    transform: var(--vkui_internal--root_animation_transform_initial);
  }
}
@keyframes vkuiRoot__root-animation-show-forward {
  0% {
    opacity: var(--vkui_internal--root_animation_opacity_initial);
    transform: var(--vkui_internal--root_animation_transform_initial);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes vkuiRoot__root-ios-overlay-animation-show-back {
  0% {
    opacity: .3;
  }
  to {
    opacity: 0;
  }
}
@keyframes vkuiRoot__root-ios-overlay-animation-hide-forward {
  0% {
    opacity: 0;
  }
  to {
    opacity: .3;
  }
}
.vkuiView__host {
  --vkui_internal--view_animation_translateY_initial:80px;
  word-wrap: break-word;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiView__host {
    --vkui_internal--view_animation_translateY_initial:0;
  }
}
.vkuiView__animated,
.vkuiView__swipingBack {
  overflow: hidden;
}
.vkuiView__panelOverlay {
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: var(--vkui_internal--z_index_panel_header_fade);
  background-color: #000;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiView__panelPrev .vkuiView__panelOverlay {
  animation: vkuiView__animation-ios-overlay-fade-in .6s var(--vkui--animation_easing_platform);
  display: block;
}
.vkuiView__panelNext .vkuiView__panelOverlay {
  animation: vkuiView__animation-ios-overlay-fade-out .6s var(--vkui--animation_easing_platform)forwards;
  display: block;
}
.vkuiView__panelActive .vkuiView__panelOverlay,
.vkuiView__panelNext ~ .vkuiView__panelPrev .vkuiView__panelOverlay,
.vkuiView__panelPrev ~ .vkuiView__panelNext .vkuiView__panelOverlay {
  display: none;
}
.vkuiView__panelSwipeBackNext .vkuiView__panelOverlay {
  background-color: #0000001a;
}
.vkuiView__panelSwipeBackNext.vkuiView__panelSwipeBackFailed .vkuiView__panelOverlay,
.vkuiView__panelSwipeBackNext.vkuiView__panelSwipeBackSuccess .vkuiView__panelOverlay {
  transition: opacity .3s var(--vkui--animation_easing_platform);
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiView__panelNext .vkuiView__panelOverlay,
  .vkuiView__panelPrev .vkuiView__panelOverlay {
    animation: none;
    display: none;
  }
}
.vkuiView__panels {
  width: 100%;
  height: 100%;
}
.vkuiView__panelIn {
  height: 100%;
}
.vkuiView__panel {
  box-sizing: border-box;
  isolation: isolate;
  width: 100%;
  height: 100%;
  position: relative;
}
.vkuiView__animated .vkuiView__header,
.vkuiView__animated .vkuiView__panel,
.vkuiView__swipingBack .vkuiView__header,
.vkuiView__swipingBack .vkuiView__panel {
  pointer-events: none;
}
.vkuiView__animated .vkuiView__panel,
.vkuiView__swipingBack .vkuiView__panel {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.vkuiView__ios .vkuiView__panelSwipeBackNext.vkuiView__panelSwipeBackFailed,
.vkuiView__ios .vkuiView__panelSwipeBackNext.vkuiView__panelSwipeBackSuccess,
.vkuiView__ios .vkuiView__panelSwipeBackPrev.vkuiView__panelSwipeBackFailed,
.vkuiView__ios .vkuiView__panelSwipeBackPrev.vkuiView__panelSwipeBackSuccess {
  transition: transform .3s var(--vkui--animation_easing_platform);
}
.vkuiView__ios .vkuiView__panelSwipeBackNext.vkuiView__panelSwipeBackSuccess,
.vkuiView__ios .vkuiView__panelSwipeBackPrev.vkuiView__panelSwipeBackFailed {
  transform: translateZ(0);
}
.vkuiView__ios .vkuiView__panelSwipeBackPrev.vkuiView__panelSwipeBackSuccess {
  transform: translate(100%);
}
.vkuiView__ios .vkuiView__panelSwipeBackNext.vkuiView__panelSwipeBackFailed {
  transform: translate(-50%);
}
.vkuiView__panelNext ~ .vkuiView__panelPrev {
  animation: vkuiView__animation-view-prev-back .3s var(--vkui--animation_easing_platform)forwards;
}
.vkuiView__panelPrev ~ .vkuiView__panelNext {
  animation: vkuiView__animation-view-next-forward .3s var(--vkui--animation_easing_platform);
}
.vkuiView__ios .vkuiView__panelPrev {
  animation: vkuiView__animation-ios-prev-forward .6s var(--vkui--animation_easing_platform);
}
.vkuiView__ios .vkuiView__panelNext {
  animation: vkuiView__animation-ios-next-back .6s var(--vkui--animation_easing_platform);
}
.vkuiView__ios .vkuiView__panelPrev ~ .vkuiView__panelNext {
  animation: vkuiView__animation-ios-next-forward .6s var(--vkui--animation_easing_platform);
}
.vkuiView__ios .vkuiView__panelNext ~ .vkuiView__panelPrev {
  animation: vkuiView__animation-ios-prev-back .6s var(--vkui--animation_easing_platform)forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiView__ios .vkuiView__panelNext,
  .vkuiView__ios .vkuiView__panelPrev {
    animation: none;
  }
  .vkuiView__ios .vkuiView__panelNext ~ .vkuiView__panelPrev {
    animation-name: vkuiView__animation-view-prev-back;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  .vkuiView__ios .vkuiView__panelPrev ~ .vkuiView__panelNext {
    animation-name: vkuiView__animation-view-next-forward;
    animation-duration: .3s;
    animation-fill-mode: none;
  }
}
.vkuiView__ios.vkuiView__noMotion .vkuiView__panel,
.vkuiView__ios.vkuiView__noMotion .vkuiView__panel .vkuiInternalPanel__in,
.vkuiView__noMotion .vkuiView__panel {
  animation: none;
}
@keyframes vkuiView__animation-view-prev-back {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));
  }
}
@keyframes vkuiView__animation-view-next-forward {
  0% {
    opacity: 0;
    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes vkuiView__animation-ios-next-forward {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes vkuiView__animation-ios-next-back {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes vkuiView__animation-ios-prev-forward {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate(-50%);
  }
}
@keyframes vkuiView__animation-ios-prev-back {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes vkuiView__animation-ios-overlay-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: .3;
  }
}
@keyframes vkuiView__animation-ios-overlay-fade-out {
  0% {
    opacity: .3;
  }
  to {
    opacity: 0;
  }
}
.vkuiPanel__host {
  width: 100%;
  height: 100%;
  position: relative;
}
.vkuiPanel__in {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}
.vkuiPanel__centered {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiPanel__centered .vkuiInternalPanelHeader--static + * {
  margin-top: var(--vkui_internal--panel_header_height);
}
.vkuiPanel__sizeXCompact .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * {
  margin-top: calc(var(--vkui_internal--panel_header_height) + 5px);
}
@media (max-width: 767.9px) {
  .vkuiPanel__sizeXNone .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * {
    margin-top: calc(var(--vkui_internal--panel_header_height) + 5px);
  }
}
.vkuiPanel__sizeXRegular .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * {
  margin-top: calc(var(--vkui_internal--panel_header_height) + 16px);
}
@media (min-width: 768px) {
  .vkuiPanel__sizeXNone .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * {
    margin-top: calc(var(--vkui_internal--panel_header_height) + 16px);
  }
}
.vkuiInternalView--ios .vkuiPanel__in {
  padding-bottom: var(--vkui_internal--safe_area_inset_bottom);
  padding-left: var(--vkui_internal--safe_area_inset_left);
  padding-right: var(--vkui_internal--safe_area_inset_right);
  padding-top: 0;
}
.vkuiInternalEpic--hasTabbar .vkuiPanel__in {
  padding-bottom: calc(var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height));
}
.vkuiPanel__inBefore {
  height: 1px;
  margin-bottom: -1px;
}
.vkuiPanel__inAfter {
  height: 1px;
  margin-top: -1px;
}
.vkuiPanel__modeNone .vkuiPanel__in,
.vkuiPanel__modePlain .vkuiPanel__in {
  background: var(--vkui--color_background_content);
}
.vkuiPanel__modeCard .vkuiPanel__in {
  background: var(--vkui--color_background);
}
@media (min-width: 768px) {
  .vkuiPanel__modeNone .vkuiPanel__in {
    background: var(--vkui--color_background);
  }
}
.vkuiPanel__disableBackground .vkuiPanel__in {
  background: 0 0;
}
.vkuiPanelHeaderButton__host {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  color: currentColor;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
.vkuiPanelHeaderButton__host .vkuiIcon {
  box-sizing: initial;
}
.vkuiPanelHeaderButton__host[disabled] {
  opacity: .6;
}
.vkuiPanelHeaderButton__primitive {
  height: 48px;
  padding: 0 10px;
  line-height: 48px;
}
.vkuiPanelHeaderButton__ios {
  align-items: center;
  font-size: 17px;
  display: flex;
  position: relative;
}
.vkuiPanelHeaderButton__ios.vkuiPanelHeaderButton__primitive {
  height: 44px;
  line-height: 44px;
}
.vkuiPanelHeaderButton__ios .vkuiIcon--24 {
  padding: 10px;
}
.vkuiPanelHeaderButton__ios .vkuiIcon--28 {
  padding: 8px;
}
.vkuiPanelHeaderButton__backIos .vkuiIcon--w-20 {
  padding-left: 4px;
}
.vkuiPanelHeaderButton__android.vkuiPanelHeaderButton__notPrimitive {
  border-radius: 50%;
}
.vkuiPanelHeaderButton__android .vkuiIcon--24,
.vkuiPanelHeaderButton__android .vkuiIcon--28 {
  padding: 10px;
}
.vkuiPanelHeaderButton__vkcom {
  color: var(--vkui--color_text_secondary);
}
.vkuiPanelHeaderButton__backVkcom .vkuiIcon {
  color: var(--vkui--color_icon_secondary);
}
.vkuiPanelHeaderButton__vkcom > :not(.vkuiInternalBadge):not(.vkuiInternalCounter) {
  opacity: .7;
  transition: opacity .3s;
}
.vkuiPanelHeaderButton__vkcom.vkuiPanelHeaderButton__active > :not(.vkuiInternalCounter):not(.vkuiInternalBadge),
.vkuiPanelHeaderButton__vkcom.vkuiPanelHeaderButton__hover > :not(.vkuiInternalCounter):not(.vkuiInternalBadge) {
  opacity: 1;
}
.vkuiPanelHeaderButton__vkcom {
  align-items: center;
  padding: 10px;
  display: flex;
}
.vkuiPanelHeaderButton__vkcom.vkuiPanelHeaderButton__notPrimitive {
  border-radius: 50%;
}
.vkuiPanelHeaderButton__backVkcom.vkuiPanelHeaderButton__backHasLabel {
  padding-right: 11px;
}
@media (min-width: 768px) {
  .vkuiPanelHeaderButton__backIos.vkuiPanelHeaderButton__backHasLabel:not(.vkuiPanelHeaderButton__backSizeXCompact) {
    padding-right: 8px;
  }
}
.vkuiPanelHeaderButton__backSizeXCompact.vkuiPanelHeaderButton__backIos .vkuiPanelHeaderButton__label {
  display: none;
}
@media (max-width: 767.9px) {
  .vkuiPanelHeaderButton__backSizeXNone.vkuiPanelHeaderButton__backIos .vkuiPanelHeaderButton__label {
    display: none;
  }
}
.vkuiPanelHeaderButton__host .vkuiInternalCounter {
  padding: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}
.vkuiPanelHeaderButton__host .vkuiIcon--24 ~ .vkuiInternalCounter,
.vkuiPanelHeaderButton__ios .vkuiInternalCounter {
  top: 2px;
  right: 2px;
}
.vkuiPanelHeaderButton__host .vkuiInternalBadge {
  position: absolute;
  top: 8px;
  right: 8px;
}
.vkuiPanelHeaderButton__host .vkuiIcon--24 ~ .vkuiInternalBadge,
.vkuiPanelHeaderButton__ios .vkuiInternalBadge {
  top: 6px;
  right: 6px;
}
.vkuistyles__-spacing--2xs {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_2xs);
}
.vkuistyles__-spacing--xs {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_xs);
}
.vkuistyles__-spacing--s {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_s);
}
.vkuistyles__-spacing--m {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_m);
}
.vkuistyles__-spacing--l {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_l);
}
.vkuistyles__-spacing--xl {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_xl);
}
.vkuistyles__-spacing--2xl {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_2xl);
}
.vkuistyles__-spacing--3xl {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_3xl);
}
.vkuistyles__-spacing--4xl {
  --vkui_internal--spacing_size:var(--vkui--spacing_size_4xl);
}
.vkuiSeparator__appearancePrimary {
  color: var(--vkui--color_separator_primary);
}
.vkuiSeparator__appearanceSecondary {
  color: var(--vkui--color_separator_secondary);
}
.vkuiSeparator__appearancePrimaryAlpha {
  color: var(--vkui--color_separator_primary_alpha);
}
.vkuiSeparator__alignStart {
  --vkui_internal--separator_align:start;
}
.vkuiSeparator__alignEnd {
  --vkui_internal--separator_align:end;
}
.vkuiSeparator__directionVertical {
  align-self: stretch;
  display: inline-flex;
}
.vkuiSeparator__sized.vkuiSeparator__directionHorizontal {
  align-items: var(--vkui_internal--separator_align,center);
  height: var(--vkui_internal--spacing_size);
  display: flex;
}
.vkuiSeparator__sized.vkuiSeparator__directionVertical {
  justify-content: var(--vkui_internal--separator_align,center);
  width: var(--vkui_internal--spacing_size);
}
.vkuiSeparator__in {
  color: inherit;
  background: currentColor;
  border: 0;
  margin: 0;
}
.vkuiSeparator__directionHorizontal .vkuiSeparator__in {
  height: var(--vkui--size_border--regular);
}
.vkuiSeparator__directionVertical .vkuiSeparator__in {
  width: var(--vkui--size_border--regular);
}
.vkuiSeparator__sized.vkuiSeparator__directionHorizontal .vkuiSeparator__in {
  flex: 1 0 auto;
}
.vkuiSeparator__directionHorizontal.vkuiSeparator__padded .vkuiSeparator__in {
  margin-left: var(--vkui--size_base_padding_horizontal--regular);
  margin-right: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiSeparator__directionVertical.vkuiSeparator__padded .vkuiSeparator__in {
  margin-bottom: var(--vkui--size_base_padding_horizontal--regular);
  margin-top: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiInternalModalPage--sizeX-regular .vkuiSeparator__padded {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .vkuiInternalModalPage--sizeX-none .vkuiSeparator__padded {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.vkuiSpacing__host {
  box-sizing: border-box;
  padding-bottom: calc(var(--vkui_internal--spacing_size)/2);
  padding-top: calc(var(--vkui_internal--spacing_size)/2);
  position: relative;
}
.vkuiPanelHeader__host {
  position: relative;
}
.vkuiPanelHeader__static.vkuiPanelHeader__hasFixed:before {
  content: "";
  display: block;
}
.vkuiPanelHeader__host:not(.vkuiPanelHeader__static):not(.vkuiPanelHeader__hasFixed) {
  height: 0;
  z-index: var(--vkui_internal--z_index_panel_header);
}
.vkuiPanelHeader__fixed {
  z-index: var(--vkui_internal--z_index_panel_header);
}
.vkuiPanelHeader__in {
  background: var(--vkui--color_background_content);
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.vkuiPanelHeader__trnsp .vkuiPanelHeader__in {
  background: 0 0;
}
.vkuiPanelHeader__sizeXRegular.vkuiPanelHeader__shadow .vkuiPanelHeader__in {
  box-shadow: 0 0 4px #00000014;
}
@media (min-width: 768px) {
  .vkuiPanelHeader__sizeXNone.vkuiPanelHeader__shadow .vkuiPanelHeader__in {
    box-shadow: 0 0 4px #00000014;
  }
}
.vkuiPanelHeader__before {
  box-sizing: border-box;
  color: var(--vkui--color_icon_accent_themed);
  flex-shrink: 0;
  display: flex;
}
.vkuiPanelHeader__content {
  overflow: hidden;
}
.vkuiPanelHeader__content > * {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.vkuiPanelHeader__contentIn {
  color: var(--vkui--color_text_primary);
  font-family: var(--vkui--font_family_accent);
  font-weight: 500;
}
.vkuiPanelHeader__host:before,
.vkuiPanelHeader__in {
  height: var(--vkui_internal--panel_header_height);
  padding-top: var(--vkui_internal--safe_area_inset_top);
}
.vkuiPanelHeader__after {
  box-sizing: border-box;
  color: var(--vkui--color_icon_accent_themed);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.vkuiPanelHeader__after > :not(:last-child) {
  margin-right: 4px;
}
.vkuiPanelHeader__ios .vkuiPanelHeader__before {
  opacity: 1;
  transition: opacity .3s var(--vkui--animation_easing_platform);
  flex: 1 0 0;
  padding: 4px 0 4px 4px;
}
.vkuiPanelHeader__ios .vkuiPanelHeader__before .vkuiPanelHeader__host + .vkuiPanelHeader__primitive {
  margin-left: -6px;
  padding-left: 0;
}
.vkuiPanelHeader__ios .vkuiPanelHeader__content {
  opacity: 1;
  text-align: center;
  transition: opacity .3s var(--vkui--animation_easing_platform);
}
.vkuiPanelHeader__ios .vkuiPanelHeader__contentIn {
  font-size: 21px;
}
.vkuiPanelHeader__ios .vkuiPanelHeader__content > * {
  padding: 0 4px;
}
.vkuiPanelHeader__ios.vkuiPanelHeader__noBefore .vkuiPanelHeader__content {
  padding-left: 8px;
}
.vkuiPanelHeader__ios.vkuiPanelHeader__noAfter .vkuiPanelHeader__content > * {
  padding-right: 0;
}
.vkuiPanelHeader__ios.vkuiPanelHeader__noAfter .vkuiPanelHeader__content {
  padding-right: 8px;
}
.vkuiPanelHeader__ios .vkuiPanelHeader__after {
  opacity: 1;
  transition: opacity .3s var(--vkui--animation_easing_platform);
  flex: 1 0 0;
  padding: 4px 4px 4px 0;
}
.vkuiPanelHeader__android .vkuiPanelHeader__before:not(:empty) {
  margin-right: -8px;
  padding: 4px 0 4px 4px;
}
.vkuiPanelHeader__android .vkuiPanelHeader__content {
  flex-grow: 1;
  align-items: center;
  max-width: 100%;
}
.vkuiPanelHeader__android .vkuiPanelHeader__contentIn {
  font-size: 23px;
}
.vkuiPanelHeader__android .vkuiPanelHeader__content > * {
  padding: 0 12px;
}
.vkuiPanelHeader__sizeYCompact:not(.vkuiPanelHeader__vkcom) .vkuiPanelHeader__contentIn {
  font-size: 20px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiPanelHeader__sizeYNone:not(.vkuiPanelHeader__vkcom) .vkuiPanelHeader__contentIn {
    font-size: 20px;
  }
}
.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader__android.vkuiPanelHeader__noBefore:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content {
  padding-left: 0;
}
@media (min-width: 768px) {
  .vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader__android.vkuiPanelHeader__noBefore:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content {
    padding-left: 0;
  }
}
.vkuiPanelHeader__android.vkuiPanelHeader__noAfter .vkuiPanelHeader__content > *,
.vkuiPanelHeader__vkcom.vkuiPanelHeader__noAfter .vkuiPanelHeader__content > * {
  padding-right: 0;
}
.vkuiPanelHeader__android.vkuiPanelHeader__noAfter .vkuiPanelHeader__content {
  padding-right: 16px;
}
.vkuiPanelHeader__android.vkuiPanelHeader__noBefore .vkuiPanelHeader__content {
  padding-left: 16px;
}
.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader__android.vkuiPanelHeader__noAfter:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content {
  padding-right: 0;
}
@media (min-width: 768px) {
  .vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader__android.vkuiPanelHeader__noAfter:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content {
    padding-right: 0;
  }
}
.vkuiPanelHeader__android .vkuiPanelHeader__after:not(:empty),
.vkuiPanelHeader__vkcom .vkuiPanelHeader__after:not(:empty) {
  padding: 4px 4px 4px 0;
}
.vkuiPanelHeader__vkcom {
  z-index: var(--vkui_internal--z_index_panel_header);
  position: relative;
}
.vkuiPanelHeader__vkcom.vkuiPanelHeader__sizeXRegular:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader__sep):not(.vkuiPanelHeader__trnsp) .vkuiPanelHeader__in:after {
  background-color: var(--vkui--color_background_content);
  content: "";
  height: var(--vkui--size_border--regular);
  bottom: 0;
  left: var(--vkui--size_border--regular);
  right: var(--vkui--size_border--regular);
  position: absolute;
}
@media (min-width: 768px) {
  .vkuiPanelHeader__vkcom.vkuiPanelHeader__sizeXNone:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader__sep):not(.vkuiPanelHeader__trnsp) .vkuiPanelHeader__in:after {
    background-color: var(--vkui--color_background_content);
    content: "";
    height: var(--vkui--size_border--regular);
    bottom: 0;
    left: var(--vkui--size_border--regular);
    right: var(--vkui--size_border--regular);
    position: absolute;
  }
}
.vkuiPanelHeader__vkcom.vkuiPanelHeader__sizeXRegular:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader__trnsp) .vkuiPanelHeader__in {
  border-top-left-radius: var(--vkui--size_border_radius_paper--regular);
  border-top-right-radius: var(--vkui--size_border_radius_paper--regular);
  box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .vkuiPanelHeader__vkcom.vkuiPanelHeader__sizeXNone:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader__trnsp) .vkuiPanelHeader__in {
    border-top-left-radius: var(--vkui--size_border_radius_paper--regular);
    border-top-right-radius: var(--vkui--size_border_radius_paper--regular);
    box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;
    border-bottom: 0;
  }
}
.vkuiPanelHeader__vkcom .vkuiPanelHeader__content {
  text-align: center;
}
.vkuiPanelHeader__vkcom .vkuiPanelHeader__before:not(:empty) {
  padding: 0 0 0 4px;
}
.vkuiPanelHeader__vkcom .vkuiPanelHeader__after,
.vkuiPanelHeader__vkcom .vkuiPanelHeader__before {
  flex: 1 0 0;
}
.vkuiPanelHeader__separator {
  margin-top: calc(-1*var(--vkui--size_border--regular));
}
.vkuiPanelHeader__noBefore .vkuiPanelHeader__content > * {
  padding-left: 0;
}
.vkuiInternalPanel--centered .vkuiPanelHeader__host {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiPanelHeaderContent__host {
  box-sizing: border-box;
  font-family: var(--vkui--font_family_base);
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: 100%;
  line-height: normal;
  display: flex;
}
.vkuiPanelHeaderContent__before {
  flex-shrink: 0;
  margin-right: 12px;
}
.vkuiPanelHeaderContent__in {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  height: 100%;
  display: flex;
}
.vkuiPanelHeaderContent__childrenIn,
.vkuiPanelHeaderContent__childrenText,
.vkuiPanelHeaderContent__subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vkuiPanelHeaderContent__subtitle {
  color: var(--vkui--color_text_secondary);
  order: 1;
  max-width: 100%;
  margin-top: 1px;
}
.vkuiPanelHeaderContent__children {
  align-items: center;
  max-width: 100%;
  display: flex;
}
.vkuiPanelHeaderContent__childrenIn {
  flex-grow: 0;
  min-width: 0;
}
.vkuiPanelHeaderContent__aside {
  color: var(--vkui--color_icon_accent);
  justify-content: flex-start;
  align-items: center;
  margin-left: 2px;
  display: flex;
}
.vkuiPanelHeaderContent__width {
  width: 1000px;
}
.vkuiPanelHeaderContent__inCentered {
  align-items: center;
}
.vkuiPanelHeaderContent__ios .vkuiPanelHeaderContent__childrenIn {
  font-family: var(--vkui--font_family_accent);
  font-size: 21px;
  font-weight: 500;
  line-height: var(--vkui_internal--panel_header_height);
}
.vkuiPanelHeaderContent__android .vkuiPanelHeaderContent__childrenIn {
  font-family: var(--vkui--font_family_accent);
  font-size: 23px;
  font-weight: 500;
  line-height: var(--vkui_internal--panel_header_height);
}
.vkuiInternalPanelHeader--no-before .vkuiPanelHeaderContent__vkcom {
  padding-left: 16px;
}
.vkuiPanelHeaderContent__sizeYCompact:not(.vkuiPanelHeaderContent__vkcom) .vkuiPanelHeaderContent__childrenIn {
  font-size: 20px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiPanelHeaderContent__sizeYNone:not(.vkuiPanelHeaderContent__vkcom) .vkuiPanelHeaderContent__childrenIn {
    font-size: 20px;
  }
}
.vkuiPanelHeaderContext__host {
  --vkui_internal--PanelHeaderContext__fade_display:none;
  width: 100%;
  height: auto;
  z-index: var(--vkui_internal--z_index_panel_header_context);
}
.vkuiPanelHeaderContext__sizeXCompact {
  --vkui_internal--PanelHeaderContext__fade_display:block;
  height: 100%;
}
@media (max-width: 767.9px) {
  .vkuiPanelHeaderContext__sizeXNone {
    --vkui_internal--PanelHeaderContext__fade_display:block;
    height: 100%;
  }
}
.vkuiPanelHeaderContext__in {
  box-sizing: border-box;
  z-index: 1;
  width: 100%;
  padding: 8px;
  position: absolute;
  left: 0;
}
.vkuiPanelHeaderContext__fade {
  display: var(--vkui_internal--PanelHeaderContext__fade_display);
  z-index: 0;
  background: #0006;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiPanelHeaderContext__opened .vkuiPanelHeaderContext__fade {
  animation: vkuiPanelHeaderContext__animation-panelheadercontext-fade-in var(--vkui--animation_duration_m)ease both;
}
.vkuiPanelHeaderContext__closing .vkuiPanelHeaderContext__fade {
  animation: vkuiPanelHeaderContext__animation-panelheadercontext-fade-out var(--vkui--animation_duration_m)ease both;
}
.vkuiPanelHeaderContext__opened .vkuiPanelHeaderContext__in {
  animation: vkuiPanelHeaderContext__animation-panelheadercontext-translate-in var(--vkui--animation_duration_m)ease both;
}
.vkuiPanelHeaderContext__closing .vkuiPanelHeaderContext__in {
  animation: vkuiPanelHeaderContext__animation-panelheadercontext-translate-out var(--vkui--animation_duration_m)ease both;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiPanelHeaderContext__opened .vkuiPanelHeaderContext__in {
    animation-name: vkuiPanelHeaderContext__animation-panelheadercontext-fade-in;
  }
  .vkuiPanelHeaderContext__closing .vkuiPanelHeaderContext__in {
    animation-name: vkuiPanelHeaderContext__animation-panelheadercontext-fade-out;
  }
}
.vkuiPanelHeaderContext__content {
  background: var(--vkui--color_background_content);
  overflow: hidden;
}
.vkuiPanelHeaderContext__ios .vkuiPanelHeaderContext__in {
  padding: 0;
}
.vkuiPanelHeaderContext__host:not(.vkuiPanelHeaderContext__ios) .vkuiPanelHeaderContext__content,
.vkuiPanelHeaderContext__sizeXRegular.vkuiPanelHeaderContext__ios .vkuiPanelHeaderContext__content {
  border-radius: 12px;
  padding: 8px 0;
}
@media (min-width: 768px) {
  .vkuiPanelHeaderContext__sizeXNone.vkuiPanelHeaderContext__ios .vkuiPanelHeaderContext__content {
    border-radius: 12px;
    padding: 8px 0;
  }
}
.vkuiPanelHeaderContext__sizeXRegular .vkuiPanelHeaderContext__in {
  padding: 12px 8px;
}
.vkuiPanelHeaderContext__sizeXRegular .vkuiPanelHeaderContext__content {
  border-radius: 12px;
  box-shadow: 0 0 4px #00000014, 0 8px 8px #00000029;
}
@media (min-width: 768px) {
  .vkuiPanelHeaderContext__sizeXNone .vkuiPanelHeaderContext__in {
    padding: 12px 8px;
  }
  .vkuiPanelHeaderContext__sizeXNone .vkuiPanelHeaderContext__content {
    border-radius: 12px;
    box-shadow: 0 0 4px #00000014, 0 8px 8px #00000029;
  }
}
@keyframes vkuiPanelHeaderContext__animation-panelheadercontext-translate-in {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes vkuiPanelHeaderContext__animation-panelheadercontext-translate-out {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes vkuiPanelHeaderContext__animation-panelheadercontext-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vkuiPanelHeaderContext__animation-panelheadercontext-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.vkuiSplitLayout__host {
  width: 100%;
  height: 100%;
  position: relative;
}
.vkuiSplitLayout__inner {
  width: 100%;
  height: 100%;
  display: flex;
}
.vkuiSplitLayout__innerHeader {
  z-index: var(--vkui_internal--z_index_split_layout_panel_header);
  position: relative;
}
.vkuiSplitLayout__innerHeader,
.vkuiSplitLayout__ios .vkuiSplitLayout__innerHeader {
  margin-top: calc(-1*(var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top)));
}
.vkuiSplitLayout__innerCenter {
  justify-content: center;
}
.vkuiSplitCol__host {
  flex-grow: 1;
  flex-shrink: 1;
  width: 1px;
  height: 100%;
  position: relative;
}
.vkuiSplitCol__viewWidthSmallTabletPlus.vkuiSplitCol__spacedAuto {
  margin-bottom: 0;
  margin-left: var(--vkui--size_split_col_padding_horizontal--regular);
  margin-right: var(--vkui--size_split_col_padding_horizontal--regular);
  margin-top: 0;
}
@media (min-width: 768px) {
  .vkuiSplitCol__viewWidthNone.vkuiSplitCol__spacedAuto {
    margin-bottom: 0;
    margin-left: var(--vkui--size_split_col_padding_horizontal--regular);
    margin-right: var(--vkui--size_split_col_padding_horizontal--regular);
    margin-top: 0;
  }
}
.vkuiSplitCol__viewWidthTabletMinus.vkuiSplitCol__stretchedOnMobile {
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 1023.9px) {
  .vkuiSplitCol__viewWidthNone.vkuiSplitCol__stretchedOnMobile {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.vkuiSplitCol__fixed {
  flex-grow: 1;
  flex-shrink: 1;
  width: 1px;
  height: 100%;
}
.vkuiSplitCol__fixedInner {
  height: inherit;
  max-width: inherit;
  min-width: inherit;
  width: inherit;
  position: fixed;
  top: 0;
  overflow: hidden;
  transform: translateZ(0);
}
.vkuiEpic__host {
  width: 100%;
  height: 100%;
}
.vkuiInternalEpic--hasTabbar.vkuiEpic__host {
  --vkui_internal--snackbar_safe_area_inset_bottom:calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom));
}
.vkuiTabbar__host {
  background: var(--vkui--color_background_tertiary);
  box-sizing: initial;
  height: var(--vkui_internal--tabbar_height);
  padding-bottom: var(--vkui_internal--safe_area_inset_bottom);
  width: 100%;
  z-index: var(--vkui_internal--z_index_tabs);
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.vkuiTabbar__shadow {
  box-shadow: var(--vkui--elevation3);
}
.vkuiTabbar__ios.vkuiTabbar__shadow {
  box-shadow: none;
}
.vkuiTabbar__ios.vkuiTabbar__shadow:before {
  background: var(--vkui--color_separator_primary_alpha);
  content: "";
  height: var(--vkui--size_border--regular);
  width: 100%;
  position: absolute;
  left: 0;
}
.vkuiTabbarItem__host {
  color: var(--vkui--color_tabbar_text_inactive);
  height: var(--vkui_internal--tabbar_height);
  outline: var(--vkui_internal--outline-reset);
  background: 0 0;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}
.vkuiInternalTabbar .vkuiTabbarItem__host {
  flex: 1 0 0;
  min-width: 0;
  max-width: 100%;
}
.vkuiTabbarItem__selected {
  color: var(--vkui--color_text_accent_themed);
}
.vkuiTabbarItem__tappable {
  position: absolute;
}
.vkuiTabbarItem__in {
  box-sizing: border-box;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4px 2px 2px;
  display: flex;
  overflow: hidden;
}
.vkuiInternalTabbar--layout-vertical .vkuiTabbarItem__in {
  flex-direction: column;
}
.vkuiInternalTabbar--layout-horizontal .vkuiTabbarItem__in {
  flex-direction: row;
}
.vkuiTabbarItem__icon {
  color: var(--vkui--color_icon_secondary);
  position: relative;
}
.vkuiTabbarItem__selected .vkuiTabbarItem__icon {
  color: var(--vkui--color_icon_accent_themed);
}
.vkuiTabbarItem__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}
.vkuiInternalTabbar--layout-vertical .vkuiTabbarItem__label {
  --vkui--font_footnote--font_size--regular:10px;
  --vkui--font_footnote--line_height--regular:12px;
  margin-top: 2px;
}
.vkuiInternalTabbar--layout-horizontal .vkuiTabbarItem__label {
  margin-left: 8px;
}
.vkuiTabbarItem__android .vkuiTabbarItem__tappable {
  border-radius: 50%;
  width: calc(100% + 16px);
  padding-bottom: calc(100% + 16px);
}
.vkuiTabbarItem__android:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.vkuiTabbarItem__android:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.vkuiTabbarItem__ios .vkuiTabbarItem__tappable {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.vkuiTabbarItem__ios .vkuiTabbarItem__in {
  transition: transform 70ms var(--vkui--animation_easing_platform);
}
.vkuiTabbarItem__ios .vkuiTabbarItem__tappableActive + .vkuiTabbarItem__in {
  transform: scale(.96);
}
.vkuiScrollArrow__host {
  background-color: initial;
  cursor: pointer;
  transition: opacity .15s;
  transition-timing-function: var(--vkui--animation_easing_platform);
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  border: 0;
  justify-content: center;
  padding: 0;
  display: flex;
}
.vkuiScrollArrow__directionLeft,
.vkuiScrollArrow__directionRight {
  flex-direction: column;
  height: 100%;
}
.vkuiScrollArrow__directionDown,
.vkuiScrollArrow__directionUp {
  flex-direction: row;
  width: 100%;
}
.vkuiScrollArrow__icon {
  background-color: var(--vkui--color_background_contrast_themed);
  box-shadow: var(--vkui--elevation3);
  color: var(--vkui--color_icon_secondary);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.vkuiScrollArrow__sizeS .vkuiScrollArrow__icon {
  border-radius: 14px;
  width: 28px;
  height: 28px;
}
.vkuiScrollArrow__sizeM .vkuiScrollArrow__icon {
  border-radius: 24px;
  width: 40px;
  height: 40px;
}
.vkuiScrollArrow__directionLeft {
  padding-left: var(--vkui--size_base_padding_horizontal--regular,16px);
  left: 0;
}
.vkuiScrollArrow__directionRight {
  padding-right: var(--vkui--size_base_padding_horizontal--regular,16px);
  right: 0;
}
.vkuiScrollArrow__directionUp {
  padding-top: var(--vkui--size_base_padding_horizontal--regular,16px);
  top: 0;
}
.vkuiScrollArrow__directionDown {
  padding-bottom: var(--vkui--size_base_padding_horizontal--regular,16px);
  bottom: 0;
}
.vkuiScrollArrow__directionLeft .vkuiScrollArrow__defaultIcon {
  transform: rotate(180deg);
}
.vkuiScrollArrow__directionUp .vkuiScrollArrow__defaultIcon {
  transform: rotate(-90deg);
}
.vkuiScrollArrow__directionDown .vkuiScrollArrow__defaultIcon {
  transform: rotate(90deg);
}
.vkuiHorizontalScroll__host {
  isolation: isolate;
  position: relative;
  overflow-x: hidden;
}
.vkuiHorizontalScroll__in {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overflow-x: auto;
}
.vkuiHorizontalScroll__in::-webkit-scrollbar {
  display: none;
}
.vkuiHorizontalScroll__inWrapper {
  align-items: stretch;
  transition: transform .2s;
  display: flex;
}
.vkuiHorizontalScroll__arrow {
  opacity: 0;
  z-index: var(--vkui_internal--z_index_horizontal_scroll_arrow);
  position: absolute;
  top: 0;
}
.vkuiHorizontalScroll__host:hover .vkuiHorizontalScroll__arrow {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiHorizontalScroll__host .vkuiHorizontalScroll__arrow:hover,
.vkuiHorizontalScroll__withConstArrows .vkuiHorizontalScroll__arrow,
.vkuiHorizontalScroll__withConstArrows:hover .vkuiHorizontalScroll__arrow {
  opacity: 1;
}
.vkuiHorizontalScroll__arrowLeft:hover ~ .vkuiHorizontalScroll__in .vkuiHorizontalScroll__inWrapper {
  transform: translate(8px);
}
.vkuiHorizontalScroll__arrowRight:hover ~ .vkuiHorizontalScroll__in .vkuiHorizontalScroll__inWrapper {
  transform: translate(-8px);
}
.vkuiInternalTabs .vkuiHorizontalScroll__host {
  min-width: 100%;
}
.vkuiInternalTabs--withGaps .vkuiHorizontalScroll__inWrapper:after,
.vkuiInternalTabs--withGaps .vkuiHorizontalScroll__inWrapper:before {
  content: "";
  height: 1px;
  width: var(--vkui--size_base_padding_horizontal--regular);
  flex-shrink: 0;
  display: block;
}
.vkuiAspectRatio__host {
  --vkui_internal--aspect_ratio:1;
  max-width: 100%;
  position: relative;
}
.vkuiAspectRatio__host:before {
  content: "";
  height: 0;
  padding-bottom: calc((1/var(--vkui_internal--aspect_ratio,1))*100%);
  display: block;
}
.vkuiAspectRatio__host > * {
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiAspectRatio__modeStretch > * {
  width: 100%;
  height: 100%;
}
.vkuiAspectRatio__modeStretch > img,
.vkuiAspectRatio__modeStretch > video {
  object-fit: cover;
}
.vkuiFlexItem__flexGrow {
  flex: 1 0 auto;
}
.vkuiFlexItem__flexShrink {
  flex: 0 auto;
}
.vkuiFlexItem__flexContent {
  flex: auto;
}
.vkuiFlexItem__flexFixed {
  flex: none;
}
.vkuiFlexItem__alignSelfStart {
  align-self: start;
}
.vkuiFlexItem__alignSelfEnd {
  align-self: end;
}
.vkuiFlexItem__alignSelfCenter {
  align-self: center;
}
.vkuiFlexItem__alignSelfBaseline {
  align-self: baseline;
}
.vkuiFlexItem__alignSelfStretch {
  align-self: stretch;
}
.vkuiFlex__host {
  --vkui_internal--flex_original_margin_inline:0px;
  --vkui_internal--flex_original_margin_block:0px;
  display: flex;
}
.vkuiFlex__marginAuto {
  --vkui_internal--flex_original_margin_inline:var(--vkui--size_base_padding_horizontal--regular);
  --vkui_internal--flex_original_margin_block:var(--vkui--size_base_padding_vertical--regular);
  margin: var(--vkui--size_base_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiFlex__withGaps {
  margin-left: calc(-1*var(--vkui_internal--column_gap) + var(--vkui_internal--flex_original_margin_inline));
  margin-top: calc(-1*var(--vkui_internal--row_gap) + var(--vkui_internal--flex_original_margin_block));
}
.vkuiFlex__host > .vkuiFlex__marginAuto {
  margin: 0;
}
.vkuiFlex__directionColumn {
  flex-direction: column;
}
.vkuiFlex__reverse {
  flex-direction: row-reverse;
}
.vkuiFlex__directionColumn.vkuiFlex__reverse {
  flex-direction: column-reverse;
}
.vkuiFlex__wrap {
  flex-wrap: wrap;
}
.vkuiFlex__justifyStart {
  justify-content: flex-start;
}
.vkuiFlex__justifyEnd {
  justify-content: flex-end;
}
.vkuiFlex__justifyCenter {
  justify-content: center;
}
.vkuiFlex__justifySpaceAround {
  justify-content: space-around;
}
.vkuiFlex__justifySpaceBetween {
  justify-content: space-between;
}
.vkuiFlex__justifySpaceEvenly {
  justify-content: space-evenly;
}
.vkuiFlex__alignStart {
  align-items: flex-start;
}
.vkuiFlex__alignEnd {
  align-items: flex-end;
}
.vkuiFlex__alignCenter {
  align-items: center;
}
.vkuiFlex__alignStretch {
  align-items: stretch;
}
.vkuiFlex__alignBaseline {
  align-items: baseline;
}
.vkuiFlex__withGaps.vkuiFlex__withGaps > * {
  margin-left: var(--vkui_internal--column_gap);
  margin-top: var(--vkui_internal--row_gap);
}
.vkuiSimpleGrid__host {
  --vkui_internal--grid_columns:1;
  --vkui_internal--min_col_width:0;
  grid-gap: var(--vkui_internal--row_gap)var(--vkui_internal--column_gap);
  gap: var(--vkui_internal--row_gap)var(--vkui_internal--column_gap);
  grid-template-columns: repeat(var(--vkui_internal--grid_columns), minmax(0, 1fr));
  display: grid;
}
.vkuiSimpleGrid__marginAuto {
  margin: var(--vkui--size_base_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiSimpleGrid__marginAutoInline {
  margin-left: var(--vkui--size_base_padding_horizontal--regular);
  margin-right: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiSimpleGrid__marginAutoBlock {
  margin-bottom: var(--vkui--size_base_padding_vertical--regular);
  margin-top: var(--vkui--size_base_padding_vertical--regular);
}
.vkuiSimpleGrid__withMinWidth {
  grid-template-columns: repeat(auto-fit, minmax(var(--vkui_internal--min_col_width), 1fr));
}
.vkuiSimpleGrid__alignStart {
  align-items: flex-start;
}
.vkuiSimpleGrid__alignEnd {
  align-items: flex-end;
}
.vkuiSimpleGrid__alignCenter {
  align-items: center;
}
.vkuiSimpleGrid__alignStretch {
  align-items: stretch;
}
.vkuiSimpleGrid__alignBaseline {
  align-items: baseline;
}
.vkuiPopoutWrapper__host {
  box-sizing: border-box;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.vkuiPopoutWrapper__opened {
  pointer-events: auto;
}
.vkuiPopoutWrapper__closing {
  pointer-events: none;
}
.vkuiPopoutWrapper__fixed {
  position: fixed;
}
.vkuiPopoutWrapper__overlay {
  opacity: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.vkuiPopoutWrapper__opened .vkuiPopoutWrapper__overlay {
  animation: vkuiPopoutWrapper__animation-full-fade-in var(--vkui--animation_duration_m)ease both;
}
.vkuiPopoutWrapper__closing .vkuiPopoutWrapper__overlay {
  animation: vkuiPopoutWrapper__animation-full-fade-out var(--vkui--animation_duration_m)var(--vkui--animation_easing_default)both;
  opacity: 0;
}
.vkuiPopoutWrapper__masked .vkuiPopoutWrapper__overlay {
  background: var(--vkui--color_overlay_primary);
}
.vkuiPopoutWrapper__fixed .vkuiPopoutWrapper__overlay {
  position: absolute;
}
.vkuiPopoutWrapper__container {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.vkuiPopoutWrapper__content {
  pointer-events: none;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}
.vkuiPopoutWrapper__content > * {
  pointer-events: auto;
}
.vkuiPopoutWrapper__alignYCenter .vkuiPopoutWrapper__container {
  align-items: center;
}
.vkuiPopoutWrapper__alignYBottom .vkuiPopoutWrapper__container {
  align-items: flex-end;
}
.vkuiPopoutWrapper__alignYTop .vkuiPopoutWrapper__container {
  align-items: flex-start;
}
.vkuiPopoutWrapper__alignXCenter .vkuiPopoutWrapper__container {
  justify-content: center;
}
.vkuiPopoutWrapper__alignXLeft .vkuiPopoutWrapper__container {
  justify-content: flex-start;
}
.vkuiPopoutWrapper__alignXRight .vkuiPopoutWrapper__container {
  justify-content: flex-end;
}
@keyframes vkuiPopoutWrapper__animation-full-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vkuiPopoutWrapper__animation-full-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.vkuiModalDismissButton__host {
  box-sizing: border-box;
  color: var(--vkui--color_icon_contrast);
  width: 56px;
  height: 56px;
  padding: 18px;
  position: absolute;
  top: 0;
  right: -56px;
}
.vkuiModalDismissButton__host:before {
  background: var(--vkui--color_overlay_secondary);
  content: "";
  border-radius: 50%;
  transition: background-color .15s ease-out;
  display: block;
  position: absolute;
  inset: 14px;
}
.vkuiModalDismissButton__host .vkuiIcon {
  transform: translate(0);
}
.vkuiModalDismissButton__hover:before {
  background: var(--vkui--color_overlay_secondary--hover);
}
.vkuiModalDismissButton__active:before {
  background: var(--vkui--color_overlay_secondary--active);
}
.vkuiAlert__host {
  --vkui_internal--alert_animation_scale_initial:.95;
  border-radius: var(--vkui--size_border_radius_paper--regular);
  box-shadow: var(--vkui--elevation4);
  color: var(--vkui--color_text_primary);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-width: 280px;
  max-width: 416px;
  margin: auto 24px;
  position: relative;
}
.vkuiAlert__desktop {
  width: 100%;
}
.vkuiAlert__opening {
  animation: vkuiAlert__animation-alert-scale-up var(--vkui--animation_duration_m)var(--vkui--animation_easing_platform);
}
.vkuiAlert__closing {
  animation: vkuiAlert__animation-alert-scale-down var(--vkui--animation_duration_m)var(--vkui--animation_easing_platform);
  opacity: 0;
}
.vkuiAlert__host:before {
  background-color: var(--vkui--color_background_modal);
  border-radius: inherit;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiAlert__content {
  padding: 24px 24px 16px;
  position: relative;
}
.vkuiAlert__contentWithButton {
  padding-right: 52px;
}
.vkuiAlert__action {
  white-space: nowrap;
  background: 0 0;
}
.vkuiAlert__actions {
  max-width: 100%;
  padding: 0 12px 12px;
  display: flex;
  position: relative;
}
.vkuiAlert__title {
  margin-bottom: 8px;
}
.vkuiAlert__description {
  color: var(--vkui--color_text_secondary);
}
.vkuiAlert__description,
.vkuiAlert__title {
  word-break: break-word;
}
.vkuiAlert__actionsDirectionHorizontal {
  justify-content: flex-end;
}
.vkuiAlert__actionsDirectionVertical {
  flex-direction: column;
  align-items: flex-end;
}
.vkuiAlert__actions > * {
  margin: 4px;
}
.vkuiAlert__actionsAlignLeft {
  justify-content: flex-start;
  align-items: flex-start;
}
.vkuiAlert__actionsAlignCenter {
  justify-content: center;
  align-items: center;
}
.vkuiAlert__actionsAlignRight {
  justify-content: flex-end;
  align-items: flex-end;
}
.vkuiAlert__ios {
  --vkui_internal--alert_animation_scale_initial:1.05;
  box-shadow: none;
  width: 270px;
  min-width: 270px;
  overflow: hidden;
}
.vkuiAlert__ios.vkuiAlert__closing {
  --vkui_internal--alert_animation_scale_initial:1;
}
.vkuiAlert__ios .vkuiAlert__content {
  text-align: center;
  padding: 20px 16px;
}
.vkuiAlert__ios .vkuiAlert__title:not(:last-child) {
  margin-bottom: 7px;
}
.vkuiAlert__ios .vkuiAlert__description {
  color: inherit;
}
.vkuiAlert__ios .vkuiAlert__content:after {
  background: var(--vkui--color_separator_primary_alpha);
  content: "";
  transform-origin: bottom;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.vkuiAlert__ios .vkuiAlert__actions {
  padding: initial;
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionVertical {
  flex-direction: column;
  align-items: normal;
}
.vkuiAlert__ios .vkuiAlert__action {
  color: var(--vkui--color_text_accent);
  font-family: var(--vkui--font_family_base);
  text-align: center;
  text-overflow: ellipsis;
  border: 0;
  border-radius: 0;
  height: 44px;
  margin: 0;
  padding: 0 6px;
  font-size: 17px;
  line-height: 44px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}
.vkuiAlert__ios .vkuiAlert__action:after {
  background: var(--vkui--color_separator_primary_alpha);
  content: "";
  position: absolute;
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionHorizontal .vkuiAlert__action:after {
  transform-origin: 100%;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionHorizontal .vkuiAlert__action:last-child:after {
  content: none;
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionHorizontal .vkuiAlert__action {
  flex: 1 1 0;
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionHorizontal .vkuiAlert__action:first-child {
  border-bottom-left-radius: var(--vkui--size_border_radius_paper--regular);
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionHorizontal .vkuiAlert__action:last-child {
  border-bottom-right-radius: var(--vkui--size_border_radius_paper--regular);
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionVertical .vkuiAlert__action:after {
  transform-origin: bottom;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionVertical .vkuiAlert__action:last-child:after {
  content: none;
}
.vkuiAlert__ios .vkuiAlert__actionsDirectionVertical .vkuiAlert__action:last-child {
  border-radius: 0 0 12px 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .vkuiAlert__ios .vkuiAlert__actionsDirectionVertical .vkuiAlert__action:after,
  .vkuiAlert__ios .vkuiAlert__content:after {
    transform: scaleY(.5);
  }
  .vkuiAlert__ios .vkuiAlert__actionsDirectionHorizontal .vkuiAlert__action:after {
    transform: scaleX(.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
  .vkuiAlert__ios .vkuiAlert__actionsDirectionVertical .vkuiAlert__action:after,
  .vkuiAlert__ios .vkuiAlert__content:after {
    transform: scaleY(.33);
  }
  .vkuiAlert__ios .vkuiAlert__actionsDirectionHorizontal .vkuiAlert__action:after {
    transform: scaleX(.33);
  }
}
.vkuiAlert__ios .vkuiAlert__actionModeCancel {
  font-weight: 600;
}
.vkuiAlert__ios .vkuiAlert__actionModeDestructive {
  color: var(--vkui--color_text_negative);
}
.vkuiAlert__vkcom {
  width: 400px;
  box-shadow: 0 0 2px #0000001f, 0 0 96px #00000029;
}
.vkuiAlert__vkcom .vkuiAlert__content {
  padding-bottom: 20px;
}
.vkuiAlert__vkcom .vkuiAlert__actions {
  padding: 0 20px 12px;
}
.vkuiAlert__vkcom .vkuiAlert__button {
  order: 2;
}
.vkuiAlert__vkcom .vkuiAlert__buttonModeCancel {
  order: 1;
}
.vkuiAlert__dismiss {
  color: var(--vkui--color_icon_secondary);
  position: absolute;
  top: 8px;
  right: 8px;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiAlert__host,
  .vkuiAlert__ios {
    --vkui_internal--alert_animation_scale_initial:1;
  }
}
@keyframes vkuiAlert__animation-alert-scale-up {
  0% {
    opacity: 0;
    transform: scale(var(--vkui_internal--alert_animation_scale_initial));
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes vkuiAlert__animation-alert-scale-down {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(var(--vkui_internal--alert_animation_scale_initial));
  }
}
.vkuiRadio__input ~ * {
  display: none;
}
.vkuiRadio__input:checked ~ * {
  display: block;
}
.vkuiActionSheetItem__host {
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.vkuiActionSheetItem__after,
.vkuiActionSheetItem__before,
.vkuiActionSheetItem__container {
  position: relative;
}
.vkuiActionSheetItem__after,
.vkuiActionSheetItem__before {
  flex-shrink: 0;
}
.vkuiActionSheetItem__container {
  flex-grow: 1;
  max-width: 100%;
  padding: 10px 0;
}
.vkuiActionSheetItem__ellipsis {
  white-space: nowrap;
  overflow: hidden;
}
.vkuiActionSheetItem__content {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
  overflow: hidden;
}
.vkuiActionSheetItem__ellipsis .vkuiActionSheetItem__content {
  justify-content: flex-start;
}
.vkuiActionSheetItem__children {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.vkuiActionSheetItem__subtitle {
  color: var(--vkui--color_text_secondary);
  text-overflow: ellipsis;
  margin-top: 2px;
  overflow: hidden;
}
.vkuiActionSheetItem__meta {
  color: var(--vkui--color_text_secondary);
  flex-shrink: 0;
  margin-left: 6px;
}
.vkuiActionSheetItem__before {
  color: var(--vkui--color_icon_accent);
  margin-right: 16px;
}
.vkuiActionSheetItem__menu .vkuiActionSheetItem__before {
  margin-right: 12px;
}
.vkuiActionSheetItem__ios .vkuiActionSheetItem__before {
  color: var(--vkui--color_icon_accent_themed);
  margin-right: 18px;
}
.vkuiActionSheetItem__modeDestructive .vkuiActionSheetItem__container:first-child {
  color: var(--vkui--color_text_negative);
}
.vkuiActionSheetItem__modeDestructive .vkuiActionSheetItem__before {
  color: var(--vkui--color_icon_negative);
}
.vkuiActionSheetItem__after {
  color: var(--vkui--color_icon_accent);
  flex-direction: row;
  margin-left: 16px;
  display: flex;
}
.vkuiActionSheetItem__after > :not(:last-child) {
  margin-right: 12px;
}
.vkuiActionSheetItem__ios {
  background: var(--vkui--color_background_modal);
  color: var(--vkui--color_text_accent_themed);
  min-height: 56px;
  padding: 14px 18px;
}
.vkuiActionSheetItem__rich {
  color: var(--vkui--color_text_primary);
}
.vkuiActionSheetItem__ios.vkuiActionSheetItem__modeDestructive {
  color: var(--vkui--color_text_negative);
}
.vkuiActionSheetItem__ios:before {
  background-color: var(--vkui--color_background_modal);
  content: "";
  width: 100%;
  height: 100%;
  transition: opacity .15s ease-out, background-color .15s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiActionSheetItem__ios:after {
  background: var(--vkui--color_separator_primary_alpha);
  content: "";
  transform-origin: bottom;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .vkuiActionSheetItem__ios:after {
    transform: scaleY(.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
  .vkuiActionSheetItem__ios:after {
    transform: scaleY(.33);
  }
}
.vkuiActionSheetItem__ios:first-child:after,
.vkuiActionSheetItem__modeCancel:after {
  content: none;
}
.vkuiActionSheetItem__ios.vkuiActionSheetItem__active:before {
  background-color: var(--vkui--color_transparent--active);
  opacity: 1;
  transition: none;
}
.vkuiActionSheetItem__ios .vkuiActionSheetItem__container {
  padding: 0;
}
.vkuiActionSheetItem__ios .vkuiActionSheetItem__centered {
  justify-content: center;
}
.vkuiActionSheetItem__modeCancel {
  min-height: 52px;
}
.vkuiActionSheetItem__menu {
  cursor: pointer;
  border-radius: 0;
  width: auto;
}
.vkuiActionSheetItem__host[disabled] .vkuiActionSheetItem__children,
.vkuiActionSheetItem__host[disabled] .vkuiActionSheetItem__meta,
.vkuiActionSheetItem__host[disabled] .vkuiActionSheetItem__subtitle {
  color: var(--vkui--color_text_secondary);
}
.vkuiActionSheetItem__host[disabled] .vkuiActionSheetItem__before,
.vkuiActionSheetItem__host[disabled] .vkuiActionSheetItem__marker {
  color: var(--vkui--color_icon_secondary);
}
.vkuiActionSheetItem__sizeYCompact {
  min-height: 32px;
}
.vkuiActionSheetItem__sizeYCompact.vkuiActionSheetItem__ios {
  min-height: 36px;
  padding: 4px 20px 4px 18px;
}
.vkuiActionSheetItem__sizeYCompact:not(.vkuiActionSheetItem__ios) + .vkuiActionSheetItem__sizeYCompact:not(.vkuiActionSheetItem__ios) {
  margin-top: 2px;
}
.vkuiActionSheetItem__sizeYCompact .vkuiActionSheetItem__container {
  padding: 5px 0;
}
.vkuiFloatingArrow__host {
  position: absolute;
}
.vkuiFloatingArrow__in {
  content: "";
  display: block;
  transform: translateY(1px);
}
.vkuiFloatingArrow__placementRight {
  transform-origin: 100%;
  transform: rotate(90deg)translate(50%, -50%);
}
.vkuiFloatingArrow__placementBottom {
  transform: rotate(180deg);
}
.vkuiFloatingArrow__placementLeft {
  transform-origin: 0;
  transform: rotate(-90deg)translate(-50%, -50%);
}
.vkuiPopper__host {
  z-index: var(--vkui--z_index_popout);
}
.vkuiActionSheet__host {
  --vkui_internal--actionsheet_animation_opacity_initial:1;
  --vkui_internal--actionsheet_animation_translateY_initial:100%;
  box-sizing: border-box;
  max-width: var(--vkui--size_popup_small--regular);
  width: 100%;
  padding: 10px;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiActionSheet__host {
    --vkui_internal--actionsheet_animation_opacity_initial:0;
    --vkui_internal--actionsheet_animation_translateY_initial:0%;
  }
}
.vkuiActionSheet__contentWrapper {
  background: var(--vkui--color_background_modal);
  box-shadow: var(--vkui--elevation3);
  border-radius: 12px;
  padding: 8px 0;
  overflow: hidden;
}
.vkuiActionSheet__header {
  color: var(--vkui--color_text_subhead);
  padding: 16px;
}
.vkuiActionSheet__opening {
  animation: vkuiActionSheet__animation-actionsheet-slide-up var(--vkui--animation_duration_m)var(--vkui--animation_easing_platform);
}
.vkuiActionSheet__closing {
  animation: vkuiActionSheet__animation-actionsheet-slide-down var(--vkui--animation_duration_m)var(--vkui--animation_easing_platform);
  opacity: 0;
}
.vkuiActionSheet__title + .vkuiActionSheet__description {
  margin-top: 8px;
}
.vkuiActionSheet__ios {
  background: 0 0;
  padding: 8px;
}
.vkuiActionSheet__ios .vkuiActionSheet__contentWrapper {
  border-radius: 14px;
  padding: 0;
}
.vkuiActionSheet__closeItemWrapperIos {
  background: var(--vkui--color_background_modal);
  box-shadow: var(--vkui--elevation3);
  margin-bottom: var(--vkui_internal--safe_area_inset_bottom);
  border-radius: 14px;
  margin-top: 8px;
  overflow: hidden;
}
.vkuiActionSheet__ios.vkuiActionSheet__closing {
  transform: translateY(100%);
}
.vkuiActionSheet__ios .vkuiActionSheet__header {
  text-align: center;
  position: relative;
}
.vkuiActionSheet__ios .vkuiActionSheet__description,
.vkuiActionSheet__ios .vkuiActionSheet__title {
  position: relative;
}
.vkuiActionSheet__ios .vkuiActionSheet__header:before {
  background-color: var(--vkui--color_background_modal);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiActionSheet__sizeYCompact .vkuiActionSheet__header {
  padding-top: 12px;
  padding-bottom: 12px;
}
.vkuiActionSheet__menu {
  --vkui_internal--actionsheet_animation_opacity_initial:0;
  --vkui_internal--actionsheet_animation_translateY_initial:5%;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 0;
}
.vkuiActionSheet__menu.vkuiActionSheet__ios .vkuiActionSheet__contentWrapper {
  border-radius: 14px;
  padding: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiActionSheet__menu {
    --vkui_internal--actionsheet_animation_translateY_initial:0%;
  }
}
@keyframes vkuiActionSheet__animation-actionsheet-slide-up {
  0% {
    opacity: var(--vkui_internal--actionsheet_animation_opacity_initial);
    transform: translateY(var(--vkui_internal--actionsheet_animation_translateY_initial));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes vkuiActionSheet__animation-actionsheet-slide-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: var(--vkui_internal--actionsheet_animation_opacity_initial);
    transform: translateY(var(--vkui_internal--actionsheet_animation_translateY_initial));
  }
}
.vkuiScreenSpinner__host {
  border-radius: var(--vkui--size_border_radius--regular);
  box-sizing: border-box;
  height: 88px;
  padding: var(--vkui--spacing_size_2xl);
  width: 88px;
  animation: .3s vkuiScreenSpinner__screen-spinner-intro;
  position: relative;
}
.vkuiScreenSpinner__hasLabel {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 150px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
}
.vkuiScreenSpinner__modeShadow {
  background-color: var(--vkui--color_background_contrast_themed);
  box-shadow: var(--vkui--elevation3);
  color: var(--vkui--color_icon_medium);
}
.vkuiScreenSpinner__modeOverlay {
  background-color: var(--vkui--color_avatar_overlay);
  color: var(--vkui--color_icon_contrast);
}
.vkuiScreenSpinner__label {
  color: var(--vkui--color_text_secondary);
  margin-top: var(--vkui--spacing_size_xs);
  text-align: center;
}
.vkuiScreenSpinner__modeOverlay .vkuiScreenSpinner__label {
  color: var(--vkui--color_text_contrast);
}
.vkuiScreenSpinner__spinner {
  opacity: 1;
}
.vkuiScreenSpinner__spinnerTransition {
  transition: opacity .1s;
}
.vkuiScreenSpinner__stateCustom .vkuiScreenSpinner__spinner,
.vkuiScreenSpinner__stateDone .vkuiScreenSpinner__spinner,
.vkuiScreenSpinner__stateError .vkuiScreenSpinner__spinner {
  opacity: 0;
}
.vkuiScreenSpinner__iconSlot {
  width: 56px;
  height: 56px;
  position: relative;
}
.vkuiScreenSpinner__icon,
.vkuiScreenSpinner__iconSlot {
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiScreenSpinner__icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.vkuiScreenSpinner__stateCancelable .vkuiScreenSpinner__icon {
  cursor: pointer;
}
.vkuiScreenSpinner__icon .vkuiIcon {
  animation: .2s vkuiScreenSpinner__screen-spinner-intro;
}
.vkuiScreenSpinner__stateDone .vkuiIcon path {
  stroke-dasharray: 50;
  stroke-dashoffset: 50px;
  animation: vkuiScreenSpinner__screen-spinner-icon-done .6s .3s var(--vkui--animation_easing_platform)forwards;
}
@keyframes vkuiScreenSpinner__screen-spinner-icon-done {
  0% {
    stroke-dashoffset: 50px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes vkuiScreenSpinner__screen-spinner-intro {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.vkuiBasic__body {
  --vkui_internal--snackbar-body_layout_vertical_action_shift:calc(-1*(var(--vkui--size_button_small_height--compact) - var(--vkui--font_subhead--line_height--compact))/2);
  background: var(--vkui--color_background_contrast_themed);
  border-radius: var(--vkui--size_card_border_radius--regular);
  box-shadow: var(--vkui--elevation4);
  box-sizing: border-box;
  align-items: center;
  min-height: 56px;
  padding: 12px;
  display: flex;
}
.vkuiBasic__sizeYRegular {
  --vkui_internal--snackbar-body_layout_vertical_action_shift:calc(-1*(var(--vkui--size_button_small_height--regular) - var(--vkui--font_subhead--line_height--regular))/2);
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiBasic__sizeYNone {
    --vkui_internal--snackbar-body_layout_vertical_action_shift:calc(-1*(var(--vkui--size_button_small_height--regular) - var(--vkui--font_subhead--line_height--regular))/2);
  }
}
.vkuiBasic__modeDark {
  background: var(--vkui--color_background_contrast_inverse);
}
.vkuiBasic__before {
  margin-right: 12px;
}
.vkuiBasic__after {
  margin-left: 12px;
}
.vkuiBasic__content {
  flex: 1;
  align-items: center;
  display: flex;
}
.vkuiBasic__contentText {
  color: var(--vkui--color_text_primary);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
}
.vkuiBasic__contentSubtitle {
  color: var(--vkui--color_text_subhead);
  margin-top: 2px;
}
.vkuiBasic__modeDark .vkuiBasic__contentText {
  color: var(--vkui--color_text_contrast);
}
.vkuiBasic__layoutHorizontal .vkuiBasic__action {
  margin-left: 12px;
  position: relative;
}
.vkuiBasic__layoutVertical .vkuiBasic__content {
  flex-direction: column;
  align-items: flex-start;
}
.vkuiBasic__layoutVertical .vkuiBasic__action {
  margin-bottom: var(--vkui_internal--snackbar-body_layout_vertical_action_shift);
  min-height: auto;
  margin-top: 2px;
}
@media (max-width: 767.9px) {
  .vkuiBasic__layoutNone .vkuiBasic__action {
    margin-left: 12px;
    position: relative;
  }
}
@media (min-width: 768px) {
  .vkuiBasic__layoutNone .vkuiBasic__content,
  .vkuiBasic__layoutVerticalMq .vkuiBasic__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .vkuiBasic__layoutNone .vkuiBasic__action,
  .vkuiBasic__layoutVerticalMq .vkuiBasic__action {
    margin-bottom: var(--vkui_internal--snackbar-body_layout_vertical_action_shift);
    min-height: auto;
    margin-top: 2px;
  }
}
.vkuiSnackbar__host {
  --vkui_internal--snackbar_safe_area_inset_bottom:var(--vkui_internal--safe_area_inset_bottom);
  --vkui_internal--snackbar_in_padding:8px;
  --vkui_internal--snackbar_shift_x:0;
  --vkui_internal--snackbar_shift_y:0;
  --vkui_internal--snackbar_direction:0;
  --vkui_internal--snackbar_animation_from:translate3d(0,0,0);
  --vkui_internal--snackbar_animation_to:translate3d(0,0,0);
  --vkui_internal--snackbar_animation_duration:.34s;
  left: var(--vkui_internal--safe_area_inset_left);
  right: var(--vkui_internal--safe_area_inset_right);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: var(--vkui--z_index_popout);
  position: fixed;
}
.vkuiSnackbar__ios {
  --vkui_internal--snackbar_animation_duration:.4s;
}
.vkuiSnackbar__placementTop,
.vkuiSnackbar__placementTopEnd,
.vkuiSnackbar__placementTopStart {
  --vkui_internal--snackbar_animation_from:translate3d(0,-100%,0);
  --vkui_internal--snackbar_animation_to:translate3d(0,var(--vkui_internal--snackbar_shift_y),0);
  top: var(--vkui_internal--safe_area_inset_top);
}
.vkuiSnackbar__placementBottomStart {
  --vkui_internal--snackbar_direction:-1;
}
.vkuiSnackbar__placementBottomEnd {
  --vkui_internal--snackbar_direction:1;
}
.vkuiSnackbar__placementBottom,
.vkuiSnackbar__placementBottomEnd,
.vkuiSnackbar__placementBottomStart {
  --vkui_internal--snackbar_animation_from:translate3d(calc(var(--vkui_internal--snackbar_direction)*100%),0,0);
  --vkui_internal--snackbar_animation_to:translate3d(var(--vkui_internal--snackbar_shift_x),0,0);
  bottom: var(--vkui_internal--snackbar_safe_area_inset_bottom);
}
@media (min-width: 768px) and (min-height: 720px), (min-width: 768px) and (pointer: fine) {
  .vkuiSnackbar__host {
    width: 100%;
    max-width: 351px;
  }
  .vkuiSnackbar__placementBottom,
  .vkuiSnackbar__placementTop {
    margin-left: auto;
    margin-right: auto;
  }
  .vkuiSnackbar__placementBottom {
    --vkui_internal--snackbar_animation_from:translate3d(0,100%,0);
    --vkui_internal--snackbar_animation_to:translate3d(0,var(--vkui_internal--snackbar_shift_y),0);
  }
  .vkuiSnackbar__placementBottomStart,
  .vkuiSnackbar__placementTopStart {
    --vkui_internal--snackbar_animation_from:translate3d(-100%,0,0);
    --vkui_internal--snackbar_animation_to:translate3d(var(--vkui_internal--snackbar_shift_x),0,0);
    left: var(--vkui_internal--safe_area_inset_left);
    right: auto;
  }
  .vkuiSnackbar__placementBottomEnd,
  .vkuiSnackbar__placementTopEnd {
    --vkui_internal--snackbar_animation_from:translate3d(100%,0,0);
    --vkui_internal--snackbar_animation_to:translate3d(var(--vkui_internal--snackbar_shift_x),0,0);
    left: auto;
    right: var(--vkui_internal--safe_area_inset_right);
  }
}
.vkuiSnackbar__in {
  animation-duration: var(--vkui_internal--snackbar_animation_duration);
  animation-fill-mode: both;
  animation-timing-function: var(--vkui--animation_easing_platform);
  padding: var(--vkui_internal--snackbar_in_padding);
}
.vkuiSnackbar__placementTop .vkuiSnackbar__in,
.vkuiSnackbar__placementTopEnd .vkuiSnackbar__in,
.vkuiSnackbar__placementTopStart .vkuiSnackbar__in {
  transform: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);
}
.vkuiSnackbar__placementBottom .vkuiSnackbar__in,
.vkuiSnackbar__placementBottomEnd .vkuiSnackbar__in,
.vkuiSnackbar__placementBottomStart .vkuiSnackbar__in {
  transform: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);
}
@media (min-width: 768px) and (min-height: 720px), (min-width: 768px) and (pointer: fine) {
  .vkuiSnackbar__in {
    --vkui_internal--snackbar_in_padding:12px;
  }
  .vkuiSnackbar__placementBottomEnd .vkuiSnackbar__in,
  .vkuiSnackbar__placementBottomStart .vkuiSnackbar__in,
  .vkuiSnackbar__placementTopEnd .vkuiSnackbar__in,
  .vkuiSnackbar__placementTopStart .vkuiSnackbar__in {
    transform: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);
  }
  .vkuiSnackbar__placementBottom .vkuiSnackbar__in {
    transform: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);
  }
}
.vkuiSnackbar__stateEnter .vkuiSnackbar__in,
.vkuiSnackbar__stateEntering .vkuiSnackbar__in {
  animation-name: vkuiSnackbar__animation-snackbar-slide-in;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiSnackbar__stateEnter .vkuiSnackbar__in,
  .vkuiSnackbar__stateEntering .vkuiSnackbar__in {
    animation-name: vkuiSnackbar__animation-snackbar-fade-in;
  }
}
.vkuiSnackbar__stateEntered .vkuiSnackbar__in {
  transition-duration: var(--vkui_internal--snackbar_animation_duration);
  transition-property: transform;
  transition-timing-function: var(--vkui--animation_easing_platform);
}
.vkuiSnackbar__touched .vkuiSnackbar__in {
  transition-property: none;
}
.vkuiSnackbar__stateExit .vkuiSnackbar__in,
.vkuiSnackbar__stateExiting .vkuiSnackbar__in {
  animation-name: vkuiSnackbar__animation-snackbar-slide-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiSnackbar__stateExit .vkuiSnackbar__in,
  .vkuiSnackbar__stateExiting .vkuiSnackbar__in {
    animation-name: vkuiSnackbar__animation-snackbar-fade-out;
  }
}
@keyframes vkuiSnackbar__animation-snackbar-slide-in {
  0% {
    opacity: 0;
    transform: var(--vkui_internal--snackbar_animation_from);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes vkuiSnackbar__animation-snackbar-slide-out {
  0% {
    opacity: 1;
    transform: var(--vkui_internal--snackbar_animation_to);
  }
  to {
    opacity: 0;
    transform: var(--vkui_internal--snackbar_animation_from);
  }
}
@keyframes vkuiSnackbar__animation-snackbar-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vkuiSnackbar__animation-snackbar-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.vkuiTooltipBase__host {
  white-space: normal;
}
.vkuiTooltipBase__content {
  background-color: var(--vkui--color_background_contrast_themed);
  border-radius: var(--vkui--size_border_radius--regular);
  box-shadow: var(--vkui--elevation3);
  box-sizing: initial;
  color: var(--vkui--color_text_primary);
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px 10px;
  display: flex;
}
.vkuiTooltipBase__closeButton {
  color: inherit;
  background: 0 0;
  border: 0;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
  margin-left: 10px;
  padding: 0;
}
.vkuiTooltipBase__description,
.vkuiTooltipBase__title {
  word-break: break-word;
}
.vkuiTooltipBase__arrow {
  color: var(--vkui--color_background_contrast_themed);
}
.vkuiTooltipBase__appearanceAccent .vkuiTooltipBase__content {
  background-color: var(--vkui--color_background_accent_tint);
  color: var(--vkui--color_text_contrast);
}
.vkuiTooltipBase__appearanceAccent .vkuiTooltipBase__arrow {
  color: var(--vkui--color_background_accent_tint);
}
.vkuiTooltipBase__appearanceWhite .vkuiTooltipBase__content {
  background-color: var(--vkui--color_background_contrast);
  color: var(--vkui--color_text_primary_invariably);
}
.vkuiTooltipBase__appearanceWhite .vkuiTooltipBase__arrow {
  color: var(--vkui--color_background_contrast);
}
.vkuiTooltipBase__appearanceBlack .vkuiTooltipBase__content {
  background-color: var(--vkui--color_background_contrast_inverse);
  color: var(--vkui--color_text_contrast);
}
.vkuiTooltipBase__appearanceBlack .vkuiTooltipBase__arrow {
  color: var(--vkui--color_background_contrast_inverse);
}
.vkuiTooltipBase__appearanceInversion .vkuiTooltipBase__content {
  background-color: var(--vkui--color_background_modal_inverse);
  color: var(--vkui--color_text_contrast_themed);
}
.vkuiTooltipBase__appearanceInversion .vkuiTooltipBase__arrow {
  color: var(--vkui--color_background_modal_inverse);
}
.vkuiModalOverlay__host {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  will-change: opacity;
  background-color: #0006;
  transition: opacity .3s linear;
  inset: 0;
}
.vkuiModalOverlay__nonInteractive {
  pointer-events: none;
  touch-action: none;
}
.vkuiModalOverlay__hostPositionAbsolute {
  position: absolute;
}
.vkuiModalOverlay__hostPositionFixed {
  z-index: var(--vkui--z_index_modal);
  position: fixed;
}
.vkuiModalOverlay__hostStateEnter {
  opacity: 0;
  transition-property: none;
}
.vkuiModalOverlay__hostStateEntered,
.vkuiModalOverlay__hostStateEntering,
.vkuiModalOverlay__hostStateExit {
  opacity: var(--vkui_internal--modal-overlay--opacity);
}
.vkuiModalOverlay__hostStateExit {
  transition-property: none;
}
.vkuiModalOverlay__hostStateExiting {
  opacity: 0;
}
.vkuiModalOverlay__hostStateExited {
  opacity: 0;
  transition-property: none;
}
@media (max-width: 767.9px) {
  .vkuiModalOverlay__hostStateEntering,
  .vkuiModalOverlay__hostStateExiting {
    transition-duration: var(--vkui--animation_duration_l);
  }
}
@media (min-width: 768px) {
  .vkuiModalOverlay__hostStateEntering {
    transition-duration: .2s;
  }
  .vkuiModalOverlay__hostStateExiting {
    transition-duration: .1s;
  }
}
.vkuiCustomScrollView__host {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (scrollbar-color:auto) {
  .vkuiCustomScrollView__host {
    scrollbar-color: var(--vkui--color_icon_tertiary_alpha)transparent;
    scrollbar-width: thin;
  }
  .vkuiCustomScrollView__scrollbarHidden {
    scrollbar-width: none;
  }
}
@supports not (scrollbar-color:auto) {
  .vkuiCustomScrollView__scrollbarHidden::-webkit-scrollbar {
    display: none;
  }
  .vkuiCustomScrollView__host::-webkit-scrollbar {
    background: 0 0;
    width: 12px;
    height: 12px;
  }
  .vkuiCustomScrollView__host::-webkit-scrollbar-corner {
    background: 0 0;
  }
  .vkuiCustomScrollView__host::-webkit-scrollbar-track {
    background: 0 0;
  }
  .vkuiCustomScrollView__host::-webkit-scrollbar-thumb {
    background-clip: padding-box, content-box;
    background-color: var(--vkui--color_icon_tertiary_alpha);
    border: 3px solid transparent;
    border-radius: 6px;
  }
  .vkuiCustomScrollView__host::-webkit-scrollbar-thumb:active {
    background-color: var(--vkui--color_icon_tertiary_alpha--hover);
    border: 2px solid transparent;
  }
  .vkuiCustomScrollView__host::-webkit-scrollbar-thumb:hover {
    background-color: var(--vkui--color_icon_tertiary_alpha--hover);
    border: 2px solid transparent;
  }
}
.vkuiCustomScrollView__overscrollBehaviorContain {
  overscroll-behavior: contain;
}
.vkuiCustomScrollView__overscrollBehaviorNone {
  overscroll-behavior: none;
}
.vkuiCustomScrollView__scrollBehaviorSmooth {
  scroll-behavior: smooth;
}
.vkuiCustomScrollView__horizontalScrollEnabled {
  overflow-x: auto;
}
.vkuiModalPageContent__host {
  flex: 100%;
}
.vkuiVisuallyHiddenModalOverlay__host {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  inset: 0;
}
.vkuiModalOutlet__host:not([hidden]) {
  isolation: isolate;
  z-index: var(--vkui--z_index_modal);
  position: fixed;
  inset: 0;
  overflow: hidden;
}
.vkuiModalOutlet__hostDesktop:not([hidden]) {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.vkuiModalPage__host {
  height: var(--vkui_internal_ModalPage--userHeight);
  outline: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.vkuiModalPage__hostMobile {
  --vkui_internal_ModalPage--userHeight:100%;
  box-sizing: border-box;
  max-width: var(--vkui--size_popup_small--regular);
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.vkuiModalPage__hostMobileSafeAreaInsetTop {
  max-height: calc(100% - var(--vkui_internal--safe_area_inset_top));
}
.vkuiModalPage__hostMobileSafeAreaInsetTopWithCustomOffset {
  max-height: calc(100% - (var(--vkui_internal--safe_area_inset_top) + var(--vkui_internal--panel_header_height)));
}
.vkuiModalPage__hostDesktop {
  --vkui_internal_ModalPage--desktopSafeInsetBlock:calc(var(--vkui--spacing_size_2xl)*2);
  --vkui_internal_ModalPage--desktopMaxWidth:100%;
  --vkui_internal_ModalPage--desktopMaxHeight:640px;
  --vkui_internal_ModalPage--userHeight:auto;
  box-sizing: initial;
  max-height: var(--vkui_internal_ModalPage--desktopMaxHeight);
  max-width: var(--vkui_internal_ModalPage--desktopMaxWidth);
  padding: var(--vkui_internal_ModalPage--desktopSafeInsetBlock)var(--vkui--spacing_size_xl);
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}
@media (max-height: 672px) {
  .vkuiModalPage__hostDesktop {
    --vkui_internal_ModalPage--desktopMaxHeight:calc(100% - var(--vkui_internal_ModalPage--desktopSafeInsetBlock)*2);
  }
}
.vkuiModalPage__hostDesktopMaxWidthS {
  --vkui_internal_ModalPage--desktopMaxWidth:var(--vkui--size_popup_small--regular);
}
.vkuiModalPage__hostDesktopMaxWidthM {
  --vkui_internal_ModalPage--desktopMaxWidth:var(--vkui--size_popup_medium--regular);
}
.vkuiModalPage__hostDesktopMaxWidthL {
  --vkui_internal_ModalPage--desktopMaxWidth:var(--vkui--size_popup_large--regular);
}
.vkuiModalPage__document {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 1;
  width: 100%;
  display: flex;
}
.vkuiModalPage__documentMobile {
  --vkui_internal_ModalPageDocument--snapPoint:auto;
  --vkui_internal_ModalPageDocument--safeAreaInsetBottom:var(--vkui_internal--safe_area_inset_bottom);
  height: var(--vkui_internal_ModalPageDocument--snapPoint);
  max-height: 100%;
  padding-bottom: var(--vkui_internal_ModalPageDocument--safeAreaInsetBottom);
  pointer-events: auto;
  touch-action: pan-y;
  transition: height .4s var(--vkui_internal--spring-easing);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateZ(0);
}
.vkuiModalPage__documentMobile.vkuiModalPage__documentStateEnter {
  transform: translateY(100%);
}
.vkuiModalPage__documentMobile.vkuiModalPage__documentStateEntering {
  transition: transform .5s var(--vkui_internal--slide-easing).1s;
  transform: translateZ(0);
}
.vkuiModalPage__documentMobile.vkuiModalPage__documentStateExiting {
  transition: transform .2s;
  transform: translateY(100%);
}
.vkuiModalPage__documentMobile.vkuiModalPage__documentStateExited {
  transform: translateY(100%);
}
.vkuiModalPage__documentDesktop {
  height: auto;
  position: relative;
}
.vkuiModalPage__documentDesktop.vkuiModalPage__documentStateEnter {
  opacity: 0;
}
.vkuiModalPage__documentDesktop.vkuiModalPage__documentStateEntering {
  opacity: 1;
  transition: opacity .2s ease-in .1s;
}
.vkuiModalPage__documentDesktop.vkuiModalPage__documentStateExiting {
  opacity: 0;
  transition: opacity .1s ease-out;
}
.vkuiModalPage__documentDesktop.vkuiModalPage__documentStateExited {
  opacity: 0;
}
.vkuiModalPage__children {
  background-color: var(--vkui--color_background_modal);
  border-top-left-radius: var(--vkui--size_border_radius_paper--regular);
  border-top-right-radius: var(--vkui--size_border_radius_paper--regular);
  flex-direction: column;
  flex-shrink: 1;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.vkuiModalPage__childrenDesktop {
  border-bottom-left-radius: var(--vkui--size_border_radius_paper--regular);
  border-bottom-right-radius: var(--vkui--size_border_radius_paper--regular);
  box-shadow: var(--vkui--elevation3);
}
.vkuiModalPageHeader__host {
  --vkui_internal--safe_area_inset_top:0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  flex: none;
}
.vkuiModalPageHeader__hostWithGaps {
  padding-left: 4px;
  padding-right: 4px;
}
.vkuiModalPageHeader__hostDesktop.vkuiModalPageHeader__hostWithGaps {
  padding-left: 8px;
  padding-right: 8px;
}
.vkuiModalPageHeader__host .vkuiIcon--cancel_24,
.vkuiModalPageHeader__host .vkuiIcon--dismiss_24 {
  color: var(--vkui--color_icon_secondary);
}
.vkuiModalCardBase__container {
  background: var(--vkui--color_background_modal);
  box-shadow: var(--vkui--elevation3);
  box-sizing: border-box;
  pointer-events: auto;
  --vkui_internal--background:var(--vkui--color_background_modal);
  --vkui_internal--dismiss_icon_height:20px;
  --vkui_internal--dismiss_icon_padding:12px;
  --vkui_internal--dismiss_icon_safe_offset:4px;
  --vkui_internal--dismiss_icon_desktop_offset:4px;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  display: flex;
  position: relative;
}
.vkuiModalCardBase__withSafeZone .vkuiModalCardBase__container {
  padding-top: calc(var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) + var(--vkui_internal--dismiss_icon_safe_offset));
}
.vkuiModalCardBase__containerSoftwareKeyboardOpened {
  margin-bottom: 0;
}
.vkuiModalCardBase__description,
.vkuiModalCardBase__title {
  text-align: center;
  word-break: break-word;
  margin: 0;
  padding: 0 8px;
}
.vkuiModalCardBase__title {
  color: var(--vkui--color_text_primary);
}
.vkuiModalCardBase__description {
  color: var(--vkui--color_text_subhead);
}
.vkuiModalCardBase__icon {
  color: var(--vkui--color_icon_accent);
  margin: 8px auto 16px;
}
.vkuiModalCardBase__actions {
  margin-top: 16px;
}
.vkuiModalCardBase__dismiss {
  color: var(--vkui--color_icon_secondary);
  padding: var(--vkui_internal--dismiss_icon_padding);
  position: absolute;
  top: 0;
  right: 0;
}
.vkuiModalCardBase__ios .vkuiModalCardBase__container {
  --vkui_internal--dismiss_icon_height:24px;
  --vkui_internal--dismiss_icon_padding:12px;
  --vkui_internal--dismiss_icon_safe_offset:0px;
  border-radius: 14px;
}
.vkuiModalCardBase__desktop .vkuiModalCardBase__dismiss {
  right: var(--vkui_internal--dismiss_icon_desktop_offset);
  top: var(--vkui_internal--dismiss_icon_desktop_offset);
}
.vkuiModalCardBase__desktop .vkuiModalCardBase__container {
  --vkui_internal--dismiss_icon_safe_offset:0px;
  padding: 24px;
}
.vkuiModalCardBase__desktop.vkuiModalCardBase__ios .vkuiModalCardBase__container {
  --vkui_internal--dismiss_icon_padding:10px;
  --vkui_internal--dismiss_icon_safe_offset:6px;
}
.vkuiModalCardBase__withSafeZone.vkuiModalCardBase__desktop .vkuiModalCardBase__container {
  padding-top: calc(var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) + var(--vkui_internal--dismiss_icon_safe_offset) + var(--vkui_internal--dismiss_icon_desktop_offset));
}
.vkuiModalCard__host {
  padding: var(--vkui--spacing_size_m);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.vkuiModalCard__host:focus {
  outline: none;
}
.vkuiModalCard__hostMaxWidthS {
  max-width: 400px;
}
.vkuiModalCard__hostMaxWidthM {
  max-width: 414px;
}
.vkuiModalCard__hostMaxWidthL {
  max-width: 440px;
}
.vkuiModalCard__hostMobile {
  --vkui_internal_ModalCard--translateY:100%;
  --vkui_internal_ModalCard--safeAreaInsetBottom:var(--vkui_internal--safe_area_inset_bottom);
  box-sizing: border-box;
  margin-bottom: var(--vkui_internal_ModalCard--safeAreaInsetBottom);
  transform: translate3d(0, calc(100% - var(--vkui_internal_ModalCard--translateY)), 0);
  transition: transform .4s var(--vkui_internal--spring-easing);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.vkuiModalCard__hostMobile.vkuiModalCard__hostStateEnter {
  transition: none;
  transform: translateY(100%);
}
.vkuiModalCard__hostMobile.vkuiModalCard__hostStateEntering {
  transition: transform .5s var(--vkui_internal--slide-easing).2s;
}
.vkuiModalCard__hostMobile.vkuiModalCard__hostStateExiting {
  transition: transform .2s;
  transform: translateY(100%);
}
.vkuiModalCard__hostMobile.vkuiModalCard__hostStateExited {
  transition: none;
  transform: translateY(100%);
}
.vkuiModalCard__hostDesktop {
  box-sizing: initial;
  opacity: 1;
  transition: opacity .34s var(--vkui--animation_easing_platform);
  margin-top: auto;
  margin-bottom: auto;
}
.vkuiModalCard__hostDesktop.vkuiModalCard__hostStateEnter {
  opacity: 0;
  transition-property: none;
}
.vkuiModalCard__hostDesktop.vkuiModalCard__hostStateEntering {
  opacity: 1;
}
.vkuiModalCard__hostDesktop.vkuiModalCard__hostStateExited,
.vkuiModalCard__hostDesktop.vkuiModalCard__hostStateExiting {
  opacity: 0;
}
.vkuiBadge__host {
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  display: block;
}
.vkuiBadge__modeNew {
  background-color: var(--vkui--color_icon_accent);
}
.vkuiBadge__modeProminent {
  background-color: var(--vkui--color_accent_red);
}
.vkuiInternalTabbarItem__label .vkuiBadge__host {
  position: absolute;
  top: -2px;
  right: -2px;
}
.vkuiContentBadge__host {
  box-sizing: border-box;
  isolation: isolate;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: auto;
  display: inline-grid;
  position: relative;
}
.vkuiContentBadge__sizeS {
  border-radius: 4px;
  min-height: 16px;
  padding: 1px 4px;
}
.vkuiContentBadge__sizeM {
  border-radius: 6px;
  column-gap: 4px;
  min-height: 20px;
  padding: 3px 6px;
}
.vkuiContentBadge__singleIconSlotSizeM {
  margin-left: -2px;
  margin-right: -2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.vkuiContentBadge__sizeL {
  border-radius: 8px;
  column-gap: 6px;
  min-height: 28px;
  padding: 6px 8px;
}
.vkuiContentBadge__iconSlotSizeL {
  margin-left: -2px;
  margin-right: -2px;
}
.vkuiContentBadge__singleIconSlotSizeL {
  margin: -2px -4px;
}
.vkuiContentBadge__capsule {
  border-radius: 48px;
}
.vkuiContentBadge__primaryAccent {
  background-color: var(--vkui--color_background_accent);
  color: var(--vkui--color_text_contrast);
}
.vkuiContentBadge__primaryNeutral {
  background-color: var(--vkui--color_background_secondary);
  color: var(--vkui--color_text_primary);
}
.vkuiContentBadge__primaryAccentGreen {
  background-color: var(--vkui--color_accent_green);
  color: var(--vkui--color_text_contrast);
}
.vkuiContentBadge__primaryAccentRed {
  background-color: var(--vkui--color_accent_red);
  color: var(--vkui--color_text_contrast);
}
.vkuiContentBadge__primaryOverlay {
  background-color: var(--vkui--color_overlay_primary);
  color: var(--vkui--color_text_contrast);
}
.vkuiContentBadge__secondaryAccent {
  background-color: var(--vkui--color_background_secondary_alpha);
  color: var(--vkui--color_text_accent);
}
.vkuiContentBadge__secondaryNeutral {
  background-color: var(--vkui--color_background_secondary);
  color: var(--vkui--color_text_subhead);
}
.vkuiContentBadge__secondaryAccentGreen {
  background-color: var(--vkui--color_background_positive_tint);
  color: var(--vkui--color_accent_green);
}
.vkuiContentBadge__secondaryAccentRed {
  background-color: var(--vkui--color_background_negative_tint);
  color: var(--vkui--color_accent_red);
}
.vkuiContentBadge__secondaryOverlay {
  background-color: var(--vkui--color_overlay_secondary);
  color: var(--vkui--color_text_contrast);
}
.vkuiContentBadge__modeOutline:before {
  border-radius: inherit;
  content: "";
  z-index: -1;
  border-style: solid;
  border-width: 1px;
  position: absolute;
  inset: 0;
}
.vkuiContentBadge__outlineAccent {
  color: var(--vkui--color_text_accent);
}
.vkuiContentBadge__outlineAccent:before {
  border-color: var(--vkui--color_stroke_accent);
}
.vkuiContentBadge__outlineNeutral {
  color: var(--vkui--color_text_secondary);
}
.vkuiContentBadge__outlineNeutral:before {
  border-color: var(--vkui--color_icon_secondary);
}
.vkuiContentBadge__outlineAccentGreen {
  color: var(--vkui--color_accent_green);
}
.vkuiContentBadge__outlineAccentGreen:before {
  border-color: currentColor;
}
.vkuiContentBadge__outlineAccentRed {
  color: var(--vkui--color_accent_red);
}
.vkuiContentBadge__outlineAccentRed:before {
  border-color: currentColor;
}
.vkuiContentBadge__outlineOverlay {
  color: var(--vkui--color_text_contrast);
}
.vkuiContentBadge__outlineOverlay:before {
  background-color: var(--vkui--color_overlay_primary);
  border-width: 0;
}
.vkuiButtonGroup__host {
  max-width: 100%;
  display: inline-flex;
}
.vkuiButtonGroup__stretched {
  width: 100%;
  display: flex;
}
.vkuiButtonGroup__modeVertical {
  flex-direction: column;
}
.vkuiButtonGroup__modeHorizontal {
  flex-direction: row;
  align-items: flex-start;
}
.vkuiButtonGroup__modeVertical.vkuiButtonGroup__gapSpace > :not(:first-child) {
  margin-top: var(--vkui--size_button_group_gap_space--regular);
}
.vkuiButtonGroup__modeVertical.vkuiButtonGroup__gapS > :not(:first-child) {
  margin-top: var(--vkui--size_button_group_gap_small--regular);
}
.vkuiButtonGroup__modeVertical.vkuiButtonGroup__gapM > :not(:first-child) {
  margin-top: var(--vkui--size_button_group_gap_medium--regular);
}
.vkuiButtonGroup__modeHorizontal > :not(.vkuiButtonGroup__host) {
  min-width: 0;
}
.vkuiButtonGroup__modeHorizontal.vkuiButtonGroup__gapSpace > :not(:last-child) {
  margin-right: var(--vkui--size_button_group_gap_space--regular);
}
.vkuiButtonGroup__modeHorizontal.vkuiButtonGroup__gapS > :not(:last-child) {
  margin-right: var(--vkui--size_button_group_gap_small--regular);
}
.vkuiButtonGroup__modeHorizontal.vkuiButtonGroup__gapM > :not(:last-child) {
  margin-right: var(--vkui--size_button_group_gap_medium--regular);
}
.vkuiButtonGroup__modeVertical.vkuiButtonGroup__alignLeft {
  align-items: flex-start;
}
.vkuiButtonGroup__modeVertical.vkuiButtonGroup__alignCenter {
  align-items: center;
}
.vkuiButtonGroup__modeVertical.vkuiButtonGroup__alignRight {
  align-items: flex-end;
}
.vkuiButtonGroup__modeHorizontal.vkuiButtonGroup__alignLeft {
  justify-content: flex-start;
}
.vkuiButtonGroup__modeHorizontal.vkuiButtonGroup__alignCenter {
  justify-content: center;
}
.vkuiButtonGroup__modeHorizontal.vkuiButtonGroup__alignRight {
  justify-content: flex-end;
}
.vkuiCard__host {
  background: var(--vkui--color_background_secondary);
  border-radius: var(--vkui--size_card_border_radius--regular);
  list-style-type: none;
  display: block;
  position: relative;
}
.vkuiCard__modeShadow {
  box-shadow: var(--vkui--elevation3,0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08));
}
.vkuiCard__modeOutline,
.vkuiCard__modePlain,
.vkuiCard__modeShadow {
  background: var(--vkui--color_background_contrast_themed);
}
.vkuiCard__withBorder:after {
  border: var(--vkui--size_border--regular)solid var(--vkui--color_image_border_alpha);
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiInternalCardScroll .vkuiCard__host {
  margin-right: var(--vkui--size_cardgrid_padding--regular);
  flex-shrink: 0;
}
.vkuiInternalCardScroll .vkuiCard__host:last-of-type {
  margin-right: 0;
}
.vkuiInternalCardScroll--size-s .vkuiCard__host {
  width: 40%;
}
.vkuiInternalCardScroll--size-m .vkuiCard__host {
  width: 62%;
}
.vkuiInternalCardScroll--size-l .vkuiCard__host {
  margin-right: var(--vkui--size_base_padding_horizontal--regular);
  width: calc(100% - var(--vkui--size_base_padding_horizontal--regular)*2);
}
.vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard__host,
.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-auto .vkuiInternalCardScroll--size-l .vkuiCard__host {
  width: calc(100% - 32px);
  margin-right: 16px;
}
@media (min-width: 768px) {
  .vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-auto .vkuiInternalCardScroll--size-l .vkuiCard__host {
    width: calc(100% - 32px);
    margin-right: 16px;
  }
}
.vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard__host:last-of-type,
.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-auto .vkuiInternalCardScroll--size-l .vkuiCard__host:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  .vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard__host:last-of-type,
  .vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-auto .vkuiInternalCardScroll--size-l .vkuiCard__host:last-of-type {
    margin-right: 0;
  }
  .vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard__host {
    width: calc(100% - 32px);
    margin-right: 16px;
  }
}
.vkuiInternalCardGrid .vkuiCard__host {
  margin-right: var(--vkui--size_cardgrid_padding--regular);
}
.vkuiInternalCardGrid--size-l .vkuiCard__host {
  width: 100%;
  margin-right: 0;
}
.vkuiInternalCardGrid--size-l .vkuiCard__host:not(:first-child) {
  margin-top: var(--vkui--size_cardgrid_padding--regular);
}
.vkuiInternalCardGrid--size-m .vkuiCard__host {
  width: calc(50% - (var(--vkui--size_cardgrid_padding--regular)/2));
}
.vkuiInternalCardGrid--size-m .vkuiCard__host:nth-child(n+3) {
  margin-top: var(--vkui--size_cardgrid_padding--regular);
}
.vkuiInternalCardGrid--size-m .vkuiCard__host:nth-child(2n) {
  margin-right: 0;
}
.vkuiInternalCardGrid--size-s .vkuiCard__host {
  width: calc((100% - 2*var(--vkui--size_cardgrid_padding--regular))/3);
}
.vkuiInternalCardGrid--size-s .vkuiCard__host:nth-child(n+4) {
  margin-top: var(--vkui--size_cardgrid_padding--regular);
}
.vkuiInternalCardGrid--size-s .vkuiCard__host:nth-child(3n) {
  margin-right: 0;
}
.vkuiCardGrid__host {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.vkuiCardGrid__padding {
  padding: var(--vkui--size_base_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiCardGrid__sizeXCompact {
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
}
@media (max-width: 767.9px) {
  .vkuiCardGrid__sizeXNone {
    padding-left: var(--vkui--size_base_padding_horizontal--regular);
    padding-right: var(--vkui--size_base_padding_horizontal--regular);
  }
}
.vkuiCardGrid__host + .vkuiCardGrid__host {
  margin-top: calc(var(--vkui--size_cardgrid_padding_vertical--regular)*2);
}
.vkuiInternalGroup--mode-card .vkuiCardGrid__host {
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
}
@media (min-width: 768px) {
  .vkuiInternalGroup--mode-none .vkuiCardGrid__host {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.vkuiInternalGroup .vkuiCardGrid__host:first-child {
  margin-top: var(--vkui--size_cardgrid_padding_vertical--regular);
}
.vkuiInternalGroup .vkuiCardGrid__host:last-child {
  margin-bottom: var(--vkui--size_cardgrid_padding_vertical--regular);
}
.vkuiCardScroll__host {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.vkuiCardScroll__in {
  align-items: stretch;
  width: 100%;
  display: flex;
}
.vkuiCardScroll__gap {
  flex-shrink: 0;
  display: block;
}
.vkuiCardScroll__host + .vkuiCardScroll__host {
  margin-top: 16px;
}
.vkuiCardScroll__withPaddings .vkuiCardScroll__gap {
  width: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-auto .vkuiCardScroll__withPaddings .vkuiCardScroll__gap {
  width: 16px;
}
@media (min-width: 768px) {
  .vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-auto .vkuiCardScroll__withPaddings .vkuiCardScroll__gap {
    width: 16px;
  }
}
.vkuiInternalGroup--mode-card .vkuiCardScroll__withPaddings {
  margin-left: -8px;
  margin-right: -8px;
}
.vkuiInternalGroup--mode-card .vkuiCardScroll__withPaddings:first-child {
  padding-top: var(--vkui--size_cardgrid_padding_vertical--regular);
}
.vkuiInternalGroup--mode-card .vkuiCardScroll__withPaddings:last-child {
  padding-bottom: var(--vkui--size_cardgrid_padding_vertical--regular);
}
@media (min-width: 768px) {
  .vkuiInternalGroup--mode-none .vkuiCardScroll__withPaddings {
    margin-left: -8px;
    margin-right: -8px;
  }
  .vkuiInternalGroup--mode-none .vkuiCardScroll__withPaddings:first-child {
    padding-top: var(--vkui--size_cardgrid_padding_vertical--regular);
  }
  .vkuiInternalGroup--mode-none .vkuiCardScroll__withPaddings:last-child {
    padding-bottom: var(--vkui--size_cardgrid_padding_vertical--regular);
  }
}
.vkuiContentCard__disabled {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiContentCard__body {
  padding: var(--vkui--size_base_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiContentCard__tappable {
  border-radius: var(--vkui--size_card_border_radius--regular);
  color: var(--vkui--color_text_primary);
  height: 100%;
  text-decoration: none;
  display: block;
}
.vkuiContentCard__img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: var(--vkui--size_card_border_radius--regular);
  border-top-right-radius: var(--vkui--size_card_border_radius--regular);
  object-fit: cover;
  display: block;
}
.vkuiContentCard__text:not(:last-child) {
  margin-bottom: 4px;
}
.vkuiContentCard__caption,
.vkuiContentCard__overTitle {
  color: var(--vkui--color_text_secondary);
}
.vkuiHeader__host {
  font-family: var(--vkui--font_family_base);
  padding: 0;
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
  align-items: flex-start;
  display: flex;
}
.vkuiHeader__before,
.vkuiHeader__contentAfter,
.vkuiHeader__contentBefore,
.vkuiHeader__subtitleAfter,
.vkuiHeader__subtitleBefore {
  flex-shrink: 0;
  display: flex;
}
.vkuiHeader__before {
  margin-right: var(--vkui--spacing_size_m);
  margin-top: var(--vkui--spacing_size_2xs);
  align-self: center;
}
.vkuiHeader__beforeWithSubtitle {
  margin-top: var(--vkui--spacing_size_s);
}
.vkuiHeader__subtitleWrapper {
  align-items: center;
  display: flex;
}
.vkuiHeader__subtitleBefore {
  margin-right: var(--vkui--spacing_size_xs);
}
.vkuiHeader__subtitleAfter {
  margin-left: var(--vkui--spacing_size_xs);
}
.vkuiHeader__contentBefore {
  margin-right: var(--vkui--spacing_size_xs);
}
.vkuiHeader__contentAfter {
  margin-left: var(--vkui--spacing_size_xs);
}
.vkuiHeader__main {
  color: var(--vkui--color_text_primary);
  flex: 1 0 0;
  min-width: 0;
}
.vkuiHeader__content {
  align-items: center;
  display: flex;
}
.vkuiHeader__contentIn,
.vkuiHeader__subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vkuiHeader__contentMultiline {
  white-space: normal;
  word-break: break-word;
}
.vkuiHeader__subtitle {
  display: block;
}
.vkuiHeader__indicator,
.vkuiHeader__sizeS .vkuiHeader__contentIn,
.vkuiHeader__subtitle {
  color: var(--vkui--color_text_secondary);
}
.vkuiHeader__indicator {
  margin-left: var(--vkui--spacing_size_xs);
  flex-shrink: 0;
}
.vkuiHeader__host:not(.vkuiHeader__pi) .vkuiHeader__indicator {
  align-self: center;
}
.vkuiHeader__after {
  white-space: nowrap;
  display: flex;
}
.vkuiHeader__after.vkuiHeader__after > * {
  margin-top: 13px;
  margin-bottom: 7px;
  margin-left: 12px;
}
.vkuiHeader__sizeS .vkuiHeader__after.vkuiHeader__after > * {
  margin-top: 11px;
}
.vkuiHeader__sizeM .vkuiHeader__after.vkuiHeader__after > * {
  margin-top: 13px;
}
.vkuiHeader__sizeL .vkuiHeader__after.vkuiHeader__after > * {
  margin-top: 14px;
}
.vkuiHeader__sizeXl .vkuiHeader__after.vkuiHeader__after > * {
  margin-top: 16px;
}
.vkuiHeader__after > .vkuiIcon {
  color: var(--vkui--color_icon_secondary);
  position: relative;
}
.vkuiHeader__sizeS .vkuiHeader__after > .vkuiIcon--24 {
  margin-top: 9px;
  margin-bottom: 5px;
}
.vkuiHeader__sizeM .vkuiHeader__after > .vkuiIcon--24 {
  margin-top: 10px;
  margin-bottom: 5px;
}
.vkuiHeader__sizeL .vkuiHeader__after > .vkuiIcon--24 {
  margin-top: 11px;
  margin-bottom: 5px;
}
.vkuiHeader__sizeXl .vkuiHeader__after > .vkuiIcon--24 {
  margin-top: 12px;
  margin-bottom: 5px;
}
.vkuiHeader__sizeS .vkuiHeader__after > .vkuiIcon--16 {
  margin-top: 13px;
  margin-bottom: 9px;
}
.vkuiHeader__sizeM .vkuiHeader__after > .vkuiIcon--16 {
  margin-top: 14px;
  margin-bottom: 9px;
}
.vkuiHeader__sizeL .vkuiHeader__after > .vkuiIcon--16 {
  margin-top: 15px;
  margin-bottom: 9px;
}
.vkuiHeader__sizeXl .vkuiHeader__after > .vkuiIcon--16 {
  margin-top: 16px;
  margin-bottom: 9px;
}
.vkuiHeader__content {
  margin-top: 12px;
}
.vkuiHeader__content:last-child {
  margin-bottom: 8px;
}
.vkuiHeader__subtitleWrapper {
  margin-bottom: 7px;
}
.vkuiInternalGroup--mode-plain:not(:first-of-type) > .vkuiHeader__host:first-child,
.vkuiInternalGroup--mode-plain:not(:first-of-type) > .vkuiInternalTappable:first-child > .vkuiHeader__host {
  margin-top: -16px;
}
@media (max-width: 767.9px) {
  .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none:not(:first-of-type) > .vkuiHeader__host:first-child,
  .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none:not(:first-of-type) > .vkuiInternalTappable:first-child > .vkuiHeader__host {
    margin-top: -16px;
  }
}
.vkuiInternalGroup--mode-card > .vkuiHeader__host:not(.vkuiHeader__sizeM):first-child,
.vkuiInternalGroup--mode-card > .vkuiInternalTappable:first-child > .vkuiHeader__host:not(.vkuiHeader__sizeM) {
  margin-top: calc(-1*var(--vkui--spacing_size_xs));
}
@media (min-width: 768px) {
  .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none > .vkuiHeader__host:not(.vkuiHeader__sizeM):first-child,
  .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none > .vkuiInternalTappable:first-child > .vkuiHeader__host:not(.vkuiHeader__sizeM) {
    margin-top: calc(-1*var(--vkui--spacing_size_xs));
  }
}
.vkuiHeader__after {
  --vkui_internal--link-color:var(--vkui--color_text_accent);
}
.vkuiGroup__host {
  --vkui_internal--Group_padding_inline:0;
  --vkui_internal--Group_padding_block:var(--vkui--spacing_size_m);
  --vkui_internal--Group_card_mode_padding_size:0;
  color: var(--vkui--color_text_primary);
  padding: var(--vkui_internal--Group_padding_block)var(--vkui_internal--Group_padding_inline);
}
.vkuiGroup__paddingS {
  --vkui_internal--Group_card_mode_padding_size:var(--vkui--spacing_size_xs);
}
.vkuiGroup__paddingM {
  --vkui_internal--Group_card_mode_padding_size:var(--vkui--spacing_size_m);
}
.vkuiGroup__modeCard,
.vkuiGroup__sizeXRegular.vkuiGroup__modeNone {
  --vkui_internal--Group_padding_inline:var(--vkui_internal--Group_card_mode_padding_size);
  --vkui_internal--Group_padding_block:var(--vkui_internal--Group_card_mode_padding_size);
  background: var(--vkui--color_background_content);
  border-radius: var(--vkui--size_border_radius_paper--regular);
  position: relative;
}
@media (min-width: 768px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeNone {
    --vkui_internal--Group_padding_inline:var(--vkui_internal--Group_card_mode_padding_size);
    --vkui_internal--Group_padding_block:var(--vkui_internal--Group_card_mode_padding_size);
    background: var(--vkui--color_background_content);
    border-radius: var(--vkui--size_border_radius_paper--regular);
    position: relative;
  }
}
.vkuiGroup__sizeXCompact.vkuiGroup__modeCard {
  --vkui_internal--Group_padding_inline:0;
  border-radius: var(--vkui--size_border_radius_promo--regular);
}
@media (max-width: 767.9px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeCard {
    --vkui_internal--Group_padding_inline:0;
    border-radius: var(--vkui--size_border_radius_promo--regular);
  }
}
.vkuiGroup__sizeXCompact.vkuiGroup__modeCard:first-of-type {
  border-bottom-left-radius: var(--vkui--size_border_radius_promo--regular);
  border-bottom-right-radius: var(--vkui--size_border_radius_promo--regular);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 767.9px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeCard:first-of-type {
    border-bottom-left-radius: var(--vkui--size_border_radius_promo--regular);
    border-bottom-right-radius: var(--vkui--size_border_radius_promo--regular);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.vkuiGroup__modeCard:before,
.vkuiGroup__sizeXRegular.vkuiGroup__modeNone:before {
  border-radius: inherit;
  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_separator_primary);
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeNone:before {
    border-radius: inherit;
    box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.vkuiGroup__sizeXCompact.vkuiGroup__modeCard:before {
  box-shadow: none;
}
@media (max-width: 767.9px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeCard:before {
    box-shadow: none;
  }
}
.vkuiGroup__header:empty {
  display: none;
}
.vkuiGroup__modePlain:not(:first-of-type) > .vkuiGroup__header,
.vkuiGroup__sizeXCompact.vkuiGroup__modeNone:not(:first-of-type) > .vkuiGroup__header {
  margin-top: calc(-1*var(--vkui--spacing_size_m));
}
@media (max-width: 767.9px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeNone:not(:first-of-type) > .vkuiGroup__header {
    margin-top: calc(-1*var(--vkui--spacing_size_m));
  }
}
.vkuiGroup__modeCard > .vkuiGroup__header,
.vkuiGroup__sizeXRegular.vkuiGroup__modeNone > .vkuiGroup__header {
  margin-top: calc(-1*var(--vkui--spacing_size_xs));
}
@media (min-width: 768px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeNone > .vkuiGroup__header {
    margin-top: calc(-1*var(--vkui--spacing_size_xs));
  }
}
.vkuiGroup__description {
  color: var(--vkui--color_text_secondary);
  padding: var(--vkui--spacing_size_xs)var(--vkui--size_base_padding_horizontal--regular)var(--vkui--spacing_size_2xl);
  display: block;
}
.vkuiGroup__separatorSibling {
  --vkui_internal--Group__separator_hr:none;
  box-sizing: border-box;
  position: relative;
}
.vkuiGroup__separatorSibling:before {
  background: var(--vkui--color_separator_primary);
  content: "";
  display: var(--vkui_internal--Group__separator_hr);
  height: var(--vkui--size_border--regular);
  margin-bottom: calc(-1*var(--vkui--size_border--regular));
}
.vkuiGroup__modePlain + .vkuiGroup__separatorSibling,
.vkuiGroup__sizeXCompact.vkuiGroup__modeNone + .vkuiGroup__separatorSibling {
  --vkui_internal--Group__separator_hr:block;
  padding: var(--vkui--spacing_size_m)var(--vkui--size_base_padding_horizontal--regular);
}
@media (max-width: 767.9px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeNone + .vkuiGroup__separatorSibling {
    --vkui_internal--Group__separator_hr:block;
    padding: var(--vkui--spacing_size_m)var(--vkui--size_base_padding_horizontal--regular);
  }
}
.vkuiGroup__modePlain:last-of-type + .vkuiGroup__separatorSibling:not(.vkuiGroup__separatorSiblingForced) {
  display: none;
}
@media (max-width: 767.9px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeNone:last-of-type + .vkuiGroup__separatorSibling:not(.vkuiGroup__separatorSiblingForced) {
    display: none;
  }
}
.vkuiGroup__modeCard + .vkuiGroup__separatorSibling,
.vkuiGroup__sizeXRegular.vkuiGroup__modeNone + .vkuiGroup__separatorSibling {
  height: var(--vkui--spacing_size_2xl);
  padding-bottom: calc(var(--vkui--spacing_size_2xl)/2);
  padding-top: calc(var(--vkui--spacing_size_2xl)/2);
}
@media (min-width: 768px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeNone + .vkuiGroup__separatorSibling {
    height: var(--vkui--spacing_size_2xl);
    padding-bottom: calc(var(--vkui--spacing_size_2xl)/2);
    padding-top: calc(var(--vkui--spacing_size_2xl)/2);
  }
}
.vkuiGroup__sizeXCompact.vkuiGroup__modeCard + .vkuiGroup__separatorSibling {
  height: var(--vkui--spacing_size_m);
  padding-bottom: calc(var(--vkui--spacing_size_m)/2);
  padding-top: calc(var(--vkui--spacing_size_m)/2);
}
@media (max-width: 767.9px) {
  .vkuiGroup__sizeXNone.vkuiGroup__modeCard + .vkuiGroup__separatorSibling {
    height: var(--vkui--spacing_size_m);
    padding-bottom: calc(var(--vkui--spacing_size_m)/2);
    padding-top: calc(var(--vkui--spacing_size_m)/2);
  }
}
@media (min-width: 768px) {
  .vkuiGroup__modePlainInsideModal {
    --vkui_internal--Group_padding_inline:var(--vkui--spacing_size_m);
    --vkui_internal--Group_padding_block:var(--vkui--spacing_size_m);
  }
  .vkuiGroup__modePlainInsideModal + .vkuiGroup__separatorSibling {
    padding-left: calc(var(--vkui--size_base_padding_horizontal--regular) + var(--vkui--spacing_size_m));
    padding-right: calc(var(--vkui--size_base_padding_horizontal--regular) + var(--vkui--spacing_size_m));
  }
}
.vkuiGroup__host .vkuiGroup__host {
  --vkui_internal--Group_padding_inline:0;
}
.vkuiGroup__host .vkuiGroup__host + .vkuiGroup__separatorSibling {
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiGroup__host .vkuiGroup__host:first-of-type {
  padding-top: 0;
}
.vkuiGroup__host .vkuiGroup__host:last-of-type {
  padding-bottom: 0;
}
.vkuiGroup__expandedContentInline {
  margin-left: calc(-1*var(--vkui_internal--Group_padding_inline));
  margin-right: calc(-1*var(--vkui_internal--Group_padding_inline));
}
.vkuiGroup__expandedContentBlock {
  margin-bottom: calc(-1*var(--vkui_internal--Group_padding_block));
  margin-top: calc(-1*var(--vkui_internal--Group_padding_block));
}
.vkuiGroup__host .vkuiGroup__host:first-of-type .vkuiGroup__expandedContentBlock,
.vkuiGroup__host .vkuiGroup__host:last-of-type .vkuiGroup__expandedContentBlock {
  margin-left: 0;
}
.vkuiInternalPanelHeader--vkcom + * .vkuiGroup__host:first-of-type,
.vkuiInternalPanelHeader--vkcom ~ .vkuiGroup__host:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  top: -1px;
}
.vkuiGradient__host {
  background: linear-gradient(to bottom, var(--vkui_internal--Gradient_gradient));
  --vkui_internal--Gradient_gradient:var(--vkui--gradient);
}
.vkuiGradient__toBottom {
  background: linear-gradient(to top, var(--vkui_internal--Gradient_gradient));
}
.vkuiGradient__modeTint {
  --vkui_internal--Gradient_gradient:var(--vkui--gradient_tint);
}
.vkuiGradient__modeOverlay {
  --vkui_internal--Gradient_gradient:var(--vkui--gradient_black);
}
.vkuiList__host {
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}
.vkuiList__placeholder {
  display: none;
}
.vkuiRemovable__content {
  align-items: center;
  display: flex;
  position: relative;
}
.vkuiRemovable__withPadding {
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiRemovable__action {
  color: var(--vkui--color_icon_secondary);
  border: 0;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.vkuiRemovable__alignStart .vkuiRemovable__action {
  align-self: flex-start;
}
.vkuiRemovable__disabled {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiRemovable__ios {
  overflow: hidden;
}
.vkuiRemovable__remove {
  background-color: var(--vkui--color_background_negative);
  color: var(--vkui_internal--white);
  border: 0;
  border-radius: 0;
  height: 100%;
  padding: 0 10px;
  font-size: 15px;
  line-height: 45px;
  position: absolute;
  top: 0;
  left: 100%;
}
.vkuiRemovable__removeIn {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.vkuiRemovable__toggle {
  background: 0 0;
  width: 44px;
  height: 44px;
  margin: 0 2px;
  display: block;
}
.vkuiRemovable__toggleIn {
  border: 0;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.vkuiRemovable__toggleIn:after {
  background-color: var(--vkui--color_background_negative);
  content: "";
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.vkuiRemovable__toggleIn:before {
  background-color: var(--vkui_internal--white);
  content: "";
  width: 12px;
  height: 2px;
  display: block;
  position: absolute;
}
.vkuiRemovable__ios .vkuiRemovable__content {
  padding-left: 0;
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
  transition: transform .6s var(--vkui--animation_easing_platform);
}
.vkuiRemovable__indent .vkuiRemovable__action {
  pointer-events: none;
  visibility: hidden;
}
.vkuiInternalFormItem--removable .vkuiRemovable__content,
.vkuiInternalFormLayoutGroup--removable .vkuiRemovable__content {
  flex-wrap: wrap;
  align-items: flex-start;
}
.vkuiRemovable__offset {
  display: none;
}
.vkuiInternalFormItem--withTop .vkuiInternalFormItem__removable ~ .vkuiRemovable__offset,
.vkuiInternalFormLayoutGroup--removable .vkuiInternalFormItem--withTop ~ .vkuiRemovable__offset {
  height: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);
  order: -1;
  width: 100%;
  display: block;
}
.vkuiInternalFormItem--sizeY-compact.vkuiInternalFormItem--withTop .vkuiInternalFormItem__removable ~ .vkuiRemovable__offset,
.vkuiInternalFormLayoutGroup--sizeY-compact.vkuiInternalFormLayoutGroup--removable .vkuiInternalFormItem--withTop ~ .vkuiRemovable__offset {
  height: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiInternalFormItem--sizeY-none.vkuiInternalFormItem--withTop .vkuiInternalFormItem__removable ~ .vkuiRemovable__offset,
  .vkuiInternalFormLayoutGroup--sizeY-none.vkuiInternalFormLayoutGroup--removable .vkuiInternalFormItem--withTop ~ .vkuiRemovable__offset {
    height: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);
  }
}
.vkuiSimpleCell__host {
  --vkui_internal--SimpleCell-before-inline-padding-end:var(--vkui--spacing_size_xl);
  color: var(--vkui--color_text_primary);
  min-height: 48px;
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
  white-space: nowrap;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.vkuiSimpleCell__mult {
  white-space: normal;
}
.vkuiSimpleCell__mult .vkuiSimpleCell__children {
  text-overflow: clip;
}
.vkuiSimpleCell__disabled {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiSimpleCell__before {
  color: var(--vkui_internal--icon_color,var(--vkui--color_icon_accent));
  padding-bottom: var(--vkui--spacing_size_s);
  padding-right: var(--vkui_internal--SimpleCell-before-inline-padding-end);
  padding-top: var(--vkui--spacing_size_s);
  align-items: center;
  display: flex;
}
.vkuiSimpleCell__before > .vkuiIcon {
  box-sizing: initial;
  padding-right: var(--vkui--spacing_size_xs);
}
.vkuiSimpleCell__beforeIos > .vkuiIcon {
  padding-right: 0;
}
.vkuiSimpleCell__before:empty {
  display: none;
}
.vkuiSimpleCell__middle {
  min-width: 0;
  max-width: 100%;
  padding-bottom: var(--vkui--spacing_size_l);
  padding-top: var(--vkui--spacing_size_l);
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  display: flex;
  overflow: hidden;
}
.vkuiSimpleCell__middle > :not(:first-child) {
  margin-top: var(--vkui--spacing_size_2xs);
}
.vkuiSimpleCell__overTitle {
  color: var(--vkui--color_text_subhead);
}
.vkuiSimpleCell__text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.vkuiSimpleCell__extraSubtitle,
.vkuiSimpleCell__subtitle {
  color: var(--vkui--color_text_secondary);
}
.vkuiSimpleCell__host .vkuiSimpleCell__content {
  place-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}
.vkuiSimpleCell__children {
  color: inherit;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.vkuiSimpleCell__mult .vkuiSimpleCell__children,
.vkuiSimpleCell__mult .vkuiSimpleCell__subtitle {
  flex: 0 auto;
}
.vkuiSimpleCell__badge {
  color: var(--vkui--color_icon_accent);
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-block;
}
.vkuiSimpleCell__content > :not(:last-child) {
  margin-right: var(--vkui--spacing_size_xs);
}
.vkuiSimpleCell__indicator {
  color: var(--vkui--color_text_secondary);
  min-width: 0;
  padding-left: var(--vkui--spacing_size_xl);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  overflow: hidden;
}
.vkuiSimpleCell__after {
  color: var(--vkui_internal--icon_color,var(--vkui--color_icon_accent));
  flex-shrink: 0;
  align-items: center;
  display: flex;
}
.vkuiSimpleCell__after > .vkuiIcon {
  box-sizing: initial;
  padding-left: var(--vkui--spacing_size_m);
}
.vkuiSimpleCell__after > .vkuiIcon:last-child {
  padding-right: var(--vkui--spacing_size_2xs);
}
.vkuiSimpleCell__chevronIcon {
  color: var(--vkui--color_icon_tertiary);
  padding-left: var(--vkui--spacing_size_xl);
}
.vkuiSimpleCell__sizeYCompact {
  min-height: 44px;
}
.vkuiSimpleCell__sizeYCompact .vkuiSimpleCell__before {
  padding-bottom: var(--vkui--spacing_size_xs);
  padding-top: var(--vkui--spacing_size_xs);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSimpleCell__sizeYNone {
    min-height: 44px;
  }
  .vkuiSimpleCell__sizeYNone .vkuiSimpleCell__before {
    padding-bottom: var(--vkui--spacing_size_xs);
    padding-top: var(--vkui--spacing_size_xs);
  }
}
.vkuiInternalFormItem > .vkuiSimpleCell__host {
  margin-bottom: 0;
  margin-left: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-right: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-top: 0;
}
.vkuiCellCheckbox__host {
  justify-content: center;
  width: 24px;
  display: flex;
}
.vkuiCellCheckbox__icon {
  color: var(--vkui--color_icon_tertiary);
  display: none;
}
.vkuiCellCheckbox__iconOn {
  color: var(--vkui--color_icon_accent);
}
.vkuiCellCheckbox__input:checked ~ .vkuiCellCheckbox__iconOn,
.vkuiCellCheckbox__input:not(:checked) ~ .vkuiCellCheckbox__iconOff {
  display: block;
}
.vkuiCellDragger__host {
  color: var(--vkui--color_icon_secondary);
  cursor: ns-resize;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.vkuiCellDragger__icon {
  pointer-events: none;
}
.vkuiCell__host {
  position: relative;
}
.vkuiCell__dragging {
  background-color: var(--vkui--color_background_secondary);
  box-shadow: var(--vkui--elevation3);
}
.vkuiCell__checkbox,
.vkuiCell__dragger {
  margin-right: var(--vkui--spacing_size_2xl);
  flex-shrink: 0;
  position: relative;
}
.vkuiCell__controlNoBefore {
  margin-right: calc(var(--vkui--spacing_size_2xl) - var(--vkui--spacing_size_xl));
}
.vkuiCell__content {
  min-width: 0;
  max-width: 100%;
}
.vkuiCell__removable .vkuiCell__content {
  flex-grow: 1;
  padding-right: 44px;
}
.vkuiCell__removable .vkuiInternalRemovable__content {
  padding-left: 0;
}
.vkuiCell__removable .vkuiInternalRemovable__action {
  padding-left: 0;
  position: absolute;
  right: 0;
}
.vkuiCell__ios .vkuiCell__dragger {
  margin-left: var(--vkui--spacing_size_xl);
  margin-right: 0;
}
.vkuiCell__ios .vkuiCell__checkbox {
  margin-right: var(--vkui--spacing_size_xl);
}
.vkuiCell__ios .vkuiCell__controlNoBefore {
  margin-right: 0;
}
.vkuiCell__ios.vkuiCell__removable .vkuiCell__content {
  padding-left: 48px;
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiCell__ios.vkuiCell__removable .vkuiInternalRemovable__action {
  z-index: 1;
  left: 0;
  right: auto;
}
.vkuiCell__ios.vkuiCell__removable .vkuiInternalRemovable__content {
  padding-right: 0;
}
.vkuiInternalFormItem > .vkuiCell__host {
  margin-bottom: 0;
  margin-left: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-right: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-top: 0;
}
.vkuiRichCellIcon__host {
  box-sizing: border-box;
  color: var(--vkui--color_icon_accent_themed);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 48px;
  height: 40px;
  padding: 6px 0 6px 12px;
  display: flex;
}
.vkuiRichCell__host {
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  font-family: var(--vkui--font_family_base);
  min-height: 64px;
  padding: var(--vkui--spacing_size_m)var(--vkui--size_base_padding_horizontal--regular);
  text-decoration: none;
  display: flex;
}
.vkuiRichCell__sizeYCompact {
  min-height: 60px;
}
.vkuiRichCell__before {
  margin-right: var(--vkui--spacing_size_xl);
}
.vkuiRichCell__in {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
  display: flex;
}
.vkuiRichCell__host.vkuiRichCell__withAfter:not(.vkuiRichCell__alignAfterStart).vkuiRichCell__contentAlignStart .vkuiRichCell__in {
  justify-content: flex-start;
}
.vkuiRichCell__host.vkuiRichCell__withAfter:not(.vkuiRichCell__alignAfterStart).vkuiRichCell__contentAlignEnd .vkuiRichCell__in {
  justify-content: flex-end;
}
.vkuiRichCell__content {
  word-break: break-word;
  display: flex;
}
.vkuiRichCell__contentBefore {
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  display: flex;
}
.vkuiRichCell__alignAfterStart.vkuiRichCell__contentAlignStart .vkuiRichCell__contentBefore {
  justify-content: flex-start;
}
.vkuiRichCell__alignAfterStart.vkuiRichCell__contentAlignCenter .vkuiRichCell__contentBefore {
  justify-content: center;
}
.vkuiRichCell__alignAfterStart.vkuiRichCell__contentAlignEnd .vkuiRichCell__contentBefore {
  justify-content: flex-end;
}
.vkuiRichCell__contentAfter {
  box-sizing: border-box;
  padding-left: var(--vkui--spacing_size_xl);
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  display: flex;
}
.vkuiRichCell__alignAfterStart .vkuiRichCell__contentAfter,
.vkuiRichCell__alignBeforeStart .vkuiRichCell__before {
  align-self: flex-start;
}
.vkuiRichCell__alignAfterCenter .vkuiRichCell__contentAfter,
.vkuiRichCell__alignBeforeCenter .vkuiRichCell__before {
  align-self: center;
}
.vkuiRichCell__alignAfterEnd .vkuiRichCell__contentAfter,
.vkuiRichCell__alignBeforeEnd .vkuiRichCell__before {
  align-self: flex-end;
}
.vkuiRichCell__afterChildren {
  font-weight: var(--vkui--font_weight_accent2);
}
.vkuiRichCell__afterCaption {
  color: var(--vkui--color_text_secondary);
  font-size: var(--vkui--font_footnote--font_size--regular);
  line-height: var(--vkui--font_footnote--line_height--regular);
  margin-top: var(--vkui--spacing_size_2xs);
}
.vkuiRichCell__sizeYCompact .vkuiRichCell__afterCaption {
  font-size: var(--vkui--font_caption1--font_size--regular);
  line-height: var(--vkui--font_caption1--line_height--regular);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiRichCell__sizeYNone .vkuiRichCell__afterCaption {
    font-size: var(--vkui--font_caption1--font_size--regular);
    line-height: var(--vkui--font_caption1--line_height--regular);
  }
}
.vkuiRichCell__extraSubtitle,
.vkuiRichCell__overTitle {
  color: var(--vkui--color_text_secondary);
}
.vkuiRichCell__extraSubtitle {
  margin-top: 1px;
}
.vkuiRichCell__children {
  font-weight: var(--vkui--font_weight_accent2);
}
.vkuiRichCell__textEllipsis .vkuiRichCell__children,
.vkuiRichCell__textEllipsis .vkuiRichCell__extraSubtitle,
.vkuiRichCell__textEllipsis .vkuiRichCell__overTitle,
.vkuiRichCell__textEllipsis .vkuiRichCell__subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}
.vkuiRichCell__bottom {
  margin-top: var(--vkui--spacing_size_s);
}
.vkuiRichCell__actions {
  margin-top: var(--vkui--spacing_size_m);
}
.vkuiRichCell__afterChildren,
.vkuiRichCell__children,
.vkuiRichCell__subtitle {
  font-size: var(--vkui--font_paragraph--font_size--regular);
  line-height: var(--vkui--font_paragraph--line_height--regular);
}
.vkuiRichCell__sizeYCompact .vkuiRichCell__afterChildren,
.vkuiRichCell__sizeYCompact .vkuiRichCell__children,
.vkuiRichCell__sizeYCompact .vkuiRichCell__subtitle {
  font-size: var(--vkui--font_subhead--font_size--regular);
  line-height: var(--vkui--font_subhead--line_height--regular);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiRichCell__sizeYNone .vkuiRichCell__afterChildren,
  .vkuiRichCell__sizeYNone .vkuiRichCell__children,
  .vkuiRichCell__sizeYNone .vkuiRichCell__subtitle {
    font-size: var(--vkui--font_subhead--font_size--regular);
    line-height: var(--vkui--font_subhead--line_height--regular);
  }
}
.vkuiInternalFormItem .vkuiRichCell__host {
  margin-left: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-right: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiRichCell__sizeYNone {
    min-height: 60px;
  }
}
.vkuiCellButton__host {
  box-sizing: border-box;
  text-align: left;
  background: 0 0;
  border: 0;
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}
.vkuiInternalFormItem .vkuiCellButton__host {
  box-sizing: initial;
  margin-bottom: 0;
  margin-left: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-right: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  width: 100%;
  margin-top: 0;
}
.vkuiCellButton__host[disabled] {
  opacity: .4;
}
.vkuiCellButton__centered {
  text-align: center;
  justify-content: center;
}
.vkuiCellButton__centered > * {
  flex-grow: 0;
  max-width: none;
}
.vkuiCellButton__centered .vkuiIcon {
  margin-right: calc(-1*var(--vkui_internal--SimpleCell-before-inline-padding-end,var(--vkui--spacing_size_xl)));
  padding-right: var(--vkui--spacing_size_m);
}
.vkuiCellButton__appearanceAccent {
  --vkui_internal--icon_color:var(--vkui--color_icon_accent);
  color: var(--vkui--color_text_accent);
}
.vkuiCellButton__centered {
  --vkui_internal--icon_color:var(--vkui--color_icon_accent_themed);
  color: var(--vkui--color_text_accent_themed);
}
.vkuiCellButton__appearanceNeutral {
  --vkui_internal--icon_color:var(--vkui--color_icon_primary);
  color: var(--vkui--color_text_primary);
}
.vkuiCellButton__appearanceNegative {
  --vkui_internal--icon_color:var(--vkui--color_text_negative);
  color: var(--vkui--color_text_negative);
}
.vkuiAvatarBadge__host {
  bottom: 0;
  right: 0;
}
.vkuiAvatarBadge__shifted {
  bottom: -2px;
  right: -2px;
}
.vkuiAvatarBadge__presetOnline,
.vkuiAvatarBadge__presetOnlineMobile {
  color: var(--vkui--color_accent_green);
  bottom: 14%;
  right: 14%;
  transform: translate(50%, 50%);
}
.vkuiAvatarBadge__presetOnline {
  padding: 0;
}
.vkuiAvatarBadge__presetOnlineMobile {
  border-radius: 3px;
}
.vkuiAvatar__host {
  border-radius: 50%;
}
.vkuiAvatar__hasGradient {
  color: var(--vkui--color_text_contrast);
}
.vkuiAvatar__gradientRed {
  background-color: #e52e40;
  background-image:
    linear-gradient(
      135deg,
      #ff7583,
      #e52e40);
}
.vkuiAvatar__gradientPink {
  background-color: #e62e6b;
  background-image:
    linear-gradient(
      135deg,
      #ff8880,
      #e62e6b);
}
.vkuiAvatar__gradientOrange {
  background-color: #e66b2e;
  background-image:
    linear-gradient(
      135deg,
      #ffbf80,
      #e66b2e);
}
.vkuiAvatar__gradientYellow {
  background-color: #e7a902;
  background-image:
    linear-gradient(
      135deg,
      #ffd54f,
      #e7a902);
}
.vkuiAvatar__gradientGreen {
  background-color: #6cd97e;
  background-image:
    linear-gradient(
      135deg,
      #6cd97e,
      #12b212);
}
.vkuiAvatar__gradientLBlue {
  background-color: #2bb4d6;
  background-image:
    linear-gradient(
      135deg,
      #7df1fa,
      #2bb4d6);
}
.vkuiAvatar__gradientBlue {
  background-color: #3f8ae0;
  background-image:
    linear-gradient(
      135deg,
      #6cf,
      #3f8ae0);
}
.vkuiAvatar__gradientViolet {
  background-color: #8f3fe0;
  background-image:
    linear-gradient(
      135deg,
      #d3a6ff,
      #8f3fe0);
}
.vkuiAvatar__initials {
  font-family: var(--vkui--font_family_accent);
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
}
.vkuiHorizontalCell__host {
  display: flex;
}
.vkuiHorizontalCell__image {
  justify-content: center;
  display: flex;
}
.vkuiHorizontalCell__body {
  max-width: inherit;
  font-family: inherit;
  text-decoration: none;
}
.vkuiHorizontalCell__host .vkuiHorizontalCell__body {
  border-radius: var(--vkui--size_border_radius--regular);
}
.vkuiHorizontalCell__content {
  color: var(--vkui--color_text_primary);
  max-width: inherit;
  text-overflow: ellipsis;
  word-break: break-word;
}
.vkuiHorizontalCell__subtitle {
  color: var(--vkui--color_text_secondary);
}
.vkuiHorizontalCell__content .vkuiHorizontalCell__subtitle {
  margin-top: 2px;
}
.vkuiHorizontalCell__sized {
  max-width: var(--vkui_internal--cell_width);
}
.vkuiHorizontalCell__customSize .vkuiHorizontalCell__body {
  width: var(--vkui_internal--cell_width);
}
.vkuiHorizontalCell__sizeS {
  --vkui_internal--side_cell_gap:calc(var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_m));
  --vkui_internal--cell_width:72px;
}
.vkuiHorizontalCell__noPadding {
  --vkui_internal--side_cell_gap:0px;
}
.vkuiHorizontalCell__image {
  padding-bottom: 4px;
  padding-left: var(--vkui--spacing_size_s);
  padding-right: var(--vkui--spacing_size_s);
  padding-top: 4px;
}
.vkuiHorizontalCell__content {
  text-align: left;
  padding: 2px 6px 8px;
}
.vkuiHorizontalCell__textAlignCenter {
  text-align: center;
}
.vkuiHorizontalCell__textAlignEnd {
  text-align: right;
}
.vkuiHorizontalCell__sizeS .vkuiHorizontalCell__image {
  padding-bottom: 4px;
  padding-left: var(--vkui--spacing_size_m);
  padding-right: var(--vkui--spacing_size_m);
  padding-top: 4px;
}
.vkuiHorizontalCell__sizeS .vkuiHorizontalCell__content {
  padding: 2px 4px 8px;
}
.vkuiHorizontalCell__sizeM {
  --vkui_internal--cell_width:100px;
}
.vkuiHorizontalCell__sizeL {
  --vkui_internal--cell_width:140px;
}
.vkuiHorizontalCell__sizeXL {
  --vkui_internal--cell_width:232px;
}
.vkuiHorizontalCell__sizeAuto {
  width: auto;
}
.vkuiHorizontalCell__host:first-child:before,
.vkuiHorizontalCell__host:last-child:after {
  content: "";
  min-width: var(--vkui_internal--side_cell_gap);
}
.vkuiHorizontalCell__sized:first-child,
.vkuiHorizontalCell__sized:last-child {
  max-width: calc(var(--vkui_internal--cell_width) + var(--vkui_internal--side_cell_gap));
}
.vkuiHorizontalCell__sized:first-child:last-child {
  max-width: calc(var(--vkui_internal--cell_width) + (2*(var(--vkui_internal--side_cell_gap))));
}
.vkuiHorizontalCell__sized:first-child .vkuiHorizontalCell__body,
.vkuiHorizontalCell__sized:last-child .vkuiHorizontalCell__body {
  max-width: var(--vkui_internal--cell_width);
}
.vkuiHorizontalCellShowMore__host {
  display: flex;
}
.vkuiHorizontalCellShowMore__centered {
  margin-top: auto;
  margin-bottom: auto;
}
.vkuiHorizontalCellShowMore__host:last-child:after {
  content: "";
  min-width: var(--vkui_internal--side_cell_gap);
}
.vkuiHorizontalCellShowMore__body {
  box-sizing: initial;
  padding-bottom: 4px;
  padding-left: var(--vkui--spacing_size_s);
  padding-right: var(--vkui--spacing_size_s);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  display: flex;
}
.vkuiHorizontalCellShowMore__sizeS .vkuiHorizontalCellShowMore__body {
  min-width: 64px;
  padding: var(--vkui--spacing_size_xs);
}
.vkuiHorizontalCellShowMore__sizeM .vkuiHorizontalCellShowMore__body {
  width: 128px;
  margin-bottom: auto;
}
.vkuiHorizontalCellShowMore__host .vkuiHorizontalCellShowMore__body {
  border-radius: var(--vkui--size_border_radius--regular);
}
.vkuiHorizontalCellShowMore__icon {
  color: var(--vkui--color_icon_secondary);
}
.vkuiHorizontalCellShowMore__text {
  color: var(--vkui--color_text_secondary);
  padding-top: 8px;
}
.vkuiFooter__host {
  color: var(--vkui--color_text_secondary);
  padding-bottom: 24px;
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
  text-align: center;
  padding-top: 24px;
  display: block;
}
.vkuiInfoRow__host {
  text-overflow: ellipsis;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  overflow: hidden;
}
.vkuiInfoRow__header {
  color: var(--vkui--color_text_subhead);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 2px;
  display: block;
  overflow: hidden;
}
.vkuiCarouselBase__host {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
}
.vkuiCarouselBase__viewport {
  height: 100%;
  margin: 0;
  position: relative;
}
.vkuiCarouselBase__layer {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 100px;
  display: flex;
}
.vkuiCarouselBase__draggable .vkuiCarouselBase__layer {
  cursor: -webkit-grab;
  cursor: grab;
}
.vkuiCarouselBase__layer:empty {
  min-height: 0;
}
.vkuiCarouselBase__slide {
  flex: none;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.vkuiCarouselBase__customWidth .vkuiCarouselBase__slide {
  width: auto;
}
.vkuiCarouselBase__slide > * {
  width: 100%;
  min-height: 100%;
}
.vkuiCarouselBase__bullets {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6px;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.vkuiCarouselBase__bulletsDark .vkuiCarouselBase__bullet {
  background-color: var(--vkui--color_icon_primary_invariably);
}
.vkuiCarouselBase__bulletsLight .vkuiCarouselBase__bullet {
  background-color: var(--vkui--color_icon_contrast);
}
.vkuiCarouselBase__bullet {
  height: 6px;
  opacity: var(--vkui--opacity_disable_accessibility);
  border-radius: 50%;
  width: 6px;
  margin: 0 3px;
}
.vkuiCarouselBase__bulletActive {
  opacity: 1;
}
.vkuiCarouselBase__arrow {
  opacity: 0;
  position: absolute;
}
.vkuiCarouselBase__arrowAreaStretch {
  top: 0;
}
.vkuiCarouselBase__arrowAreaFit {
  height: auto;
  padding-bottom: calc(var(--vkui--size_base_padding_vertical--regular)*2);
  padding-top: calc(var(--vkui--size_base_padding_vertical--regular)*2);
  top: 50%;
  transform: translateY(-50%);
}
.vkuiCarouselBase__arrowStart {
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiCarouselBase__arrowEnd {
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiCarouselBase__host:hover .vkuiCarouselBase__arrow {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiCarouselBase__host .vkuiCarouselBase__arrow:hover {
  opacity: 1;
}
.vkuiGridAvatarBadge__host {
  bottom: 0;
  right: 0;
}
.vkuiGridAvatarBadge__shifted {
  bottom: -2px;
  right: -2px;
}
.vkuiGridAvatar__host {
  border-radius: 50%;
}
.vkuiGridAvatar__in {
  border-radius: inherit;
  flex-flow: column wrap;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.vkuiGridAvatar__item {
  height: calc(50% - var(--vkui_internal--grid_avatar_image_offset)/2);
  margin-right: var(--vkui_internal--grid_avatar_image_offset);
  width: calc(50% - var(--vkui_internal--grid_avatar_image_offset)/2);
  background-position: 50%;
  background-size: cover;
}
.vkuiGridAvatar__item:only-child {
  width: 100%;
}
.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)),
.vkuiGridAvatar__item:nth-child(2):last-child {
  height: 100%;
}
.vkuiGridAvatar__item:nth-last-child(4),
.vkuiGridAvatar__item:nth-last-child(n+3) ~ .vkuiGridAvatar__item:nth-last-child(2) {
  margin-bottom: var(--vkui_internal--grid_avatar_image_offset);
}
.vkuiImageBadge__host {
  position: absolute;
  bottom: -4px;
  right: -4px;
}
.vkuiImageBadge__shifted {
  bottom: -3px;
  right: -3px;
}
.vkuiImage__host {
  border-radius: var(--vkui_internal--Image_border_radius,initial);
}
.vkuiImage__borderStartStartRadius {
  border-top-left-radius: var(--vkui_internal--Image_border_start_start_radius,initial);
}
.vkuiImage__borderStartEndRadius {
  border-top-right-radius: var(--vkui_internal--Image_border_start_end_radius,initial);
}
.vkuiImage__borderEndStartRadius {
  border-bottom-left-radius: var(--vkui_internal--Image_border_end_start_radius,initial);
}
.vkuiImage__borderEndEndRadius {
  border-bottom-right-radius: var(--vkui_internal--Image_border_end_end_radius,initial);
}
.vkuiProgress__host {
  background: var(--vkui--color_track_background);
  border-radius: 1px;
  height: 2px;
}
.vkuiProgress__in {
  border-radius: inherit;
  height: 100%;
  transition: width .2s;
}
.vkuiProgress__appearanceAccent .vkuiProgress__in {
  background: var(--vkui--color_stroke_accent);
}
.vkuiProgress__appearancePositive .vkuiProgress__in {
  background: var(--vkui--color_stroke_positive);
}
.vkuiProgress__appearanceNegative .vkuiProgress__in {
  background: var(--vkui--color_stroke_negative);
}
.vkuiSearch__host {
  box-sizing: initial;
  -webkit-tap-highlight-color: transparent;
  --vkui_internal--search_height:var(--vkui--size_search_height--regular);
  display: flex;
  overflow: hidden;
}
.vkuiSearch__withPadding {
  padding-bottom: 8px;
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
  padding-top: 8px;
}
.vkuiSearch__sizeYCompact {
  --vkui_internal--search_height:var(--vkui--size_search_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSearch__sizeYNone {
    --vkui_internal--search_height:var(--vkui--size_search_height--compact);
  }
}
.vkuiSearch__field {
  background-color: var(--vkui--color_search_field_background);
  border-radius: var(--vkui--size_border_radius--regular);
  height: var(--vkui_internal--search_height);
  flex-grow: 2;
  flex-basis: 0%;
  width: 10000px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.vkuiSearch__field:hover {
  background-color: var(--vkui--color_search_field_background--hover);
}
.vkuiSearch__field:active {
  background-color: var(--vkui--color_search_field_background--active);
}
.vkuiSearch__label {
  cursor: text;
  opacity: 0;
  position: absolute;
  inset: 0;
}
.vkuiSearch__input {
  border-radius: inherit;
  color: var(--vkui--color_icon_medium);
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 1px);
  height: 100%;
  padding-left: 12px;
  display: flex;
  position: relative;
}
.vkuiSearch__nativeInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: initial;
  border-radius: inherit;
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  width: -webkit-fill-available;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  width: -moz-available;
  border: 0;
  flex-grow: 1;
  width: stretch;
  margin: 0;
  padding: 0 0 0 36px;
  position: absolute;
  inset: 0;
}
.vkuiSearch__nativeInput::-webkit-search-cancel-button {
  display: none;
}
.vkuiSearch__nativeInput::-webkit-search-decoration {
  display: none;
}
.vkuiSearch__nativeInput::-webkit-search-results-button {
  display: none;
}
.vkuiSearch__nativeInput::-webkit-search-results-decoration {
  display: none;
}
.vkuiSearch__nativeInput:focus {
  outline: var(--vkui_internal--outline-reset);
}
.vkuiSearch__hasAfter .vkuiSearch__nativeInput {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.vkuiSearch__disabled {
  cursor: default;
  pointer-events: none;
}
.vkuiSearch__disabled,
.vkuiSearch__nativeInput:disabled {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiSearch__nativeInput::placeholder {
  opacity: 1;
}
.vkuiSearch__nativeInput::placeholder,
.vkuiSearch__nativeInput:disabled::placeholder {
  color: var(--vkui--color_text_secondary);
}
.vkuiSearch__controls {
  color: var(--vkui--color_icon_secondary);
  transition: transform .3s var(--vkui--animation_easing_platform);
  --vkui_internal--search_icon_size:calc(var(--vkui_internal--search_height) + 4px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  transform: translate(100%);
}
.vkuiSearch__hasIcon .vkuiSearch__controls {
  transform: translate3d(calc(100% - var(--vkui_internal--search_icon_size)), 0, 0);
}
.vkuiSearch__hasValue .vkuiSearch__controls {
  transform: translateZ(0);
}
.vkuiSearch__icon {
  border-radius: var(--vkui--size_border_radius--regular);
  height: 100%;
  width: var(--vkui_internal--search_icon_size);
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiSearch__icon .vkuiIcon {
  padding: 0;
}
.vkuiSearch__after {
  pointer-events: none;
  min-width: 0;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  transition: flex-grow .3s var(--vkui--animation_easing_platform);
  flex-grow: 0;
  flex-basis: 0%;
  display: flex;
  position: relative;
}
.vkuiSearch__focused .vkuiSearch__after,
.vkuiSearch__hasValue .vkuiSearch__after {
  pointer-events: auto;
  flex-grow: 1;
}
.vkuiSearch__after:after,
.vkuiSearch__after:before {
  content: "";
  flex-shrink: 0;
  width: 4px;
  height: 100%;
  display: block;
}
.vkuiSearch__withPadding .vkuiSearch__after:after {
  margin-right: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
}
.vkuiSearch__afterTextClip {
  text-overflow: clip;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.vkuiSearch__findButton {
  width: auto;
  min-width: auto;
  max-width: none;
}
.vkuiInternalGroup--mode-plain .vkuiSearch__host {
  padding-top: 4px;
}
.vkuiTabs__in {
  align-items: stretch;
  display: flex;
}
.vkuiTabs__withGaps {
  justify-content: flex-start;
}
.vkuiInternalPanelHeader .vkuiTabs__host {
  font-family: var(--vkui--font_family_base);
  overflow: hidden;
}
.vkuiInternalPanelHeader .vkuiTabs__host:after {
  content: "";
  width: 1000px;
  display: block;
}
.vkuiInternalGroup--mode-plain > .vkuiTabs__modeDefault:first-child {
  margin-top: -8px;
}
.vkuiInternalGroup--mode-card > .vkuiTabs__modeDefault:first-child {
  margin-top: -4px;
}
.vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiTabs__host:after {
  background: var(--vkui--color_background_content);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiTabs__in {
  z-index: var(--vkui_internal--z_index_tabs);
  position: relative;
}
.vkuiTabsItem__host {
  border-radius: var(--vkui--size_border_radius--regular);
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  min-height: 32px;
  padding: 4px 8px;
  text-decoration: none;
  transition: background-color .15s ease-out;
  display: flex;
}
.vkuiTabsItem__withGaps {
  margin-top: 8px;
  margin-bottom: 8px;
}
.vkuiTabsItem__withGaps:not(:first-child) {
  margin-left: 6px;
}
.vkuiTabsItem__sizeYCompact {
  min-height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiTabsItem__sizeYNone {
    min-height: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.vkuiTabsItem__host[disabled] {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiTabsItem__modeDefault {
  flex: 1 0 0;
  min-height: 48px;
  padding: 12px 16px;
  position: relative;
}
.vkuiTabsItem__sizeYCompact.vkuiTabsItem__modeDefault {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiTabsItem__sizeYNone.vkuiTabsItem__modeDefault {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.vkuiTabsItem__hover.vkuiTabsItem__modeDefault {
  background-color: var(--vkui--color_transparent--hover);
}
.vkuiTabsItem__modeAccent {
  transition: background-color .15s ease-out, box-shadow .15s ease-out;
}
.vkuiTabsItem__selected.vkuiTabsItem__modeAccent {
  background-color: var(--vkui--color_background_contrast_themed);
  box-shadow: var(--vkui--elevation2);
}
.vkuiTabsItem__hover.vkuiTabsItem__modeAccent {
  background-color: var(--vkui--color_background_contrast_themed--hover);
}
.vkuiTabsItem__modeAccent:before {
  border: var(--vkui--size_border--regular)solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.vkuiTabsItem__selected.vkuiTabsItem__modeAccent:before {
  border-color: var(--vkui--color_separator_primary);
}
.vkuiTabsItem__selected.vkuiTabsItem__modeSecondary {
  background-color: var(--vkui--color_background_secondary_alpha);
}
.vkuiTabsItem__hover.vkuiTabsItem__modeSecondary {
  background-color: var(--vkui--color_background_secondary_alpha--hover);
}
.vkuiTabsItem__before {
  color: var(--vkui--color_icon_medium);
  margin-right: 6px;
  transition: color .15s ease-out;
}
.vkuiTabsItem__selected .vkuiTabsItem__before {
  color: var(--vkui--color_icon_primary);
}
.vkuiTabsItem__selected.vkuiTabsItem__modeAccent .vkuiTabsItem__before {
  color: var(--vkui--color_icon_accent_themed);
}
.vkuiTabsItem__label {
  color: var(--vkui--color_text_secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  transition: color .15s ease-out;
  overflow: hidden;
}
.vkuiTabsItem__selected .vkuiTabsItem__label {
  color: var(--vkui--color_text_primary);
}
.vkuiTabsItem__selected.vkuiTabsItem__modeAccent .vkuiTabsItem__label {
  color: var(--vkui--color_text_accent_themed);
}
.vkuiTabsItem__status {
  margin-left: 6px;
}
.vkuiTabsItem__statusCount {
  color: var(--vkui--color_text_tertiary);
}
.vkuiTabsItem__after {
  color: var(--vkui--color_icon_medium);
  margin-left: 6px;
}
.vkuiTabsItem__selected .vkuiTabsItem__after {
  color: var(--vkui--color_icon_primary);
}
.vkuiTabsItem__modeAccent.vkuiTabsItem__selected .vkuiTabsItem__after {
  color: var(--vkui--color_icon_accent_themed);
}
.vkuiTabsItem__underline {
  background-color: var(--vkui--color_background_accent);
  opacity: 0;
  pointer-events: none;
  border-radius: 2px;
  height: 2px;
  transition: opacity .15s ease-out;
  position: absolute;
  bottom: 5px;
  left: 16px;
  right: 16px;
}
.vkuiTabsItem__sizeYCompact .vkuiTabsItem__underline {
  bottom: 3px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiTabsItem__sizeYNone .vkuiTabsItem__underline {
    bottom: 3px;
  }
}
.vkuiTabsItem__underline[data-selected=true] {
  opacity: 1;
}
.vkuiInternalTabs--vkcom .vkuiTabsItem__host {
  flex-grow: 0;
  min-width: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.vkuiInternalTabs--vkcom .vkuiTabsItem__underline {
  bottom: 0;
  left: 2px;
  right: 2px;
}
.vkuiInternalHorizontalScroll .vkuiTabsItem__host {
  flex: 1 0 auto;
  min-width: 64px;
}
.vkuiTabsItem__host.vkuiTabsItem__stretched {
  flex-grow: 1;
}
.vkuiTabsItem__host.vkuiTabsItem__shrinked {
  flex-grow: 0;
  min-width: auto;
}
.vkuiPullToRefresh__host {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.vkuiPullToRefresh__refreshing {
  pointer-events: none;
  touch-action: none;
}
.vkuiPullToRefresh__controls {
  pointer-events: none;
  width: 100%;
}
.vkuiPullToRefresh__host:not(.vkuiPullToRefresh__ios) .vkuiPullToRefresh__controls {
  z-index: var(--vkui_internal--z_index_pull_to_refresh);
}
.vkuiPullToRefresh__spinner {
  background: var(--vkui--color_background_modal);
  box-sizing: border-box;
  color: var(--vkui--color_icon_accent);
  opacity: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: auto;
  transition: transform .3s cubic-bezier(.1, 0, .25, 1), opacity .22s ease-out;
  display: flex;
  box-shadow: 0 2px 6px #0003;
}
.vkuiPullToRefresh__ios .vkuiPullToRefresh__spinner {
  box-shadow: none;
  color: var(--vkui--color_icon_medium);
  background: 0 0;
  border-radius: 0;
}
.vkuiPullToRefresh__watching .vkuiPullToRefresh__spinner {
  transition: opacity .22s ease-out;
}
.vkuiPullToRefresh__spinnerSelf {
  stroke: currentColor;
}
.vkuiPullToRefresh__ios.vkuiPullToRefresh__refreshing .vkuiPullToRefresh__spinnerSelf {
  animation: .38s ease-out vkuiPullToRefresh__pull-to-refresh-to-refreshing;
}
.vkuiPullToRefresh__spinnerPath {
  transform-origin: 50%;
  transition: stroke-dashoffset .167s ease-out;
  transform: rotate(-90deg);
}
.vkuiPullToRefresh__refreshing .vkuiPullToRefresh__spinnerPath,
.vkuiPullToRefresh__watching .vkuiPullToRefresh__spinnerPath {
  transition: none;
}
.vkuiPullToRefresh__spinnerOn .vkuiPullToRefresh__spinnerPath {
  animation: vkuiPullToRefresh__ptr-rotator var(--vkui_internal--duration)linear infinite;
}
.vkuiPullToRefresh__content {
  transition: transform .4s var(--vkui--animation_easing_platform);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}
.vkuiPullToRefresh__watching .vkuiPullToRefresh__content {
  transition: none;
}
@keyframes vkuiPullToRefresh__pull-to-refresh-to-refreshing {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(.6);
  }
  90% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes vkuiPullToRefresh__ptr-rotator {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.vkuiLink__host {
  color: var(--vkui_internal--link-color,var(--vkui--color_text_link));
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  background: 0 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: inline;
}
@media (hover: hover) and (pointer: fine) {
  .vkuiLink__withUnderline:hover {
    text-decoration: underline;
  }
}
.vkuiLink__hasVisited:visited {
  color: var(--vkui--color_text_link_visited);
}
.vkuiLink__after,
.vkuiLink__before {
  vertical-align: middle;
  display: inline-block;
}
.vkuiLink__before {
  margin-right: var(--vkui--spacing_size_xs);
}
.vkuiLink__after {
  margin-left: var(--vkui--spacing_size_xs);
}
.vkuiMark__host {
  background-color: var(--vkui--color_background_accent_themed_alpha);
  color: inherit;
  border-radius: 4px;
  margin: -2px;
  padding: 2px;
}
.vkuiOnboardingTooltip__overlay {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  cursor: default;
  background: 0 0;
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
}
.vkuiOnboardingTooltip__overlay:focus {
  outline: none;
}
.vkuiOnboardingTooltip__overlay:focus-visible {
  outline: none;
}
.vkuiCounter__host {
  background: var(--vkui_internal--counter_background);
  box-sizing: border-box;
  color: var(--vkui_internal--counter_foreground);
  text-align: center;
  --vkui_internal--counter_background:transparent;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}
.vkuiCounter__host,
.vkuiCounter__modePrimary {
  --vkui_internal--counter_foreground:var(--vkui--color_text_contrast);
}
.vkuiCounter__modePrimary.vkuiCounter__appearanceAccent {
  --vkui_internal--counter_background:var(--vkui--color_background_accent_themed);
  --vkui_internal--counter_foreground:var(--vkui--color_text_contrast_themed);
}
.vkuiCounter__modePrimary.vkuiCounter__appearanceNeutral {
  --vkui_internal--counter_background:var(--vkui--color_icon_secondary);
}
.vkuiCounter__modePrimary.vkuiCounter__appearanceAccentGreen {
  --vkui_internal--counter_background:var(--vkui--color_accent_green);
}
.vkuiCounter__modePrimary.vkuiCounter__appearanceAccentRed {
  --vkui_internal--counter_background:var(--vkui--color_accent_red);
}
.vkuiCounter__modePrimary.vkuiCounter__appearanceCustom {
  --vkui_internal--counter_background:transparent;
}
.vkuiCounter__modeContrast {
  --vkui_internal--counter_background:var(--vkui--color_background_contrast);
}
.vkuiCounter__modeContrast.vkuiCounter__appearanceAccent {
  --vkui_internal--counter_foreground:var(--vkui--color_text_accent);
}
.vkuiCounter__modeContrast.vkuiCounter__appearanceNeutral {
  --vkui_internal--counter_foreground:var(--vkui--color_text_tertiary);
}
.vkuiCounter__modeContrast.vkuiCounter__appearanceAccentGreen {
  --vkui_internal--counter_foreground:var(--vkui--color_accent_green);
}
.vkuiCounter__modeContrast.vkuiCounter__appearanceAccentRed {
  --vkui_internal--counter_foreground:var(--vkui--color_accent_red);
}
.vkuiCounter__modeContrast.vkuiCounter__appearanceCustom {
  --vkui_internal--counter_foreground:var(--vkui--color_text_primary_invariably);
}
.vkuiCounter__modeTertiary {
  --vkui_internal--counter_background:transparent;
}
.vkuiCounter__modeTertiary.vkuiCounter__appearanceAccent {
  --vkui_internal--counter_foreground:var(--vkui--color_text_accent);
}
.vkuiCounter__modeTertiary.vkuiCounter__appearanceNeutral {
  --vkui_internal--counter_foreground:var(--vkui--color_text_subhead);
}
.vkuiCounter__modeTertiary.vkuiCounter__appearanceAccentGreen {
  --vkui_internal--counter_foreground:var(--vkui--color_accent_green);
}
.vkuiCounter__modeTertiary.vkuiCounter__appearanceAccentRed {
  --vkui_internal--counter_foreground:var(--vkui--color_accent_red);
}
.vkuiCounter__modeTertiary.vkuiCounter__appearanceCustom {
  --vkui_internal--counter_foreground:var(--vkui--color_text_contrast);
}
.vkuiCounter__sizeM {
  border-radius: 12px;
  min-width: 24px;
  height: 24px;
}
.vkuiCounter__sizeS {
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
}
.vkuiCounter__modeInherit {
  --vkui_internal--counter_background:var(--vkui_internal--counter_inherit_background,var(--vkui--color_icon_secondary));
  --vkui_internal--counter_foreground:var(--vkui_internal--counter_inherit_color,var(--vkui--color_text_contrast_themed));
}
.vkuiInternalTabbarItem__label .vkuiCounter__host {
  position: absolute;
  top: -2px;
  right: -9px;
}
.vkuiUsersStack__host {
  color: var(--vkui--color_text_secondary);
  align-items: center;
  display: flex;
}
.vkuiUsersStack__host,
.vkuiUsersStack__sizeS {
  --vkui_internal--UsersStack_item_size:16px;
}
.vkuiUsersStack__sizeM {
  --vkui_internal--UsersStack_item_size:24px;
}
.vkuiUsersStack__sizeL {
  --vkui_internal--UsersStack_item_size:32px;
}
.vkuiUsersStack__avatarsPositionInlineEnd {
  flex-direction: row-reverse;
}
.vkuiUsersStack__avatarsPositionBlockStart {
  flex-direction: column;
  justify-content: center;
}
.vkuiUsersStack__photos {
  display: flex;
}
.vkuiUsersStack__fill {
  fill: var(--vkui--color_image_placeholder_alpha);
}
.vkuiUsersStack__item {
  height: var(--vkui_internal--UsersStack_item_size);
  min-width: var(--vkui_internal--UsersStack_item_size);
}
.vkuiUsersStack__photo {
  max-width: var(--vkui_internal--UsersStack_item_size);
}
.vkuiUsersStack__counter {
  background: var(--vkui--color_icon_secondary);
  border-radius: calc(var(--vkui_internal--UsersStack_item_size)/2);
  box-sizing: border-box;
  color: var(--vkui--color_text_contrast_themed);
  padding-left: var(--vkui--spacing_size_xs);
  padding-right: var(--vkui--spacing_size_xs);
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiUsersStack__photoWrapper {
  display: flex;
}
.vkuiUsersStack__photoWrapper:not(:first-child) {
  margin-left: -2px;
}
.vkuiUsersStack__text {
  flex: 1;
  min-width: 0;
}
.vkuiUsersStack__avatarsPositionBlockStart .vkuiUsersStack__text {
  text-align: center;
  margin-top: 8px;
}
.vkuiUsersStack__avatarsPositionInlineStart .vkuiUsersStack__text {
  margin-left: 8px;
}
.vkuiUsersStack__avatarsPositionInlineEnd .vkuiUsersStack__text {
  margin-right: 8px;
}
.vkuiPlaceholder__host {
  box-sizing: border-box;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiPlaceholder__withPadding {
  padding: 48px 32px;
}
.vkuiPlaceholder__stretched {
  flex: 1 0;
  height: 100%;
}
.vkuiPlaceholder__icon {
  color: var(--vkui--color_icon_secondary);
  vertical-align: top;
  margin-bottom: 12px;
  display: inline-block;
}
.vkuiPlaceholder__title {
  color: var(--vkui--color_text_primary);
}
.vkuiPlaceholder__description {
  color: var(--vkui--color_text_secondary);
}
.vkuiPlaceholder__title + .vkuiPlaceholder__description {
  margin-top: 8px;
}
.vkuiPlaceholder__action:not(:first-child) {
  margin-top: 16px;
}
.vkuiBanner__host {
  background-color: var(--vkui--color_background_secondary);
  border-radius: var(--vkui--size_border_radius--regular);
  color: var(--vkui--color_text_primary);
  isolation: isolate;
  padding: var(--vkui_internal--banner-padding);
  --vkui_internal--banner-padding:12px;
  flex-flow: row;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}
.vkuiBanner__host:before {
  border: var(--vkui--size_border--regular)solid var(--vkui--color_image_border_alpha);
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: var(--vkui_internal--z_index_banner_content);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiBanner__before {
  margin-right: 12px;
}
.vkuiBanner__before,
.vkuiBanner__content {
  z-index: var(--vkui_internal--z_index_banner_content);
  position: relative;
}
.vkuiBanner__content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  display: flex;
}
.vkuiBanner__extraSubtitle,
.vkuiBanner__subtitle {
  color: var(--vkui--color_text_subhead);
}
.vkuiBanner__bg {
  z-index: var(--vkui_internal--z_index_banner_background);
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiBanner__bg,
.vkuiBanner__bg > * {
  width: 100%;
  height: 100%;
}
.vkuiBanner__after {
  justify-content: flex-end;
  width: 28px;
}
.vkuiBanner__after,
.vkuiBanner__dismiss {
  color: var(--vkui--color_icon_secondary);
  flex-flow: row;
  align-content: center;
  align-items: center;
  display: flex;
}
.vkuiBanner__dismiss {
  margin-right: calc(-1*(var(--vkui_internal--banner-padding) - 2px));
  margin-top: calc(-1*(var(--vkui_internal--banner-padding) - 2px));
  z-index: var(--vkui_internal--z_index_banner_hover);
  justify-content: center;
  align-self: flex-start;
}
.vkuiBanner__actions {
  margin-top: 12px;
}
.vkuiBanner__extraSubtitle:not(:first-child),
.vkuiBanner__subtitle:not(:first-child) {
  margin-top: 2px;
}
.vkuiBanner__modeImage.vkuiBanner__host {
  background-color: var(--vkui--color_background_secondary);
}
.vkuiBanner__inverted,
.vkuiBanner__inverted .vkuiBanner__chevron,
.vkuiBanner__inverted .vkuiBanner__dismiss {
  color: var(--vkui--color_text_contrast);
}
.vkuiBanner__inverted .vkuiBanner__subtitle {
  color: var(--vkui--color_text_contrast);
  opacity: .72;
}
.vkuiBanner__sizeM {
  --vkui_internal--banner-padding:16px;
}
.vkuiBanner__sizeM .vkuiBanner__extraSubtitle:not(:first-child),
.vkuiBanner__sizeM .vkuiBanner__subtitle:not(:first-child) {
  margin-top: 4px;
}
.vkuiBanner__ios .vkuiBanner__dismiss,
.vkuiBanner__ios.vkuiBanner__modeImage .vkuiBanner__dismiss {
  color: var(--vkui--color_icon_secondary);
}
.vkuiInternalFormStatus.vkuiBanner__host:before {
  border: 0;
}
.vkuiInternalFormStatus--mode-error.vkuiBanner__host {
  background-color: var(--vkui--color_background_negative_tint);
}
.vkuiInternalFormStatus--mode-error .vkuiBanner__subtitle {
  color: var(--vkui--color_background_negative);
}
.vkuiMiniInfoCell__host {
  color: var(--vkui--color_text_subhead);
  padding: var(--vkui--spacing_size_s)var(--vkui--size_base_padding_horizontal--regular);
  display: flex;
}
.vkuiMiniInfoCell__modeAccent {
  color: var(--vkui--color_text_primary);
}
.vkuiMiniInfoCell__before {
  color: var(--vkui--color_icon_secondary);
  margin-right: var(--vkui--spacing_size_xl);
}
.vkuiMiniInfoCell__middle {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  overflow: hidden;
}
.vkuiMiniInfoCell__content {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.vkuiMiniInfoCell__textWrapShort .vkuiMiniInfoCell__content {
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 60px;
  display: -webkit-box;
}
.vkuiMiniInfoCell__textWrapFull .vkuiMiniInfoCell__content {
  overflow: inherit;
  white-space: normal;
}
.vkuiMiniInfoCell__textWrapNowrap .vkuiMiniInfoCell__content {
  flex: 0 auto;
}
.vkuiMiniInfoCell__after {
  margin-bottom: calc(-1*var(--vkui--spacing_size_2xs));
  margin-left: var(--vkui--spacing_size_xl);
  margin-top: calc(-1*var(--vkui--spacing_size_2xs));
}
.vkuiMiniInfoCell__modeAdd,
.vkuiMiniInfoCell__modeMore {
  color: var(--vkui--color_text_link_themed);
}
.vkuiMiniInfoCell__modeAdd .vkuiMiniInfoCell__before,
.vkuiMiniInfoCell__modeMore .vkuiMiniInfoCell__before {
  color: var(--vkui--color_icon_accent_themed);
}
.vkuiMiniInfoCell__modeMore {
  padding-top: 10px;
  padding-bottom: 10px;
}
.vkuiMiniInfoCell__middle .vkuiIcon {
  color: var(--vkui--color_text_accent);
  margin-left: var(--vkui--spacing_size_xs);
}
.vkuiMiniInfoCell__modeAdd .vkuiMiniInfoCell__middle .vkuiIcon,
.vkuiMiniInfoCell__modeMore .vkuiMiniInfoCell__middle .vkuiIcon {
  color: var(--vkui--color_icon_accent_themed);
}
.vkuiWriteBar__host {
  background: var(--vkui--color_background_contrast_themed);
}
.vkuiWriteBar__shadow {
  box-shadow: var(--vkui--elevation3);
}
.vkuiWriteBar__after,
.vkuiWriteBar__before,
.vkuiWriteBar__form {
  align-items: flex-end;
  display: flex;
}
.vkuiWriteBar__form {
  min-height: 52px;
}
.vkuiWriteBar__formIn {
  flex: 1;
  min-width: 0;
  display: flex;
  position: relative;
}
.vkuiWriteBar__textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  resize: none;
  background: 0 0;
  border: 0;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-height: 120px;
  margin: 0;
}
.vkuiWriteBar__textarea::placeholder {
  color: var(--vkui--color_text_subhead);
  opacity: 1;
}
.vkuiWriteBar__textarea:focus {
  outline: var(--vkui_internal--outline-reset);
}
.vkuiWriteBar__inlineAfter {
  align-items: flex-end;
  display: flex;
}
.vkuiWriteBar__before {
  padding-left: 4px;
}
.vkuiWriteBar__after {
  padding-right: 4px;
}
.vkuiWriteBar__textarea {
  height: 52px;
  padding: 16px 12px;
}
.vkuiWriteBar__ios {
  background: var(--vkui--color_background_content);
}
.vkuiWriteBar__ios .vkuiWriteBar__after,
.vkuiWriteBar__ios .vkuiWriteBar__before {
  padding: 0 4px;
}
.vkuiWriteBar__ios .vkuiWriteBar__formIn {
  background-color: var(--vkui--color_write_bar_input_background);
  border: var(--vkui--size_border--regular)solid var(--vkui--color_write_bar_input_border);
  box-sizing: border-box;
  border-radius: 18px;
  margin: 8px 0;
}
.vkuiWriteBar__ios .vkuiWriteBar__formIn:first-child {
  margin-left: 12px;
}
.vkuiWriteBar__ios .vkuiWriteBar__inlineAfter {
  --vkui_internal--writebar-right-gap:calc(-1*var(--vkui--size_border--regular));
  --vkui_internal--writebar-vertical-gap:calc(var(--vkui_internal--writebar-right-gap) - 8px);
  margin-bottom: var(--vkui_internal--writebar-vertical-gap);
  margin-right: var(--vkui_internal--writebar-right-gap);
  margin-top: var(--vkui_internal--writebar-vertical-gap);
}
.vkuiWriteBar__ios .vkuiWriteBar__textarea {
  height: 36px;
  padding: 6px 0 6px 12px;
}
.vkuiWriteBarIcon__host {
  border-radius: var(--vkui--size_border_radius--regular);
  color: var(--vkui--color_icon_secondary);
  cursor: pointer;
  background: 0 0;
  border: 0;
  width: 44px;
  height: 52px;
  margin: 0;
  padding: 0;
  position: relative;
}
.vkuiWriteBarIcon__in {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.vkuiWriteBarIcon__host:disabled {
  opacity: .4;
  pointer-events: none;
}
.vkuiWriteBarIcon__active {
  opacity: .6;
}
.vkuiWriteBarIcon__counter {
  box-shadow: 0 0 0 2px var(--vkui--color_background_modal);
  position: absolute;
  top: 6px;
  right: 2px;
}
.vkuiWriteBarIcon__ios .vkuiWriteBarIcon__counter {
  box-shadow: 0 0 0 2px var(--vkui--color_background_content);
}
.vkuiWriteBarIcon__host.vkuiWriteBarIcon__modeDone,
.vkuiWriteBarIcon__host.vkuiWriteBarIcon__modeSend {
  color: var(--vkui--color_icon_accent);
}
.vkuiWriteBarIcon__ios {
  color: var(--vkui--color_icon_accent_themed);
}
.vkuiWriteBarIcon__ios.vkuiWriteBarIcon__modeDone,
.vkuiWriteBarIcon__ios.vkuiWriteBarIcon__modeSend {
  color: var(--vkui--color_icon_accent_themed);
  width: 48px;
  margin-right: -4px;
  padding-left: 0;
  padding-right: 0;
}
.vkuiWriteBarIcon__ios.vkuiWriteBarIcon__modeDone:only-child,
.vkuiWriteBarIcon__ios.vkuiWriteBarIcon__modeSend:only-child {
  margin-left: -4px;
}
.vkuiWriteBarIcon__host {
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed);
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_positive);
}
.vkuiSubnavigationBar__in {
  margin: -8px 0;
}
.vkuiSubnavigationBar__scrollIn {
  padding-bottom: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px);
  padding-left: 0;
  padding-right: 0;
  padding-top: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px);
  margin: 0;
  display: flex;
}
.vkuiSubnavigationBar__scrollIn:after,
.vkuiSubnavigationBar__scrollIn:before {
  content: "";
  min-width: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiSubnavigationBar__item {
  list-style-type: none;
  display: flex;
}
.vkuiSubnavigationBar__item + .vkuiSubnavigationBar__item {
  margin-left: var(--vkui--size_subnavigation_bar_gap--regular);
}
.vkuiSubnavigationBar__modeFixed .vkuiSubnavigationBar__item {
  flex: 1;
  min-width: 0;
}
.vkuiSubnavigationButton__host {
  border-radius: var(--vkui--size_border_radius--regular);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.vkuiSubnavigationButton__in {
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiSubnavigationButton__sizeS .vkuiSubnavigationButton__in {
  height: var(--vkui--size_button_small_height--regular);
}
.vkuiSubnavigationButton__sizeM .vkuiSubnavigationButton__in {
  height: var(--vkui--size_button_medium_height--regular);
}
.vkuiSubnavigationButton__sizeL .vkuiSubnavigationButton__in {
  height: var(--vkui--size_button_large_height--regular);
}
.vkuiSubnavigationButton__sizeYCompact.vkuiSubnavigationButton__sizeS .vkuiSubnavigationButton__in {
  height: var(--vkui--size_button_small_height--compact);
}
.vkuiSubnavigationButton__sizeYCompact.vkuiSubnavigationButton__sizeM .vkuiSubnavigationButton__in {
  height: var(--vkui--size_button_medium_height--compact);
}
.vkuiSubnavigationButton__sizeYCompact.vkuiSubnavigationButton__sizeL .vkuiSubnavigationButton__in {
  height: var(--vkui--size_button_large_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSubnavigationButton__sizeYNone.vkuiSubnavigationButton__sizeS .vkuiSubnavigationButton__in {
    height: var(--vkui--size_button_small_height--compact);
  }
  .vkuiSubnavigationButton__sizeYNone.vkuiSubnavigationButton__sizeM .vkuiSubnavigationButton__in {
    height: var(--vkui--size_button_medium_height--compact);
  }
  .vkuiSubnavigationButton__sizeYNone.vkuiSubnavigationButton__sizeL .vkuiSubnavigationButton__in {
    height: var(--vkui--size_button_large_height--compact);
  }
}
.vkuiSubnavigationButton__before {
  color: var(--vkui--color_icon_accent);
  margin-right: 8px;
}
.vkuiSubnavigationButton__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 0;
  overflow: hidden;
}
.vkuiSubnavigationButton__after {
  margin-left: 8px;
}
.vkuiSubnavigationButton__chevronIcon {
  box-sizing: initial;
  color: var(--vkui--color_icon_secondary);
  margin-top: 1px;
  margin-left: 8px;
}
.vkuiSubnavigationButton__before:first-child,
.vkuiSubnavigationButton__label:first-child {
  padding-left: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
}
.vkuiSubnavigationButton__after:last-child,
.vkuiSubnavigationButton__chevronIcon,
.vkuiSubnavigationButton__label:last-child {
  padding-right: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
}
.vkuiSubnavigationButton__modePrimary {
  background-color: var(--vkui--color_background_contrast_themed);
  box-shadow: var(--vkui--elevation3);
}
.vkuiSubnavigationButton__modeOutline {
  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);
}
.vkuiSubnavigationButton__appearanceNeutral .vkuiSubnavigationButton__before,
.vkuiSubnavigationButton__appearanceNeutral .vkuiSubnavigationButton__chevronIcon {
  color: var(--vkui--color_icon_primary);
}
.vkuiSubnavigationButton__selected {
  background-color: var(--vkui--color_background_accent_themed);
  box-shadow: none;
  color: var(--vkui--color_text_contrast_themed);
  border: 0;
}
.vkuiSubnavigationButton__selected.vkuiSubnavigationButton__appearanceNeutral,
.vkuiSubnavigationButton__selected.vkuiSubnavigationButton__modeTertiary {
  background-color: var(--vkui--color_transparent--active);
  color: var(--vkui--color_text_primary);
}
.vkuiSubnavigationButton__selected.vkuiSubnavigationButton__appearanceAccent:not(.vkuiSubnavigationButton__modeTertiary) .vkuiSubnavigationButton__before,
.vkuiSubnavigationButton__selected.vkuiSubnavigationButton__appearanceAccent:not(.vkuiSubnavigationButton__modeTertiary) .vkuiSubnavigationButton__chevronIcon {
  color: var(--vkui--color_icon_contrast_themed);
}
.vkuiSubnavigationButton__host {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_accent_themed);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed);
}
.vkuiSubnavigationButton__selected.vkuiSubnavigationButton__appearanceAccent:not(.vkuiSubnavigationButton__modeTertiary) {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_content);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_accent_themed);
}
.vkuiSubnavigationButton__selected.vkuiSubnavigationButton__appearanceNeutral {
  --vkui_internal--counter_inherit_background:var(--vkui--color_background_content);
  --vkui_internal--counter_inherit_color:var(--vkui--color_text_primary);
}
.vkuiPaginationPage__host {
  border-radius: var(--vkui--size_border_radius--regular);
  box-sizing: border-box;
  color: var(--vkui--color_text_secondary);
  height: var(--vkui--size_button_large_height--regular);
  line-height: var(--vkui--size_button_large_height--regular);
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  min-width: 40px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: block;
}
.vkuiPaginationPage__stateHover {
  background-color: var(--vkui--color_transparent--hover);
}
.vkuiPaginationPage__current,
.vkuiPaginationPage__stateActive {
  background-color: var(--vkui--color_transparent--active);
  color: var(--vkui--color_text_primary);
}
.vkuiPaginationPage__disabled {
  opacity: var(--vkui--opacity_disable);
}
.vkuiPaginationPage__sizeYCompact {
  height: var(--vkui--size_button_large_height--compact);
  line-height: var(--vkui--size_button_large_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiPaginationPage__sizeYNone {
    height: var(--vkui--size_button_large_height--compact);
    line-height: var(--vkui--size_button_large_height--compact);
  }
}
.vkuiPaginationPage__typeEllipsis {
  min-width: 16px;
  padding-left: 0;
  padding-right: 0;
}
.vkuiPagination__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.vkuiPagination__prevButtonContainer {
  margin-right: 8px;
}
.vkuiPagination__nextButtonContainer {
  margin-left: 8px;
}
.vkuiAccordion__icon {
  color: var(--vkui--color_icon_secondary);
}
.vkuiAccordion__host {
  overflow: hidden;
}
.vkuiAccordion__in {
  --vkui_internal--AccordionContent_height:initial;
  animation-duration: .1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiAccordion__in {
    animation-duration: .3s;
    animation-timing-function: linear;
  }
}
.vkuiAccordion__inEnter {
  animation-name: vkuiAccordion__animation-accordion-expand;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiAccordion__inEnter {
    animation-name: vkuiAccordion__animation-accordion-fade-in;
  }
}
.vkuiAccordion__inEntered {
  height: var(--vkui_internal--AccordionContent_height);
}
.vkuiAccordion__inExit {
  animation-name: vkuiAccordion__animation-accordion-collapse;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiAccordion__inExit {
    animation-name: vkuiAccordion__animation-accordion-fade-out;
  }
}
.vkuiAccordion__inExited {
  height: 0;
}
@keyframes vkuiAccordion__animation-accordion-expand {
  0% {
    height: 0;
  }
  to {
    height: var(--vkui_internal--AccordionContent_height);
  }
}
@keyframes vkuiAccordion__animation-accordion-collapse {
  0% {
    height: var(--vkui_internal--AccordionContent_height);
  }
  to {
    height: 0;
  }
}
@keyframes vkuiAccordion__animation-accordion-fade-in {
  0% {
    height: var(--vkui_internal--AccordionContent_height);
    opacity: 0;
  }
  50% {
    height: var(--vkui_internal--AccordionContent_height);
    opacity: 0;
  }
  to {
    height: var(--vkui_internal--AccordionContent_height);
    opacity: 1;
  }
}
@keyframes vkuiAccordion__animation-accordion-fade-out {
  0% {
    height: var(--vkui_internal--AccordionContent_height);
    opacity: 1;
  }
  50% {
    height: var(--vkui_internal--AccordionContent_height);
    opacity: 0;
  }
  to {
    height: var(--vkui_internal--AccordionContent_height);
    opacity: 0;
  }
}
.vkuiFormItem__host {
  display: block;
}
.vkuiFormItem__withPadding {
  padding: var(--vkui--size_form_item_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiFormItem__withRemovable {
  padding-left: 0;
  padding-right: 0;
}
.vkuiFormItem__removable {
  flex: 1 0 0;
  min-width: 1px;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}
.vkuiFormItem__top {
  color: var(--vkui--color_text_subhead);
  padding-bottom: var(--vkui--spacing_size_m);
  padding-top: var(--vkui--spacing_size_2xs);
  align-items: flex-end;
  display: flex;
}
.vkuiFormItem__aside,
.vkuiFormItem__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vkuiFormItem__label {
  flex: 1;
}
.vkuiFormItem__aside {
  color: var(--vkui--color_text_tertiary);
  margin-left: auto;
}
.vkuiFormItem__aside:not(:only-child) {
  padding-left: 12px;
}
.vkuiFormItem__labelMultiline {
  white-space: normal;
}
.vkuiFormItem__labelRequired {
  color: var(--vkui--color_text_negative);
  margin-left: 3px;
}
.vkuiFormItem__bottom {
  color: var(--vkui--color_text_secondary);
  padding-top: var(--vkui--spacing_size_m);
}
.vkuiFormItem__statusError .vkuiFormItem__bottom {
  color: var(--vkui--color_text_negative);
}
.vkuiFormItem__statusValid .vkuiFormItem__bottom,
.vkuiFormItem__verified .vkuiFormItem__bottom {
  color: var(--vkui--color_text_positive);
}
.vkuiFormItem__sizeYCompact .vkuiFormItem__top {
  padding-bottom: var(--vkui--spacing_size_s);
}
.vkuiFormItem__sizeYCompact .vkuiFormItem__bottom {
  padding-top: var(--vkui--spacing_size_s);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiFormItem__sizeYNone .vkuiFormItem__top {
    padding-bottom: var(--vkui--spacing_size_s);
  }
  .vkuiFormItem__sizeYNone .vkuiFormItem__bottom {
    padding-top: var(--vkui--spacing_size_s);
  }
}
.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem__host {
  flex: 1 0 0;
  min-width: 1px;
  max-width: 100%;
  padding: 0;
}
.vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented) .vkuiFormItem__host + .vkuiFormItem__host {
  margin-left: var(--vkui--spacing_size_2xl);
}
.vkuiInternalFormLayoutGroup--mode-horizontal.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem__host + .vkuiFormItem__host {
  margin-left: calc(-1*var(--vkui--size_border--regular));
}
.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem__host + .vkuiFormItem__host {
  margin-top: calc(-1*var(--vkui--size_border--regular));
  padding-top: 0;
}
.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem__host:not(:last-of-type) {
  padding-bottom: 0;
}
.vkuiFormItem__withTop .vkuiFormItem__removable,
.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem__withTop {
  margin-top: calc(-1*var(--vkui--spacing_size_2xs) - var(--vkui--font_subhead--line_height--regular) - var(--vkui--spacing_size_m));
}
.vkuiFormItem__sizeYCompact.vkuiFormItem__withTop .vkuiFormItem__removable,
.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem__sizeYCompact.vkuiFormItem__withTop {
  margin-top: calc(-1*var(--vkui--spacing_size_2xs) - var(--vkui--font_subhead--line_height--compact) - var(--vkui--spacing_size_s));
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiFormItem__sizeYNone.vkuiFormItem__withTop .vkuiFormItem__removable,
  .vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem__sizeYNone.vkuiFormItem__withTop {
    margin-top: calc(-1*var(--vkui--spacing_size_2xs) - var(--vkui--font_subhead--line_height--compact) - var(--vkui--spacing_size_s));
  }
}
.vkuiFormField__host {
  box-sizing: border-box;
  font-family: var(--vkui--font_family_base);
  min-height: var(--vkui--size_field_height--regular);
  -webkit-tap-highlight-color: transparent;
  border-radius: var(--vkui--size_border_radius--regular);
  isolation: isolate;
  width: 100%;
  display: flex;
  position: relative;
}
.vkuiFormField__scrollContainer {
  min-height: inherit;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow-y: auto;
}
.vkuiFormField__content {
  min-height: inherit;
  flex-grow: 1;
  min-width: 0;
  display: flex;
}
.vkuiFormField__sizeYCompact {
  min-height: var(--vkui--size_field_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiFormField__sizeYNone {
    min-height: var(--vkui--size_field_height--compact);
  }
}
.vkuiFormField__host > * {
  border-radius: inherit;
  z-index: var(--vkui_internal--z_index_form_field_element);
}
.vkuiFormField__iconWrapper {
  flex-shrink: 0;
  height: 100%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.vkuiFormField__after,
.vkuiFormField__before {
  color: var(--vkui--color_icon_secondary);
  min-width: var(--vkui--size_field_height--regular);
  place-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}
.vkuiFormField__sizeYCompact .vkuiFormField__after,
.vkuiFormField__sizeYCompact .vkuiFormField__before {
  min-width: var(--vkui--size_field_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiFormField__sizeYNone .vkuiFormField__after,
  .vkuiFormField__sizeYNone .vkuiFormField__before {
    min-width: var(--vkui--size_field_height--compact);
  }
}
.vkuiFormField__iconAlignStart {
  align-self: flex-start;
}
.vkuiFormField__iconAlignEnd {
  align-self: flex-end;
}
.vkuiFormField__before {
  color: var(--vkui--color_icon_accent);
}
.vkuiFormField__after {
  color: var(--vkui--color_icon_secondary);
}
.vkuiFormField__border {
  border: var(--vkui--size_border--regular)solid transparent;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  z-index: var(--vkui_internal--z_index_form_field_border);
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiFormField__modeDefault > .vkuiFormField__border {
  border-color: var(--vkui--color_field_border_alpha);
}
.vkuiFormField__hover,
.vkuiFormField__modeDefault {
  background-color: var(--vkui--color_field_background);
}
.vkuiFormField__modeDefault.vkuiFormField__hover > .vkuiFormField__border {
  border-color: var(--vkui--color_field_border_alpha--hover);
  z-index: var(--vkui_internal--z_index_form_field_border_hover);
}
.vkuiFormField__focusVisible.vkuiFormField__focusVisible > .vkuiFormField__border {
  border-color: var(--vkui--color_stroke_accent);
}
.vkuiFormField__statusError.vkuiFormField__focusVisible > .vkuiFormField__border,
.vkuiFormField__statusError.vkuiFormField__modeDefault > .vkuiFormField__border,
.vkuiInternalFormItem--status-error .vkuiFormField__focusVisible > .vkuiFormField__border,
.vkuiInternalFormItem--status-error .vkuiFormField__modeDefault > .vkuiFormField__border {
  border-color: var(--vkui--color_stroke_negative);
  z-index: var(--vkui_internal--z_index_form_field_status);
}
.vkuiFormField__statusError,
.vkuiInternalFormItem--status-error .vkuiFormField__host {
  background-color: var(--vkui--color_background_negative_tint);
}
.vkuiFormField__statusValid.vkuiFormField__focusVisible > .vkuiFormField__border,
.vkuiFormField__statusValid.vkuiFormField__modeDefault > .vkuiFormField__border,
.vkuiInternalFormItem--status-valid .vkuiFormField__focusVisible > .vkuiFormField__border,
.vkuiInternalFormItem--status-valid .vkuiFormField__modeDefault > .vkuiFormField__border {
  border-color: var(--vkui--color_stroke_positive);
  z-index: var(--vkui_internal--z_index_form_field_status);
}
.vkuiFormField__statusValid:not(.vkuiFormField__modeDefault),
.vkuiInternalFormItem--status-valid .vkuiFormField__host:not(.vkuiFormField__modeDefault) {
  background-color: var(--vkui--color_background_positive_tint);
}
.vkuiFormField__disabled {
  cursor: default;
  opacity: var(--vkui--opacity_disable_accessibility);
  pointer-events: none;
}
.vkuiInternalNativeSelect .vkuiFormField__after {
  pointer-events: none;
}
.vkuiInternalCalendarHeader__picker .vkuiFormField__after {
  min-width: 12px;
  padding-right: 8px;
}
.vkuiInternalFormLayoutGroup--segmented .vkuiFormField__host {
  isolation: auto;
  z-index: auto;
  border-radius: 0;
}
.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiInternalFormItem:first-of-type .vkuiFormField__host {
  border-bottom-left-radius: var(--vkui--size_border_radius--regular);
  border-top-left-radius: var(--vkui--size_border_radius--regular);
}
.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiInternalFormItem:last-of-type .vkuiFormField__host {
  border-bottom-right-radius: var(--vkui--size_border_radius--regular);
  border-top-right-radius: var(--vkui--size_border_radius--regular);
}
.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical .vkuiInternalFormItem:first-of-type .vkuiFormField__host {
  border-top-left-radius: var(--vkui--size_border_radius--regular);
  border-top-right-radius: var(--vkui--size_border_radius--regular);
}
.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical .vkuiInternalFormItem:last-of-type .vkuiFormField__host {
  border-bottom-left-radius: var(--vkui--size_border_radius--regular);
  border-bottom-right-radius: var(--vkui--size_border_radius--regular);
}
.vkuiFormLayoutGroup__host {
  border: 0;
  min-width: auto;
  margin: 0;
  padding: 0;
}
.vkuiFormLayoutGroup__modeHorizontal {
  padding: var(--vkui--size_form_item_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}
.vkuiFormLayoutGroup__removable {
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
.vkuiFormLayoutGroup__offset {
  display: none;
}
.vkuiFormLayoutGroup__modeHorizontal .vkuiInternalFormItem--withTop ~ .vkuiFormLayoutGroup__offset {
  height: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);
  order: -1;
  min-width: 100%;
  display: block;
}
.vkuiFormLayoutGroup__sizeYCompact.vkuiFormLayoutGroup__modeHorizontal .vkuiInternalFormItem--withTop ~ .vkuiFormLayoutGroup__offset {
  height: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiFormLayoutGroup__sizeYNone.vkuiFormLayoutGroup__modeHorizontal .vkuiInternalFormItem--withTop ~ .vkuiFormLayoutGroup__offset {
    height: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);
  }
}
.vkuiFormLayoutGroup__withRemovable {
  padding-left: 0;
  padding-right: 0;
}
.vkuiFormLayoutGroup__segmented {
  position: relative;
}
.vkuiFormStatus__modeError {
  color: var(--vkui--color_background_negative);
}
.vkuiSwitch__host {
  --vkui_internal--Switch__track_shape:calc(var(--vkui_internal--Switch__track_width)/2);
  --vkui_internal--Switch__track_outline_width:2px;
  --vkui_internal--Switch__handle_shift_x:var(--vkui_internal--Switch__track_outline_width);
  --vkui_internal--Switch__handle_shift_y:calc(var(--vkui_internal--Switch__track_height) - var(--vkui_internal--Switch__handle_height) - var(--vkui_internal--Switch__track_outline_width));
  --vkui_internal--Switch__handle_scale:calc(var(--vkui_internal--Switch__handle_widthNoUnit--not-checked)/var(--vkui_internal--Switch__handle_heightNoUnit));
  border-radius: var(--vkui_internal--Switch__track_shape);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  position: relative;
}
.vkuiSwitch__disabled {
  cursor: not-allowed;
  opacity: var(--vkui_internal--Switch_disabled);
}
.vkuiSwitch__default {
  --vkui_internal--Switch_disabled:.5;
  --vkui_internal--Switch__track_width:52px;
  --vkui_internal--Switch__track_height:32px;
  --vkui_internal--Switch__track_color:var(--vkui--color_background);
  --vkui_internal--Switch__track_color_duration:67ms;
  --vkui_internal--Switch__track_shadow_visibility:1;
  --vkui_internal--Switch__handle_width:28px;
  --vkui_internal--Switch__handle_widthNoUnit--checked:24;
  --vkui_internal--Switch__handle_widthNoUnit--not-checked:16;
  --vkui_internal--Switch__handle_height:28px;
  --vkui_internal--Switch__handle_heightNoUnit:28;
  --vkui_internal--Switch__handle_color:var(--vkui--color_icon_medium);
  --vkui_internal--Switch__handle_color_duration:67ms;
  --vkui_internal--Switch__handle_scale_duration:.25s;
  --vkui_internal--Switch__handle_shift_x_duration:.3s;
  --vkui_internal--Switch__handle_shift_x_easing:cubic-bezier(.175,.885,.32,1.275);
  --vkui_internal--Switch__handle_shadow:none;
}
.vkuiSwitch__default.vkuiSwitch__sizeYCompact {
  --vkui_internal--Switch__track_width:32px;
  --vkui_internal--Switch__track_height:20px;
  --vkui_internal--Switch__handle_width:16.5px;
  --vkui_internal--Switch__handle_widthNoUnit--checked:16;
  --vkui_internal--Switch__handle_widthNoUnit--not-checked:10;
  --vkui_internal--Switch__handle_height:16.5px;
  --vkui_internal--Switch__handle_heightNoUnit:16.5;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSwitch__default.vkuiSwitch__sizeYNone {
    --vkui_internal--Switch__track_width:32px;
    --vkui_internal--Switch__track_height:20px;
    --vkui_internal--Switch__handle_width:16.5px;
    --vkui_internal--Switch__handle_widthNoUnit--checked:16;
    --vkui_internal--Switch__handle_widthNoUnit--not-checked:10;
    --vkui_internal--Switch__handle_height:16.5px;
    --vkui_internal--Switch__handle_heightNoUnit:16.5;
  }
}
.vkuiSwitch__ios {
  --vkui_internal--Switch_disabled:.7;
  --vkui_internal--Switch__track_width:51px;
  --vkui_internal--Switch__track_height:31px;
  --vkui_internal--Switch__track_color:var(--vkui--color_track_background);
  --vkui_internal--Switch__track_color_duration:.2s;
  --vkui_internal--Switch__handle_width:27px;
  --vkui_internal--Switch__handle_widthNoUnit--pressed:27px;
  --vkui_internal--Switch__handle_widthNoUnit--not-checked:27px;
  --vkui_internal--Switch__handle_height:27px;
  --vkui_internal--Switch__handle_heightNoUnit:27;
  --vkui_internal--Switch__handle_color:var(--vkui--color_icon_contrast);
  --vkui_internal--Switch__handle_color_duration:.2s;
  --vkui_internal--Switch__handle_scale_duration:.2s;
  --vkui_internal--Switch__handle_shift_x_duration:.2s;
  --vkui_internal--Switch__handle_shift_x_easing:cubic-bezier(.36,-.24,.26,1.32);
  --vkui_internal--Switch__handle_shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(0,0,0,.04);
}
.vkuiSwitch__ios.vkuiSwitch__sizeYCompact {
  --vkui_internal--Switch__track_width:47px;
  --vkui_internal--Switch__track_height:27px;
  --vkui_internal--Switch__handle_width:23px;
  --vkui_internal--Switch__handle_widthNoUnit--pressed:23px;
  --vkui_internal--Switch__handle_widthNoUnit--not-checked:23px;
  --vkui_internal--Switch__handle_height:23px;
  --vkui_internal--Switch__handle_heightNoUnit:23;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSwitch__ios.vkuiSwitch__sizeYNone {
    --vkui_internal--Switch__track_width:47px;
    --vkui_internal--Switch__track_height:27px;
    --vkui_internal--Switch__handle_width:23px;
    --vkui_internal--Switch__handle_widthNoUnit--pressed:23px;
    --vkui_internal--Switch__handle_widthNoUnit--not-checked:23px;
    --vkui_internal--Switch__handle_height:23px;
    --vkui_internal--Switch__handle_heightNoUnit:23;
  }
}
.vkuiSwitch__inputFake {
  display: block;
}
.vkuiSwitch__inputNative:checked + .vkuiSwitch__inputFake {
  --vkui_internal--Switch__track_color:var(--vkui--color_background_accent);
  --vkui_internal--Switch__handle_shift_x:calc(var(--vkui_internal--Switch__track_width) - var(--vkui_internal--Switch__handle_width) - var(--vkui_internal--Switch__track_outline_width));
  --vkui_internal--Switch__handle_scale:calc(var(--vkui_internal--Switch__handle_widthNoUnit--checked)/var(--vkui_internal--Switch__handle_heightNoUnit));
  --vkui_internal--Switch__track_shadow_visibility:0;
  --vkui_internal--Switch__handle_color:var(--vkui--color_icon_contrast);
}
.vkuiSwitch__default:not(.vkuiSwitch__disabled) .vkuiSwitch__inputFake:active {
  --vkui_internal--Switch__handle_scale:1;
  --vkui_internal--Switch__handle_shift_x_easing:cubic-bezier(.2,0,0,1);
}
.vkuiSwitch__track {
  background-color: var(--vkui_internal--Switch__track_color);
  border-radius: var(--vkui_internal--Switch__track_shape);
  height: var(--vkui_internal--Switch__track_height);
  transition: background-color var(--vkui_internal--Switch__track_color_duration)linear;
  width: var(--vkui_internal--Switch__track_width);
  display: block;
  position: relative;
}
.vkuiSwitch__default .vkuiSwitch__track:before {
  border: var(--vkui_internal--Switch__track_outline_width)solid var(--vkui--color_field_border_alpha);
  border-radius: inherit;
  content: "";
  opacity: var(--vkui_internal--Switch__track_shadow_visibility);
  transition: opacity var(--vkui_internal--Switch__track_color_duration)linear;
  position: absolute;
  inset: 0;
}
.vkuiSwitch__handle {
  height: var(--vkui_internal--Switch__handle_height);
  transform: translate(var(--vkui_internal--Switch__handle_shift_x), var(--vkui_internal--Switch__handle_shift_y));
  transition: transform var(--vkui_internal--Switch__handle_shift_x_duration)var(--vkui_internal--Switch__handle_shift_x_easing);
  width: var(--vkui_internal--Switch__handle_width);
  border-radius: 9999px;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiSwitch__handle:after {
  background-color: var(--vkui_internal--Switch__handle_color);
  border-radius: inherit;
  box-shadow: var(--vkui_internal--Switch__handle_shadow);
  content: "";
  transform: scale(var(--vkui_internal--Switch__handle_scale));
  transition-duration: var(--vkui_internal--Switch__handle_scale_duration), var(--vkui_internal--Switch__handle_color_duration);
  transition-property: transform, background-color;
  transition-timing-function: var(--vkui_internal--Switch__handle_shift_x_easing), linear;
  position: absolute;
  inset: 0;
}
.vkuiSwitch__handleWithRipple:before {
  --vkui_internal--Switch__handleRipple_opacity:0;
  --vkui_internal--Switch__handleRipple_opacity_duration:15ms;
  --vkui_internal--Switch__handleRipple_color:var(--vkui--color_icon_medium);
  --vkui_internal--Switch__handleRipple_color_duration:15ms;
  background-color: var(--vkui_internal--Switch__handleRipple_color);
  border-radius: inherit;
  content: "";
  height: 40px;
  opacity: var(--vkui_internal--Switch__handleRipple_opacity);
  transition-duration: var(--vkui_internal--Switch__handleRipple_opacity_duration), var(--vkui_internal--Switch__handleRipple_color_duration);
  width: 40px;
  transition-property: opacity, background-color;
  transition-timing-function: linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSwitch__handleWithRipple:before {
    width: 24px;
    height: 24px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .vkuiSwitch__inputFake:hover .vkuiSwitch__handleWithRipple:before {
    --vkui_internal--Switch__handleRipple_opacity:.08;
  }
}
.vkuiSwitch__inputFake:active .vkuiSwitch__handleWithRipple:before {
  --vkui_internal--Switch__handleRipple_opacity:.12;
}
.vkuiSwitch__inputNative:checked + .vkuiSwitch__inputFake .vkuiSwitch__handleWithRipple:before {
  --vkui_internal--Switch__handleRipple_color:var(--vkui--color_background_accent);
}
@media (hover: none) {
  .vkuiSwitch__handleWithRipple:before {
    --vkui_internal--Switch__handleRipple_opacity_duration:.375s;
  }
  .vkuiSwitch__inputFake:active .vkuiSwitch__handleWithRipple:before {
    --vkui_internal--Switch__handleRipple_opacity_duration:.105s;
  }
}
.vkuiInternalSimpleCell__after > .vkuiSwitch__host {
  margin-left: 12px;
}
.vkuicomponents__host {
  padding: var(--vkui--size_base_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
  flex-direction: column;
  display: flex;
}
.vkuicomponents__column {
  flex-direction: column;
}
.vkuicomponents__row {
  flex-flow: wrap;
}
.vkuicomponents__host > * {
  flex: 1;
}
.vkuicomponents__column > * {
  margin-bottom: var(--vkui--size_base_padding_vertical--regular);
}
.vkuicomponents__column > :last-child {
  margin-bottom: 0;
}
.vkuicomponents__row > * {
  margin-right: var(--vkui--size_base_padding_horizontal--regular);
}
.vkuicomponents__row > :last-child {
  margin-right: 0;
}
.vkuicomponents__row > :first-child:nth-last-child(n+3) {
  margin-bottom: var(--vkui--size_base_padding_vertical--regular);
  flex: auto;
  width: 100%;
  margin-right: 0;
}
.vkuiDropZone__host {
  position: relative;
}
.vkuiDropZone__host:before {
  border: 1px dashed var(--vkui--color_separator_primary);
  border-radius: var(--vkui--size_border_radius--regular);
  content: "";
  position: absolute;
  inset: 0;
}
.vkuiDropZone__active:before {
  border-color: var(--vkui--color_stroke_accent_themed);
  border-width: 2px;
}
.vkuiInput__host {
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
.vkuiInput__alignCenter .vkuiInput__el {
  text-align: center;
}
.vkuiInput__alignRight .vkuiInput__el {
  text-align: right;
}
.vkuiInput__el {
  border-radius: inherit;
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  height: var(--vkui--size_field_height--regular);
  width: 100%;
  z-index: var(--vkui_internal--z_index_form_field_element);
  padding: 0 12px;
  position: relative;
}
.vkuiInput__sizeYCompact .vkuiInput__el {
  height: var(--vkui--size_field_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiInput__sizeYNone .vkuiInput__el {
    height: var(--vkui--size_field_height--compact);
  }
}
.vkuiInput__hasBefore .vkuiInput__el {
  padding-left: 0;
}
.vkuiInput__hasAfter .vkuiInput__el {
  padding-right: 0;
}
.vkuiInput__el::placeholder {
  opacity: 1;
}
.vkuiInput__el::placeholder,
.vkuiInput__el:disabled::placeholder {
  color: var(--vkui--color_text_secondary);
}
.vkuiChip__host {
  background: var(--vkui--color_background_content);
  border: var(--vkui--size_border--regular)solid var(--vkui--color_image_border_alpha);
  box-sizing: border-box;
  border-radius: 6px;
  align-items: center;
  height: 32px;
  display: inline-flex;
}
.vkuiChip__in,
.vkuiChip__removable {
  border-radius: inherit;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}
.vkuiChip__in {
  padding-left: 8px;
  overflow: hidden;
}
.vkuiChip__in:last-of-type {
  padding-right: 8px;
}
.vkuiChip__content {
  color: var(--vkui--color_text_primary);
  font-family: var(--vkui--font_paragraph--font_family--regular);
  font-size: var(--vkui--font_paragraph--font_size--regular);
  font-weight: var(--vkui--font_paragraph--font_weight--regular);
  line-height: var(--vkui--font_paragraph--line_height--regular);
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}
.vkuiChip__sizeYCompact .vkuiChip__content {
  font-family: var(--vkui--font_footnote--font_family--regular);
  font-size: var(--vkui--font_footnote--font_size--regular);
  font-weight: var(--vkui--font_footnote--font_weight--regular);
  line-height: var(--vkui--font_footnote--line_height--regular);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiChip__sizeYNone .vkuiChip__content {
    font-family: var(--vkui--font_footnote--font_family--regular);
    font-size: var(--vkui--font_footnote--font_size--regular);
    font-weight: var(--vkui--font_footnote--font_weight--regular);
    line-height: var(--vkui--font_footnote--line_height--regular);
  }
}
.vkuiChip__removable {
  flex-grow: 0;
  flex-shrink: 0;
}
.vkuiChip__remove {
  border-radius: inherit;
  box-sizing: border-box;
  color: var(--vkui--color_icon_secondary);
  cursor: pointer;
  background: 0 0;
  border: 0;
  flex: 0 0 100%;
  padding: 5px;
  transform: translate(-1px);
}
.vkuiChip__before {
  margin-right: 6px;
}
.vkuiChip__after {
  margin-left: 6px;
}
.vkuiChip__sizeYCompact {
  height: 28px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiChip__sizeYNone {
    height: 28px;
  }
}
.vkuiChipsInputBase__host {
  --vkui_internal--chips_input_base_container_gap:4px;
  max-width: 100%;
  padding: var(--vkui_internal--chips_input_base_container_gap);
  z-index: var(--vkui_internal--z_index_form_field_element);
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  list-style: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.vkuiChipsInputBase__chip {
  max-width: calc(100% - var(--vkui_internal--chips_input_base_container_gap));
  margin: 2px;
}
.vkuiChipsInputBase__el {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  color: var(--vkui--color_text_primary);
  background: 0 0;
  border: 0;
  flex: 1;
  width: 100%;
  margin: 2px 2px 4px 10px;
  padding: 0;
  position: relative;
}
.vkuiChipsInputBase__el:not(:-moz-read-only):focus {
  min-width: 64px;
}
.vkuiChipsInputBase__el:not(:read-only):focus {
  min-width: 64px;
}
.vkuiChipsInputBase__el::-ms-clear {
  display: none;
}
.vkuiChipsInputBase__el::placeholder {
  opacity: 1;
}
.vkuiChipsInputBase__el::placeholder,
.vkuiChipsInputBase__el:disabled::placeholder {
  color: var(--vkui--color_text_secondary);
}
.vkuiChipsInputBase__el[readonly] {
  cursor: default;
}
.vkuiChipsInputBase__hasPlaceholder .vkuiChipsInputBase__el {
  margin-left: calc(12px - var(--vkui_internal--chips_input_base_container_gap));
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0;
}
.vkuiChipsInputBase__sizeYCompact {
  --vkui_internal--chips_input_base_container_gap:2px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiChipsInputBase__sizeYNone {
    --vkui_internal--chips_input_base_container_gap:2px;
  }
}
.vkuiCustomSelectDropdown__host {
  background-color: var(--vkui--color_background_contrast_themed);
  border: var(--vkui--size_border--regular)solid var(--vkui--color_field_border_alpha);
  box-shadow: var(--vkui--elevation1);
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}
.vkuiCustomSelectDropdown__wide {
  width: 100%;
}
.vkuiCustomSelectDropdown__bottom {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.vkuiCustomSelectDropdown__top {
  box-shadow: var(--vkui--elevation1_invert_y);
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  bottom: 100%;
}
.vkuiCustomSelectDropdown__fetching {
  padding: 12px 0;
}
.vkuiCustomSelectDropdown__inWithMaxHeight {
  max-height: 160px;
}
.vkuiInternalCalendarHeader__pickers .vkuiCustomSelectDropdown__inWithMaxHeight {
  max-height: 184px;
}
.vkuiCustomSelectOption__host {
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  display: flex;
  position: relative;
}
.vkuiCustomSelectOption__hierarchy {
  --vkui_internal--custom_select_option_hierarchy_level:0;
  padding-left: calc(var(--vkui_internal--custom_select_option_hierarchy_level)*var(--vkui--size_option_hierarchy--regular));
}
.vkuiCustomSelectOption__sizeYRegular {
  min-height: 44px;
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiCustomSelectOption__sizeYNone {
    min-height: 44px;
  }
}
.vkuiCustomSelectOption__disabled {
  cursor: default;
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiCustomSelectOption__hover {
  background-color: var(--vkui--color_transparent--hover);
}
.vkuiCustomSelectOption__before {
  flex-shrink: 0;
  margin-right: 7px;
}
.vkuiCustomSelectOption__main {
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
.vkuiCustomSelectOption__children {
  word-break: break-word;
  min-width: 0;
}
.vkuiCustomSelectOption__after {
  flex-shrink: 0;
  align-items: center;
  margin-left: 8px;
  display: flex;
}
.vkuiCustomSelectOption__description {
  color: var(--vkui--color_text_secondary);
}
.vkuiCustomSelectOption__selectedIcon {
  color: var(--vkui--color_icon_accent);
}
.vkuiCustomSelectOption__selectedIcon:not(:first-child) {
  margin-left: 8px;
}
.vkuiChipsSelect__host {
  position: relative;
}
.vkuiChipsSelect__empty {
  color: var(--vkui--color_text_secondary);
  text-align: center;
  padding: 12px 0;
}
.vkuiChipsSelect__popDown {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.vkuiChipsSelect__popUp {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.vkuiChipsSelect__dropdownIcon {
  cursor: pointer;
}
.vkuiChipsSelect__dropdownIconWithOffset {
  margin-right: 8px;
}
.vkuiSliderThumb__host {
  background-color: var(--vkui--color_background_contrast);
  border: var(--vkui--size_border--regular)solid var(--vkui--color_separator_primary_alpha);
  box-shadow: var(--vkui--elevation3);
  box-sizing: border-box;
  height: var(--vkui_internal--slider_thumb_size);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: var(--vkui_internal--slider_thumb_size);
  z-index: 1;
  border-radius: 50%;
  transition: background-color .15s ease-out;
  position: absolute;
}
.vkuiSliderThumb__focusVisible {
  outline: var(--vkui_internal--outline);
  outline-offset: calc(-1*var(--vkui--size_border--regular));
}
.vkuiSliderThumb__hover {
  background-color: var(--vkui--color_background_contrast--hover);
}
.vkuiSliderThumb__active {
  background-color: var(--vkui--color_background_contrast--active);
}
.vkuiSliderThumb__nativeInput {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  direction: ltr;
  border: 0;
  width: 100%;
  height: 100%;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.vkuiSlider__host {
  cursor: pointer;
  height: var(--vkui_internal--slider_thumb_size);
  position: relative;
}
.vkuiSlider__disabled {
  cursor: not-allowed;
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiSlider__track,
.vkuiSlider__trackFill {
  border-radius: 1px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
}
.vkuiSlider__track {
  background-color: var(--vkui--color_track_background);
  width: 100%;
}
.vkuiSlider__trackFill {
  background: var(--vkui--color_background_accent);
  width: auto;
}
.vkuiSlider__thumbs {
  isolation: isolate;
  height: 100%;
  margin-left: calc(var(--vkui_internal--slider_thumb_size)/2);
  margin-right: calc(var(--vkui_internal--slider_thumb_size)/2);
  position: relative;
}
.vkuiSlider__thumb {
  top: 50%;
  transform: translate(-50%, -50%);
}
.vkuiSlider__sizeL {
  --vkui_internal--slider_thumb_size:28px;
}
.vkuiSlider__sizeM {
  --vkui_internal--slider_thumb_size:20px;
}
.vkuiSlider__sizeS {
  --vkui_internal--slider_thumb_size:16px;
}
.vkuiSlider__sizeYCompact.vkuiSlider__sizeL {
  --vkui_internal--slider_thumb_size:24px;
}
.vkuiSlider__sizeYCompact.vkuiSlider__sizeM {
  --vkui_internal--slider_thumb_size:16px;
}
.vkuiSlider__sizeYCompact.vkuiSlider__sizeS {
  --vkui_internal--slider_thumb_size:12px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSlider__sizeYNone.vkuiSlider__sizeL {
    --vkui_internal--slider_thumb_size:24px;
  }
  .vkuiSlider__sizeYNone.vkuiSlider__sizeM {
    --vkui_internal--slider_thumb_size:16px;
  }
  .vkuiSlider__sizeYNone.vkuiSlider__sizeS {
    --vkui_internal--slider_thumb_size:12px;
  }
}
.vkuiTextarea__host {
  max-height: 204px;
  position: relative;
  overflow: hidden;
}
.vkuiTextarea__el {
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  width: 100%;
  z-index: var(--vkui_internal--z_index_form_field_element);
  padding: 12px;
  display: block;
  position: relative;
}
.vkuiTextarea__el[cols] {
  width: auto;
}
.vkuiTextarea__sizeYCompact {
  max-height: 196px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiTextarea__sizeYNone {
    max-height: 196px;
  }
}
.vkuiTextarea__el::placeholder {
  opacity: 1;
}
.vkuiTextarea__el::placeholder,
.vkuiTextarea__el:disabled::placeholder {
  color: var(--vkui--color_text_secondary);
}
.vkuiTextarea__alignCenter .vkuiTextarea__el {
  text-align: center;
}
.vkuiTextarea__alignRight .vkuiTextarea__el {
  text-align: right;
}
.vkuiSelectionControlLabel__host {
  color: var(--vkui--color_text_primary);
  margin-bottom: var(--vkui--spacing_size_xl);
  margin-left: 12px;
  margin-top: var(--vkui--spacing_size_xl);
  word-break: break-word;
  flex-grow: 1;
  min-width: 0;
}
.vkuiSelectionControlLabel__host:first-child {
  margin-left: 0;
}
.vkuiSelectionControlLabel__description {
  color: var(--vkui--color_text_secondary);
  margin-top: 2px;
  display: block;
}
.vkuiSelectionControlLabel__titleLayout {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.vkuiSelectionControlLabel__title {
  min-width: 0;
}
.vkuiSelectionControlLabel__titleAfter {
  color: var(--vkui--color_icon_tertiary);
  flex-shrink: 0;
  margin-left: 4px;
}
.vkuiSelectionControlLabel__sizeYCompact {
  margin-bottom: var(--vkui--spacing_size_m);
  margin-top: var(--vkui--spacing_size_m);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSelectionControlLabel__sizeYNone {
    margin-bottom: var(--vkui--spacing_size_m);
    margin-top: var(--vkui--spacing_size_m);
  }
}
.vkuiSelectionControl__host {
  box-sizing: border-box;
  font-family: var(--vkui--font_family_base);
  min-height: var(--vkui--size_field_height--regular);
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
  padding-right: var(--vkui--size_base_padding_horizontal--regular);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.vkuiInternalFormItem .vkuiSelectionControl__host {
  margin-bottom: 0;
  margin-left: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-right: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-top: 0;
}
.vkuiSelectionControl__host[disabled] {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiSelectionControl__sizeYCompact {
  min-height: var(--vkui--size_field_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSelectionControl__sizeYNone {
    min-height: var(--vkui--size_field_height--compact);
  }
}
.vkuiRadioInput__icon {
  color: var(--vkui--color_icon_tertiary);
  transition: color .15s var(--vkui--animation_easing_platform);
  flex-shrink: 0;
  display: flex;
}
.vkuiRadioInput__input:checked ~ .vkuiRadioInput__icon {
  color: var(--vkui--color_icon_accent);
}
.vkuiRadioInput__icon .vkuiRadioInput__pin {
  transform-origin: 50%;
  transition: transform .15s var(--vkui--animation_easing_platform);
  transform: scale(0);
}
.vkuiRadioInput__input:checked ~ .vkuiRadioInput__icon .vkuiRadioInput__pin {
  transform: none;
}
.vkuiInternalRadioGroup .vkuiRadio__host {
  box-sizing: border-box;
  flex: 1;
  margin: 0;
}
.vkuiRadioGroup__modeHorizontal {
  display: flex;
}
.vkuiInternalFormItem .vkuiRadioGroup__host {
  box-sizing: initial;
  margin-bottom: 0;
  margin-left: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-right: calc(-1*var(--vkui--size_base_padding_horizontal--regular));
  margin-top: 0;
}
.vkuiCheckboxInput__host {
  color: var(--vkui--color_icon_accent);
}
.vkuiCheckboxInput__iconIndeterminate,
.vkuiCheckboxInput__iconOn {
  display: none;
}
.vkuiCheckboxInput__iconOff {
  color: var(--vkui--color_icon_tertiary);
}
.vkuiCheckboxInput__input:checked ~ .vkuiCheckboxInput__iconOn {
  display: flex;
}
.vkuiCheckboxInput__input:checked ~ .vkuiCheckboxInput__iconOff,
.vkuiCheckboxInput__input:indeterminate ~ .vkuiCheckboxInput__iconIndeterminate {
  display: none;
}
.vkuiCheckboxInput__input:indeterminate ~ .vkuiCheckboxInput__iconIndeterminate {
  display: flex;
}
.vkuiCheckboxInput__input:indeterminate ~ .vkuiCheckboxInput__iconOff,
.vkuiCheckboxInput__input:indeterminate ~ .vkuiCheckboxInput__iconOn {
  display: none;
}
.vkuiCheckboxSimple__host {
  height: var(--vkui--size_field_height--regular);
  width: var(--vkui--size_field_height--regular);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiCheckboxSimple__host[disabled] {
  opacity: var(--vkui--opacity_disable_accessibility);
}
.vkuiCheckboxSimple__sizeYCompact {
  height: var(--vkui--size_field_height--compact);
  width: var(--vkui--size_field_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCheckboxSimple__sizeYNone {
    height: var(--vkui--size_field_height--compact);
    width: var(--vkui--size_field_height--compact);
  }
}
.vkuiSelect__host {
  box-sizing: border-box;
  cursor: pointer;
  font-family: var(--vkui--font_family_base);
  position: relative;
}
.vkuiSelect__el {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: var(--vkui--font_paragraph--font_size--regular);
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: var(--vkui_internal--z_index_form_field_side);
  border: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiSelect__container {
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  z-index: var(--vkui_internal--z_index_form_field_element);
  flex-grow: 1;
  flex-shrink: 1;
  align-self: center;
  padding-left: 12px;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}
.vkuiSelect__hasBefore .vkuiSelect__container {
  padding-left: 0;
}
.vkuiSelect__multiline .vkuiSelect__container {
  padding-top: 12px;
  padding-bottom: 12px;
}
.vkuiSelect__sizeYCompact.vkuiSelect__multiline .vkuiSelect__container {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiSelect__sizeYNone.vkuiSelect__multiline .vkuiSelect__container {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.vkuiSelect__title {
  display: block;
}
.vkuiSelect__host:not(.vkuiSelect__multiline) .vkuiSelect__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vkuiSelect__empty .vkuiSelect__title {
  color: var(--vkui--color_text_secondary);
}
.vkuiSelect__alignRight .vkuiSelect__title {
  text-align: right;
}
.vkuiSelect__alignCenter .vkuiSelect__title {
  text-align: center;
}
.vkuiInternalCalendarHeader__picker .vkuiSelect__container {
  padding-right: 4px;
}
.vkuiCustomSelectInput__host {
  position: relative;
}
.vkuiCustomSelectInput__el {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: inherit;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  height: var(--vkui--size_field_height--regular);
  line-height: var(--vkui--size_field_height--regular);
  width: 100%;
  z-index: var(--vkui_internal--z_index_form_field_element);
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.vkuiCustomSelectInput__elCursorPointer {
  cursor: pointer;
}
.vkuiCustomSelectInput__sizeYCompact .vkuiCustomSelectInput__el {
  height: var(--vkui--size_field_height--compact);
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCustomSelectInput__sizeYNone .vkuiCustomSelectInput__el {
    height: var(--vkui--size_field_height--compact);
  }
}
.vkuiCustomSelectInput__hasBefore .vkuiCustomSelectInput__el {
  padding-left: 0;
}
.vkuiCustomSelectInput__hasAfter .vkuiCustomSelectInput__el {
  padding-right: 0;
}
.vkuiCustomSelectInput__container {
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  pointer-events: none;
  width: 100%;
  max-height: 100%;
  z-index: var(--vkui_internal--z_index_form_field_element);
  padding-left: 12px;
  padding-right: 0;
  overflow: hidden;
}
.vkuiCustomSelectInput__hasBefore .vkuiCustomSelectInput__container {
  padding-left: 0;
}
.vkuiCustomSelectInput__multiline .vkuiCustomSelectInput__container {
  padding-top: 12px;
  padding-bottom: 12px;
}
.vkuiCustomSelectInput__sizeYCompact.vkuiCustomSelectInput__multiline .vkuiCustomSelectInput__container {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCustomSelectInput__sizeYNone.vkuiCustomSelectInput__multiline .vkuiCustomSelectInput__container {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.vkuiCustomSelectInput__inputGroup {
  flex: 1;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.vkuiCustomSelectInput__hasBefore .vkuiCustomSelectInput__inputGroup {
  border-radius: 0;
}
.vkuiCustomSelectInput__title {
  display: block;
}
.vkuiCustomSelectInput__host:not(.vkuiCustomSelectInput__multiline) .vkuiCustomSelectInput__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vkuiCustomSelectInput__empty .vkuiCustomSelectInput__title {
  color: var(--vkui--color_text_secondary);
}
.vkuiCustomSelectInput__el::placeholder {
  opacity: 0;
}
.vkuiCustomSelectInput__alignRight .vkuiCustomSelectInput__el,
.vkuiCustomSelectInput__alignRight .vkuiCustomSelectInput__title {
  text-align: right;
}
.vkuiCustomSelectInput__alignCenter .vkuiCustomSelectInput__el,
.vkuiCustomSelectInput__alignCenter .vkuiCustomSelectInput__title {
  text-align: center;
}
.vkuiInternalCalendarHeader__picker .vkuiCustomSelectInput__container {
  padding-right: 4px;
}
.vkuiCustomSelect__host {
  cursor: pointer;
  width: 100%;
  display: block;
  position: relative;
}
.vkuiCustomSelect__popDown {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.vkuiCustomSelect__popUp {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.vkuiCustomSelect__control {
  display: none;
}
.vkuiCustomSelect__empty {
  color: var(--vkui--color_text_secondary);
  text-align: center;
  padding: 12px 0;
}
.vkuiCustomSelect__fetching {
  justify-content: center;
  align-items: center;
  display: flex;
}
.vkuiCustomSelect__dropdownIcon {
  margin-right: 10px;
}
.vkuiCustomSelect__clearIcon {
  margin-right: -6px;
}
.vkuiCustomSelect__sizeYCompact .vkuiCustomSelect__dropdownIcon {
  margin-right: 8px;
}
.vkuiCustomSelect__sizeYCompact .vkuiCustomSelect__clearIcon {
  margin-right: -2px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiCustomSelect__sizeYNone .vkuiCustomSelect__dropdownIcon {
    margin-right: 8px;
  }
  .vkuiCustomSelect__sizeYNone .vkuiCustomSelect__clearIcon {
    margin-right: -2px;
  }
}
.vkuiSegmentedControlOption__host {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: inherit;
  box-sizing: border-box;
  color: var(--vkui--color_text_primary);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: 0 0;
  border: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: color .1s ease-out;
  display: flex;
  position: relative;
}
.vkuiSegmentedControlOption__hover {
  opacity: .5;
}
.vkuiSegmentedControlOption__before {
  margin-right: 6px;
}
.vkuiSegmentedControl__host {
  background-color: var(--vkui--color_background_secondary);
  border-radius: var(--vkui--size_border_radius--regular);
  box-sizing: border-box;
  font-family: var(--vkui--font_family_base);
  height: 30px;
  padding: 2px;
}
.vkuiSegmentedControl__sizeL {
  height: 36px;
}
.vkuiSegmentedControl__in {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transition: all .1s ease-out;
  display: flex;
  position: relative;
}
.vkuiSegmentedControl__slider {
  background-color: var(--vkui--color_segmented_control);
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 .5px var(--vkui--color_image_border_alpha),
    0 3px 8px #0000001f,
    0 3px 1px #0000000a;
  transform-origin: 0 0;
  transition: transform .15s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.vkuiSegmentedControl__sizeYRegular {
  height: 36px;
}
.vkuiSegmentedControl__sizeYRegular.vkuiSegmentedControl__sizeL {
  height: 44px;
}
@media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) {
  .vkuiSegmentedControl__sizeYNone {
    height: 36px;
  }
  .vkuiSegmentedControl__sizeYNone.vkuiSegmentedControl__sizeL {
    height: 44px;
  }
}
.vkuiCalendarDay__content {
  color: var(--vkui--color_text_primary);
  font-family: var(--vkui--font_family_base);
  border-radius: 0;
  height: 100%;
  font-size: 14px;
}
.vkuiCalendarDay__hidden,
.vkuiCalendarDay__host {
  border-radius: 0;
  flex-grow: 0;
  flex-basis: 14.2857%;
}
.vkuiCalendarDay__content,
.vkuiCalendarDay__hidden {
  height: 36px;
}
.vkuiCalendarDay__sizeS {
  height: 34px;
}
.vkuiCalendarDay__disabled,
.vkuiCalendarDay__notSameMonth {
  color: var(--vkui--color_text_tertiary);
}
.vkuiCalendarDay__selected {
  background-color: var(--vkui--color_background_secondary_alpha);
}
.vkuiCalendarDay__hintedSelectionStart,
.vkuiCalendarDay__selectionStart.vkuiCalendarDay__selected {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.vkuiCalendarDay__hintedSelectionEnd,
.vkuiCalendarDay__selectionEnd.vkuiCalendarDay__selected {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.vkuiCalendarDay__dayNumber {
  text-align: center;
}
.vkuiCalendarDay__today {
  font-weight: 600;
}
.vkuiCalendarDay__today .vkuiCalendarDay__dayNumber:after {
  border-bottom: 2px solid var(--vkui--color_stroke_accent);
  content: "";
  width: 16px;
  display: block;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.vkuiCalendarDay__rtl .vkuiCalendarDay__today .vkuiCalendarDay__dayNumber:after {
  transform: translate(50%);
}
.vkuiCalendarDay__today .vkuiCalendarDay__innerActive .vkuiCalendarDay__dayNumber:after {
  border-bottom-color: var(--vkui--color_stroke_contrast);
}
.vkuiCalendarDay__hinted,
.vkuiCalendarDay__inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.vkuiCalendarDay__inner {
  border-radius: 8px;
}
.vkuiCalendarDay__hintedActive,
.vkuiCalendarDay__hostHovered :not(.vkuiCalendarDay__hintedActive) .vkuiCalendarDay__inner {
  background-color: var(--vkui--color_background_secondary_alpha--hover);
}
.vkuiCalendarDay__hostActivated :not(.vkuiCalendarDay__hintedActive) .vkuiCalendarDay__inner {
  background-color: var(--vkui--color_background_secondary_alpha--active);
}
.vkuiCalendarDay__innerActive {
  background-color: var(--vkui--color_background_accent);
  color: var(--vkui--color_text_contrast);
}
.vkuiCalendarDay__hostHovered .vkuiCalendarDay__inner.vkuiCalendarDay__innerActive {
  background-color: var(--vkui--color_background_accent--hover);
}
.vkuiCalendarDay__hostActivated .vkuiCalendarDay__inner.vkuiCalendarDay__innerActive {
  background-color: var(--vkui--color_background_accent--active);
}
.vkuiCalendarDays__host {
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-around;
  display: flex;
}
.vkuiCalendarDays__row {
  flex-grow: 1;
  justify-content: center;
  display: flex;
}
.vkuiCalendarDays__row:first-child:not(.vkuiCalendarDays__rowSizeS) {
  margin-bottom: 4px;
}
.vkuiCalendarDays__row:not(:last-child):not(.vkuiCalendarDays__rowSizeS) .vkuiCalendarDays__rowDay {
  padding-bottom: 2px;
}
.vkuiCalendarDays__row:not(:nth-child(2)):not(.vkuiCalendarDays__rowSizeS) .vkuiCalendarDays__rowDay {
  padding-top: 2px;
}
.vkuiCalendarDays__weekday {
  color: var(--vkui--color_text_subhead);
  text-transform: capitalize;
  flex-grow: 0;
  flex-basis: 14.2857%;
  justify-content: center;
  align-items: center;
  height: 32px;
  display: flex;
}
.vkuiCalendarHeader__host {
  justify-content: center;
  align-items: center;
  min-height: 36px;
  display: flex;
  position: relative;
}
.vkuiCalendarHeader__pickers {
  color: var(--vkui--color_text_primary);
  display: flex;
  position: absolute;
}
.vkuiCalendarHeader__picker + .vkuiCalendarHeader__picker {
  margin-left: 4px;
}
.vkuiCalendarHeader__navIcon {
  justify-content: center;
  align-items: center;
  padding: 3px;
  display: flex;
  position: absolute;
}
.vkuiCalendarHeader__navIconAccent {
  color: var(--vkui--color_icon_accent);
}
.vkuiCalendarHeader__navIconNext {
  right: 0;
}
.vkuiCalendarHeader__navIconPrev {
  left: 0;
}
.vkuiCalendarHeader__month {
  text-transform: capitalize;
}
.vkuiCalendarTime__host {
  align-items: center;
  display: flex;
}
.vkuiCalendarTime__host__withoutDone {
  justify-content: center;
}
.vkuiCalendarTime__picker {
  width: 79px;
}
.vkuiCalendarTime__divider {
  color: var(--vkui--color_text_primary);
  font-family: var(--vkui--font_family_base);
  margin-left: 6px;
  margin-right: 6px;
}
.vkuiCalendarTime__button {
  margin-left: auto;
}
.vkuiCalendar__host {
  background: var(--vkui--color_background_contrast_themed);
  border: .5px solid var(--vkui--color_separator_primary);
  box-shadow: var(--vkui--elevation1);
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: column;
  width: 305px;
  padding: 12px;
  display: flex;
}
.vkuiCalendar__time {
  border-top: 1px solid var(--vkui--color_separator_primary);
  margin: 12px -12px 0;
  padding: 12px 12px 0;
}
.vkuiCalendar__header {
  margin-bottom: 4px;
}
.vkuiCalendar__sizeS {
  width: 220px;
  padding: 8px;
}
.vkuiCalendar__sizeS .vkuiCalendar__header {
  margin-bottom: 0;
}
.vkuiCalendarRange__host {
  background: var(--vkui--color_background_contrast_themed);
  border: .5px solid var(--vkui--color_separator_primary);
  box-shadow: var(--vkui--elevation1);
  box-sizing: border-box;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 610px;
  padding: 12px;
  display: flex;
}
.vkuiCalendarRange__inner {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.vkuiCalendarRange__inner:not(:last-child) {
  margin-right: 24px;
}
.vkuiCalendarRange__header {
  margin-bottom: 4px;
}
.vkuiInputLike__mask {
  font-family: var(--vkui--font_family_base);
  position: relative;
}
.vkuiInputLike__mask:after {
  border-bottom: 1px solid var(--vkui--color_text_secondary);
  content: "";
  width: calc(100% - .1em);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.vkuiInputLike__mask:last-child {
  margin-right: 1px;
}
.vkuiInputLike__divider,
.vkuiInputLike__lastCharacter {
  letter-spacing: 1px !important;
}
.vkuiInputLike__divider {
  color: var(--vkui--color_text_secondary);
}
.vkuiInputLike__full + .vkuiInputLike__divider {
  color: var(--vkui--color_text_primary);
}
.vkuiDateInput__input {
  cursor: text;
  font-variant-numeric: tabular-nums;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  white-space: nowrap;
  z-index: var(--vkui_internal--z_index_form_field_element);
  flex-grow: 1;
  align-self: center;
  margin-left: 10px;
  margin-right: 14px;
  display: block;
}
.vkuiDateInput__inputTimeDivider {
  letter-spacing: 6px !important;
}
.vkuiDateInput__sizeYCompact .vkuiDateInput__input {
  margin-right: 22px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiDateInput__sizeYNone .vkuiDateInput__input {
    margin-right: 22px;
  }
}
.vkuiDateRangeInput__input {
  cursor: text;
  font-variant-numeric: tabular-nums;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  white-space: nowrap;
  z-index: var(--vkui_internal--z_index_form_field_element);
  flex-grow: 1;
  align-self: center;
  margin-left: 10px;
  margin-right: 14px;
}
.vkuiDateRangeInput__sizeYCompact .vkuiDateRangeInput__input {
  margin-right: 22px;
}
@media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) {
  .vkuiDateRangeInput__sizeYNone .vkuiDateRangeInput__input {
    margin-right: 22px;
  }
}
.vkuiSkeleton__host {
  --vkui_internal--skeleton_color_from:var(--vkui--color_skeleton_from);
  --vkui_internal--skeleton_color_to:var(--vkui--color_skeleton_to);
  --vkui_internal--skeleton_animation_duration:1.5s;
  --vkui_internal--skeleton_gradient_left:0;
  background-color: var(--vkui_internal--skeleton_color_from);
  border-radius: 6px;
  width: 100%;
  max-width: 100%;
  line-height: 1;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.vkuiSkeleton__host .vkuiSkeleton__host {
  --vkui_internal--skeleton_color_from:var(--vkui--color_background_content);
  --vkui_internal--skeleton_color_to:var(--vkui--color_background_tertiary);
}
.vkuiSkeleton__host .vkuiSkeleton__host .vkuiSkeleton__host {
  --vkui_internal--skeleton_color_from:var(--vkui--color_skeleton_from);
  --vkui_internal--skeleton_color_to:var(--vkui--color_skeleton_to);
}
.vkuiSkeleton__host:before {
  background-image:
    linear-gradient(
      90deg,
      var(--vkui_internal--skeleton_color_from),
      var(--vkui_internal--skeleton_color_to),
      var(--vkui_internal--skeleton_color_from));
  content: " ";
  height: 100%;
  left: var(--vkui_internal--skeleton_gradient_left);
  width: 100vw;
  animation-name: vkuiSkeleton__animation-skeleton;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  position: absolute;
  top: 0;
  transform: translate(-100vw);
}
@keyframes vkuiSkeleton__animation-skeleton {
  to {
    transform: translate(100vw);
  }
}
.vkuiSkeleton__disableAnimation:before {
  background-image: none;
  animation-name: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .vkuiSkeleton__host:before {
    background-image: none;
    animation-name: none;
  }
}
.vkuiDiv__host {
  padding: var(--vkui--size_base_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiPopover__host {
  position: relative;
}
.vkuiPopover__host:before {
  bottom: calc(-1*var(--vkui_internal--popover_safe_zone_padding));
  content: "";
  left: calc(-1*var(--vkui_internal--popover_safe_zone_padding));
  right: calc(-1*var(--vkui_internal--popover_safe_zone_padding));
  top: calc(-1*var(--vkui_internal--popover_safe_zone_padding));
  position: absolute;
}
.vkuiPopover__in {
  position: relative;
}
.vkuiPopover__inWithStyling {
  background-color: var(--vkui--color_background_contrast_themed);
  border-radius: var(--vkui--size_border_radius--regular);
  box-shadow: var(--vkui--elevation3);
}
.vkuiPopover__arrow {
  color: var(--vkui--color_background_contrast_themed);
}
.vkuiPopover__hidden {
  display: none;
}
.vkuiModalPageFooter__host {
  background-color: var(--vkui--color_background_modal);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  box-sizing: border-box;
  flex: none;
  width: 100%;
  position: relative;
}
.vkuiModalPageFooter__Separator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.vkuiModalPageFooter__hostMobile.vkuiModalPageFooter__padded {
  padding: var(--vkui--size_base_padding_vertical--regular)var(--vkui--size_base_padding_horizontal--regular);
}
.vkuiModalPageFooter__hostDesktop.vkuiModalPageFooter__padded {
  padding: 18px 16px;
}
.vkui,
.vkui > body,
.vkui__root {
  color-scheme: var(--vkui--colors_scheme);
  height: 100%;
  margin: 0;
  padding: 0;
}
.vkui {
  background: var(--vkui--color_background);
}
.vkui__root {
  max-height: inherit;
  max-width: inherit;
}
.vkui--layout-card,
.vkui__root--embedded {
  background: var(--vkui--color_background);
}
.vkui--layout-plain {
  background: var(--vkui--color_background_content);
}
.vkui--disable-overscroll-behavior {
  overscroll-behavior-y: none;
}

/* auth-login-popup.css?file=../../node_modules/@vk-ecosystem/skvoznoy-odkl/dist/index.css */
:root {
  --vkui--theme_name: "vkIdOk";
  --vkui--theme_name_base: "vkIdOk";
  --vkui--gradient_black:
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, .02) 15%,
    rgba(0, 0, 0, .08) 30%,
    rgba(0, 0, 0, .32) 70%,
    rgba(0, 0, 0, .38) 85%,
    rgba(0, 0, 0, .4) 100%;
  --vkui--gradient_white:
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, .05) 15%,
    rgba(255, 255, 255, .2) 30%,
    rgba(255, 255, 255, .8) 70%,
    rgba(255, 255, 255, .95) 85%,
    rgba(255, 255, 255, 1) 100%;
  --vkui--gradient_tint:
    rgba(249, 249, 249, 0) 0%,
    rgba(249, 249, 249, .05) 15%,
    rgba(249, 249, 249, .2) 30%,
    rgba(249, 249, 249, .8) 70%,
    rgba(249, 249, 249, .95) 85%,
    rgba(249, 249, 249, 1) 100%;
  --vkui--gradient:
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, .05) 15%,
    rgba(255, 255, 255, .2) 30%,
    rgba(255, 255, 255, .8) 70%,
    rgba(255, 255, 255, .95) 85%,
    rgba(255, 255, 255, 1) 100%;
  --vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, .03), 0px 2px 2px rgba(0, 0, 0, .06);
  --vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, .03), 0px -2px 2px rgba(0, 0, 0, .06);
  --vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 4px rgba(0, 0, 0, .06);
  --vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
  --vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, .12), 0px 16px 16px rgba(0, 0, 0, .16);
  --vkui--font_family_fallbacks:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_family_accent:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_family_base:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_weight_accent1: 600;
  --vkui--font_weight_accent2: 500;
  --vkui--font_weight_accent3: 400;
  --vkui--font_weight_base1: 600;
  --vkui--font_weight_base2: 500;
  --vkui--font_weight_base3: 400;
  --vkui--font_display_title1--font_size--regular: 23px;
  --vkui--font_display_title1--line_height--regular: 28px;
  --vkui--font_display_title1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title1--font_weight--regular: 600;
  --vkui--font_display_title2--font_size--regular: 21px;
  --vkui--font_display_title2--line_height--regular: 26px;
  --vkui--font_display_title2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title2--font_weight--regular: 600;
  --vkui--font_display_title2--font_size--compact: 22px;
  --vkui--font_display_title2--line_height--compact: 24px;
  --vkui--font_display_title2--font_family--compact:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title2--font_weight--compact: 600;
  --vkui--font_display_title3--font_size--regular: 19px;
  --vkui--font_display_title3--line_height--regular: 24px;
  --vkui--font_display_title3--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title3--font_weight--regular: 600;
  --vkui--font_display_title4--font_size--regular: 17px;
  --vkui--font_display_title4--line_height--regular: 22px;
  --vkui--font_display_title4--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title4--font_weight--regular: 600;
  --vkui--font_title1--font_size--regular: 24px;
  --vkui--font_title1--line_height--regular: 28px;
  --vkui--font_title1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_title1--font_weight--regular: 600;
  --vkui--font_title2--font_size--regular: 20px;
  --vkui--font_title2--line_height--regular: 24px;
  --vkui--font_title2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_title2--font_weight--regular: 600;
  --vkui--font_title3--font_size--regular: 17px;
  --vkui--font_title3--line_height--regular: 22px;
  --vkui--font_title3--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_title3--font_weight--regular: 600;
  --vkui--font_headline1--font_size--regular: 16px;
  --vkui--font_headline1--line_height--regular: 20px;
  --vkui--font_headline1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_headline1--font_weight--regular: 500;
  --vkui--font_headline1--font_size--compact: 15px;
  --vkui--font_headline1--line_height--compact: 20px;
  --vkui--font_headline2--font_size--regular: 15px;
  --vkui--font_headline2--line_height--regular: 20px;
  --vkui--font_headline2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_headline2--font_weight--regular: 500;
  --vkui--font_headline2--font_size--compact: 14px;
  --vkui--font_headline2--line_height--compact: 20px;
  --vkui--font_text--font_size--regular: 16px;
  --vkui--font_text--line_height--regular: 20px;
  --vkui--font_text--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_text--font_weight--regular: 400;
  --vkui--font_text--font_size--compact: 15px;
  --vkui--font_text--line_height--compact: 20px;
  --vkui--font_paragraph--font_size--regular: 15px;
  --vkui--font_paragraph--line_height--regular: 20px;
  --vkui--font_paragraph--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_paragraph--font_weight--regular: 400;
  --vkui--font_subhead--font_size--regular: 14px;
  --vkui--font_subhead--line_height--regular: 18px;
  --vkui--font_subhead--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_subhead--font_weight--regular: 400;
  --vkui--font_subhead--font_size--compact: 13px;
  --vkui--font_subhead--line_height--compact: 16px;
  --vkui--font_footnote--font_size--regular: 13px;
  --vkui--font_footnote--line_height--regular: 16px;
  --vkui--font_footnote--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_footnote--font_weight--regular: 400;
  --vkui--font_footnote_caps--font_size--regular: 13px;
  --vkui--font_footnote_caps--line_height--regular: 16px;
  --vkui--font_footnote_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_footnote_caps--font_weight--regular: 400;
  --vkui--font_footnote_caps--text_transform--regular: uppercase;
  --vkui--font_caption1--font_size--regular: 12px;
  --vkui--font_caption1--line_height--regular: 14px;
  --vkui--font_caption1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption1--font_weight--regular: 400;
  --vkui--font_caption1_caps--font_size--regular: 12px;
  --vkui--font_caption1_caps--line_height--regular: 14px;
  --vkui--font_caption1_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption1_caps--font_weight--regular: 600;
  --vkui--font_caption1_caps--text_transform--regular: uppercase;
  --vkui--font_caption2--font_size--regular: 11px;
  --vkui--font_caption2--line_height--regular: 14px;
  --vkui--font_caption2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption2--font_weight--regular: 400;
  --vkui--font_caption2_caps--font_size--regular: 11px;
  --vkui--font_caption2_caps--line_height--regular: 14px;
  --vkui--font_caption2_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption2_caps--font_weight--regular: 600;
  --vkui--font_caption2_caps--text_transform--regular: uppercase;
  --vkui--font_caption3--font_size--regular: 9px;
  --vkui--font_caption3--line_height--regular: 12px;
  --vkui--font_caption3--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption3--font_weight--regular: 400;
  --vkui--font_caption3_caps--font_size--regular: 9px;
  --vkui--font_caption3_caps--line_height--regular: 12px;
  --vkui--font_caption3_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption3_caps--font_weight--regular: 600;
  --vkui--font_caption3_caps--text_transform--regular: uppercase;
  --vkui--size_select_icon_padding--regular: 6px;
  --vkui--size_select_icon_padding--compact: 7px;
  --vkui--size_popup_base_padding--regular: 32px;
  --vkui--size_popup_base_padding--compact: 20px;
  --vkui--size_popup_header_padding--regular: 24px;
  --vkui--size_popup_header_padding--compact: 16px;
  --vkui--size_label_horizontal_margin--regular: 16px;
  --vkui--size_border_radius--regular: 8px;
  --vkui--size_border_radius_rounded--regular: 48px;
  --vkui--size_check_border_radius--regular: 4px;
  --vkui--size_border_radius_paper--regular: 12px;
  --vkui--size_border_radius_promo--regular: 20px;
  --vkui--size_cell_height--regular: 48px;
  --vkui--size_cell_height--compact: 44px;
  --vkui--size_field_height--regular: 44px;
  --vkui--size_field_height--compact: 36px;
  --vkui--size_search_height--regular: 36px;
  --vkui--size_search_height--compact: 32px;
  --vkui--size_button_extra_small_height--regular: 24px;
  --vkui--size_button_extra_small_height--compact: 22px;
  --vkui--size_button_small_height--regular: 30px;
  --vkui--size_button_small_height--compact: 28px;
  --vkui--size_button_medium_height--regular: 36px;
  --vkui--size_button_medium_height--compact: 32px;
  --vkui--size_button_large_height--regular: 44px;
  --vkui--size_button_large_height--compact: 36px;
  --vkui--size_checkbox--regular: 16px;
  --vkui--size_arrow--regular: 8px;
  --vkui--size_arrow_promo--regular: 40px;
  --vkui--size_popup_small--regular: 430px;
  --vkui--size_popup_medium--regular: 680px;
  --vkui--size_popup_large--regular: 880px;
  --vkui--size_field_horizontal_padding--regular: 12px;
  --vkui--size_button_padding_horizontal--regular: 12px;
  --vkui--size_arrow_padding--regular: 12px;
  --vkui--size_tooltip_margin--regular: 8px;
  --vkui--size_icon_u_i--regular: 16px;
  --vkui--size_avatar_x_s--regular: 24px;
  --vkui--size_avatar_s--regular: 32px;
  --vkui--size_avatar_m--regular: 48px;
  --vkui--size_avatar_l--regular: 96px;
  --vkui--size_avatar_x_l--regular: 128px;
  --vkui--size_badge_x_s--regular: 12px;
  --vkui--size_badge_s--regular: 16px;
  --vkui--size_badge_m--regular: 24px;
  --vkui--size_badge_l--regular: 44px;
  --vkui--size_badge_x_l--regular: 56px;
  --vkui--size_cardgrid_padding--regular: 8px;
  --vkui--size_card_border_radius--regular: 8px;
  --vkui--size_cardgrid_padding_vertical--regular: 8px;
  --vkui--size_base_padding_horizontal--regular: 16px;
  --vkui--size_base_padding_vertical--regular: 12px;
  --vkui--size_button_group_gap_space--regular: 1px;
  --vkui--size_button_group_gap_small--regular: 8px;
  --vkui--size_button_group_gap_medium--regular: 12px;
  --vkui--size_option_hierarchy--regular: 32px;
  --vkui--size_switch_height--regular: 14px;
  --vkui--size_switch_height--compact: 12px;
  --vkui--size_switch_width--regular: 34px;
  --vkui--size_switch_width--compact: 32px;
  --vkui--size_switch_pin--regular: 20px;
  --vkui--size_switch_pin--compact: 18px;
  --vkui--size_panel_header_height--compact: 48px;
  --vkui--size_panel_header_height--regular: 56px;
  --vkui--size_button_base_small_padding_horizontal--regular: 16px;
  --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
  --vkui--size_button_base_large_padding_horizontal--regular: 20px;
  --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
  --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
  --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
  --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
  --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
  --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
  --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
  --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
  --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
  --vkui--size_button_minimum_width--regular: 80px;
  --vkui--size_form_item_padding_vertical--regular: 12px;
  --vkui--size_split_col_padding_horizontal--regular: 16px;
  --vkui--size_subnavigation_bar_gap--regular: 8px;
  --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
  --vkui--size_border1x--regular: 1px;
  --vkui--size_border2x--regular: .5px;
  --vkui--size_border3x--regular: .33px;
  --vkui--spacing_size_3xs: 2px;
  --vkui--spacing_size_2xs: 2px;
  --vkui--spacing_size_xs: 4px;
  --vkui--spacing_size_s: 6px;
  --vkui--spacing_size_m: 8px;
  --vkui--spacing_size_l: 10px;
  --vkui--spacing_size_xl: 12px;
  --vkui--spacing_size_2xl: 16px;
  --vkui--spacing_size_3xl: 20px;
  --vkui--spacing_size_4xl: 24px;
  --vkui--animation_duration_l: .4s;
  --vkui--animation_duration_m: .2s;
  --vkui--animation_duration_s: .1s;
  --vkui--animation_easing_default: cubic-bezier(.3, .3, .5, 1);
  --vkui--animation_easing_platform: cubic-bezier(.4, 0, .2, 1);
  --vkui--opacity_disable: .4;
  --vkui--opacity_disable_accessibility: .64;
  --vkui--opacity_active: .72;
  --vkui--z_index_modal: 99;
  --vkui--z_index_popout: 100;
  --vkui--font_headline--font_size--regular: 16px;
  --vkui--font_headline--line_height--regular: 20px;
  --vkui--font_headline--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_headline--font_weight--regular: 500;
  --vkui--font_headline--font_size--compact: 15px;
  --vkui--font_headline--line_height--compact: 20px;
  --vkui--colors_scheme: light;
  --vkui--color_background_accent: #EE8208;
  --vkui--color_background_accent--hover: #E57B04;
  --vkui--color_background_accent--active: #D87402;
  --vkui--color_background_accent_themed: #FF7700;
  --vkui--color_background_accent_themed--hover: #E57B04;
  --vkui--color_background_accent_themed--active: #D87402;
  --vkui--color_background_accent_themed_alpha: rgba(238, 130, 8, .2);
  --vkui--color_background_accent_themed_alpha--hover: rgba(238, 130, 8, .24);
  --vkui--color_background_accent_themed_alpha--active: rgba(238, 130, 8, .28);
  --vkui--color_background_accent_tint: #F38910;
  --vkui--color_background_accent_tint--hover: #E98412;
  --vkui--color_background_accent_tint--active: #E07F14;
  --vkui--color_background_accent_alternative: #EE8208;
  --vkui--color_background_accent_alternative--hover: #E47D0A;
  --vkui--color_background_accent_alternative--active: #DB790C;
  --vkui--color_background: #ebedf0;
  --vkui--color_background--hover: #E2E4E9;
  --vkui--color_background--active: #D8DBE2;
  --vkui--color_background_content: #ffffff;
  --vkui--color_background_content--hover: #F5F5F7;
  --vkui--color_background_content--active: #EBECEF;
  --vkui--color_background_content_alpha: rgba(255, 255, 255, .8);
  --vkui--color_background_content_alpha--hover: rgba(255, 255, 255, .84);
  --vkui--color_background_content_alpha--active: rgba(255, 255, 255, .88);
  --vkui--color_background_content_inverse: #19191A;
  --vkui--color_background_content_inverse--hover: #18191B;
  --vkui--color_background_content_inverse--active: #17181D;
  --vkui--color_background_secondary: #f5f5f5;
  --vkui--color_background_secondary--hover: #EBECEE;
  --vkui--color_background_secondary--active: #E1E3E6;
  --vkui--color_background_secondary_alpha: rgba(0, 0, 0, .04);
  --vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, .08);
  --vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, .12);
  --vkui--color_background_tertiary: #f9f9f9;
  --vkui--color_background_tertiary--hover: #EFF0F1;
  --vkui--color_background_tertiary--active: #E5E6EA;
  --vkui--color_background_tertiary_alpha: rgba(0, 0, 0, .03);
  --vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, .07);
  --vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, .11);
  --vkui--color_background_contrast: #ffffff;
  --vkui--color_background_contrast--hover: #F5F5F7;
  --vkui--color_background_contrast--active: #EBECEF;
  --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, .2);
  --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, .24);
  --vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, .28);
  --vkui--color_background_contrast_inverse: #2c2d2e;
  --vkui--color_background_contrast_inverse--hover: #2A2C2F;
  --vkui--color_background_contrast_inverse--active: #282B2F;
  --vkui--color_background_contrast_themed: #FFFFFF;
  --vkui--color_background_contrast_themed--hover: #F5F5F7;
  --vkui--color_background_contrast_themed--active: #EBECEF;
  --vkui--color_background_modal: #FFFFFF;
  --vkui--color_background_modal--hover: #F5F5F7;
  --vkui--color_background_modal--active: #EBECEF;
  --vkui--color_background_modal_inverse: #1C1D1E;
  --vkui--color_background_modal_inverse--hover: #1B1C1F;
  --vkui--color_background_modal_inverse--active: #1A1C20;
  --vkui--color_background_positive: #4bb34b;
  --vkui--color_background_positive--hover: #48AC4A;
  --vkui--color_background_positive--active: #45A64A;
  --vkui--color_background_positive_tint: #E8F9E8;
  --vkui--color_background_positive_tint--hover: #DFF0E1;
  --vkui--color_background_positive_tint--active: #D5E6DA;
  --vkui--color_background_warning: #FFF2D6;
  --vkui--color_background_warning--hover: #F5E9D0;
  --vkui--color_background_warning--active: #EBE0CA;
  --vkui--color_background_negative: #e64646;
  --vkui--color_background_negative--hover: #DD4446;
  --vkui--color_background_negative--active: #D44245;
  --vkui--color_background_negative_tint: #FFE9E9;
  --vkui--color_background_negative_tint--hover: #F5E0E2;
  --vkui--color_background_negative_tint--active: #EBD8DB;
  --vkui--color_background_info_tint: #DEEEFF;
  --vkui--color_background_info_tint--hover: #D5E5F7;
  --vkui--color_background_info_tint--active: #CCDCEF;
  --vkui--color_field_background: #FFFFFF;
  --vkui--color_field_background--hover: #F5F5F7;
  --vkui--color_field_background--active: #EBECEF;
  --vkui--color_header_background: #ffffff;
  --vkui--color_header_background--hover: #F5F5F7;
  --vkui--color_header_background--active: #EBECEF;
  --vkui--color_text_accent: #EE8208;
  --vkui--color_text_accent--hover: #E47D0A;
  --vkui--color_text_accent--active: #DB790C;
  --vkui--color_text_accent_themed: #EE8208;
  --vkui--color_text_accent_themed--hover: #E47D0A;
  --vkui--color_text_accent_themed--active: #DB790C;
  --vkui--color_text_primary: #000000;
  --vkui--color_text_primary--hover: #000102;
  --vkui--color_text_primary--active: #000105;
  --vkui--color_text_primary_alpha: rgba(37, 41, 46, .84);
  --vkui--color_text_primary_alpha--hover: rgba(37, 41, 46, .88);
  --vkui--color_text_primary_alpha--active: rgba(37, 41, 46, .92);
  --vkui--color_text_primary_invariably: #000000;
  --vkui--color_text_primary_invariably--hover: #000102;
  --vkui--color_text_primary_invariably--active: #000105;
  --vkui--color_text_secondary: #818c99;
  --vkui--color_text_secondary--hover: #7C8795;
  --vkui--color_text_secondary--active: #778292;
  --vkui--color_text_secondary_alpha: rgba(37, 41, 46, .55);
  --vkui--color_text_secondary_alpha--hover: rgba(37, 41, 46, .59);
  --vkui--color_text_secondary_alpha--active: rgba(37, 41, 46, .63);
  --vkui--color_text_subhead: #6d7885;
  --vkui--color_text_subhead--hover: #697482;
  --vkui--color_text_subhead--active: #64707F;
  --vkui--color_text_tertiary: #99a2ad;
  --vkui--color_text_tertiary--hover: #939CA9;
  --vkui--color_text_tertiary--active: #8D96A4;
  --vkui--color_text_contrast: #ffffff;
  --vkui--color_text_contrast--hover: #F5F5F7;
  --vkui--color_text_contrast--active: #EBECEF;
  --vkui--color_text_contrast_themed: #ffffff;
  --vkui--color_text_contrast_themed--hover: #F5F5F7;
  --vkui--color_text_contrast_themed--active: #EBECEF;
  --vkui--color_text_positive: #4bb34b;
  --vkui--color_text_positive--hover: #48AC4A;
  --vkui--color_text_positive--active: #45A64A;
  --vkui--color_text_negative: #e64646;
  --vkui--color_text_negative--hover: #DD4446;
  --vkui--color_text_negative--active: #D44245;
  --vkui--color_text_link: #6D7885;
  --vkui--color_text_link--hover: #697482;
  --vkui--color_text_link--active: #64707F;
  --vkui--color_text_link_themed: #6D7885;
  --vkui--color_text_link_themed--hover: #697482;
  --vkui--color_text_link_themed--active: #64707F;
  --vkui--color_text_link_tint: #818C99;
  --vkui--color_text_link_tint--hover: #7C8795;
  --vkui--color_text_link_tint--active: #778292;
  --vkui--color_text_link_visited: #6D7885;
  --vkui--color_text_link_visited--hover: #697482;
  --vkui--color_text_link_visited--active: #64707F;
  --vkui--color_text_muted: #2c2d2e;
  --vkui--color_text_muted--hover: #2A2C2F;
  --vkui--color_text_muted--active: #282B2F;
  --vkui--color_link_contrast: #ffffff;
  --vkui--color_link_contrast--hover: #F5F5F7;
  --vkui--color_link_contrast--active: #EBECEF;
  --vkui--color_icon_accent: #EE8208;
  --vkui--color_icon_accent--hover: #E47D0A;
  --vkui--color_icon_accent--active: #DB790C;
  --vkui--color_icon_accent_themed: #818C99;
  --vkui--color_icon_accent_themed--hover: #7C8795;
  --vkui--color_icon_accent_themed--active: #778292;
  --vkui--color_icon_primary: #2c2d2e;
  --vkui--color_icon_primary--hover: #2A2C2F;
  --vkui--color_icon_primary--active: #282B2F;
  --vkui--color_icon_primary_invariably: #2c2d2e;
  --vkui--color_icon_primary_invariably--hover: #2A2C2F;
  --vkui--color_icon_primary_invariably--active: #282B2F;
  --vkui--color_icon_medium: #818c99;
  --vkui--color_icon_medium--hover: #7C8795;
  --vkui--color_icon_medium--active: #778292;
  --vkui--color_icon_medium_alpha: rgba(0, 0, 0, .48);
  --vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, .52);
  --vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, .56);
  --vkui--color_icon_secondary: #99a2ad;
  --vkui--color_icon_secondary--hover: #939CA9;
  --vkui--color_icon_secondary--active: #8D96A4;
  --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, .36);
  --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, .4);
  --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, .44);
  --vkui--color_icon_tertiary: #b8c1cc;
  --vkui--color_icon_tertiary--hover: #B1BAC6;
  --vkui--color_icon_tertiary--active: #A9B3C1;
  --vkui--color_icon_tertiary_alpha: rgba(0, 0, 0, .24);
  --vkui--color_icon_tertiary_alpha--hover: rgba(0, 0, 0, .28);
  --vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, .32);
  --vkui--color_icon_contrast: #ffffff;
  --vkui--color_icon_contrast--hover: #F5F5F7;
  --vkui--color_icon_contrast--active: #EBECEF;
  --vkui--color_icon_contrast_themed: #ffffff;
  --vkui--color_icon_contrast_themed--hover: #F5F5F7;
  --vkui--color_icon_contrast_themed--active: #EBECEF;
  --vkui--color_icon_contrast_secondary: #f2f3f5;
  --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
  --vkui--color_icon_contrast_secondary--active: #DFE1E6;
  --vkui--color_icon_positive: #4bb34b;
  --vkui--color_icon_positive--hover: #48AC4A;
  --vkui--color_icon_positive--active: #45A64A;
  --vkui--color_icon_warning: #F8A01C;
  --vkui--color_icon_warning--hover: #EE9A1D;
  --vkui--color_icon_warning--active: #E4941F;
  --vkui--color_icon_negative: #e64646;
  --vkui--color_icon_negative--hover: #DD4446;
  --vkui--color_icon_negative--active: #D44245;
  --vkui--color_stroke_accent: #BEBFC1;
  --vkui--color_stroke_accent--hover: #B6B8BC;
  --vkui--color_stroke_accent--active: #AFB1B6;
  --vkui--color_stroke_accent_themed: #BEBFC1;
  --vkui--color_stroke_accent_themed--hover: #B6B8BC;
  --vkui--color_stroke_accent_themed--active: #AFB1B6;
  --vkui--color_separator_primary: #d7d8d9;
  --vkui--color_separator_primary--hover: #CED0D3;
  --vkui--color_separator_primary--active: #C6C8CD;
  --vkui--color_separator_primary2x: #cbcccd;
  --vkui--color_separator_primary2x--hover: #C3C4C7;
  --vkui--color_separator_primary2x--active: #BBBDC1;
  --vkui--color_separator_primary3x: #bebfc1;
  --vkui--color_separator_primary3x--hover: #B6B8BC;
  --vkui--color_separator_primary3x--active: #AFB1B6;
  --vkui--color_separator_primary_alpha: rgba(0, 0, 0, .12);
  --vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, .16);
  --vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, .2);
  --vkui--color_separator_secondary: #e1e3e6;
  --vkui--color_separator_secondary--hover: #D8DBDF;
  --vkui--color_separator_secondary--active: #CFD2D8;
  --vkui--color_stroke_positive: #4bb34b;
  --vkui--color_stroke_positive--hover: #48AC4A;
  --vkui--color_stroke_positive--active: #45A64A;
  --vkui--color_stroke_negative: #e64646;
  --vkui--color_stroke_negative--hover: #DD4446;
  --vkui--color_stroke_negative--active: #D44245;
  --vkui--color_stroke_contrast: #ffffff;
  --vkui--color_stroke_contrast--hover: #F5F5F7;
  --vkui--color_stroke_contrast--active: #EBECEF;
  --vkui--color_stroke_primary: #2C2D2E;
  --vkui--color_stroke_primary--hover: #2A2C2F;
  --vkui--color_stroke_primary--active: #282B2F;
  --vkui--color_image_border_alpha: rgba(0, 0, 0, .08);
  --vkui--color_image_border_alpha--hover: rgba(0, 0, 0, .12);
  --vkui--color_image_border_alpha--active: rgba(0, 0, 0, .16);
  --vkui--color_field_border_alpha: rgba(0, 0, 0, .12);
  --vkui--color_field_border_alpha--hover: rgba(0, 0, 0, .24);
  --vkui--color_field_border_alpha--active: rgba(0, 0, 0, .36);
  --vkui--color_accent_blue: #2688eb;
  --vkui--color_accent_blue--hover: #2483E4;
  --vkui--color_accent_blue--active: #237EDD;
  --vkui--color_accent_gray: #a3adb8;
  --vkui--color_accent_gray--hover: #9CA7B3;
  --vkui--color_accent_gray--active: #96A0AE;
  --vkui--color_accent_red: #ff3347;
  --vkui--color_accent_red--hover: #F53247;
  --vkui--color_accent_red--active: #EB3046;
  --vkui--color_accent_orange_fire: #f05c44;
  --vkui--color_accent_orange_fire--hover: #E65944;
  --vkui--color_accent_orange_fire--active: #DD5643;
  --vkui--color_accent_orange: #EE8208;
  --vkui--color_accent_orange--hover: #E47D0A;
  --vkui--color_accent_orange--active: #DB790C;
  --vkui--color_accent_orange_peach: #F9B54F;
  --vkui--color_accent_orange_peach--hover: #EFAE4E;
  --vkui--color_accent_orange_peach--active: #E5A84E;
  --vkui--color_accent_lime: #AFF70D;
  --vkui--color_accent_lime--hover: #A8EE0F;
  --vkui--color_accent_lime--active: #A1E511;
  --vkui--color_accent_green: #4bb34b;
  --vkui--color_accent_green--hover: #48AC4A;
  --vkui--color_accent_green--active: #45A64A;
  --vkui--color_accent_cyan: #13FFD0;
  --vkui--color_accent_cyan--hover: #12F5CA;
  --vkui--color_accent_cyan--active: #11ECC4;
  --vkui--color_accent_azure: #0077FF;
  --vkui--color_accent_azure--hover: #0073F7;
  --vkui--color_accent_azure--active: #006FEF;
  --vkui--color_accent_purple: #735ce6;
  --vkui--color_accent_purple--hover: #6E59DF;
  --vkui--color_accent_purple--active: #6A56D8;
  --vkui--color_accent_violet: #792ec0;
  --vkui--color_accent_violet--hover: #742DBB;
  --vkui--color_accent_violet--active: #6F2CB6;
  --vkui--color_accent_raspberry_pink: #e03fab;
  --vkui--color_accent_raspberry_pink--hover: #D73DA7;
  --vkui--color_accent_raspberry_pink--active: #CE3BA2;
  --vkui--color_accent_pink: #F45FFF;
  --vkui--color_accent_pink--hover: #EA5CF7;
  --vkui--color_accent_pink--active: #E059EF;
  --vkui--color_accent_secondary: #3f8ae0;
  --vkui--color_accent_secondary--hover: #3C85D9;
  --vkui--color_accent_secondary--active: #3A80D3;
  --vkui--color_overlay_primary: rgba(0, 0, 0, .4);
  --vkui--color_overlay_primary--hover: rgba(0, 0, 0, .44);
  --vkui--color_overlay_primary--active: rgba(0, 0, 0, .48);
  --vkui--color_overlay_secondary: rgba(0, 0, 0, .27);
  --vkui--color_overlay_secondary--hover: rgba(0, 0, 0, .31);
  --vkui--color_overlay_secondary--active: rgba(0, 0, 0, .35);
  --vkui--color_avatar_overlay: rgba(0, 0, 0, .6);
  --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, .64);
  --vkui--color_avatar_overlay--active: rgba(0, 0, 0, .68);
  --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, .85);
  --vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, .89);
  --vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, .93);
  --vkui--color_action_sheet_text: #3f8ae0;
  --vkui--color_action_sheet_text--hover: #3C85D9;
  --vkui--color_action_sheet_text--active: #3A80D3;
  --vkui--color_image_placeholder: #f2f3f5;
  --vkui--color_image_placeholder--hover: #E8EAEE;
  --vkui--color_image_placeholder--active: #DFE1E6;
  --vkui--color_image_placeholder_alpha: rgba(0, 28, 61, .08);
  --vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, .12);
  --vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, .16);
  --vkui--color_skeleton_from: #f5f5f5;
  --vkui--color_skeleton_from--hover: #EBECEE;
  --vkui--color_skeleton_from--active: #E1E3E6;
  --vkui--color_skeleton_to: #e1e3e6;
  --vkui--color_skeleton_to--hover: #D8DBDF;
  --vkui--color_skeleton_to--active: #CFD2D8;
  --vkui--color_button_text: #2688eb;
  --vkui--color_button_text--hover: #2483E4;
  --vkui--color_button_text--active: #237EDD;
  --vkui--color_button_icon: #2688eb;
  --vkui--color_button_icon--hover: #2483E4;
  --vkui--color_button_icon--active: #237EDD;
  --vkui--color_button_stroke: #2688eb;
  --vkui--color_button_stroke--hover: #2483E4;
  --vkui--color_button_stroke--active: #237EDD;
  --vkui--color_write_bar_icon: #3f8ae0;
  --vkui--color_write_bar_icon--hover: #3C85D9;
  --vkui--color_write_bar_icon--active: #3A80D3;
  --vkui--color_write_bar_input_background: #f2f3f5;
  --vkui--color_write_bar_input_background--hover: #E8EAEE;
  --vkui--color_write_bar_input_background--active: #DFE1E6;
  --vkui--color_write_bar_input_border: #e1e3e6;
  --vkui--color_write_bar_input_border--hover: #D8DBDF;
  --vkui--color_write_bar_input_border--active: #CFD2D8;
  --vkui--color_write_bar_input_border_alpha: rgba(0, 0, 0, .08);
  --vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, .12);
  --vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, .16);
  --vkui--color_track_background: #e1e3e6;
  --vkui--color_track_background--hover: #D8DBDF;
  --vkui--color_track_background--active: #CFD2D8;
  --vkui--color_track_buffer: #a0bfe4;
  --vkui--color_track_buffer--hover: #9AB8DD;
  --vkui--color_track_buffer--active: #93B1D7;
  --vkui--color_search_field_background: #ebedf0;
  --vkui--color_search_field_background--hover: #E2E4E9;
  --vkui--color_search_field_background--active: #D8DBE2;
  --vkui--color_panel_header_icon: #2688eb;
  --vkui--color_panel_header_icon--hover: #2483E4;
  --vkui--color_panel_header_icon--active: #237EDD;
  --vkui--color_segmented_control: #ffffff;
  --vkui--color_segmented_control--hover: #F5F5F7;
  --vkui--color_segmented_control--active: #EBECEF;
  --vkui--color_tabbar_text_inactive: #99a2ad;
  --vkui--color_tabbar_text_inactive--hover: #939CA9;
  --vkui--color_tabbar_text_inactive--active: #8D96A4;
  --vkui--color_transparent: transparent;
  --vkui--color_transparent--hover: rgba(0, 16, 61, .04);
  --vkui--color_transparent--active: rgba(0, 16, 61, .08);
}
@media (prefers-color-scheme: dark) {
  :root:not(.vkui--vkIdOk--light) {
    --vkui--theme_name: "vkIdOkDark";
    --vkui--theme_name_base: "vkIdOk";
    --vkui--gradient_black:
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, .02) 15%,
      rgba(0, 0, 0, .08) 30%,
      rgba(0, 0, 0, .32) 70%,
      rgba(0, 0, 0, .38) 85%,
      rgba(0, 0, 0, .4) 100%;
    --vkui--gradient_white:
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, .05) 15%,
      rgba(255, 255, 255, .2) 30%,
      rgba(255, 255, 255, .8) 70%,
      rgba(255, 255, 255, .95) 85%,
      rgba(255, 255, 255, 1) 100%;
    --vkui--gradient_tint:
      rgba(32, 32, 33, 0) 0%,
      rgba(32, 32, 33, .05) 15%,
      rgba(32, 32, 33, .2) 30%,
      rgba(32, 32, 33, .8) 70%,
      rgba(32, 32, 33, .95) 85%,
      rgba(32, 32, 33, 1) 100%;
    --vkui--gradient:
      rgba(25, 25, 26, 0) 0%,
      rgba(25, 25, 26, .05) 15%,
      rgba(25, 25, 26, .2) 30%,
      rgba(25, 25, 26, .8) 70%,
      rgba(25, 25, 26, .95) 85%,
      rgba(25, 25, 26, 1) 100%;
    --vkui--elevation1: 0px 0px 2px 0px rgba(0, 0, 0, .1), 0px 2px 2px 0px rgba(0, 0, 0, .2);
    --vkui--elevation1_invert_y: 0px 0px 2px 0px rgba(0, 0, 0, .1), 0px -2px 2px 0px rgba(0, 0, 0, .2);
    --vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, .15), 0px 0px 4px 0px rgba(0, 0, 0, .2);
    --vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, .3), 0px 4px 16px 0px rgba(0, 0, 0, .3);
    --vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, .1), 0px 16px 16px 0px rgba(0, 0, 0, .2);
    --vkui--font_family_fallbacks:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_family_accent:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_family_base:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_weight_accent1: 600;
    --vkui--font_weight_accent2: 500;
    --vkui--font_weight_accent3: 400;
    --vkui--font_weight_base1: 600;
    --vkui--font_weight_base2: 500;
    --vkui--font_weight_base3: 400;
    --vkui--font_display_title1--font_size--regular: 23px;
    --vkui--font_display_title1--line_height--regular: 28px;
    --vkui--font_display_title1--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_display_title1--font_weight--regular: 600;
    --vkui--font_display_title2--font_size--regular: 21px;
    --vkui--font_display_title2--line_height--regular: 26px;
    --vkui--font_display_title2--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_display_title2--font_weight--regular: 600;
    --vkui--font_display_title2--font_size--compact: 22px;
    --vkui--font_display_title2--line_height--compact: 24px;
    --vkui--font_display_title2--font_family--compact:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_display_title2--font_weight--compact: 600;
    --vkui--font_display_title3--font_size--regular: 19px;
    --vkui--font_display_title3--line_height--regular: 24px;
    --vkui--font_display_title3--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_display_title3--font_weight--regular: 600;
    --vkui--font_display_title4--font_size--regular: 17px;
    --vkui--font_display_title4--line_height--regular: 22px;
    --vkui--font_display_title4--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_display_title4--font_weight--regular: 600;
    --vkui--font_title1--font_size--regular: 24px;
    --vkui--font_title1--line_height--regular: 28px;
    --vkui--font_title1--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_title1--font_weight--regular: 600;
    --vkui--font_title2--font_size--regular: 20px;
    --vkui--font_title2--line_height--regular: 24px;
    --vkui--font_title2--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_title2--font_weight--regular: 600;
    --vkui--font_title3--font_size--regular: 17px;
    --vkui--font_title3--line_height--regular: 22px;
    --vkui--font_title3--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_title3--font_weight--regular: 600;
    --vkui--font_headline1--font_size--regular: 16px;
    --vkui--font_headline1--line_height--regular: 20px;
    --vkui--font_headline1--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_headline1--font_weight--regular: 500;
    --vkui--font_headline1--font_size--compact: 15px;
    --vkui--font_headline1--line_height--compact: 20px;
    --vkui--font_headline2--font_size--regular: 15px;
    --vkui--font_headline2--line_height--regular: 20px;
    --vkui--font_headline2--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_headline2--font_weight--regular: 500;
    --vkui--font_headline2--font_size--compact: 14px;
    --vkui--font_headline2--line_height--compact: 20px;
    --vkui--font_text--font_size--regular: 16px;
    --vkui--font_text--line_height--regular: 20px;
    --vkui--font_text--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_text--font_weight--regular: 400;
    --vkui--font_text--font_size--compact: 15px;
    --vkui--font_text--line_height--compact: 20px;
    --vkui--font_paragraph--font_size--regular: 15px;
    --vkui--font_paragraph--line_height--regular: 20px;
    --vkui--font_paragraph--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_paragraph--font_weight--regular: 400;
    --vkui--font_subhead--font_size--regular: 14px;
    --vkui--font_subhead--line_height--regular: 18px;
    --vkui--font_subhead--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_subhead--font_weight--regular: 400;
    --vkui--font_subhead--font_size--compact: 13px;
    --vkui--font_subhead--line_height--compact: 16px;
    --vkui--font_footnote--font_size--regular: 13px;
    --vkui--font_footnote--line_height--regular: 16px;
    --vkui--font_footnote--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_footnote--font_weight--regular: 400;
    --vkui--font_footnote_caps--font_size--regular: 13px;
    --vkui--font_footnote_caps--line_height--regular: 16px;
    --vkui--font_footnote_caps--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_footnote_caps--font_weight--regular: 400;
    --vkui--font_footnote_caps--text_transform--regular: uppercase;
    --vkui--font_caption1--font_size--regular: 12px;
    --vkui--font_caption1--line_height--regular: 14px;
    --vkui--font_caption1--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_caption1--font_weight--regular: 400;
    --vkui--font_caption1_caps--font_size--regular: 12px;
    --vkui--font_caption1_caps--line_height--regular: 14px;
    --vkui--font_caption1_caps--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_caption1_caps--font_weight--regular: 600;
    --vkui--font_caption1_caps--text_transform--regular: uppercase;
    --vkui--font_caption2--font_size--regular: 11px;
    --vkui--font_caption2--line_height--regular: 14px;
    --vkui--font_caption2--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_caption2--font_weight--regular: 400;
    --vkui--font_caption2_caps--font_size--regular: 11px;
    --vkui--font_caption2_caps--line_height--regular: 14px;
    --vkui--font_caption2_caps--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_caption2_caps--font_weight--regular: 600;
    --vkui--font_caption2_caps--text_transform--regular: uppercase;
    --vkui--font_caption3--font_size--regular: 9px;
    --vkui--font_caption3--line_height--regular: 12px;
    --vkui--font_caption3--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_caption3--font_weight--regular: 400;
    --vkui--font_caption3_caps--font_size--regular: 9px;
    --vkui--font_caption3_caps--line_height--regular: 12px;
    --vkui--font_caption3_caps--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_caption3_caps--font_weight--regular: 600;
    --vkui--font_caption3_caps--text_transform--regular: uppercase;
    --vkui--size_select_icon_padding--regular: 6px;
    --vkui--size_select_icon_padding--compact: 7px;
    --vkui--size_popup_base_padding--regular: 32px;
    --vkui--size_popup_base_padding--compact: 20px;
    --vkui--size_popup_header_padding--regular: 24px;
    --vkui--size_popup_header_padding--compact: 16px;
    --vkui--size_label_horizontal_margin--regular: 16px;
    --vkui--size_border_radius--regular: 8px;
    --vkui--size_border_radius_rounded--regular: 48px;
    --vkui--size_check_border_radius--regular: 4px;
    --vkui--size_border_radius_paper--regular: 12px;
    --vkui--size_border_radius_promo--regular: 20px;
    --vkui--size_cell_height--regular: 48px;
    --vkui--size_cell_height--compact: 44px;
    --vkui--size_field_height--regular: 44px;
    --vkui--size_field_height--compact: 36px;
    --vkui--size_search_height--regular: 36px;
    --vkui--size_search_height--compact: 32px;
    --vkui--size_button_extra_small_height--regular: 24px;
    --vkui--size_button_extra_small_height--compact: 22px;
    --vkui--size_button_small_height--regular: 30px;
    --vkui--size_button_small_height--compact: 28px;
    --vkui--size_button_medium_height--regular: 36px;
    --vkui--size_button_medium_height--compact: 32px;
    --vkui--size_button_large_height--regular: 44px;
    --vkui--size_button_large_height--compact: 36px;
    --vkui--size_checkbox--regular: 16px;
    --vkui--size_arrow--regular: 8px;
    --vkui--size_arrow_promo--regular: 40px;
    --vkui--size_popup_small--regular: 430px;
    --vkui--size_popup_medium--regular: 680px;
    --vkui--size_popup_large--regular: 880px;
    --vkui--size_field_horizontal_padding--regular: 12px;
    --vkui--size_button_padding_horizontal--regular: 12px;
    --vkui--size_arrow_padding--regular: 12px;
    --vkui--size_tooltip_margin--regular: 8px;
    --vkui--size_icon_u_i--regular: 16px;
    --vkui--size_avatar_x_s--regular: 24px;
    --vkui--size_avatar_s--regular: 32px;
    --vkui--size_avatar_m--regular: 48px;
    --vkui--size_avatar_l--regular: 96px;
    --vkui--size_avatar_x_l--regular: 128px;
    --vkui--size_badge_x_s--regular: 12px;
    --vkui--size_badge_s--regular: 16px;
    --vkui--size_badge_m--regular: 24px;
    --vkui--size_badge_l--regular: 44px;
    --vkui--size_badge_x_l--regular: 56px;
    --vkui--size_cardgrid_padding--regular: 8px;
    --vkui--size_card_border_radius--regular: 8px;
    --vkui--size_cardgrid_padding_vertical--regular: 8px;
    --vkui--size_base_padding_horizontal--regular: 16px;
    --vkui--size_base_padding_vertical--regular: 12px;
    --vkui--size_button_group_gap_space--regular: 1px;
    --vkui--size_button_group_gap_small--regular: 8px;
    --vkui--size_button_group_gap_medium--regular: 12px;
    --vkui--size_option_hierarchy--regular: 32px;
    --vkui--size_switch_height--regular: 14px;
    --vkui--size_switch_height--compact: 12px;
    --vkui--size_switch_width--regular: 34px;
    --vkui--size_switch_width--compact: 32px;
    --vkui--size_switch_pin--regular: 20px;
    --vkui--size_switch_pin--compact: 18px;
    --vkui--size_panel_header_height--compact: 48px;
    --vkui--size_panel_header_height--regular: 56px;
    --vkui--size_button_base_small_padding_horizontal--regular: 16px;
    --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
    --vkui--size_button_base_large_padding_horizontal--regular: 20px;
    --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
    --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
    --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
    --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
    --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
    --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
    --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
    --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
    --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
    --vkui--size_button_minimum_width--regular: 80px;
    --vkui--size_form_item_padding_vertical--regular: 12px;
    --vkui--size_split_col_padding_horizontal--regular: 16px;
    --vkui--size_subnavigation_bar_gap--regular: 8px;
    --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
    --vkui--size_border1x--regular: 1px;
    --vkui--size_border2x--regular: .5px;
    --vkui--size_border3x--regular: .33px;
    --vkui--spacing_size_3xs: 2px;
    --vkui--spacing_size_2xs: 2px;
    --vkui--spacing_size_xs: 4px;
    --vkui--spacing_size_s: 6px;
    --vkui--spacing_size_m: 8px;
    --vkui--spacing_size_l: 10px;
    --vkui--spacing_size_xl: 12px;
    --vkui--spacing_size_2xl: 16px;
    --vkui--spacing_size_3xl: 20px;
    --vkui--spacing_size_4xl: 24px;
    --vkui--animation_duration_l: .4s;
    --vkui--animation_duration_m: .2s;
    --vkui--animation_duration_s: .1s;
    --vkui--animation_easing_default: cubic-bezier(.3, .3, .5, 1);
    --vkui--animation_easing_platform: cubic-bezier(.4, 0, .2, 1);
    --vkui--opacity_disable: .4;
    --vkui--opacity_disable_accessibility: .64;
    --vkui--opacity_active: .72;
    --vkui--z_index_modal: 99;
    --vkui--z_index_popout: 100;
    --vkui--theme_inherits_from: "vkBase";
    --vkui--font_headline--font_size--regular: 16px;
    --vkui--font_headline--line_height--regular: 20px;
    --vkui--font_headline--font_family--regular:
      -apple-system,
      system-ui,
      "Helvetica Neue",
      Roboto,
      sans-serif;
    --vkui--font_headline--font_weight--regular: 500;
    --vkui--font_headline--font_size--compact: 15px;
    --vkui--font_headline--line_height--compact: 20px;
    --vkui--colors_scheme: dark;
    --vkui--color_background_accent: #EE8208;
    --vkui--color_background_accent--hover: #F38910;
    --vkui--color_background_accent--active: #F58C15;
    --vkui--color_background_accent_themed: #FF7700;
    --vkui--color_background_accent_themed--hover: #F38910;
    --vkui--color_background_accent_themed--active: #F58C15;
    --vkui--color_background_accent_themed_alpha: rgba(255, 255, 255, .2);
    --vkui--color_background_accent_themed_alpha--hover: rgba(255, 255, 255, .24);
    --vkui--color_background_accent_themed_alpha--active: rgba(255, 255, 255, .28);
    --vkui--color_background_accent_tint: #F38910;
    --vkui--color_background_accent_tint--hover: #F38E1A;
    --vkui--color_background_accent_tint--active: #F49223;
    --vkui--color_background_accent_alternative: #F38910;
    --vkui--color_background_accent_alternative--hover: #F38E1A;
    --vkui--color_background_accent_alternative--active: #F49223;
    --vkui--color_background: #0a0a0a;
    --vkui--color_background--hover: #141414;
    --vkui--color_background--active: #1E1E1E;
    --vkui--color_background_content: #1A1A1C;
    --vkui--color_background_content--hover: #232325;
    --vkui--color_background_content--active: #2C2C2E;
    --vkui--color_background_content_alpha: rgba(25, 25, 26, .8);
    --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, .84);
    --vkui--color_background_content_alpha--active: rgba(25, 25, 26, .88);
    --vkui--color_background_content_inverse: #FFFFFF;
    --vkui--color_background_content_inverse--hover: #EBEDF0;
    --vkui--color_background_content_inverse--active: #D7D8DB;
    --vkui--color_background_secondary: #232324;
    --vkui--color_background_secondary--hover: #2C2C2D;
    --vkui--color_background_secondary--active: #353536;
    --vkui--color_background_secondary_alpha: rgba(255, 255, 255, .1);
    --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, .12);
    --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, .14);
    --vkui--color_background_tertiary: #202021;
    --vkui--color_background_tertiary--hover: #29292A;
    --vkui--color_background_tertiary--active: #323233;
    --vkui--color_background_tertiary_alpha: rgba(255, 255, 255, .03);
    --vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, .07);
    --vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, .11);
    --vkui--color_background_contrast: #FFFFFF;
    --vkui--color_background_contrast--hover: #EBEDF0;
    --vkui--color_background_contrast--active: #D7D8DB;
    --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, .2);
    --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, .24);
    --vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, .28);
    --vkui--color_background_contrast_inverse: #2c2d2e;
    --vkui--color_background_contrast_inverse--hover: #343536;
    --vkui--color_background_contrast_inverse--active: #3D3E3F;
    --vkui--color_background_contrast_themed: #2C2D2E;
    --vkui--color_background_contrast_themed--hover: #343536;
    --vkui--color_background_contrast_themed--active: #3D3E3F;
    --vkui--color_background_modal: #1C1D1E;
    --vkui--color_background_modal--hover: #252627;
    --vkui--color_background_modal--active: #2E2F30;
    --vkui--color_background_modal_inverse: #FFFFFF;
    --vkui--color_background_modal_inverse--hover: #EBEDF0;
    --vkui--color_background_modal_inverse--active: #D7D8DB;
    --vkui--color_background_positive: #4bb34b;
    --vkui--color_background_positive--hover: #52B652;
    --vkui--color_background_positive--active: #59B959;
    --vkui--color_background_positive_tint: #2E3E2B;
    --vkui--color_background_positive_tint--hover: #364633;
    --vkui--color_background_positive_tint--active: #3F4D3C;
    --vkui--color_background_warning: #473315;
    --vkui--color_background_warning--hover: #4E3B1E;
    --vkui--color_background_warning--active: #564328;
    --vkui--color_background_negative: #ff5c5c;
    --vkui--color_background_negative--hover: #FF6363;
    --vkui--color_background_negative--active: #FF6969;
    --vkui--color_background_negative_tint: #522E2E;
    --vkui--color_background_negative_tint--hover: #593636;
    --vkui--color_background_negative_tint--active: #603F3F;
    --vkui--color_background_info_tint: #1C3954;
    --vkui--color_background_info_tint--hover: #25415B;
    --vkui--color_background_info_tint--active: #2E4962;
    --vkui--color_field_background: #19191A;
    --vkui--color_field_background--hover: #222223;
    --vkui--color_field_background--active: #2B2B2C;
    --vkui--color_header_background: #19191a;
    --vkui--color_header_background--hover: #222223;
    --vkui--color_header_background--active: #2B2B2C;
    --vkui--color_text_accent: #EE8208;
    --vkui--color_text_accent--hover: #EF8712;
    --vkui--color_text_accent--active: #EF8C1C;
    --vkui--color_text_accent_themed: #FFFFFF;
    --vkui--color_text_accent_themed--hover: #EBEDF0;
    --vkui--color_text_accent_themed--active: #D7D8DB;
    --vkui--color_text_primary: #FFFFFF;
    --vkui--color_text_primary--hover: #EBEDF0;
    --vkui--color_text_primary--active: #D7D8DB;
    --vkui--color_text_primary_alpha: rgba(249, 252, 255, .72);
    --vkui--color_text_primary_alpha--hover: rgba(249, 252, 255, .76);
    --vkui--color_text_primary_alpha--active: rgba(249, 252, 255, .8);
    --vkui--color_text_primary_invariably: #000000;
    --vkui--color_text_primary_invariably--hover: #0A0A0A;
    --vkui--color_text_primary_invariably--active: #141414;
    --vkui--color_text_secondary: #76787a;
    --vkui--color_text_secondary--hover: #7B7D7F;
    --vkui--color_text_secondary--active: #818385;
    --vkui--color_text_secondary_alpha: rgba(247, 251, 255, .42);
    --vkui--color_text_secondary_alpha--hover: rgba(247, 251, 255, .46);
    --vkui--color_text_secondary_alpha--active: rgba(247, 251, 255, .5);
    --vkui--color_text_subhead: #969a9f;
    --vkui--color_text_subhead--hover: #9A9EA3;
    --vkui--color_text_subhead--active: #9EA2A7;
    --vkui--color_text_tertiary: #5d5f61;
    --vkui--color_text_tertiary--hover: #636567;
    --vkui--color_text_tertiary--active: #6A6C6E;
    --vkui--color_text_contrast: #FFFFFF;
    --vkui--color_text_contrast--hover: #EBEDF0;
    --vkui--color_text_contrast--active: #D7D8DB;
    --vkui--color_text_contrast_themed: #FFFFFF;
    --vkui--color_text_contrast_themed--hover: #0A0A0A;
    --vkui--color_text_contrast_themed--active: #141414;
    --vkui--color_text_positive: #4bb34b;
    --vkui--color_text_positive--hover: #52B652;
    --vkui--color_text_positive--active: #59B959;
    --vkui--color_text_negative: #ff5c5c;
    --vkui--color_text_negative--hover: #FF6363;
    --vkui--color_text_negative--active: #FF6969;
    --vkui--color_text_link: #969A9F;
    --vkui--color_text_link--hover: #9A9EA3;
    --vkui--color_text_link--active: #9EA2A7;
    --vkui--color_text_link_themed: #FFFFFF;
    --vkui--color_text_link_themed--hover: #EBEDF0;
    --vkui--color_text_link_themed--active: #D7D8DB;
    --vkui--color_text_link_tint: #76787A;
    --vkui--color_text_link_tint--hover: #7B7D7F;
    --vkui--color_text_link_tint--active: #818385;
    --vkui--color_text_link_visited: #969A9F;
    --vkui--color_text_link_visited--hover: #9A9EA3;
    --vkui--color_text_link_visited--active: #9EA2A7;
    --vkui--color_text_muted: #e1e3e6;
    --vkui--color_text_muted--hover: #E2E4E7;
    --vkui--color_text_muted--active: #E3E5E8;
    --vkui--color_link_contrast: #FFFFFF;
    --vkui--color_link_contrast--hover: #EBEDF0;
    --vkui--color_link_contrast--active: #D7D8DB;
    --vkui--color_icon_accent: #EE8208;
    --vkui--color_icon_accent--hover: #EF8712;
    --vkui--color_icon_accent--active: #EF8C1C;
    --vkui--color_icon_accent_themed: #FFFFFF;
    --vkui--color_icon_accent_themed--hover: #EBEDF0;
    --vkui--color_icon_accent_themed--active: #D7D8DB;
    --vkui--color_icon_primary: #FFFFFF;
    --vkui--color_icon_primary--hover: #EBEDF0;
    --vkui--color_icon_primary--active: #D7D8DB;
    --vkui--color_icon_primary_invariably: #2c2d2e;
    --vkui--color_icon_primary_invariably--hover: #343536;
    --vkui--color_icon_primary_invariably--active: #3D3E3F;
    --vkui--color_icon_medium: #b0b1b6;
    --vkui--color_icon_medium--hover: #B3B4B9;
    --vkui--color_icon_medium--active: #B6B7BC;
    --vkui--color_icon_medium_alpha: rgba(241, 247, 255, .66);
    --vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, .7000000000000001);
    --vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, .74);
    --vkui--color_icon_secondary: #76787a;
    --vkui--color_icon_secondary--hover: #7B7D7F;
    --vkui--color_icon_secondary--active: #818385;
    --vkui--color_icon_secondary_alpha: rgba(241, 247, 255, .43);
    --vkui--color_icon_secondary_alpha--hover: rgba(241, 247, 255, .47000000000000003);
    --vkui--color_icon_secondary_alpha--active: rgba(241, 247, 255, .51);
    --vkui--color_icon_tertiary: #5d5f61;
    --vkui--color_icon_tertiary--hover: #636567;
    --vkui--color_icon_tertiary--active: #6A6C6E;
    --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, .3);
    --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, .34);
    --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, .38);
    --vkui--color_icon_contrast: #FFFFFF;
    --vkui--color_icon_contrast--hover: #EBEDF0;
    --vkui--color_icon_contrast--active: #D7D8DB;
    --vkui--color_icon_contrast_themed: #000000;
    --vkui--color_icon_contrast_themed--hover: #0A0A0A;
    --vkui--color_icon_contrast_themed--active: #141414;
    --vkui--color_icon_contrast_secondary: #f2f3f5;
    --vkui--color_icon_contrast_secondary--hover: #F3F3F5;
    --vkui--color_icon_contrast_secondary--active: #F3F4F6;
    --vkui--color_icon_positive: #4bb34b;
    --vkui--color_icon_positive--hover: #52B652;
    --vkui--color_icon_positive--active: #59B959;
    --vkui--color_icon_warning: #EDB055;
    --vkui--color_icon_warning--hover: #EEB35C;
    --vkui--color_icon_warning--active: #EEB663;
    --vkui--color_icon_negative: #ff5c5c;
    --vkui--color_icon_negative--hover: #FF6363;
    --vkui--color_icon_negative--active: #FF6969;
    --vkui--color_stroke_accent: #505253;
    --vkui--color_stroke_accent--hover: #57595A;
    --vkui--color_stroke_accent--active: #5E6061;
    --vkui--color_stroke_accent_themed: #FFFFFF;
    --vkui--color_stroke_accent_themed--hover: #EBEDF0;
    --vkui--color_stroke_accent_themed--active: #D7D8DB;
    --vkui--color_separator_primary: #363738;
    --vkui--color_separator_primary--hover: #3E3F40;
    --vkui--color_separator_primary--active: #464748;
    --vkui--color_separator_primary2x: #444546;
    --vkui--color_separator_primary2x--hover: #4B4C4D;
    --vkui--color_separator_primary2x--active: #535455;
    --vkui--color_separator_primary3x: #505253;
    --vkui--color_separator_primary3x--hover: #57595A;
    --vkui--color_separator_primary3x--active: #5E6061;
    --vkui--color_separator_primary_alpha: rgba(255, 255, 255, .12);
    --vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, .16);
    --vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, .2);
    --vkui--color_separator_secondary: #141415;
    --vkui--color_separator_secondary--hover: #1D1D1E;
    --vkui--color_separator_secondary--active: #272728;
    --vkui--color_stroke_positive: #4bb34b;
    --vkui--color_stroke_positive--hover: #52B652;
    --vkui--color_stroke_positive--active: #59B959;
    --vkui--color_stroke_negative: #ff5c5c;
    --vkui--color_stroke_negative--hover: #FF6363;
    --vkui--color_stroke_negative--active: #FF6969;
    --vkui--color_stroke_contrast: #FFFFFF;
    --vkui--color_stroke_contrast--hover: #EBEDF0;
    --vkui--color_stroke_contrast--active: #D7D8DB;
    --vkui--color_stroke_primary: #E1E3E6;
    --vkui--color_stroke_primary--hover: #E2E4E7;
    --vkui--color_stroke_primary--active: #E3E5E8;
    --vkui--color_image_border_alpha: rgba(255, 255, 255, .08);
    --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, .12);
    --vkui--color_image_border_alpha--active: rgba(255, 255, 255, .16);
    --vkui--color_field_border_alpha: rgba(255, 255, 255, .12);
    --vkui--color_field_border_alpha--hover: rgba(255, 255, 255, .16);
    --vkui--color_field_border_alpha--active: rgba(255, 255, 255, .2);
    --vkui--color_accent_blue: #71aaeb;
    --vkui--color_accent_blue--hover: #77ADEC;
    --vkui--color_accent_blue--active: #7CB1ED;
    --vkui--color_accent_gray: #a3adb8;
    --vkui--color_accent_gray--hover: #A7B0BB;
    --vkui--color_accent_gray--active: #AAB4BE;
    --vkui--color_accent_red: #ff3347;
    --vkui--color_accent_red--hover: #FF3B4E;
    --vkui--color_accent_red--active: #FF4356;
    --vkui--color_accent_orange_fire: #f05c44;
    --vkui--color_accent_orange_fire--hover: #F1634B;
    --vkui--color_accent_orange_fire--active: #F16953;
    --vkui--color_accent_orange: #EE8208;
    --vkui--color_accent_orange--hover: #EF8712;
    --vkui--color_accent_orange--active: #EF8C1C;
    --vkui--color_accent_orange_peach: #FFC062;
    --vkui--color_accent_orange_peach--hover: #FFC368;
    --vkui--color_accent_orange_peach--active: #FFC56F;
    --vkui--color_accent_lime: #AFF70D;
    --vkui--color_accent_lime--hover: #B2F717;
    --vkui--color_accent_lime--active: #B5F820;
    --vkui--color_accent_green: #4bb34b;
    --vkui--color_accent_green--hover: #52B652;
    --vkui--color_accent_green--active: #59B959;
    --vkui--color_accent_cyan: #13FFD0;
    --vkui--color_accent_cyan--hover: #1CFFD2;
    --vkui--color_accent_cyan--active: #26FFD4;
    --vkui--color_accent_azure: #0077FF;
    --vkui--color_accent_azure--hover: #0A7CFF;
    --vkui--color_accent_azure--active: #1482FF;
    --vkui--color_accent_purple: #9985ff;
    --vkui--color_accent_purple--hover: #9D8AFF;
    --vkui--color_accent_purple--active: #A18FFF;
    --vkui--color_accent_violet: #a94fff;
    --vkui--color_accent_violet--hover: #AC56FF;
    --vkui--color_accent_violet--active: #B05DFF;
    --vkui--color_accent_raspberry_pink: #f060c0;
    --vkui--color_accent_raspberry_pink--hover: #F166C3;
    --vkui--color_accent_raspberry_pink--active: #F16DC5;
    --vkui--color_accent_pink: #F45FFF;
    --vkui--color_accent_pink--hover: #F465FF;
    --vkui--color_accent_pink--active: #F56CFF;
    --vkui--color_accent_secondary: #3f8ae0;
    --vkui--color_accent_secondary--hover: #478FE1;
    --vkui--color_accent_secondary--active: #4E93E2;
    --vkui--color_overlay_primary: rgba(0, 0, 0, .4);
    --vkui--color_overlay_primary--hover: rgba(0, 0, 0, .44);
    --vkui--color_overlay_primary--active: rgba(0, 0, 0, .48);
    --vkui--color_overlay_secondary: rgba(0, 0, 0, .27);
    --vkui--color_overlay_secondary--hover: rgba(0, 0, 0, .31);
    --vkui--color_overlay_secondary--active: rgba(0, 0, 0, .35);
    --vkui--color_avatar_overlay: rgba(0, 0, 0, .6);
    --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, .64);
    --vkui--color_avatar_overlay--active: rgba(0, 0, 0, .68);
    --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, .85);
    --vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, .89);
    --vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, .93);
    --vkui--color_action_sheet_text: #71aaeb;
    --vkui--color_action_sheet_text--hover: #77ADEC;
    --vkui--color_action_sheet_text--active: #7CB1ED;
    --vkui--color_image_placeholder: #2a2b2c;
    --vkui--color_image_placeholder--hover: #333334;
    --vkui--color_image_placeholder--active: #3B3C3D;
    --vkui--color_image_placeholder_alpha: rgba(241, 247, 255, .08);
    --vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, .12);
    --vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, .16);
    --vkui--color_skeleton_from: #232324;
    --vkui--color_skeleton_from--hover: #2C2C2D;
    --vkui--color_skeleton_from--active: #353536;
    --vkui--color_skeleton_to: #2c2d2e;
    --vkui--color_skeleton_to--hover: #343536;
    --vkui--color_skeleton_to--active: #3D3E3F;
    --vkui--color_button_text: #FFFFFF;
    --vkui--color_button_text--hover: #EBEDF0;
    --vkui--color_button_text--active: #D7D8DB;
    --vkui--color_button_icon: #FFFFFF;
    --vkui--color_button_icon--hover: #EBEDF0;
    --vkui--color_button_icon--active: #D7D8DB;
    --vkui--color_button_stroke: #FFFFFF;
    --vkui--color_button_stroke--hover: #EBEDF0;
    --vkui--color_button_stroke--active: #D7D8DB;
    --vkui--color_write_bar_icon: #76787a;
    --vkui--color_write_bar_icon--hover: #7B7D7F;
    --vkui--color_write_bar_icon--active: #818385;
    --vkui--color_write_bar_input_background: #2c2d2e;
    --vkui--color_write_bar_input_background--hover: #343536;
    --vkui--color_write_bar_input_background--active: #3D3E3F;
    --vkui--color_write_bar_input_border: #2c2d2e;
    --vkui--color_write_bar_input_border--hover: #343536;
    --vkui--color_write_bar_input_border--active: #3D3E3F;
    --vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, .8);
    --vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, .84);
    --vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, .88);
    --vkui--color_track_background: #454647;
    --vkui--color_track_background--hover: #4C4D4E;
    --vkui--color_track_background--active: #545556;
    --vkui--color_track_buffer: #405772;
    --vkui--color_track_buffer--hover: #485E78;
    --vkui--color_track_buffer--active: #4F647D;
    --vkui--color_search_field_background: #363738;
    --vkui--color_search_field_background--hover: #3E3F40;
    --vkui--color_search_field_background--active: #464748;
    --vkui--color_panel_header_icon: #71aaeb;
    --vkui--color_panel_header_icon--hover: #77ADEC;
    --vkui--color_panel_header_icon--active: #7CB1ED;
    --vkui--color_segmented_control: #626364;
    --vkui--color_segmented_control--hover: #68696A;
    --vkui--color_segmented_control--active: #6F6F70;
    --vkui--color_tabbar_text_inactive: #76787a;
    --vkui--color_tabbar_text_inactive--hover: #7B7D7F;
    --vkui--color_tabbar_text_inactive--active: #818385;
    --vkui--color_transparent: transparent;
    --vkui--color_transparent--hover: rgba(255, 255, 255, .04);
    --vkui--color_transparent--active: rgba(255, 255, 255, .08);
  }
}
.vkui--vkIdOk--dark {
  --vkui--theme_name: "vkIdOkDark";
  --vkui--theme_name_base: "vkIdOk";
  --vkui--gradient_black:
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, .02) 15%,
    rgba(0, 0, 0, .08) 30%,
    rgba(0, 0, 0, .32) 70%,
    rgba(0, 0, 0, .38) 85%,
    rgba(0, 0, 0, .4) 100%;
  --vkui--gradient_white:
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, .05) 15%,
    rgba(255, 255, 255, .2) 30%,
    rgba(255, 255, 255, .8) 70%,
    rgba(255, 255, 255, .95) 85%,
    rgba(255, 255, 255, 1) 100%;
  --vkui--gradient_tint:
    rgba(32, 32, 33, 0) 0%,
    rgba(32, 32, 33, .05) 15%,
    rgba(32, 32, 33, .2) 30%,
    rgba(32, 32, 33, .8) 70%,
    rgba(32, 32, 33, .95) 85%,
    rgba(32, 32, 33, 1) 100%;
  --vkui--gradient:
    rgba(25, 25, 26, 0) 0%,
    rgba(25, 25, 26, .05) 15%,
    rgba(25, 25, 26, .2) 30%,
    rgba(25, 25, 26, .8) 70%,
    rgba(25, 25, 26, .95) 85%,
    rgba(25, 25, 26, 1) 100%;
  --vkui--elevation1: 0px 0px 2px 0px rgba(0, 0, 0, .1), 0px 2px 2px 0px rgba(0, 0, 0, .2);
  --vkui--elevation1_invert_y: 0px 0px 2px 0px rgba(0, 0, 0, .1), 0px -2px 2px 0px rgba(0, 0, 0, .2);
  --vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, .15), 0px 0px 4px 0px rgba(0, 0, 0, .2);
  --vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, .3), 0px 4px 16px 0px rgba(0, 0, 0, .3);
  --vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, .1), 0px 16px 16px 0px rgba(0, 0, 0, .2);
  --vkui--font_family_fallbacks:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_family_accent:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_family_base:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_weight_accent1: 600;
  --vkui--font_weight_accent2: 500;
  --vkui--font_weight_accent3: 400;
  --vkui--font_weight_base1: 600;
  --vkui--font_weight_base2: 500;
  --vkui--font_weight_base3: 400;
  --vkui--font_display_title1--font_size--regular: 23px;
  --vkui--font_display_title1--line_height--regular: 28px;
  --vkui--font_display_title1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title1--font_weight--regular: 600;
  --vkui--font_display_title2--font_size--regular: 21px;
  --vkui--font_display_title2--line_height--regular: 26px;
  --vkui--font_display_title2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title2--font_weight--regular: 600;
  --vkui--font_display_title2--font_size--compact: 22px;
  --vkui--font_display_title2--line_height--compact: 24px;
  --vkui--font_display_title2--font_family--compact:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title2--font_weight--compact: 600;
  --vkui--font_display_title3--font_size--regular: 19px;
  --vkui--font_display_title3--line_height--regular: 24px;
  --vkui--font_display_title3--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title3--font_weight--regular: 600;
  --vkui--font_display_title4--font_size--regular: 17px;
  --vkui--font_display_title4--line_height--regular: 22px;
  --vkui--font_display_title4--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_display_title4--font_weight--regular: 600;
  --vkui--font_title1--font_size--regular: 24px;
  --vkui--font_title1--line_height--regular: 28px;
  --vkui--font_title1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_title1--font_weight--regular: 600;
  --vkui--font_title2--font_size--regular: 20px;
  --vkui--font_title2--line_height--regular: 24px;
  --vkui--font_title2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_title2--font_weight--regular: 600;
  --vkui--font_title3--font_size--regular: 17px;
  --vkui--font_title3--line_height--regular: 22px;
  --vkui--font_title3--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_title3--font_weight--regular: 600;
  --vkui--font_headline1--font_size--regular: 16px;
  --vkui--font_headline1--line_height--regular: 20px;
  --vkui--font_headline1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_headline1--font_weight--regular: 500;
  --vkui--font_headline1--font_size--compact: 15px;
  --vkui--font_headline1--line_height--compact: 20px;
  --vkui--font_headline2--font_size--regular: 15px;
  --vkui--font_headline2--line_height--regular: 20px;
  --vkui--font_headline2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_headline2--font_weight--regular: 500;
  --vkui--font_headline2--font_size--compact: 14px;
  --vkui--font_headline2--line_height--compact: 20px;
  --vkui--font_text--font_size--regular: 16px;
  --vkui--font_text--line_height--regular: 20px;
  --vkui--font_text--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_text--font_weight--regular: 400;
  --vkui--font_text--font_size--compact: 15px;
  --vkui--font_text--line_height--compact: 20px;
  --vkui--font_paragraph--font_size--regular: 15px;
  --vkui--font_paragraph--line_height--regular: 20px;
  --vkui--font_paragraph--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_paragraph--font_weight--regular: 400;
  --vkui--font_subhead--font_size--regular: 14px;
  --vkui--font_subhead--line_height--regular: 18px;
  --vkui--font_subhead--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_subhead--font_weight--regular: 400;
  --vkui--font_subhead--font_size--compact: 13px;
  --vkui--font_subhead--line_height--compact: 16px;
  --vkui--font_footnote--font_size--regular: 13px;
  --vkui--font_footnote--line_height--regular: 16px;
  --vkui--font_footnote--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_footnote--font_weight--regular: 400;
  --vkui--font_footnote_caps--font_size--regular: 13px;
  --vkui--font_footnote_caps--line_height--regular: 16px;
  --vkui--font_footnote_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_footnote_caps--font_weight--regular: 400;
  --vkui--font_footnote_caps--text_transform--regular: uppercase;
  --vkui--font_caption1--font_size--regular: 12px;
  --vkui--font_caption1--line_height--regular: 14px;
  --vkui--font_caption1--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption1--font_weight--regular: 400;
  --vkui--font_caption1_caps--font_size--regular: 12px;
  --vkui--font_caption1_caps--line_height--regular: 14px;
  --vkui--font_caption1_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption1_caps--font_weight--regular: 600;
  --vkui--font_caption1_caps--text_transform--regular: uppercase;
  --vkui--font_caption2--font_size--regular: 11px;
  --vkui--font_caption2--line_height--regular: 14px;
  --vkui--font_caption2--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption2--font_weight--regular: 400;
  --vkui--font_caption2_caps--font_size--regular: 11px;
  --vkui--font_caption2_caps--line_height--regular: 14px;
  --vkui--font_caption2_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption2_caps--font_weight--regular: 600;
  --vkui--font_caption2_caps--text_transform--regular: uppercase;
  --vkui--font_caption3--font_size--regular: 9px;
  --vkui--font_caption3--line_height--regular: 12px;
  --vkui--font_caption3--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption3--font_weight--regular: 400;
  --vkui--font_caption3_caps--font_size--regular: 9px;
  --vkui--font_caption3_caps--line_height--regular: 12px;
  --vkui--font_caption3_caps--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_caption3_caps--font_weight--regular: 600;
  --vkui--font_caption3_caps--text_transform--regular: uppercase;
  --vkui--size_select_icon_padding--regular: 6px;
  --vkui--size_select_icon_padding--compact: 7px;
  --vkui--size_popup_base_padding--regular: 32px;
  --vkui--size_popup_base_padding--compact: 20px;
  --vkui--size_popup_header_padding--regular: 24px;
  --vkui--size_popup_header_padding--compact: 16px;
  --vkui--size_label_horizontal_margin--regular: 16px;
  --vkui--size_border_radius--regular: 8px;
  --vkui--size_border_radius_rounded--regular: 48px;
  --vkui--size_check_border_radius--regular: 4px;
  --vkui--size_border_radius_paper--regular: 12px;
  --vkui--size_border_radius_promo--regular: 20px;
  --vkui--size_cell_height--regular: 48px;
  --vkui--size_cell_height--compact: 44px;
  --vkui--size_field_height--regular: 44px;
  --vkui--size_field_height--compact: 36px;
  --vkui--size_search_height--regular: 36px;
  --vkui--size_search_height--compact: 32px;
  --vkui--size_button_extra_small_height--regular: 24px;
  --vkui--size_button_extra_small_height--compact: 22px;
  --vkui--size_button_small_height--regular: 30px;
  --vkui--size_button_small_height--compact: 28px;
  --vkui--size_button_medium_height--regular: 36px;
  --vkui--size_button_medium_height--compact: 32px;
  --vkui--size_button_large_height--regular: 44px;
  --vkui--size_button_large_height--compact: 36px;
  --vkui--size_checkbox--regular: 16px;
  --vkui--size_arrow--regular: 8px;
  --vkui--size_arrow_promo--regular: 40px;
  --vkui--size_popup_small--regular: 430px;
  --vkui--size_popup_medium--regular: 680px;
  --vkui--size_popup_large--regular: 880px;
  --vkui--size_field_horizontal_padding--regular: 12px;
  --vkui--size_button_padding_horizontal--regular: 12px;
  --vkui--size_arrow_padding--regular: 12px;
  --vkui--size_tooltip_margin--regular: 8px;
  --vkui--size_icon_u_i--regular: 16px;
  --vkui--size_avatar_x_s--regular: 24px;
  --vkui--size_avatar_s--regular: 32px;
  --vkui--size_avatar_m--regular: 48px;
  --vkui--size_avatar_l--regular: 96px;
  --vkui--size_avatar_x_l--regular: 128px;
  --vkui--size_badge_x_s--regular: 12px;
  --vkui--size_badge_s--regular: 16px;
  --vkui--size_badge_m--regular: 24px;
  --vkui--size_badge_l--regular: 44px;
  --vkui--size_badge_x_l--regular: 56px;
  --vkui--size_cardgrid_padding--regular: 8px;
  --vkui--size_card_border_radius--regular: 8px;
  --vkui--size_cardgrid_padding_vertical--regular: 8px;
  --vkui--size_base_padding_horizontal--regular: 16px;
  --vkui--size_base_padding_vertical--regular: 12px;
  --vkui--size_button_group_gap_space--regular: 1px;
  --vkui--size_button_group_gap_small--regular: 8px;
  --vkui--size_button_group_gap_medium--regular: 12px;
  --vkui--size_option_hierarchy--regular: 32px;
  --vkui--size_switch_height--regular: 14px;
  --vkui--size_switch_height--compact: 12px;
  --vkui--size_switch_width--regular: 34px;
  --vkui--size_switch_width--compact: 32px;
  --vkui--size_switch_pin--regular: 20px;
  --vkui--size_switch_pin--compact: 18px;
  --vkui--size_panel_header_height--compact: 48px;
  --vkui--size_panel_header_height--regular: 56px;
  --vkui--size_button_base_small_padding_horizontal--regular: 16px;
  --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
  --vkui--size_button_base_large_padding_horizontal--regular: 20px;
  --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
  --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
  --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
  --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
  --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
  --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
  --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
  --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
  --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
  --vkui--size_button_minimum_width--regular: 80px;
  --vkui--size_form_item_padding_vertical--regular: 12px;
  --vkui--size_split_col_padding_horizontal--regular: 16px;
  --vkui--size_subnavigation_bar_gap--regular: 8px;
  --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
  --vkui--size_border1x--regular: 1px;
  --vkui--size_border2x--regular: .5px;
  --vkui--size_border3x--regular: .33px;
  --vkui--spacing_size_3xs: 2px;
  --vkui--spacing_size_2xs: 2px;
  --vkui--spacing_size_xs: 4px;
  --vkui--spacing_size_s: 6px;
  --vkui--spacing_size_m: 8px;
  --vkui--spacing_size_l: 10px;
  --vkui--spacing_size_xl: 12px;
  --vkui--spacing_size_2xl: 16px;
  --vkui--spacing_size_3xl: 20px;
  --vkui--spacing_size_4xl: 24px;
  --vkui--animation_duration_l: .4s;
  --vkui--animation_duration_m: .2s;
  --vkui--animation_duration_s: .1s;
  --vkui--animation_easing_default: cubic-bezier(.3, .3, .5, 1);
  --vkui--animation_easing_platform: cubic-bezier(.4, 0, .2, 1);
  --vkui--opacity_disable: .4;
  --vkui--opacity_disable_accessibility: .64;
  --vkui--opacity_active: .72;
  --vkui--z_index_modal: 99;
  --vkui--z_index_popout: 100;
  --vkui--theme_inherits_from: "vkBase";
  --vkui--font_headline--font_size--regular: 16px;
  --vkui--font_headline--line_height--regular: 20px;
  --vkui--font_headline--font_family--regular:
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Roboto,
    sans-serif;
  --vkui--font_headline--font_weight--regular: 500;
  --vkui--font_headline--font_size--compact: 15px;
  --vkui--font_headline--line_height--compact: 20px;
  --vkui--colors_scheme: dark;
  --vkui--color_background_accent: #EE8208;
  --vkui--color_background_accent--hover: #F38910;
  --vkui--color_background_accent--active: #F58C15;
  --vkui--color_background_accent_themed: #FF7700;
  --vkui--color_background_accent_themed--hover: #F38910;
  --vkui--color_background_accent_themed--active: #F58C15;
  --vkui--color_background_accent_themed_alpha: rgba(255, 255, 255, .2);
  --vkui--color_background_accent_themed_alpha--hover: rgba(255, 255, 255, .24);
  --vkui--color_background_accent_themed_alpha--active: rgba(255, 255, 255, .28);
  --vkui--color_background_accent_tint: #F38910;
  --vkui--color_background_accent_tint--hover: #F38E1A;
  --vkui--color_background_accent_tint--active: #F49223;
  --vkui--color_background_accent_alternative: #F38910;
  --vkui--color_background_accent_alternative--hover: #F38E1A;
  --vkui--color_background_accent_alternative--active: #F49223;
  --vkui--color_background: #0a0a0a;
  --vkui--color_background--hover: #141414;
  --vkui--color_background--active: #1E1E1E;
  --vkui--color_background_content: #1A1A1C;
  --vkui--color_background_content--hover: #232325;
  --vkui--color_background_content--active: #2C2C2E;
  --vkui--color_background_content_alpha: rgba(25, 25, 26, .8);
  --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, .84);
  --vkui--color_background_content_alpha--active: rgba(25, 25, 26, .88);
  --vkui--color_background_content_inverse: #FFFFFF;
  --vkui--color_background_content_inverse--hover: #EBEDF0;
  --vkui--color_background_content_inverse--active: #D7D8DB;
  --vkui--color_background_secondary: #232324;
  --vkui--color_background_secondary--hover: #2C2C2D;
  --vkui--color_background_secondary--active: #353536;
  --vkui--color_background_secondary_alpha: rgba(255, 255, 255, .1);
  --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, .12);
  --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, .14);
  --vkui--color_background_tertiary: #202021;
  --vkui--color_background_tertiary--hover: #29292A;
  --vkui--color_background_tertiary--active: #323233;
  --vkui--color_background_tertiary_alpha: rgba(255, 255, 255, .03);
  --vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, .07);
  --vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, .11);
  --vkui--color_background_contrast: #FFFFFF;
  --vkui--color_background_contrast--hover: #EBEDF0;
  --vkui--color_background_contrast--active: #D7D8DB;
  --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, .2);
  --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, .24);
  --vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, .28);
  --vkui--color_background_contrast_inverse: #2c2d2e;
  --vkui--color_background_contrast_inverse--hover: #343536;
  --vkui--color_background_contrast_inverse--active: #3D3E3F;
  --vkui--color_background_contrast_themed: #2C2D2E;
  --vkui--color_background_contrast_themed--hover: #343536;
  --vkui--color_background_contrast_themed--active: #3D3E3F;
  --vkui--color_background_modal: #1C1D1E;
  --vkui--color_background_modal--hover: #252627;
  --vkui--color_background_modal--active: #2E2F30;
  --vkui--color_background_modal_inverse: #FFFFFF;
  --vkui--color_background_modal_inverse--hover: #EBEDF0;
  --vkui--color_background_modal_inverse--active: #D7D8DB;
  --vkui--color_background_positive: #4bb34b;
  --vkui--color_background_positive--hover: #52B652;
  --vkui--color_background_positive--active: #59B959;
  --vkui--color_background_positive_tint: #2E3E2B;
  --vkui--color_background_positive_tint--hover: #364633;
  --vkui--color_background_positive_tint--active: #3F4D3C;
  --vkui--color_background_warning: #473315;
  --vkui--color_background_warning--hover: #4E3B1E;
  --vkui--color_background_warning--active: #564328;
  --vkui--color_background_negative: #ff5c5c;
  --vkui--color_background_negative--hover: #FF6363;
  --vkui--color_background_negative--active: #FF6969;
  --vkui--color_background_negative_tint: #522E2E;
  --vkui--color_background_negative_tint--hover: #593636;
  --vkui--color_background_negative_tint--active: #603F3F;
  --vkui--color_background_info_tint: #1C3954;
  --vkui--color_background_info_tint--hover: #25415B;
  --vkui--color_background_info_tint--active: #2E4962;
  --vkui--color_field_background: #19191A;
  --vkui--color_field_background--hover: #222223;
  --vkui--color_field_background--active: #2B2B2C;
  --vkui--color_header_background: #19191a;
  --vkui--color_header_background--hover: #222223;
  --vkui--color_header_background--active: #2B2B2C;
  --vkui--color_text_accent: #EE8208;
  --vkui--color_text_accent--hover: #EF8712;
  --vkui--color_text_accent--active: #EF8C1C;
  --vkui--color_text_accent_themed: #FFFFFF;
  --vkui--color_text_accent_themed--hover: #EBEDF0;
  --vkui--color_text_accent_themed--active: #D7D8DB;
  --vkui--color_text_primary: #FFFFFF;
  --vkui--color_text_primary--hover: #EBEDF0;
  --vkui--color_text_primary--active: #D7D8DB;
  --vkui--color_text_primary_alpha: rgba(249, 252, 255, .72);
  --vkui--color_text_primary_alpha--hover: rgba(249, 252, 255, .76);
  --vkui--color_text_primary_alpha--active: rgba(249, 252, 255, .8);
  --vkui--color_text_primary_invariably: #000000;
  --vkui--color_text_primary_invariably--hover: #0A0A0A;
  --vkui--color_text_primary_invariably--active: #141414;
  --vkui--color_text_secondary: #76787a;
  --vkui--color_text_secondary--hover: #7B7D7F;
  --vkui--color_text_secondary--active: #818385;
  --vkui--color_text_secondary_alpha: rgba(247, 251, 255, .42);
  --vkui--color_text_secondary_alpha--hover: rgba(247, 251, 255, .46);
  --vkui--color_text_secondary_alpha--active: rgba(247, 251, 255, .5);
  --vkui--color_text_subhead: #969a9f;
  --vkui--color_text_subhead--hover: #9A9EA3;
  --vkui--color_text_subhead--active: #9EA2A7;
  --vkui--color_text_tertiary: #5d5f61;
  --vkui--color_text_tertiary--hover: #636567;
  --vkui--color_text_tertiary--active: #6A6C6E;
  --vkui--color_text_contrast: #FFFFFF;
  --vkui--color_text_contrast--hover: #EBEDF0;
  --vkui--color_text_contrast--active: #D7D8DB;
  --vkui--color_text_contrast_themed: #FFFFFF;
  --vkui--color_text_contrast_themed--hover: #0A0A0A;
  --vkui--color_text_contrast_themed--active: #141414;
  --vkui--color_text_positive: #4bb34b;
  --vkui--color_text_positive--hover: #52B652;
  --vkui--color_text_positive--active: #59B959;
  --vkui--color_text_negative: #ff5c5c;
  --vkui--color_text_negative--hover: #FF6363;
  --vkui--color_text_negative--active: #FF6969;
  --vkui--color_text_link: #969A9F;
  --vkui--color_text_link--hover: #9A9EA3;
  --vkui--color_text_link--active: #9EA2A7;
  --vkui--color_text_link_themed: #FFFFFF;
  --vkui--color_text_link_themed--hover: #EBEDF0;
  --vkui--color_text_link_themed--active: #D7D8DB;
  --vkui--color_text_link_tint: #76787A;
  --vkui--color_text_link_tint--hover: #7B7D7F;
  --vkui--color_text_link_tint--active: #818385;
  --vkui--color_text_link_visited: #969A9F;
  --vkui--color_text_link_visited--hover: #9A9EA3;
  --vkui--color_text_link_visited--active: #9EA2A7;
  --vkui--color_text_muted: #e1e3e6;
  --vkui--color_text_muted--hover: #E2E4E7;
  --vkui--color_text_muted--active: #E3E5E8;
  --vkui--color_link_contrast: #FFFFFF;
  --vkui--color_link_contrast--hover: #EBEDF0;
  --vkui--color_link_contrast--active: #D7D8DB;
  --vkui--color_icon_accent: #EE8208;
  --vkui--color_icon_accent--hover: #EF8712;
  --vkui--color_icon_accent--active: #EF8C1C;
  --vkui--color_icon_accent_themed: #FFFFFF;
  --vkui--color_icon_accent_themed--hover: #EBEDF0;
  --vkui--color_icon_accent_themed--active: #D7D8DB;
  --vkui--color_icon_primary: #FFFFFF;
  --vkui--color_icon_primary--hover: #EBEDF0;
  --vkui--color_icon_primary--active: #D7D8DB;
  --vkui--color_icon_primary_invariably: #2c2d2e;
  --vkui--color_icon_primary_invariably--hover: #343536;
  --vkui--color_icon_primary_invariably--active: #3D3E3F;
  --vkui--color_icon_medium: #b0b1b6;
  --vkui--color_icon_medium--hover: #B3B4B9;
  --vkui--color_icon_medium--active: #B6B7BC;
  --vkui--color_icon_medium_alpha: rgba(241, 247, 255, .66);
  --vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, .7000000000000001);
  --vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, .74);
  --vkui--color_icon_secondary: #76787a;
  --vkui--color_icon_secondary--hover: #7B7D7F;
  --vkui--color_icon_secondary--active: #818385;
  --vkui--color_icon_secondary_alpha: rgba(241, 247, 255, .43);
  --vkui--color_icon_secondary_alpha--hover: rgba(241, 247, 255, .47000000000000003);
  --vkui--color_icon_secondary_alpha--active: rgba(241, 247, 255, .51);
  --vkui--color_icon_tertiary: #5d5f61;
  --vkui--color_icon_tertiary--hover: #636567;
  --vkui--color_icon_tertiary--active: #6A6C6E;
  --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, .3);
  --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, .34);
  --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, .38);
  --vkui--color_icon_contrast: #FFFFFF;
  --vkui--color_icon_contrast--hover: #EBEDF0;
  --vkui--color_icon_contrast--active: #D7D8DB;
  --vkui--color_icon_contrast_themed: #000000;
  --vkui--color_icon_contrast_themed--hover: #0A0A0A;
  --vkui--color_icon_contrast_themed--active: #141414;
  --vkui--color_icon_contrast_secondary: #f2f3f5;
  --vkui--color_icon_contrast_secondary--hover: #F3F3F5;
  --vkui--color_icon_contrast_secondary--active: #F3F4F6;
  --vkui--color_icon_positive: #4bb34b;
  --vkui--color_icon_positive--hover: #52B652;
  --vkui--color_icon_positive--active: #59B959;
  --vkui--color_icon_warning: #EDB055;
  --vkui--color_icon_warning--hover: #EEB35C;
  --vkui--color_icon_warning--active: #EEB663;
  --vkui--color_icon_negative: #ff5c5c;
  --vkui--color_icon_negative--hover: #FF6363;
  --vkui--color_icon_negative--active: #FF6969;
  --vkui--color_stroke_accent: #505253;
  --vkui--color_stroke_accent--hover: #57595A;
  --vkui--color_stroke_accent--active: #5E6061;
  --vkui--color_stroke_accent_themed: #FFFFFF;
  --vkui--color_stroke_accent_themed--hover: #EBEDF0;
  --vkui--color_stroke_accent_themed--active: #D7D8DB;
  --vkui--color_separator_primary: #363738;
  --vkui--color_separator_primary--hover: #3E3F40;
  --vkui--color_separator_primary--active: #464748;
  --vkui--color_separator_primary2x: #444546;
  --vkui--color_separator_primary2x--hover: #4B4C4D;
  --vkui--color_separator_primary2x--active: #535455;
  --vkui--color_separator_primary3x: #505253;
  --vkui--color_separator_primary3x--hover: #57595A;
  --vkui--color_separator_primary3x--active: #5E6061;
  --vkui--color_separator_primary_alpha: rgba(255, 255, 255, .12);
  --vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, .16);
  --vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, .2);
  --vkui--color_separator_secondary: #141415;
  --vkui--color_separator_secondary--hover: #1D1D1E;
  --vkui--color_separator_secondary--active: #272728;
  --vkui--color_stroke_positive: #4bb34b;
  --vkui--color_stroke_positive--hover: #52B652;
  --vkui--color_stroke_positive--active: #59B959;
  --vkui--color_stroke_negative: #ff5c5c;
  --vkui--color_stroke_negative--hover: #FF6363;
  --vkui--color_stroke_negative--active: #FF6969;
  --vkui--color_stroke_contrast: #FFFFFF;
  --vkui--color_stroke_contrast--hover: #EBEDF0;
  --vkui--color_stroke_contrast--active: #D7D8DB;
  --vkui--color_stroke_primary: #E1E3E6;
  --vkui--color_stroke_primary--hover: #E2E4E7;
  --vkui--color_stroke_primary--active: #E3E5E8;
  --vkui--color_image_border_alpha: rgba(255, 255, 255, .08);
  --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, .12);
  --vkui--color_image_border_alpha--active: rgba(255, 255, 255, .16);
  --vkui--color_field_border_alpha: rgba(255, 255, 255, .12);
  --vkui--color_field_border_alpha--hover: rgba(255, 255, 255, .16);
  --vkui--color_field_border_alpha--active: rgba(255, 255, 255, .2);
  --vkui--color_accent_blue: #71aaeb;
  --vkui--color_accent_blue--hover: #77ADEC;
  --vkui--color_accent_blue--active: #7CB1ED;
  --vkui--color_accent_gray: #a3adb8;
  --vkui--color_accent_gray--hover: #A7B0BB;
  --vkui--color_accent_gray--active: #AAB4BE;
  --vkui--color_accent_red: #ff3347;
  --vkui--color_accent_red--hover: #FF3B4E;
  --vkui--color_accent_red--active: #FF4356;
  --vkui--color_accent_orange_fire: #f05c44;
  --vkui--color_accent_orange_fire--hover: #F1634B;
  --vkui--color_accent_orange_fire--active: #F16953;
  --vkui--color_accent_orange: #EE8208;
  --vkui--color_accent_orange--hover: #EF8712;
  --vkui--color_accent_orange--active: #EF8C1C;
  --vkui--color_accent_orange_peach: #FFC062;
  --vkui--color_accent_orange_peach--hover: #FFC368;
  --vkui--color_accent_orange_peach--active: #FFC56F;
  --vkui--color_accent_lime: #AFF70D;
  --vkui--color_accent_lime--hover: #B2F717;
  --vkui--color_accent_lime--active: #B5F820;
  --vkui--color_accent_green: #4bb34b;
  --vkui--color_accent_green--hover: #52B652;
  --vkui--color_accent_green--active: #59B959;
  --vkui--color_accent_cyan: #13FFD0;
  --vkui--color_accent_cyan--hover: #1CFFD2;
  --vkui--color_accent_cyan--active: #26FFD4;
  --vkui--color_accent_azure: #0077FF;
  --vkui--color_accent_azure--hover: #0A7CFF;
  --vkui--color_accent_azure--active: #1482FF;
  --vkui--color_accent_purple: #9985ff;
  --vkui--color_accent_purple--hover: #9D8AFF;
  --vkui--color_accent_purple--active: #A18FFF;
  --vkui--color_accent_violet: #a94fff;
  --vkui--color_accent_violet--hover: #AC56FF;
  --vkui--color_accent_violet--active: #B05DFF;
  --vkui--color_accent_raspberry_pink: #f060c0;
  --vkui--color_accent_raspberry_pink--hover: #F166C3;
  --vkui--color_accent_raspberry_pink--active: #F16DC5;
  --vkui--color_accent_pink: #F45FFF;
  --vkui--color_accent_pink--hover: #F465FF;
  --vkui--color_accent_pink--active: #F56CFF;
  --vkui--color_accent_secondary: #3f8ae0;
  --vkui--color_accent_secondary--hover: #478FE1;
  --vkui--color_accent_secondary--active: #4E93E2;
  --vkui--color_overlay_primary: rgba(0, 0, 0, .4);
  --vkui--color_overlay_primary--hover: rgba(0, 0, 0, .44);
  --vkui--color_overlay_primary--active: rgba(0, 0, 0, .48);
  --vkui--color_overlay_secondary: rgba(0, 0, 0, .27);
  --vkui--color_overlay_secondary--hover: rgba(0, 0, 0, .31);
  --vkui--color_overlay_secondary--active: rgba(0, 0, 0, .35);
  --vkui--color_avatar_overlay: rgba(0, 0, 0, .6);
  --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, .64);
  --vkui--color_avatar_overlay--active: rgba(0, 0, 0, .68);
  --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, .85);
  --vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, .89);
  --vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, .93);
  --vkui--color_action_sheet_text: #71aaeb;
  --vkui--color_action_sheet_text--hover: #77ADEC;
  --vkui--color_action_sheet_text--active: #7CB1ED;
  --vkui--color_image_placeholder: #2a2b2c;
  --vkui--color_image_placeholder--hover: #333334;
  --vkui--color_image_placeholder--active: #3B3C3D;
  --vkui--color_image_placeholder_alpha: rgba(241, 247, 255, .08);
  --vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, .12);
  --vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, .16);
  --vkui--color_skeleton_from: #232324;
  --vkui--color_skeleton_from--hover: #2C2C2D;
  --vkui--color_skeleton_from--active: #353536;
  --vkui--color_skeleton_to: #2c2d2e;
  --vkui--color_skeleton_to--hover: #343536;
  --vkui--color_skeleton_to--active: #3D3E3F;
  --vkui--color_button_text: #FFFFFF;
  --vkui--color_button_text--hover: #EBEDF0;
  --vkui--color_button_text--active: #D7D8DB;
  --vkui--color_button_icon: #FFFFFF;
  --vkui--color_button_icon--hover: #EBEDF0;
  --vkui--color_button_icon--active: #D7D8DB;
  --vkui--color_button_stroke: #FFFFFF;
  --vkui--color_button_stroke--hover: #EBEDF0;
  --vkui--color_button_stroke--active: #D7D8DB;
  --vkui--color_write_bar_icon: #76787a;
  --vkui--color_write_bar_icon--hover: #7B7D7F;
  --vkui--color_write_bar_icon--active: #818385;
  --vkui--color_write_bar_input_background: #2c2d2e;
  --vkui--color_write_bar_input_background--hover: #343536;
  --vkui--color_write_bar_input_background--active: #3D3E3F;
  --vkui--color_write_bar_input_border: #2c2d2e;
  --vkui--color_write_bar_input_border--hover: #343536;
  --vkui--color_write_bar_input_border--active: #3D3E3F;
  --vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, .8);
  --vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, .84);
  --vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, .88);
  --vkui--color_track_background: #454647;
  --vkui--color_track_background--hover: #4C4D4E;
  --vkui--color_track_background--active: #545556;
  --vkui--color_track_buffer: #405772;
  --vkui--color_track_buffer--hover: #485E78;
  --vkui--color_track_buffer--active: #4F647D;
  --vkui--color_search_field_background: #363738;
  --vkui--color_search_field_background--hover: #3E3F40;
  --vkui--color_search_field_background--active: #464748;
  --vkui--color_panel_header_icon: #71aaeb;
  --vkui--color_panel_header_icon--hover: #77ADEC;
  --vkui--color_panel_header_icon--active: #7CB1ED;
  --vkui--color_segmented_control: #626364;
  --vkui--color_segmented_control--hover: #68696A;
  --vkui--color_segmented_control--active: #6F6F70;
  --vkui--color_tabbar_text_inactive: #76787a;
  --vkui--color_tabbar_text_inactive--hover: #7B7D7F;
  --vkui--color_tabbar_text_inactive--active: #818385;
  --vkui--color_transparent: transparent;
  --vkui--color_transparent--hover: rgba(255, 255, 255, .04);
  --vkui--color_transparent--active: rgba(255, 255, 255, .08);
}
.Avatar-module__img___uz2gY {
  border-radius: inherit;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.Avatar-module__root___HJwUg {
  border-radius: 50%;
}
.Avatar-module__image___SDrqk {
  background-color: var(--vkui--color_background_secondary);
  box-sizing: border-box;
  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_secondary));
  isolation: isolate;
  background-size: cover;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.Avatar-module__border___EAzej {
  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: var(--vkui_internal--z_index_image_base_border);
}
.Avatar-module__border___EAzej {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.HeadsMain-module__root___OpMWs {
  width: 100%;
  display: flex;
  position: relative;
  background-color: var(--vkui--color_background_content);
}
.HeadsMain-module__listRoot___ij22S {
  overflow: auto;
  width: 100%;
  padding: 16px 24px 16px 28px;
  display: flex;
}
.HeadsMain-module__list___YntfW {
  width: 100%;
  margin: auto 0;
}
.HeadsMain-module__confirmRoot___RA8uL {
  position: absolute;
  z-index: 1;
  inset: 0;
  padding: 16px 50px;
  background-color: var(--vkui--color_background_content);
}
.HeadsMain-module__confirmText___YQ2Bn {
  margin-top: 56px;
  margin-bottom: 48px;
}
.HeadsMain-module__centered___wC2zx {
  text-align: center;
}
.HeadsMain-module__user___lCNJH:hover .vkuiInternalRemovable__action {
  visibility: unset;
}
.HeadsModal-module__root___1mRnb {
  display: flex;
  flex-direction: column;
  background-color: var(--vkui--color_background_content);
}
.HeadsModal-module__horizontalPadded___uUUsd {
  padding-left: 24px;
  padding-right: 24px;
}
.HeadsModal-module__list___DexCf {
  width: 100%;
  height: 100%;
  margin: auto 0;
  max-height: 338px;
  overflow-y: auto;
  box-sizing: border-box;
}
.HeadsModal-module__removableCell___J0-p4 {
  padding: 2px 0;
  border: 1px solid #E1E3E6;
  border-radius: 16px;
  margin: 36px 0 8px;
}
.HeadsModal-module__cell___23y0y {
  padding: 2px 0;
  border: 1px solid var(--vkui--color_field_border_alpha);
  border-radius: 16px;
  margin: 0;
  transition: background-color .15s ease-out;
  cursor: pointer;
}
.HeadsModal-module__removable___i22F8 {
  --heads_modal_removable_action: var(--vkui--color_icon_secondary) ;
}
.HeadsModal-module__removable___i22F8 .vkuiRemovable__action {
  color: var(--heads_modal_removable_action);
}
.vkui--vkIdOk--light .HeadsModal-module__removable___i22F8 .vkuiRemovable__action {
  --heads_modal_removable_action: #000;
}
@media (prefers-color-scheme: light) {
  .HeadsModal-module__removable___i22F8 .vkuiRemovable__action {
    --heads_modal_removable_action: #000;
  }
}
.HeadsModal-module__cell___23y0y:hover {
  background: var(--vkui--color_transparent--hover);
}
.HeadsModal-module__cell___23y0y:active {
  background: var(--vkui--color_transparent--active);
}
.HeadsModal-module__removableCell___J0-p4:hover,
.HeadsModal-module__removableCell___J0-p4:active {
  background: unset;
  cursor: default;
}
.HeadsModal-module__cell___23y0y:hover .vkuiInternalRemovable__action {
  visibility: unset;
}
.common-module__centered___tKWXI {
  text-align: center;
}
.common-module__horizontalPadded___7OPMH {
  padding-left: 24px;
  padding-right: 24px;
}
.common-module__secondaryTextColor___Fc44c {
  color: var(--vkui--color_text_secondary);
}
.HeadsMobile-module__root___goR82 {
  display: flex;
  flex-direction: column;
  background-color: var(--vkui--color_background_content);
}
.HeadsMobile-module__list___9xYD3 {
  width: 100%;
  height: 100%;
  margin: auto 0;
}
.HeadsMobile-module__cell___jIQ4Z {
  padding: 6px 0;
}
.HeadsMobile-module__cell___jIQ4Z > div {
  padding-left: 12px;
  padding-right: 12px;
}
.HeadsMobile-module__cell___jIQ4Z:hover {
  transition: background-color .15s ease-out;
  background: var(--vkui--color_transparent--hover);
  cursor: pointer;
}
.HeadsMobile-module__cell___jIQ4Z:active {
  transition: background-color .15s ease-out;
  background: var(--vkui--color_transparent--active);
  cursor: pointer;
}
.HeadsMobile-module__cell___jIQ4Z:hover .vkuiInternalRemovable__action {
  visibility: unset;
}
.HeadsMobile-module__deleteButtons___XtM-K {
  padding-top: 8px;
}
.HeadsMobile-module__deleteTitle___XT7wg {
  padding-bottom: 16px;
  font-weight: 400;
}
.HeadsMobile-module__closeIcon___mKTFe.HeadsMobile-module__closeIcon___mKTFe.HeadsMobile-module__closeIcon___mKTFe {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 54px;
  color: var(--vkui--color_icon_primary--active);
}
.HeadsModalMobile-module__content___8MOOa {
  display: flex;
  flex-direction: column;
  background-color: var(--vkui--color_background_content);
  padding-top: 16px;
  padding-bottom: 16px;
}
.HeadsModalMobile-module__list___MrYiR {
  width: 100%;
  height: 100%;
  margin: auto 0;
  overflow-y: auto;
  max-height: 264px;
  box-sizing: border-box;
}
.vkuiInternalRemovable__action {
  visibility: hidden;
}
.HeadsModalMobile-module__deleteDescription___puj-T {
  color: #505050;
}
.HeadsModalMobile-module__cell___iR-Lo {
  padding: 3px 0;
  border: 1px solid var(--vkui--color_field_border_alpha);
  border-radius: 16px;
  margin: 0;
  transition: background-color .15s ease-out;
  cursor: pointer;
}
.HeadsModalMobile-module__removableCell___jemWT {
  margin: 0;
}
.HeadsModalMobile-module__titleWrapper___GX1Cd {
  display: flex;
}
.HeadsModalMobile-module__title___bZ7nW {
  padding-right: 30px;
}
.HeadsModalMobile-module__crossIcon___f7Gh2 {
  flex-shrink: 0;
  cursor: pointer;
}
.HeadsModalMobile-module__paddedHorizontal___tCoXo {
  padding-left: 16px;
  padding-right: 16px;
}
.HeadsModalMobile-module__cell___iR-Lo > div,
.HeadsModalMobile-module__removableCell___jemWT > div {
  padding-left: 12px;
  padding-right: 12px;
}
.HeadsModalMobile-module__cell___iR-Lo:hover {
  background: var(--vkui--color_transparent--hover);
}
.HeadsModalMobile-module__cell___iR-Lo:active {
  background: var(--vkui--color_transparent--active);
}
.HeadsModalMobile-module__removableCell___jemWT:hover,
.HeadsModalMobile-module__removableCell___jemWT:active {
  background: unset;
  cursor: default;
}
.HeadsModalMobile-module__cell___iR-Lo:hover .vkuiInternalRemovable__action {
  visibility: unset;
}
.HeadsModalMobile-module__closeIcon___SnTEJ.HeadsModalMobile-module__closeIcon___SnTEJ.HeadsModalMobile-module__closeIcon___SnTEJ {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 22px;
  color: var(--vkui--color_icon_primary--active);
}
.OAuthList-module__root___xAvx1 {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 4;
}
.OAuthList-module__oauthButton___NtvRx {
  min-width: 30px;
  margin-right: 12px;
}
.OAuthList-module__oauthButton___NtvRx:last-child {
  margin-right: 0;
}
.OAuthList-module__actionSheetItem___AMhNP {
  display: flex;
}
.SeparatedText-module__root___B0ZfD {
  position: relative;
  text-align: center;
}
.SeparatedText-module__line___CqNui:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px var(--vkui--color_field_border_alpha) solid;
}
.SeparatedText-module__text___rIStU {
  padding: 0 10px;
  background-color: var(--vkui--color_background_content);
  position: relative;
  display: inline-block;
  color: var(--vkui--color_text_secondary);
}
.LoginForm-module__root___-Bijm {
  --vkui--color_background_negative_tint: var(--vkui--color_field_background);
}
.LoginForm-module__formItem___V5w0w {
  --vkui--size_border--regular: 1px;
  --local--color_border: var(--vkui--color_field_border_alpha);
  padding: 4px 0 8px;
}
.LoginForm-module__formItem___V5w0w .vkuiFormField__border {
  border-color: var(--local--color_border);
}
.vkui--vkIdOk--light .LoginForm-module__formItem___V5w0w .vkuiFormField__border {
  --local--color_border: #CBCCCD;
}
@media (prefers-color-scheme: light) {
  .LoginForm-module__formItem___V5w0w .vkuiFormField__border {
    --local--color_border: #CBCCCD;
  }
}
.LoginForm-module__error___1xmAD {
  margin-top: 6px;
  color: var(--vkui--color_stroke_negative);
}
.RecoveryMain-module__root___ff337 {
  --vkui--font_headline2--line_height--compact: 18px ;
}
.LoginFormMain-module__root___L286J {
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
  background-color: var(--vkui--color_background_content);
}
.LoginFormMain-module__formItem___sbN1d {
  padding: 4px 0 8px;
}
.LoginFormMain-module__error___99Amh {
  margin-top: 6px;
  color: var(--vkui--color_stroke_negative);
}
.LoginFormMain-module__centered___UdZf1 {
  text-align: center;
}
.LoginFormMain-module__bottom___YLtCo {
  margin-bottom: 24px;
}
.LoginFormModal-module__root___e9twt {
  background-color: var(--vkui--color_background_content);
}
.LoginFormModal-module__horizontalPadded___CBqbR {
  padding-left: 24px;
  padding-right: 24px;
}
.LoginFormMobile-module__root___q9wzI {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--vkui--color_background_content);
  padding: 16px;
  box-sizing: border-box;
}
.LoginFormMobile-module__bottom___1ghNs {
  margin-top: auto;
}
.RecoveryModal-module__root___nHaHC {
  padding-top: 8px;
  padding-bottom: 4px;
  position: relative;
}
.RecoveryModal-module__backArrow___7A7Qm {
  position: absolute;
  left: 0;
  top: -24px;
  padding: 16px;
  cursor: pointer;
  color: var(--vkui--color_icon_secondary);
}
.AuthGateway-module__root___ODCUe {
  background-color: var(--vkui--color_background_content);
}
.AuthGateway-module__horizontalPadded___Xo4SL {
  padding-left: 24px;
  padding-right: 24px;
}
.AuthGateway-module__verticalPadded___Kos3F {
  padding-top: 24px;
  padding-bottom: 24px;
}
.AuthGateway-module__segmentedControlRoot___LNHR0 {
  margin: 16px 0 20px;
}
.AuthGateway-module__titleWithoutSubtitle___cCpXS {
  padding-bottom: 16px;
}
.RegistrationModal-module__root___7I1ad {
  display: flex;
  flex-direction: column;
  background-color: var(--vkui--color_background_content);
  padding: 24px;
}
.RegistrationModal-module__politics___2nXmL {
  color: var(--vkui--color_text_secondary);
  text-align: center;
  margin-top: 16px;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/vkid/common/VkidCommon.asis.styl */

/* auth-login-popup.css?file=ui/authLoginBlock/components/RecoverAccount/RecoverAccount.styl */
.auth_login_popup_container4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 var(--side-padding);
}
.auth_login_popup_header3 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.auth_login_popup_heading.auth_login_popup_heading {
  font-size: var(--fs-xxl);
  line-height: 26px;
  padding: 0;
  font-weight: 600;
}
.auth_login_popup_button-back2 {
  display: flex;
  color: var(--color_secondary);
}
.auth_login_popup_description3 {
  font-size: var(--fs-n);
  line-height: 19px;
  min-height: 234px;
}
.auth_login_popup_footer3 {
  display: flex;
  gap: 12px;
}
.auth_login_popup_button3 {
  border-radius: 40px;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/VKBindNotification/VKBindNotification.styl */
.auth_login_popup_vk-bind-notification {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
}
.auth_login_popup_vk-bind-notification-logo {
  display: inline-block;
  width: 120px;
  height: 24px;
  margin-right: auto;
  margin-left: auto;
  background-image: url("./vk_connect-KJFQAHL4.png");
  background-size: 120px 24px;
}
.auth_login_popup_vk-bind-notification-text {
  width: 358px;
  height: 24px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  overflow-wrap: break-word;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .auth_login_popup_vk-bind-notification-logo {
    background-image: url("./vk_connect@2x-5ATUOYK4.png");
  }
}

/* auth-login-popup.css?file=../ui/components/Tooltip/Tooltip.styl */
.auth_login_popup_main {
  position: relative;
}
.auth_login_popup_main.auth_login_popup___inner,
.auth_login_popup_wrap3.auth_login_popup___inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.auth_login_popup_tooltip {
  position: absolute;
  z-index: 3201;
  display: block;
  color: var(--color_black-08);
  font-size: 12px;
  line-height: 1.4;
  pointer-events: none;
}
.auth_login_popup_tooltip.auth_login_popup___top .auth_login_popup_container:not(.auth_login_popup___free) {
  padding-bottom: 8px;
  transform: translate(-50%, -100%);
}
.auth_login_popup_tooltip.auth_login_popup___top .auth_login_popup_arrow {
  bottom: 0;
}
.auth_login_popup_tooltip.auth_login_popup___top .auth_login_popup_arrow:before {
  top: -1px;
  border-width: 5px 8px 0;
  border-top-color: currentColor;
}
.auth_login_popup_tooltip.auth_login_popup___top.auth_login_popup___inner {
  left: 50%;
}
.auth_login_popup_tooltip.auth_login_popup___bottom .auth_login_popup_container:not(.auth_login_popup___free) {
  padding-top: 8px;
  transform: translate(-50%, -50%);
}
.auth_login_popup_tooltip.auth_login_popup___bottom .auth_login_popup_arrow {
  top: 0;
}
.auth_login_popup_tooltip.auth_login_popup___bottom .auth_login_popup_arrow:before {
  bottom: -1px;
  border-width: 0 8px 5px;
  border-bottom-color: currentColor;
}
.auth_login_popup_tooltip.auth_login_popup___bottom.auth_login_popup___inner {
  top: 100%;
  left: 50%;
}
.auth_login_popup_tooltip.auth_login_popup___bottom.auth_login_popup___inner .auth_login_popup_container:not(.auth_login_popup___free) {
  transform: translate(-50%);
}
.auth_login_popup_tooltip.auth_login_popup___right .auth_login_popup_container:not(.auth_login_popup___free) {
  padding-left: 10px;
  transform: translateY(-100%);
}
.auth_login_popup_tooltip.auth_login_popup___right .auth_login_popup_arrow {
  top: 25%;
  left: 0;
  width: 10px;
  height: 25px;
  margin-left: 0;
}
.auth_login_popup_tooltip.auth_login_popup___right .auth_login_popup_arrow:before {
  right: 0;
  left: 0;
  border-width: 8px 5px 5px 0;
  border-right-color: currentColor;
}
.auth_login_popup_tooltip.auth_login_popup___right.auth_login_popup___inner {
  top: 50%;
  left: 100%;
}
.auth_login_popup_tooltip.auth_login_popup___right.auth_login_popup___inner .auth_login_popup_container:not(.auth_login_popup___free) {
  transform: translateY(-50%);
}
.auth_login_popup_tooltip.auth_login_popup___left .auth_login_popup_container:not(.auth_login_popup___free) {
  padding-right: 10px;
  transform: translate(-100%, -100%);
}
.auth_login_popup_tooltip.auth_login_popup___left .auth_login_popup_arrow {
  top: 25%;
  right: 0;
  left: auto;
  width: 10px;
  height: 25px;
  margin-left: 0;
}
.auth_login_popup_tooltip.auth_login_popup___left .auth_login_popup_arrow:before {
  left: 0;
  border-width: 5px 0 8px 5px;
  border-left-color: currentColor;
}
.auth_login_popup_tooltip.auth_login_popup___left.auth_login_popup___inner {
  top: 50%;
}
.auth_login_popup_tooltip.auth_login_popup___left.auth_login_popup___inner .auth_login_popup_container:not(.auth_login_popup___free) {
  transform: translate(-100%, -50%);
}
.auth_login_popup_tooltip .auth_login_popup_content {
  box-sizing: border-box;
  padding: 12px;
  border-radius: 8px;
  color: var(--color_white);
  box-shadow: var(--box-shadow_global);
  background-color: var(--color_black-08);
}
.auth_login_popup_tooltip.auth_login_popup___top:not(.auth_login_popup___light2) .auth_login_popup_arrow:before {
  top: 0;
}
.auth_login_popup_tooltip.auth_login_popup___bottom:not(.auth_login_popup___light2) .auth_login_popup_arrow:before {
  bottom: 0;
}
.auth_login_popup_tooltip.auth_login_popup___right .auth_login_popup_arrow,
.auth_login_popup_tooltip.auth_login_popup___left .auth_login_popup_arrow {
  position: absolute;
  top: 50%;
  height: 12px;
  transform: translateY(-50%);
}
.auth_login_popup_tooltip.auth_login_popup___right .auth_login_popup_arrow:before {
  border-width: 6px 6px 6px 0;
}
.auth_login_popup_tooltip.auth_login_popup___left .auth_login_popup_arrow:before {
  border-width: 6px 0 6px 6px;
}
.auth_login_popup_tooltip.auth_login_popup___dark2 {
  color: var(--color_black-08);
}
.auth_login_popup_tooltip.auth_login_popup___dark2 .auth_login_popup_content {
  background-color: var(--color_black-08);
}
.auth_login_popup_tooltip.auth_login_popup___light2 {
  color: var(--color_surface);
}
.auth_login_popup_tooltip.auth_login_popup___light2 .auth_login_popup_content {
  border: 1px solid var(--color_main-008);
  color: var(--color_main);
  background-color: var(--color_surface);
  box-shadow: 0 12px 24px var(--color_main-008);
}
.auth_login_popup_container {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 200px;
  pointer-events: auto;
}
.auth_login_popup_tooltip.auth_login_popup___inner .auth_login_popup_container {
  position: relative;
}
.auth_login_popup_tooltip.auth_login_popup_exit-done .auth_login_popup_container,
.auth_login_popup_tooltip.auth_login_popup___hide .auth_login_popup_container {
  visibility: hidden;
  opacity: 0;
}
.auth_login_popup_content {
  display: inline-block;
  padding: 4px 8px 6px;
  border-radius: 4px;
  color: #f0f0f0;
  background-color: #333c;
}
.auth_login_popup_content.auth_login_popup___text-ellipsis {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
}
.auth_login_popup_content.auth_login_popup___text-center {
  text-align: center;
}
.auth_login_popup_arrow {
  position: absolute;
  left: 50%;
  height: 8px;
  margin-left: -8px;
}
.auth_login_popup_arrow:before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  content: "";
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/AuthLoginBlock/AuthLoginBlock.styl */
.auth_login_popup_modal {
  --side-padding: 32px;
  --side-padding-vkid: 24px;
  --gap: 20px;
  --radius: 20px;
}
.auth_login_popup_modal__container {
  padding: 24px 0 20px;
  border-radius: 8px;
  box-shadow: none;
  background-color: var(--color_surface);
}
.auth_login_popup_wrap {
  width: 400px;
}
.auth_login_popup_header2 {
  padding: 0 24px;
  border-bottom: var(--delimiter_global);
}
.auth_login_popup_header-image {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.auth_login_popup_content3 {
  display: flex;
  flex-direction: column;
  background-color: var(--color_surface);
}
.auth_login_popup_auth-form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.auth_login_popup_auth-form input:-internal-autofill-selected {
  transition: background-color 50000s ease-in-out 0s;
  animation-name: auth_login_popup_onInternalAutoFillStart;
}
.auth_login_popup_auth-form input:not(:-internal-autofill-selected) {
  animation-name: auth_login_popup_onInternalAutoFillCancel;
}
.auth_login_popup_auth-form input:-webkit-autofill {
  transition: background-color 50000s ease-in-out 0s;
  animation-name: auth_login_popup_onAutoFillStart;
}
.auth_login_popup_auth-form input:not(:-webkit-autofill) {
  animation-name: auth_login_popup_onAutoFillCancel;
}
.auth_login_popup_auth-content {
  flex-grow: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 24px;
}
.auth_login_popup_landing-content {
  flex-grow: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 24px;
}
.auth_login_popup_text {
  width: 358px;
  font-size: 12px;
  overflow-wrap: break-word;
}
.auth_login_popup_login-with {
  margin-bottom: 20px;
  font-family:
    Onest,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  color: var(--dynamic-text-and-icons-base-secondary);
}
.auth_login_popup_login-with.auth_login_popup___password_error {
  margin-bottom: 12px;
}
.auth_login_popup_text-error {
  margin-top: 0;
}
.auth_login_popup_forgot {
  padding: 0 0 24px;
  text-align: center;
}
.auth_login_popup_footer {
  margin: 0 24px;
  padding-bottom: 24px;
  border-top: 1px solid var(--color_main-008);
  text-align: center;
}
.auth_login_popup_footer-title-line {
  position: relative;
  top: -9px;
  display: inline-block;
  margin-bottom: 0;
  padding: 0 8px;
  color: var(--color_secondary);
  background-color: var(--color_surface);
}
.auth_login_popup_footer-title {
  position: relative;
  top: -9px;
  margin-bottom: 24px;
  color: var(--color_secondary);
  background-color: var(--color_surface);
}
.auth_login_popup_footer-login {
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth_login_popup_auth-form.auth_login_popup___second_line_for_social .auth_login_popup_footer-login {
  flex-direction: column;
}
.auth_login_popup_footer-login.auth_login_popup___slim {
  margin-top: -14px;
}
.auth_login_popup_footer-login-error:not(:empty) {
  margin: 8px 0 0;
  color: var(--color_red);
  font-size: 12px;
}
.auth_login_popup_social-label {
  width: 100%;
  margin-bottom: 8px;
  color: var(--color_secondary);
  font-size: 12px;
  text-align: center;
}
.auth_login_popup_auth-form.auth_login_popup___second_line_for_social .auth_login_popup_social-buttons {
  margin-top: 12px;
  margin-left: 0;
}
.auth_login_popup_profiles-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
}
.auth_login_popup_profiles-wrap-empty {
  opacity: .2;
}
.auth_login_popup_profiles {
  flex-grow: 1;
  padding: 16px 20px 20px;
  overflow-y: auto;
}
.auth_login_popup_contact-owner-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  text-align: center;
  background-color: var(--color_surface);
}
.auth_login_popup_contact-owner-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 20px 20px;
  text-align: center;
}
.auth_login_popup_profiles-header {
  flex-grow: 1;
  padding: 16px 20px 0;
}
.auth_login_popup_profiles-title {
  color: var(--color_main);
  font-size: 16px;
}
.auth_login_popup_profiles-subtitle {
  color: var(--color_secondary);
  font-size: 12px;
}
.auth_login_popup_wrong-password {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 16px 20px;
  text-align: center;
}
.auth_login_popup_button-restore {
  margin-right: 8px;
}
.auth_login_popup_wrap.auth_login_popup___small2 {
  width: 268px;
  font-size: 12px;
}
.auth_login_popup_wrap.auth_login_popup___small2 .auth_login_popup_footer-login {
  flex-direction: column;
}
.auth_login_popup_wrap.auth_login_popup___small2 .auth_login_popup_social-buttons {
  margin-top: 16px;
  margin-left: 0;
}
.auth_login_popup_wrap.auth_login_popup___small2 .auth_login_popup_legend {
  font-size: 12px;
}
.auth_login_popup_wrap.auth_login_popup___small2 .auth_login_popup_button-restore {
  width: 100%;
  margin-right: 0;
}
.auth_login_popup_wrap.auth_login_popup___small2 .auth_login_popup_button-return {
  width: 100%;
  margin-top: 12px;
}
.auth_login_popup_support-footer {
  padding: 16px 24px;
  border-top: 1px solid var(--color_main-008);
  font-size: 12px;
  text-align: center;
  background-color: var(--color_surface);
}
.auth_login_popup_support-link {
  color: var(--color_secondary);
}
.auth_login_popup_support-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  color: var(--color_white);
  vertical-align: -3px;
  background: var(--color_secondary);
}
.auth_login_popup_support-icon svg {
  display: block;
  margin: 1px;
}
.auth_login_popup_go-back-button {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding-top: 4px;
}
.auth_login_popup_go-back-button-arrow {
  z-index: 1;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.auth_login_popup_go-back-button-arrow:before {
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url("./arrow-u-QLKE4NG5.png");
  transform: rotate(-90deg);
  content: "";
}
.auth_login_popup_go-back-button-arrow:hover:before {
  background-image: url("./arrow-u-h-QVWNQAWH.png");
}
.auth_login_popup_go-back-button-splitter {
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #00000014;
}
.auth_login_popup_go-back-button-text {
  display: inline-block;
  margin-left: 16px;
  font-size: 16px;
  line-height: 18px;
}
.auth_login_popup_header-image-wrapper,
.auth_login_popup_header-image-wrapper-landing {
  position: relative;
}
.auth_login_popup_header-avatar-wrapper {
  display: flex;
  align-items: center;
  padding: 16px;
  background: var(--color_gray-6);
}
@media (max-height: 720px) {
  .auth_login_popup_header-image-wrapper,
  .auth_login_popup_header-avatar-wrapper {
    display: none;
  }
  .auth_login_popup_header-image-wrapper.auth_login_popup___landing,
  .auth_login_popup_header-avatar-wrapper.auth_login_popup___landing {
    display: flex;
  }
}
@media (max-height: 450px) {
  .auth_login_popup_header-image-wrapper.auth_login_popup___landing,
  .auth_login_popup_header-avatar-wrapper.auth_login_popup___landing {
    display: none;
  }
}
.auth_login_popup_header-landing-small {
  display: none;
  align-items: center;
  height: 40px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  background: var(--color_gray-6);
}
@media (max-height: 450px) {
  .auth_login_popup_header-landing-small {
    display: block;
  }
}
.auth_login_popup_header-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.auth_login_popup_header-avatar-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  margin-left: 16px;
  color: var(--color_secondary);
}
.auth_login_popup_header-avatar-text-header,
.auth_login_popup_header-avatar-text-body {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.auth_login_popup_header-avatar-text-body {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 20px;
}
.auth_login_popup_header-image-text-container {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 200px;
}
.auth_login_popup_header-image-title-text {
  color: var(--color_white);
  font-weight: 600;
  font-size: 24px;
}
.auth_login_popup_header-image-subtitle-text {
  margin-top: 4px;
  color: var(--color_white);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3em;
}
.auth_login_popup_header-image-body-text {
  margin-top: 8px;
  color: var(--color_white);
  font-size: 12px;
  line-height: 1.3em;
}
.auth_login_popup_close-button {
  padding: 0;
  margin: 16px 0 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  text-decoration: none;
  text-align: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  display: block;
  color: var(--color_secondary);
  font-size: 12px;
}
.auth_login_popup_close-button:focus-visible {
  outline: var(--focus-outline);
}
.auth_login_popup_button_separator_text {
  margin: 12px;
  color: var(--color_secondary);
  font-size: 12px;
  text-align: center;
}
.auth_login_popup_landing-content .auth_login_popup_register_button {
  margin-bottom: 20px;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 {
  background-color: var(--color_black-06);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_modal__close-btn {
  display: flex;
  padding: 4px;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_modal__container {
  position: static;
  width: 432px;
  padding: 0;
  border-radius: var(--radius);
  background-color: transparent;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
  padding: 24px 0 20px;
  border-radius: var(--radius);
  box-shadow: 0 16px 64px #0000000a;
  background-color: var(--color_surface);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_heading-block {
  padding: 0 var(--side-padding);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding-top: 32px;
  padding-bottom: 72px;
  box-sizing: border-box;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_content3 {
  min-height: 0;
  background-color: transparent;
  border-radius: 0;
  overflow: auto;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_profiles-wrap {
  max-height: 100%;
}
.auth_login_popup_modal.auth_login_popup___redesign2023.auth_login_popup___page_profiles .auth_login_popup_content3 {
  border-radius: 0 0 var(--radius) var(--radius);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_auth-content {
  padding: 0 var(--side-padding);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_auth-form {
  background-color: var(--color_surface);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_header2 {
  padding: 0 var(--side-padding);
  background-color: var(--color_surface);
  border-bottom: none;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_legend {
  display: none;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_text {
  width: auto;
  color: var(--color_secondary);
  font-size: var(--fs-n);
  line-height: 19px;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_footer {
  margin: 0;
  padding: 0;
  border-top: none;
  border-radius: 0 0 var(--radius) var(--radius);
  background-color: var(--color_surface);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_footer.auth_login_popup___adjust-enter-button {
  margin-top: -2px;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_footer-title {
  position: static;
  margin: 0;
  padding: 0 0 var(--gap);
  border-bottom: var(--delimiter_global);
  font-size: var(--fs-l);
  line-height: var(--lh-n);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_footer-link {
  color: var(--color_main);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_auth-form__input {
  height: 48px;
  padding: 4px 16px;
  border-radius: 8px;
  color: var(--color_secondary);
  font-weight: 400;
  font-size: var(--fs-l);
  line-height: var(--lh-s);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_auth-form__input:not([data-error=true]) {
  border: var(--delimiter_global-bold);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_auth-form__input.auth_login_popup___seqlogin-color {
  color: var(--dynamic-text-and-icons-base-primary);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_auth-form__input.auth_login_popup___seqlogin-color::placeholder {
  color: var(--dynamic-text-and-icons-base-secondary);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_social-buttons {
  margin-top: var(--gap);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_profiles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 var(--side-padding);
  background-color: var(--color_surface);
  border-radius: 0 0 var(--radius) var(--radius);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_go-back-button-arrow {
  position: absolute;
  left: 28px;
  top: 2px;
  width: 24px;
  height: 24px;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_go-back-button-arrow:before {
  display: none;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_go-back-button-core {
  height: 100%;
  padding: 0;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_go-back-button-core.auth_login_popup___normalized span[name="24/ico_back_24"] {
  width: 24px;
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_go-back-button,
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_profiles-wrap,
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_wrong-password {
  background-color: var(--color_surface);
}
.auth_login_popup_modal.auth_login_popup___redesign2023 .auth_login_popup_tabs {
  padding: 0;
}
.auth_login_popup_modal.auth_login_popup___redesign2023.auth_login_popup___vkid .auth_login_popup_profiles,
.auth_login_popup_modal.auth_login_popup___redesign2023.auth_login_popup___vkid .auth_login_popup_header2 {
  padding-left: var(--side-padding-vkid);
  padding-right: var(--side-padding-vkid);
}
.auth_login_popup_modal.auth_login_popup___redesign2023.auth_login_popup___vkid .auth_login_popup_auth-content {
  padding: 0 var(--side-padding-vkid);
}
.auth_login_popup_modal__close-btn {
  top: 24px;
  right: 24px;
}
.auth_login_popup_heading-block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: 24px var(--side-padding) 0;
  border-radius: var(--radius) var(--radius) 0 0;
  background-color: var(--color_surface);
}
.auth_login_popup_heading-block__title.auth_login_popup_heading-block__title {
  padding: 0;
  font-size: var(--fs-xxl);
  line-height: 26px;
}
.auth_login_popup_heading-block.auth_login_popup___with-arrow .auth_login_popup_heading-block__title {
  margin-left: 24px;
}
.auth_login_popup_heading-block.auth_login_popup___with-extra-margin .auth_login_popup_heading-block__title {
  margin-left: 32px;
  transform: translateY(3px);
}
.auth_login_popup_heading-block.auth_login_popup___align-center .auth_login_popup_heading-block__title {
  text-align: center;
}
.auth_login_popup_heading-block__description {
  color: var(--color_secondary);
  font-size: var(--fs-n);
  line-height: 19px;
}
.auth_login_popup_tabs {
  display: flex;
  gap: 4px;
  padding-top: 20px;
}
.auth_login_popup_footing-island {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  padding: 24px var(--side-padding);
  border-radius: var(--radius);
  box-shadow: 0 16px 64px #0000000a;
  background-color: var(--color_surface);
}
.auth_login_popup_footing-island.auth_login_popup___no-paddings {
  padding: 0;
  overflow: hidden;
}
.auth_login_popup_footing-island__btn {
  padding: 10px 16px;
  color: var(--color_main);
  font-size: var(--fs-l);
  line-height: 21px;
}
.auth_login_popup_footing-island__text {
  font-size: var(--fs-n);
  line-height: 19px;
  color: var(--color_secondary);
  text-align: center;
}
.auth_login_popup_footing-island__link {
  font-weight: 600;
}
@keyframes auth_login_popup_onInternalAutoFillStart {
  0% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes auth_login_popup_onInternalAutoFillCancel {
  0% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes auth_login_popup_onAutoFillStart {
  0% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes auth_login_popup_onAutoFillCancel {
  0% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/AlternativeAuth/AlternativeAuth.styl */
.auth_login_popup_alternative-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.auth_login_popup_alternative-buttons.auth_login_popup___social-buttons-tooltip .soc-login_buttons-container,
.auth_login_popup_alternative-buttons.auth_login_popup___social-buttons-tooltip .external-oauth-login {
  display: flex;
  justify-content: center;
  gap: 16px;
  line-height: 0;
}
.auth_login_popup_alternative-buttons.auth_login_popup___social-buttons-tooltip .auth_login_popup_qr-button {
  padding: 4px;
}
.auth_login_popup_qr-button {
  display: flex;
  align-items: center;
  margin-top: var(--gap);
  margin-right: 16px;
  font-size: 16px;
  color: var(--color_main);
}
.auth_login_popup_qr-button-icon {
  margin-right: 8px;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/QrCodeAuth/QrCodeAuth.styl */
.auth_login_popup_container5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 var(--side-padding);
}
.auth_login_popup_header4 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.auth_login_popup_heading2.auth_login_popup_heading2 {
  font-size: var(--fs-xxl);
  line-height: 26px;
  padding: 0;
  font-weight: 600;
}
.auth_login_popup_button-back3 {
  display: flex;
  color: var(--color_secondary);
}
.auth_login_popup_description2 {
  font-size: var(--fs-n);
  line-height: 19px;
  margin: 0;
  padding: 0;
}
.auth_login_popup_description2 li {
  list-style-position: inside;
}
.auth_login_popup_qr-code-image-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 16px 0;
}
.auth_login_popup_qr-code-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 172px;
  height: 172px;
  padding: 4px;
  box-sizing: border-box;
  border: 4px solid var(--delimiter_global-color);
  border-radius: 16px;
  overflow: hidden;
}
.auth_login_popup_qr-code-image {
  width: 164px;
  height: 164px;
}
.auth_login_popup_footer4 {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: stretch;
}
.auth_login_popup_digest-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 172px;
  height: 50px;
  padding: 8px 24px;
  box-sizing: border-box;
  border: 4px solid var(--delimiter_global-color);
  border-radius: 8px;
}
.auth_login_popup_digest-content {
  font-size: var(--fs-xxl);
  line-height: 26px;
  font-weight: 600;
}

/* auth-login-popup.css?file=../ui/components/Avatars/AvatarCore/AvatarCore.styl */
.auth_login_popup_avatar {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: cover;
}
.auth_login_popup_avatar.auth_login_popup___border:after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--delimiter_global);
  border-radius: inherit;
}
.auth_login_popup_avatar.auth_login_popup___block {
  display: block;
}
.auth_login_popup_avatar.auth_login_popup___trimmed {
  border-radius: 8px;
}
.auth_login_popup_avatar.auth_login_popup___round {
  border-radius: 50%;
}
.auth_login_popup_avatar.auth_login_popup___round:before {
  border-radius: 50%;
}
.auth_login_popup_avatar.auth_login_popup___size-163 {
  width: 16px;
  height: 16px;
}
.auth_login_popup_avatar.auth_login_popup___size-203 {
  width: 20px;
  height: 20px;
}
.auth_login_popup_avatar.auth_login_popup___size-242 {
  width: 24px;
  height: 24px;
}
.auth_login_popup_avatar.auth_login_popup___size-282 {
  width: 28px;
  height: 28px;
}
.auth_login_popup_avatar.auth_login_popup___size-322 {
  width: 32px;
  height: 32px;
}
.auth_login_popup_avatar.auth_login_popup___size-362 {
  width: 36px;
  height: 36px;
}
.auth_login_popup_avatar.auth_login_popup___size-403 {
  width: 40px;
  height: 40px;
}
.auth_login_popup_avatar.auth_login_popup___size-442 {
  width: 44px;
  height: 44px;
}
.auth_login_popup_avatar.auth_login_popup___size-483 {
  width: 48px;
  height: 48px;
}
.auth_login_popup_avatar.auth_login_popup___size-562 {
  width: 56px;
  height: 56px;
}
.auth_login_popup_avatar.auth_login_popup___size-642 {
  width: 64px;
  height: 64px;
}
.auth_login_popup_avatar.auth_login_popup___size-802 {
  width: 80px;
  height: 80px;
}
.auth_login_popup_avatar.auth_login_popup___size-962 {
  width: 96px;
  height: 96px;
}
.auth_login_popup_avatar.auth_login_popup___size-1282 {
  width: 128px;
  height: 128px;
}
.auth_login_popup_avatar.auth_login_popup___size-1442 {
  width: 144px;
  height: 144px;
}
.auth_login_popup_avatar.auth_login_popup___size-1522 {
  width: 152px;
  height: 152px;
}
.auth_login_popup_avatar.auth_login_popup___size-1602 {
  width: 160px;
  height: 160px;
}
.auth_login_popup_avatar.auth_login_popup___size-1762 {
  width: 176px;
  height: 176px;
}
.auth_login_popup_avatar.auth_login_popup___size-2082 {
  width: 208px;
  height: 208px;
}
.auth_login_popup_avatar.auth_login_popup___size-2402 {
  width: 240px;
  height: 240px;
}
.auth_login_popup_avatar.auth_login_popup___size-2882 {
  width: 288px;
  height: 288px;
}
.auth_login_popup_img {
  display: block;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/ProfileDeletePopup/ProfileDeletePopup.styl */
.auth_login_popup_container6 {
  display: flex;
  flex-direction: column;
  padding: 0 var(--side-padding);
}
.auth_login_popup_heading3.auth_login_popup_heading3 {
  font-size: var(--fs-xxl);
  line-height: 26px;
  padding: 0;
  margin-bottom: 20px;
  font-weight: 600;
}
.auth_login_popup_description4 {
  color: var(--color_secondary);
  font-size: var(--fs-n);
  line-height: 19px;
  margin-bottom: 20px;
}
.auth_login_popup_user-wrap2 {
  display: flex;
  align-items: center;
  min-height: 66px;
  padding: 12px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: var(--delimiter_global);
  border-radius: 16px;
}
.auth_login_popup_user-name3 {
  margin: 0 0 0 12px;
  color: var(--color_main);
  font-size: var(--fs-l);
  line-height: 21px;
}
.auth_login_popup_buttons {
  display: flex;
  justify-content: space-between;
}
.auth_login_popup_button-container {
  width: 180px;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/ContactOwner/ContactOwner.styl */
.auth_login_popup_user-wrap3 {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 20px 0;
  vertical-align: middle;
  opacity: 1;
  transition: opacity .4s ease;
}
.auth_login_popup_user2 {
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  text-decoration: none;
  text-align: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 120px;
  padding: 0 8px;
  text-align: center;
  cursor: default;
}
.auth_login_popup_user2:focus-visible {
  outline: var(--focus-outline);
}
.auth_login_popup_user-avatar2 {
  position: relative;
  width: 64px;
  margin: 0 auto;
}
.auth_login_popup_user-name2 {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 8px 0 0;
  color: var(--color_secondary);
  font-size: 12px;
}
.auth_login_popup_user-name2.auth_login_popup_user-name-add {
  color: var(--color_orange);
}

/* auth-login-popup.css?file=../ui/components/Forms/FormRow/FormRow.styl */
.auth_login_popup_row + .auth_login_popup_row.auth_login_popup___gap_s {
  margin-top: 20px;
}
.auth_login_popup_row + .auth_login_popup_row.auth_login_popup___gap_m {
  margin-top: 24px;
}
.auth_login_popup_legend2 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 16px;
}
.auth_login_popup_error {
  margin: 8px 0 0;
  color: var(--color_red);
}
.auth_login_popup_comment {
  margin: 8px 0 0;
  color: var(--color_secondary);
}
.auth_login_popup_text-size-s.auth_login_popup_error,
.auth_login_popup_text-size-s.auth_login_popup_comment {
  font-size: 12px;
  line-height: 14px;
}
.auth_login_popup_text-size-m.auth_login_popup_error,
.auth_login_popup_text-size-m.auth_login_popup_comment {
  font-size: 14px;
  line-height: 20px;
}
.auth_login_popup_row.auth_login_popup___flex {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 360px;
  -ms-grid-columns: 1fr 360px;
}
.auth_login_popup_row.auth_login_popup___flex .auth_login_popup_legend2 {
  display: flex;
  -ms-grid-row: 1;
  grid-row: 1/3;
  -ms-grid-column: 1;
  grid-column: 1;
  align-items: center;
  align-self: flex-start;
  min-height: 32px;
  margin: 0 16px 0 0;
  vertical-align: top;
}
.auth_login_popup_row.auth_login_popup___flex .auth_login_popup_content5 {
  display: flex;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  grid-column: 2;
  align-items: center;
  align-self: flex-start;
  min-height: 32px;
}
.auth_login_popup_row.auth_login_popup___flex .auth_login_popup_error,
.auth_login_popup_row.auth_login_popup___flex .auth_login_popup_comment {
  grid-column: 2;
}
.auth_login_popup_row.auth_login_popup___flex + .auth_login_popup_row.auth_login_popup___flex {
  margin-top: 12px;
}

/* auth-login-popup.css?file=../ui/components/Forms/FormSubmitDisableInput.styl */
.auth_login_popup_hidden {
  position: absolute;
  top: -10000px;
  left: -10000px;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/common/formRows/ButtonsRow/EnterButtonRow.styl */
.auth_login_popup_enter-button {
  margin-bottom: 2px;
}

/* auth-login-popup.css?file=../ui/components/Input/Input.styl */
.auth_login_popup_input {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 8px;
  border: var(--input_border);
  border-radius: 3px;
  color: var(--color_secondary);
  font-size: 14px;
  line-height: 17px;
  background-color: var(--color_surface);
  outline: none;
}
.auth_login_popup_input:-ms-input-placeholder::selection {
  background-color: transparent;
}
.auth_login_popup_input::-ms-clear {
  display: none;
}
.auth_login_popup_input::-webkit-inner-spin-button,
.auth_login_popup_input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.auth_login_popup_input:focus {
  border-color: var(--color_gray-4);
  color: var(--color_main);
}
.auth_login_popup_input.auth_login_popup___error {
  border-color: var(--color_red);
}
.auth_login_popup_input[type=text]:disabled {
  background-color: var(--color_on-surface);
}
.auth_login_popup_input[type=text]:disabled.auth_login_popup___preset-disabled {
  color: var(--color_secondary);
}
.auth_login_popup_input.auth_login_popup___redesign-2024 {
  color: var(--color_main);
  border-radius: 4px;
}
.auth_login_popup_input.auth_login_popup___redesign-2024::placeholder {
  color: var(--color_secondary);
}
.auth_login_popup_input.auth_login_popup___redesign-2024::-webkit-input-placeholder,
.auth_login_popup_input.auth_login_popup___redesign-2024:-moz-placeholder,
.auth_login_popup_input.auth_login_popup___redesign-2024::-moz-placeholder,
.auth_login_popup_input.auth_login_popup___redesign-2024:-ms-input-placeholder {
  color: var(--color_secondary);
}
.auth_login_popup_input::-webkit-input-placeholder {
  overflow: hidden;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auth_login_popup_input:-moz-placeholder {
  overflow: hidden;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auth_login_popup_input::-moz-placeholder {
  overflow: hidden;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auth_login_popup_input:-ms-input-placeholder {
  overflow: hidden;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auth_login_popup_input::placeholder {
  overflow: hidden;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auth_login_popup___size-s2 {
  height: 24px;
  font-size: 12px;
}
.auth_login_popup___size-m2 {
  height: 32px;
}
.auth_login_popup___size-l {
  height: 48px;
}
.auth_login_popup___soft {
  border-radius: 8px;
}
.auth_login_popup___rounded.auth_login_popup___size-s2 {
  border-radius: 12px;
}
.auth_login_popup___rounded.auth_login_popup___size-m2 {
  border-radius: 16px;
}
.auth_login_popup___rounded.auth_login_popup___size-l {
  border-radius: 24px;
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/common/formRows/CaptchaRow/CaptchaRow.styl */
.auth_login_popup_captcha-wrapper {
  padding: 16px;
  border-radius: 12px;
  background-color: var(--color_on-surface);
}
.auth_login_popup_captcha-content-wrapper {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.auth_login_popup_captcha-image-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
}
.auth_login_popup_captcha-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.auth_login_popup_captcha-refresh {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: var(--color_secondary);
}

/* auth-login-popup.css?file=../ui/components/PasswordInput/PasswordInput.styl */
.auth_login_popup_label {
  position: relative;
  display: block;
}
.auth_login_popup_label .auth_login_popup_eye-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  display: flex;
  align-items: center;
  margin: auto;
}
.auth_login_popup_input2 {
  padding-right: 32px;
}
.auth_login_popup_eye {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--color_secondary);
}

/* auth-login-popup.css?file=ui/authLoginBlock/components/AuthLoginBlockProfile/AuthLoginBlockProfile.styl */
.auth_login_popup_user-wrap {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 10px 0;
  vertical-align: middle;
  opacity: 1;
  transition: opacity .4s ease;
}
.auth_login_popup_user-wrap.auth_login_popup___disabled {
  opacity: .5;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  width: 104px;
}
.auth_login_popup_user {
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  text-decoration: none;
  text-align: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 120px;
  padding: 0 8px;
  text-align: center;
}
.auth_login_popup_user:focus-visible {
  outline: var(--focus-outline);
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user {
  width: 104px;
  margin: 0 auto;
  padding: 0;
}
.auth_login_popup_user-wrap.auth_login_popup___disabled .auth_login_popup_user {
  cursor: progress;
}
.auth_login_popup_user:hover {
  text-decoration: underline;
}
.auth_login_popup_user-avatar {
  position: relative;
  width: 64px;
  margin: 0 auto;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user-avatar {
  width: 72px;
  height: 72px;
  padding: 0;
}
.auth_login_popup_user-avatar-add {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  background: #ee82081f;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user-avatar-add {
  width: 72px;
  height: 72px;
  padding: 0;
}
.auth_login_popup_user-avatar-add-plus {
  position: relative;
  top: 56px;
  left: 32px;
  width: 2px;
  height: 16px;
  background: var(--color_orange);
}
.auth_login_popup_user-avatar-add-plus:after {
  position: absolute;
  top: 7px;
  left: -7px;
  width: 16px;
  height: 2px;
  background: var(--color_orange);
  content: "";
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user-avatar-image {
  width: 72px;
  height: 72px;
}
.auth_login_popup_user-avatar-delete {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: visible;
  font: inherit;
  text-decoration: none;
  text-align: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  right: 28px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color_white);
  border-radius: 50%;
  background: var(--color_black);
  opacity: 0;
  transition: opacity .3s ease;
}
.auth_login_popup_user-avatar-delete:focus-visible {
  outline: var(--focus-outline);
}
.auth_login_popup_user-wrap.auth_login_popup___disabled .auth_login_popup_user-avatar-delete {
  cursor: progress;
}
.auth_login_popup_user-avatar-delete .auth_login_popup_user-avatar-delete-icon {
  top: -4px;
  right: 12px;
  display: block;
  color: var(--color_white);
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user-avatar-delete {
  top: 0;
  right: 0;
  left: 50%;
  margin-left: 16px;
  background-color: var(--color_surface);
  box-shadow: var(--box-shadow_card);
  opacity: 1;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user-avatar-delete .auth_login_popup_user-avatar-delete-icon {
  color: var(--color_secondary);
  transition: color .2s ease;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user-avatar-delete:hover .auth_login_popup_user-avatar-delete-icon {
  color: var(--color_main);
}
.auth_login_popup_user-wrap:hover .auth_login_popup_user-avatar-delete {
  opacity: 1;
}
.auth_login_popup_user-name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 8px 0 0;
  color: var(--color_secondary);
  font-size: 12px;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign .auth_login_popup_user-name {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  max-height: 36px;
  margin: 8px 15% 0;
  color: var(--color_secondary);
  font-size: 12px;
  line-height: 18px;
  white-space: normal;
  text-align: center;
  text-overflow: ellipsis;
  word-break: break-word;
  word-spacing: 100vw;
}
.auth_login_popup_user-name.auth_login_popup_user-name-add2 {
  color: var(--color_orange);
}
.auth_login_popup_user-wrap.auth_login_popup___small3 {
  width: 108px;
}
.auth_login_popup_user-wrap.auth_login_popup___small3 .auth_login_popup_user-avatar-delete {
  right: 20px;
}
.auth_login_popup_animation {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--color_orange);
  box-shadow: 0 0 4px 4px var(--color_white), inset 0 0 4px 4px var(--color_white);
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 66px;
  margin: 0;
  padding: 12px;
  box-sizing: border-box;
  border: var(--delimiter_global);
  border-radius: 16px;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232:hover {
  background-color: var(--color_main-004);
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_user {
  flex: 1;
  order: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  max-height: 100%;
  padding: 0;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_user:hover {
  text-decoration: none;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_user-avatar,
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_user-avatar-add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0;
  font-size: 0;
  color: var(--color_main);
  background-color: var(--color_main-004);
  border-radius: 50%;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_user-name {
  margin: 0;
  color: var(--color_main);
  font-size: var(--fs-l);
  line-height: 21px;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_user-avatar-delete {
  position: static;
  border: none;
  background-color: transparent;
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_user-avatar-delete-icon {
  width: 12px;
  height: 12px;
  color: var(--color_secondary);
}
.auth_login_popup_user-wrap.auth_login_popup___redesign20232 .auth_login_popup_tooltip-main {
  position: static;
  order: 2;
}
/*# sourceMappingURL=auth-login-popup-3FFDHXSV.css.map */