@charset "UTF-8";
#bundle-index, #bundle-mobile-app {
  /* icon logo */
  /* social */
  /**
   * Ширина блока по сетке
   */
  /**
   * Устанавливает отступ по сетке
   */
  /**
   * Выравнивает блок по сетке
   */
  /**
   * Устанавливает грид-контейнер и его ширину
   */
  /**
   * Layout
   */
  /**
   * Helpers
   */
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}
#bundle-index .fade-enter, #bundle-index .fade-appear, #bundle-mobile-app .fade-enter, #bundle-mobile-app .fade-appear {
  opacity: 0.01;
}
#bundle-index .fade-enter-active, #bundle-index .fade-enter-done, #bundle-index .fade-appear-active, #bundle-index .fade-appear-done, #bundle-mobile-app .fade-enter-active, #bundle-mobile-app .fade-enter-done, #bundle-mobile-app .fade-appear-active, #bundle-mobile-app .fade-appear-done {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 1;
}
#bundle-index .fade-exit, #bundle-mobile-app .fade-exit {
  opacity: 1;
}
#bundle-index .fade-exit-active, #bundle-mobile-app .fade-exit-active {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 0.01;
}
#bundle-index .scale-fade-enter, #bundle-mobile-app .scale-fade-enter {
  transform: scale(0.01);
  opacity: 0;
}
#bundle-index .scale-fade-enter-active, #bundle-mobile-app .scale-fade-enter-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(1);
  opacity: 1;
}
#bundle-index .scale-fade-exit, #bundle-mobile-app .scale-fade-exit {
  transform: scale(1);
  opacity: 1;
}
#bundle-index .scale-fade-exit-active, #bundle-mobile-app .scale-fade-exit-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(0.01);
  opacity: 0;
}
#bundle-index .fade-slide-up-enter, #bundle-mobile-app .fade-slide-up-enter {
  transform: translateY(15%);
  opacity: 0.01;
}
#bundle-index .fade-slide-up-enter-active, #bundle-mobile-app .fade-slide-up-enter-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: none;
  opacity: 1;
}
#bundle-index .fade-slide-up-exit, #bundle-mobile-app .fade-slide-up-exit {
  transform: none;
  opacity: 1;
}
#bundle-index .fade-slide-up-exit-active, #bundle-mobile-app .fade-slide-up-exit-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: translateY(15%);
  opacity: 0.01;
}
#bundle-index .slide-right-enter, #bundle-index .slide-right-exit-active, #bundle-mobile-app .slide-right-enter, #bundle-mobile-app .slide-right-exit-active {
  transform: translateX(-100%);
}
#bundle-index .slide-left-enter, #bundle-index .slide-left-exit-active, #bundle-mobile-app .slide-left-enter, #bundle-mobile-app .slide-left-exit-active {
  transform: translateX(100%);
}
#bundle-index .slide-right-enter, #bundle-index .slide-right-exit, #bundle-index .slide-right-enter-active, #bundle-index .slide-right-exit-active,
#bundle-index .slide-left-enter,
#bundle-index .slide-left-exit,
#bundle-index .slide-left-enter-active,
#bundle-index .slide-left-exit-active, #bundle-mobile-app .slide-right-enter, #bundle-mobile-app .slide-right-exit, #bundle-mobile-app .slide-right-enter-active, #bundle-mobile-app .slide-right-exit-active,
#bundle-mobile-app .slide-left-enter,
#bundle-mobile-app .slide-left-exit,
#bundle-mobile-app .slide-left-enter-active,
#bundle-mobile-app .slide-left-exit-active {
  will-change: transform;
}
#bundle-index .slide-right-enter-active,
#bundle-index .slide-left-enter-active, #bundle-mobile-app .slide-right-enter-active,
#bundle-mobile-app .slide-left-enter-active {
  transition: transform 0.65s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.1s;
  transform: translateX(0);
}
#bundle-index .slide-right-exit,
#bundle-index .slide-left-exit, #bundle-mobile-app .slide-right-exit,
#bundle-mobile-app .slide-left-exit {
  transform: translateX(0);
}
@keyframes shake {
  12.5% {
    transform: translateX(12px);
  }
  25% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(0);
  }
  62.5% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(0);
  }
  87.5% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes placeholder-animation {
  0% {
    background-position: 0 50%;
  }
  65% {
    background-position: 0 50%;
  }
  100% {
    background-position: 1400px 50%;
  }
}
#bundle-index .cookie-message, #bundle-mobile-app .cookie-message {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 0;
  width: 100vw;
  padding: 0 var(--page-horizontal-paddings, 32px);
  background-color: #000;
  line-height: 20px;
}
#bundle-index .cookie-message__wrapper, #bundle-mobile-app .cookie-message__wrapper {
  display: flex;
  max-width: var(--page-width, 100%);
  justify-content: space-between;
  margin: 0 auto;
}
#bundle-index .cookie-message__content, #bundle-mobile-app .cookie-message__content {
  padding: var(--size-xs, 20px) 0;
  color: #fff;
  font: var(--font-caption, 14px/1.2em Suisse, Arial, Helvetica, sans-serif);
}
#bundle-index .cookie-message__link, #bundle-mobile-app .cookie-message__link {
  color: #fff;
}
#bundle-index .cookie-message__cross-container, #bundle-mobile-app .cookie-message__cross-container {
  cursor: pointer;
}
#bundle-index .cookie-message__cross-icon, #bundle-mobile-app .cookie-message__cross-icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-bottom: -4px;
  margin-left: 16px;
  cursor: pointer;
  color: #fff;
}
@charset "UTF-8";
#bundle-index, #bundle-mobile-app {
  /* icon logo */
  /* social */
  /**
   * Ширина блока по сетке
   */
  /**
   * Устанавливает отступ по сетке
   */
  /**
   * Выравнивает блок по сетке
   */
  /**
   * Устанавливает грид-контейнер и его ширину
   */
  /**
   * Layout
   */
  /**
   * Helpers
   */
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}
#bundle-index .fade-enter, #bundle-index .fade-appear, #bundle-mobile-app .fade-enter, #bundle-mobile-app .fade-appear {
  opacity: 0.01;
}
#bundle-index .fade-enter-active, #bundle-index .fade-enter-done, #bundle-index .fade-appear-active, #bundle-index .fade-appear-done, #bundle-mobile-app .fade-enter-active, #bundle-mobile-app .fade-enter-done, #bundle-mobile-app .fade-appear-active, #bundle-mobile-app .fade-appear-done {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 1;
}
#bundle-index .fade-exit, #bundle-mobile-app .fade-exit {
  opacity: 1;
}
#bundle-index .fade-exit-active, #bundle-mobile-app .fade-exit-active {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 0.01;
}
#bundle-index .scale-fade-enter, #bundle-mobile-app .scale-fade-enter {
  transform: scale(0.01);
  opacity: 0;
}
#bundle-index .scale-fade-enter-active, #bundle-mobile-app .scale-fade-enter-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(1);
  opacity: 1;
}
#bundle-index .scale-fade-exit, #bundle-mobile-app .scale-fade-exit {
  transform: scale(1);
  opacity: 1;
}
#bundle-index .scale-fade-exit-active, #bundle-mobile-app .scale-fade-exit-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(0.01);
  opacity: 0;
}
#bundle-index .fade-slide-up-enter, #bundle-mobile-app .fade-slide-up-enter {
  transform: translateY(15%);
  opacity: 0.01;
}
#bundle-index .fade-slide-up-enter-active, #bundle-mobile-app .fade-slide-up-enter-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: none;
  opacity: 1;
}
#bundle-index .fade-slide-up-exit, #bundle-mobile-app .fade-slide-up-exit {
  transform: none;
  opacity: 1;
}
#bundle-index .fade-slide-up-exit-active, #bundle-mobile-app .fade-slide-up-exit-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: translateY(15%);
  opacity: 0.01;
}
#bundle-index .slide-right-enter, #bundle-index .slide-right-exit-active, #bundle-mobile-app .slide-right-enter, #bundle-mobile-app .slide-right-exit-active {
  transform: translateX(-100%);
}
#bundle-index .slide-left-enter, #bundle-index .slide-left-exit-active, #bundle-mobile-app .slide-left-enter, #bundle-mobile-app .slide-left-exit-active {
  transform: translateX(100%);
}
#bundle-index .slide-right-enter, #bundle-index .slide-right-exit, #bundle-index .slide-right-enter-active, #bundle-index .slide-right-exit-active,
#bundle-index .slide-left-enter,
#bundle-index .slide-left-exit,
#bundle-index .slide-left-enter-active,
#bundle-index .slide-left-exit-active, #bundle-mobile-app .slide-right-enter, #bundle-mobile-app .slide-right-exit, #bundle-mobile-app .slide-right-enter-active, #bundle-mobile-app .slide-right-exit-active,
#bundle-mobile-app .slide-left-enter,
#bundle-mobile-app .slide-left-exit,
#bundle-mobile-app .slide-left-enter-active,
#bundle-mobile-app .slide-left-exit-active {
  will-change: transform;
}
#bundle-index .slide-right-enter-active,
#bundle-index .slide-left-enter-active, #bundle-mobile-app .slide-right-enter-active,
#bundle-mobile-app .slide-left-enter-active {
  transition: transform 0.65s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.1s;
  transform: translateX(0);
}
#bundle-index .slide-right-exit,
#bundle-index .slide-left-exit, #bundle-mobile-app .slide-right-exit,
#bundle-mobile-app .slide-left-exit {
  transform: translateX(0);
}
@keyframes shake {
  12.5% {
    transform: translateX(12px);
  }
  25% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(0);
  }
  62.5% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(0);
  }
  87.5% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes placeholder-animation {
  0% {
    background-position: 0 50%;
  }
  65% {
    background-position: 0 50%;
  }
  100% {
    background-position: 1400px 50%;
  }
}
#bundle-index .landing-page, #bundle-mobile-app .landing-page {
  font: var(--font-body);
}
#bundle-index .landing-page,
#bundle-index .landing-page *, #bundle-mobile-app .landing-page,
#bundle-mobile-app .landing-page * {
  box-sizing: border-box;
}
#bundle-index .landing-page__spinner-container, #bundle-mobile-app .landing-page__spinner-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#bundle-index .fast-appearance-transition-enter, #bundle-mobile-app .fast-appearance-transition-enter {
  transform: translateY(20px);
  opacity: 0.01;
}
#bundle-index .fast-appearance-transition-enter-active, #bundle-mobile-app .fast-appearance-transition-enter-active {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transform: none;
  opacity: 1;
}
#bundle-index .fast-appearance-transition-exit, #bundle-mobile-app .fast-appearance-transition-exit {
  transform: none;
  opacity: 1;
}
#bundle-index .fast-appearance-transition-exit-active, #bundle-mobile-app .fast-appearance-transition-exit-active {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transform: translateY(20px);
  opacity: 0.01;
}
#bundle-index .appearance-transition-enter, #bundle-mobile-app .appearance-transition-enter {
  transform: translateY(20px);
  opacity: 0.01;
}
#bundle-index .appearance-transition-enter-active, #bundle-mobile-app .appearance-transition-enter-active {
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transform: none;
  opacity: 1;
}
#bundle-index .appearance-transition-exit, #bundle-mobile-app .appearance-transition-exit {
  transform: none;
  opacity: 1;
}
#bundle-index .appearance-transition-exit-active, #bundle-mobile-app .appearance-transition-exit-active {
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transform: translateY(20px);
  opacity: 0.01;
}
@charset "UTF-8";
#bundle-index, #bundle-mobile-app {
  /* icon logo */
  /* social */
  /**
   * Ширина блока по сетке
   */
  /**
   * Устанавливает отступ по сетке
   */
  /**
   * Выравнивает блок по сетке
   */
  /**
   * Устанавливает грид-контейнер и его ширину
   */
  /**
   * Layout
   */
  /**
   * Helpers
   */
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}
#bundle-index .fade-enter, #bundle-index .fade-appear, #bundle-mobile-app .fade-enter, #bundle-mobile-app .fade-appear {
  opacity: 0.01;
}
#bundle-index .fade-enter-active, #bundle-index .fade-enter-done, #bundle-index .fade-appear-active, #bundle-index .fade-appear-done, #bundle-mobile-app .fade-enter-active, #bundle-mobile-app .fade-enter-done, #bundle-mobile-app .fade-appear-active, #bundle-mobile-app .fade-appear-done {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 1;
}
#bundle-index .fade-exit, #bundle-mobile-app .fade-exit {
  opacity: 1;
}
#bundle-index .fade-exit-active, #bundle-mobile-app .fade-exit-active {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 0.01;
}
#bundle-index .scale-fade-enter, #bundle-mobile-app .scale-fade-enter {
  transform: scale(0.01);
  opacity: 0;
}
#bundle-index .scale-fade-enter-active, #bundle-mobile-app .scale-fade-enter-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(1);
  opacity: 1;
}
#bundle-index .scale-fade-exit, #bundle-mobile-app .scale-fade-exit {
  transform: scale(1);
  opacity: 1;
}
#bundle-index .scale-fade-exit-active, #bundle-mobile-app .scale-fade-exit-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(0.01);
  opacity: 0;
}
#bundle-index .fade-slide-up-enter, #bundle-mobile-app .fade-slide-up-enter {
  transform: translateY(15%);
  opacity: 0.01;
}
#bundle-index .fade-slide-up-enter-active, #bundle-mobile-app .fade-slide-up-enter-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: none;
  opacity: 1;
}
#bundle-index .fade-slide-up-exit, #bundle-mobile-app .fade-slide-up-exit {
  transform: none;
  opacity: 1;
}
#bundle-index .fade-slide-up-exit-active, #bundle-mobile-app .fade-slide-up-exit-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: translateY(15%);
  opacity: 0.01;
}
#bundle-index .slide-right-enter, #bundle-index .slide-right-exit-active, #bundle-mobile-app .slide-right-enter, #bundle-mobile-app .slide-right-exit-active {
  transform: translateX(-100%);
}
#bundle-index .slide-left-enter, #bundle-index .slide-left-exit-active, #bundle-mobile-app .slide-left-enter, #bundle-mobile-app .slide-left-exit-active {
  transform: translateX(100%);
}
#bundle-index .slide-right-enter, #bundle-index .slide-right-exit, #bundle-index .slide-right-enter-active, #bundle-index .slide-right-exit-active,
#bundle-index .slide-left-enter,
#bundle-index .slide-left-exit,
#bundle-index .slide-left-enter-active,
#bundle-index .slide-left-exit-active, #bundle-mobile-app .slide-right-enter, #bundle-mobile-app .slide-right-exit, #bundle-mobile-app .slide-right-enter-active, #bundle-mobile-app .slide-right-exit-active,
#bundle-mobile-app .slide-left-enter,
#bundle-mobile-app .slide-left-exit,
#bundle-mobile-app .slide-left-enter-active,
#bundle-mobile-app .slide-left-exit-active {
  will-change: transform;
}
#bundle-index .slide-right-enter-active,
#bundle-index .slide-left-enter-active, #bundle-mobile-app .slide-right-enter-active,
#bundle-mobile-app .slide-left-enter-active {
  transition: transform 0.65s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.1s;
  transform: translateX(0);
}
#bundle-index .slide-right-exit,
#bundle-index .slide-left-exit, #bundle-mobile-app .slide-right-exit,
#bundle-mobile-app .slide-left-exit {
  transform: translateX(0);
}
@keyframes shake {
  12.5% {
    transform: translateX(12px);
  }
  25% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(0);
  }
  62.5% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(0);
  }
  87.5% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes placeholder-animation {
  0% {
    background-position: 0 50%;
  }
  65% {
    background-position: 0 50%;
  }
  100% {
    background-position: 1400px 50%;
  }
}
#bundle-index, #bundle-mobile-app {
  --font-h1: 500 60px/1.15em Suisse, Arial, Helvetica, sans-serif;
  --font-h2: 500 40px/1.15em Suisse, Arial, Helvetica, sans-serif;
  --font-h3: 30px/1.2em Suisse, Arial, Helvetica, sans-serif;
  --font-subtitle: 24px/1.33em Suisse, Arial, Helvetica, sans-serif;
  --font-body: 18px/1.45em Suisse, Arial, Helvetica, sans-serif;
  --font-caption: 14px/1.4em YS Text, Arial, Helvetica, sans-serif;
  --size-xxxs: 8px;
  --size-xxs: 16px;
  --size-xs: 20px;
  --size-s: 24px;
  --size-m: 32px;
  --size-l: 40px;
  --size-xl: 48px;
  --size-xxl: 64px;
  --size-xxxl: 80px;
  --grid-gap: 0;
  --grid-columns-count: 14;
  --grid-thin-column-size: 6;
  --grid-wide-column-size: 8;
  --page-width: 1120px;
  --header-height: 80px;
  --page-horizontal-paddings: 64px;
  --section-vertical-paddings: 120px;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1024px) {
  #bundle-index, #bundle-mobile-app {
    --font-h1: 500 48px/1.15em Suisse, Arial, Helvetica, sans-serif;
    --font-h2: 500 32px/1.125em Suisse, Arial, Helvetica, sans-serif;
    --font-h3: 24px/1.25em Suisse, Arial, Helvetica, sans-serif;
    --font-body: 16px/1.5em Suisse, Arial, Helvetica, sans-serif;
    --size-xxxs: 8px;
    --size-xxs: 8px;
    --size-xs: 16px;
    --size-s: 16px;
    --size-m: 32px;
    --size-l: 32px;
    --size-xl: 40px;
    --size-xxl: 48px;
    --size-xxxl: 64px;
    --grid-thin-column-size: 7;
    --grid-wide-column-size: 7;
    --section-vertical-paddings: 80px;
  }
}
@media screen and (max-width: 767px) {
  #bundle-index, #bundle-mobile-app {
    --font-subtitle: 20px/1.3em Suisse, Arial, Helvetica, sans-serif;
    --page-horizontal-paddings: 48px;
    --section-vertical-paddings: 64px;
  }
  #bundle-index .skills-modal, #bundle-mobile-app .skills-modal {
    overflow: auto;
  }
}
@media screen and (max-width: 666px) {
  #bundle-index, #bundle-mobile-app {
    --font-h1: 500 32px/1.125em Suisse, Arial, Helvetica, sans-serif;
    --font-h3: 20px/1.3em Suisse, Arial, Helvetica, sans-serif;
    --font-subtitle: 18px/1.33em Suisse, Arial, Helvetica, sans-serif;
    --size-xxxs: 8px;
    --size-xxs: 8px;
    --size-xs: 8px;
    --size-s: 16px;
    --size-m: 24px;
    --size-l: 24px;
    --size-xl: 32px;
    --size-xxl: 32px;
    --size-xxxl: 48px;
    --page-horizontal-paddings: 16px;
  }
}
@media screen and (max-width: 320px) {
  #bundle-index, #bundle-mobile-app {
    --font-h2: 500 24px/1.125em Suisse, Arial, Helvetica, sans-serif;
  }
}

/*# sourceMappingURL=https://s3.mds.yandex.net/wirth-sourcemaps/v2.1440/build/index.build.css.map*/