/**
 * Всякие стили относящиеся к html, body и врапперу .b-page,
 * если такой случится.
 *
 */
html,
body,
#app {
  min-height: 100vh;
}
#app,
body,
.root {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
html:not(.m-mobile) body {
  cursor: default;
}
body {
  font-family: var(--typography-font-family);
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  background: var(--color-bg-default);
  color: var(--color-mg-typo-primary);
}
html.no-scroll body {
  overflow: hidden;
}
.no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ns-view-hidden.ns-view-pseudo-hidden {
  display: block !important;
  position: absolute;
  left: -9999%;
  z-index: -999;
}
.ns-view-hidden.ns-view-pseudo-hidden .nb-layer_type_listing:before,
.ns-view-hidden.ns-view-pseudo-hidden .nb-layer_type_listing:after {
  display: none;
}
wbr:after {
  content: "\200B";
}
._nb-popup,
.ui-front,
.ui-tooltip {
  z-index: 22001;
}
.nb-paranja {
  z-index: 22000;
}
._nb-modal-dropzone {
  z-index: 22020;
}
html.touch-dv-in-docs .YndxBug {
  bottom: 70px;
}

@font-face {
    font-family: 'YS Text';
    src: url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-regular.woff2') format("woff2"),
    url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-regular.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src: url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-medium.woff2') format("woff2"),
    url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-medium.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src: url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-bold.woff2') format("woff2"),
    url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-bold.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text Medium';
    src: url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-medium.woff2') format("woff2"),
    url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-medium.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text Bold';
    src: url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-bold.woff2') format("woff2"),
    url('//yastatic.net/s3/psf/mg-theme/fonts/YS Text/text-bold.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

body {
  font-family: "YS Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nb-update-browser {
  overflow: hidden;
  position: relative;
  height: 205px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #1a1a1a url(/s3/disk/_/bf23bfb4a3daaad6d2db.jpg);
}
.nb-update-browser_fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}
.nb-update-browser__body {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 205px;
  margin-top: -103px;
}
.nb-update-browser__i {
  position: relative;
  margin: 0;
  height: 100%;
  width: 100%;
  border-collapse: collapse;
}
.nb-update-browser__i_glow {
  background: url(/s3/disk/_/4ee5793f76908c6d0c5f.jpg) no-repeat 50% 50%;
}
.nb-update-browser__title {
  display: block;
  font-size: 22px;
  line-height: 27px;
}
.nb-update-browser__title a {
  color: #fff;
}
.nb-update-browser__td {
  padding: 12px 20px 0;
}
.nb-update-browser__side {
  width: 80px;
  vertical-align: middle;
}
.nb-update-browser__browsers {
  text-align: center;
}
.nb-update-browser__browsers__grid {
  margin: 0 auto;
}
.nb-update-browser__browsers__grid__cell {
  padding: 3px 0;
}
.nb-update-browser__browser {
  display: block;
  margin: 0 20px 0 45px;
  color: #fff;
}
.nb-update-browser__browser_main_yandex,
.nb-update-browser__browser_main_yandex:hover {
  display: block;
  width: 187px;
  height: 70px;
  margin: 0 auto 10px;
  padding: 22px 0 0 75px;
  color: #000;
  text-decoration: none;
  background: url(/s3/disk/_/3bc6e2720038a1c3297f.png) 0 0 no-repeat;
}
.nb-update-browser__browser_main_firefox {
  width: 94px;
  padding-top: 107px;
  margin: 0 auto 10px;
  background: url(/s3/disk/_/3bc6e2720038a1c3297f.png) -272px 0 no-repeat;
}
.nb-update-browser__ico {
  float: left;
  height: 20px;
  width: 20px;
  margin: 2px 5px 0 0;
  background: url(/s3/disk/_/3bc6e2720038a1c3297f.png) no-repeat;
}
.nb-update-browser__ico_firefox {
  background-position: 0 -98px;
}
.nb-update-browser__ico_opera {
  background-position: -27px -98px;
}
.nb-update-browser__ico_ie {
  background-position: -57px -98px;
}