*,
*::before,
*::after {
  box-sizing: border-box; }

body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed; }

ul[class],
ol[class] {
  list-style: none; }

a:not([class]) {
  text-decoration-skip-ink: auto; }

img {
  max-width: 100%;
  display: block; }

input,
button,
textarea,
select {
  font: inherit; }

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }
html {
  font-family: 'Rubik', sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

small {
  font-size: 0.75em; }

h1 {
  font-size: 2.5em;
  line-height: 1.1; }
  @media (min-width:  1024px){
    h1{
      font-size: 3.5em;
    }
  }
h2 {
  font-size: 2.5em;
  line-height: 1.2; }
  h2:not(:first-of-type) {
    margin-bottom: 2rem;
    margin-top: 4rem; }

h3 {
  font-size: 2em;
  line-height: 1.33;
  margin-bottom: 1.5rem; }
  h3:not(:first-of-type) {
    margin-top: 3rem; }

h4 {
  font-size: 1.5em;
  line-height: 1.33; }

h1, h2, h3, h4 {
  font-weight: 500; }

p {
  margin-bottom: 1em; }

b, strong {
  font-weight: 500; }

@media (max-width: 1023px){
  h3{
    font-size: 1.6rem;
  }
  h4{
    font-size: 1.3rem;
  }
  .tag{
    font-size: 0.9rem;
  }
}

a:not([class]),
.link {
  color: #1C64B0;
  text-decoration: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: linear-gradient(to right, #0479C6, #0479C6);
  background-size: 0% 1px;
  background-position-y: calc(100% - 0.3em);
  background-repeat: no-repeat;
  transition: background-size 150ms cubic-bezier(0.95, 0.91, 0.02, 0.91); }
  a:not([class]):hover, a:not([class]):focus, a:not([class]):active,
  .link:hover,
  .link:focus,
  .link:active {
    color: #2C9CE4;
    background-size: 100% 1px; }
  a:not([class]):visited,
  .link:visited {
    color: #819DBD; }

.link_const:visited {
  color: #0479C6; }

.tag {
  text-decoration: none;
  display: inline-block;
  color: #043C7B;
  padding: 0.375em 0.625em;
  background-color: #D4EAF7;
  border-radius: 0.375em;
  border: none;
  cursor: pointer;
  transition: color 150ms, background-color 150ms ease-out; }
  .tag:not(:last-child) {
    margin-right: 0.5em;
    margin-bottom: 0.5em; }
  .tag:hover {
    color: #FEFEFE;
    background-color: #2C9CE4; }

.button {
  background-color: #2C9CE4;
  color: #FEFEFE;
  font-size: 0.9rem;
  padding: 0.5em 1em;
  text-decoration: none;
  display: inline-block;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer; }
  .button_light {
    color: #043C7B;
    background-color: #D4EAF7; }
  .button_small {
    padding: 0.5em 1.5em; }
  .button_tiny{
    padding: 0.1em 0.75em;;
  }

.button-icon {
  color: #1C64B0;
  text-decoration: none; }
  .button-icon_link:hover {
    color: #2C9CE4; }
  .button-icon__icon {
    vertical-align: middle;
    margin-right: 0.5rem;
    font-size: 1.5rem; }
  .button-icon__text {
    vertical-align: middle; }

  @media (min-width: 1024px) {
    .button{
      padding: 1em 2em;
      font-size: 1rem;
    }
    .button_tiny{
      padding: 0.1em 0.75em;;
    }

  }

.button-close {
  border: none;
  padding: 0;
  font-size: 1.5rem;
  padding: 0.25rem;
  cursor: pointer;
  color: #043C7B;
  margin-left: calc(100% - 2rem);
  background-color: transparent; }

.closing-container {
  position: relative;
  padding-right: 3rem; }
  .closing-container > .button-close {
    margin-left: 0;
    position: absolute;
    right: 0.5rem; }
  .closing-container > .button-close_middle {
    top: calc(50% - 1rem); }

@media (min-width: 768px) {
  .half-width_desktop {
    width: 50%; } }

.badge {
  display: inline-block;
  padding: 0.5em 1.5em;
  border-radius: 0.25rem;
  color: #FEFEFE; }
  .badge_short {
    padding: 0.25rem 0.5rem; }
  .badge_primary {
    background-color: #2C9CE4; }
  .badge_danger {
    background-color: #FD5454; }
  .badge_success {
    background-color: #61b561; }

@font-face {
  font-family: 'icons';
  src: url("/bitrix/templates/2019/assets/fonts/icons/icons.eot?loris1");
  src: url("/bitrix/templates/2019/assets/fonts/icons/icons.eot?loris1#iefix") format("embedded-opentype"), url("/bitrix/templates/2019/assets/fonts/icons/icons.ttf?loris1") format("truetype"), url("/bitrix/templates/2019/assets/fonts/icons/icons.woff?loris1") format("woff"), url("/bitrix/templates/2019/assets/fonts/icons/icons.svg?loris1#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down:before {
  content: "\e900"; }

.icon-bell:before {
  content: "\e901"; }

.icon-chevron-down:before {
  content: "\e902"; }

.icon-download:before {
  content: "\e903"; }

.icon-eye:before {
  content: "\e904"; }

.icon-file-text:before {
  content: "\e905"; }

.icon-list:before {
  content: "\e906"; }

.icon-log-in:before {
  content: "\e907"; }

.icon-menu:before {
  content: "\e908"; }

.icon-minus:before {
  content: "\e909"; }

.icon-plus:before {
  content: "\e90a"; }

.icon-search:before {
  content: "\e90b"; }

.icon-user:before {
  content: "\e90c"; }

.icon-x:before {
  content: "\e90d"; }

.radio {
  display: block;
  position: relative;
  padding-left: 1.75rem;
  cursor: pointer;
  user-select: none; }
  .radio > input[type="radio"] {
    display: block;
    color: #1C64B0;
    width: 1rem;
    height: 1rem;
    border: 0.125rem solid currentColor;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%231C64B0'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0 0;
    transition: background-size 0.2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    margin: 0; }
  .radio > input[type="radio"]:checked {
    background-size: 50% 50%; }

.checkbox {
  display: block;
  position: relative;
  padding-left: 1.75rem;
  cursor: pointer;
  user-select: none; }
  .checkbox > input[type="checkbox"] {
    display: block;
    color: #1C64B0;
    width: 1rem;
    height: 1rem;
    border: 0.125rem solid currentColor;
    border-radius: 0.125rem;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L9 1' stroke='%231C64B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    margin: 0; }
  .checkbox > input[type="checkbox"]:checked {
    background-size: 0.625rem 0.625rem; }

.input {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 0.125rem solid #1C64B0;
  padding: 0.25em 0;
  color: currentColor;
  background-color: transparent; }
  .input_inline {
    display: inline-block;
    width: auto; }
  .input_light {
    border-color: #E2EBE3; }
  @media (min-width: 768px) {
    .input_half-width {
      width: 50%; } }

.textarea {
  display: block;
  width: 100%;
  resize: vertical;
  background-color: transparent;
  border: none;
  border-bottom: 0.125rem solid #1C64B0;
  padding: 0.25em 0;
  color: currentColor;
  outline: none; }
  .textarea_auto-expanded {
    overflow-y: hidden;
    resize: none; }

.select {
  display: block;
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 0.125rem solid #1C64B0;
  padding: 0.25em 0;
  padding-right: 1rem;
  color: currentColor;
  background-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5l4-4H1l4 4z' stroke='%231C64B0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.75rem 0.75rem; }
  .select::-ms-expand {
    display: none; }

.form-group {
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1.75em; }
  .form-group__legend {
    padding: 0;
    margin-bottom: 1em;
    font-weight: 500; }
  .form-group__item {
    max-height: 5rem;
    transition: max-height 0.2s ease-in, opacity 0.2s 0.2s ease-in-out; }
  .form-group__item:not(:last-child) {
    margin-bottom: 0.75em; }
  .form-group__sub {
    max-height: 20rem;
    padding-left: 1.75em;
    margin: 1.25em 0; }
  .form-group__sub-legend {
    display: block;
    margin-left: -1.75em;
    margin-bottom: 0.75em; }
  .form-group__item_checked ~ * {
    transition-duration: 0.2s, 0.2s, 0.2s;
    transition-timing-function: ease-in-out;
    transition-property: opacity, margin, max-height;
    transition-delay: 0s, 0.2s, 0.2s;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    margin: 0 !important; }

.form-field {
  display: block; }
  .form-field:not(:last-child) {
    margin-bottom: 1.5rem; }
  .form-field__label {
    color: #77837C;
    display: block;
    margin: 0.5rem 0; }
  .form-field__label.input {
    color: #2D302E;
    margin-bottom: 0.75rem; }
  @media (min-width: 768px) {
    .form-field_inline {
      display: inline-block;
      margin-right: 4rem; } }

.bsi-standard-table {
  border-spacing: 1rem 0; }
  .bsi-standard-table td {
    min-width: 4.5rem; }
  .bsi-standard-table td[rowspan] {
    min-width: 15rem;
    padding-left: 2.5rem;
    vertical-align: baseline; }

.body {
  background-color: #FEFEFE;
  max-width: 100vw;
  overflow-x: hidden;
  hyphens: auto;
  word-break: break-word; }
  @media (min-width: 768px) {
    .body {
      hyphens: initial;
      word-break: initial; } }

.desktop-header,
.page,
.footer {
  padding-left: 1em;
  padding-right: 1em;}
.desktop-header{
  position: relative;}
  @media (min-width: 768px) {
    .desktop-header,
    .page,
    .footer {
      padding-left: 2em;
      padding-right: 2em; } }
  @media (min-width: 1024px) {
    .desktop-header{
      position: static;
    }

  }
  @media (min-width: 1280px) {
    .desktop-header,
    .page,
    .footer {
      padding-left: calc(80px + 346.6666666667 * ((100vw - 1280px) / 1280));
      padding-right: calc(80px + 346.6666666667 * ((100vw - 1280px) / 1280)); } }

.page {
  color: #2D302E;
  margin-top: 2em; }
  .page__breadcrumb {
    margin-top: 2rem;
    margin-bottom: 3rem; }
  .page__section-title {
    line-height: 1;
    margin-bottom: 1rem;
    font-size: 2em;
    font-weight: 500;
    display: block; }
  .page__section-title ~ .page__title {
    font-weight: 400;
    color: #77837C;
    font-size: 1.5em; }
  .page__title {
    line-height: 1.1;
    margin-bottom: 3rem; }
  .page__layout {
    display: flex;
    flex-direction: column-reverse; }
    @media (min-width: 1024px) {
      .page__section-title {
        font-size: 3.5em;
      }
      .page__section-title ~ .page__title {
        font-size: 2.5em;
      }
      .page__layout {
        flex-direction: row; } }
  .page__main {
    width: 100%; }
  .page__sidebar {
    display: flex;
    flex-direction: column-reverse; }
    @media (min-width: 1024px) {
      .page__sidebar {
        display: block;
        width: calc((100% * 4 / 12) - 0.5em);
        padding-right: calc((100% * 1 / 12) - 0.5em); } }
  @media (min-width: 1024px) {
    .page__sidebar + .page__main {
      width: calc((100% * 8 / 12) - 0.5em); } }

.desktop-header {
  display: flex;
  flex-wrap: wrap;
  color: #5E8BA1; }
  .desktop-header__logo {
    padding: 1.25em 0;
    display: flex; }
    .desktop-header__logo img {
      width: auto;
      max-width: none;
      margin: auto; }
  @media (max-width: 1023px) {
    .desktop-header__logo {
      width: 218px;
      max-width: 41%;
    }
      .desktop-header__logo img {
        width: 100%;
        height: auto;
      }
    .popover__content  .button-icon__text{
      display: inline;
    }
  }
  @media (max-width: 767px) {
    .desktop-header .button-icon__text{
      display: none;
    }
  }
  .desktop-header a {
    text-decoration: none;
    color: inherit; }
  .desktop-header__controls {
    align-self: center;
    margin-left: auto;
    display: flex;
    align-items: center; }
    .desktop-header__controls > :not(:last-child) {
      margin-right: 3rem; }
  .desktop-header__nav {
    width: 100%;
    border-top: 1px solid #ECEDEE; }
    @media (max-width: 1023px) {
      .controls__submit{
        display: none;
      }
    }

.app > h1.app__title{
  font-size: 3.5rem;
}
  @media (max-width: 1023px) {
    .app > h1.app__title{
      font-size: 2.5rem;
    }
    .app > .app__route-title{
      font-size: 1.5em;
    }
    .app > .app__sidebar, 
    .app > .app__content {
      width: 100%;
    }
    .sidebar{
      margin-bottom: 2rem;
    }
  }

.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

  .footer__copyright{
    width: calc(100% - 80px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.85rem;
    line-height: 1.2;
    padding-right: 0.7rem;
  }
  .footer__logo, .footer__text {
    display: inline-block;
    vertical-align: middle; }
  .footer__logo {
    margin-right: 0.5rem;
    width: auto;
    height: 1.5rem; }
  @media (min-width:  1024px){
    .footer__copyright{
      width: auto;
      font-size: 1rem;
    }
    .footer__logo {
      margin-right: 1rem;
      height: 2.5rem; 
    }
  }

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .nav__item {
    padding: 0.5em 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative; }
  .nav__item:not(:last-child) {}
  .nav__item:hover {
    color: #1C64B0; }
      .nav .controls__submit{
        display: none;
      }

    @media (max-width: 1919px) {
      .nav {
          justify-content: space-between;
      }
      .nav__item,
      .nav__item:not(:last-child) {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0; }

  }
  @media (max-width: 1023px) {
    .desktop-header__nav{
      height: 100vh;
      position: fixed;
      padding: 5rem 2em;
      right: -100vw;
      top: 0;
      z-index: 9999;
      opacity: 0;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: all .8s ease;
      transition: all .8s ease;
      background: #043C7B url(/bitrix/templates/2019/assets/svg/logo-ru--white.svg) no-repeat 2rem 1.5rem;
      background-size: 218px;
    }
    .lang--en .desktop-header__nav{
      background-image: url(/bitrix/templates/2019/assets/svg/logo-en--white.svg);
    }
      .menu-open .desktop-header__nav{
        opacity: 1;
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
      }
      .nav{
        justify-content: start;
      }
      .nav .controls__submit{
        margin-top: 2rem;
        display: inline-block;
      }

  }
  @media (max-width: 767px) {
    .desktop-header__nav{
      background-size: calc( (100% - 4rem) * .41);
    }
  }

.menu-btn{
  align-self: center;
  margin-left: auto;
  align-items: center;
}
    .menu-btn .bar{
      width:  24px;
      height: 2px;
      display: block;
      border-radius: 2px;
      margin-bottom: 5px;
      background: #043C7B;
    }
    .menu-close-btn{
      color: #fff;
      position: absolute;
      top: 1.4rem;
      right: 1.55rem;
    }
  @media (min-width: 1024px) {
    .menu-btn{
      display: none;
    }
    .menu-close-btn{
      display: none;
    }
  }


.controls {
  padding: 1.25em 0; }
  .controls__submit {
    padding: 0.75em 1.5em;
    color: #FEFEFE !important;
    background: #2C9CE4;
    border-radius: 3em; }

.dropdown-menu {
  display: inline-block;
  position: relative;
  border-radius: 0.25em 0.25em 0 0;
  padding: 0.5em 1.5em; }
  .dropdown-menu__title {
    color: inherit;
    position: relative;
    z-index: 8;
    letter-spacing: 0.345px; }
  .dropdown-menu:hover {
    background-color: #2C9CE4;
    color: #EFF2F9;
    box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px -4px rgba(0, 0, 0, 0.2);
    z-index: 200; }
  .dropdown-menu:hover .dropdown-menu__title {
    font-weight: 500;
    letter-spacing: 0;
    color: #EFF2F9; }
  .dropdown-menu:hover:before {
    content: "";
    background-color: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: inherit;
    bottom: 0;
    z-index: 6; }
  .dropdown-menu__menu {
    display: none;
    padding: 0;
    list-style: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 35vw;
    max-width: 35ch;
    background-color: #2C9CE4;
    color: #EFF2F9;
    border-radius: 0.25em 0 0.25em 0.25em;
    box-shadow: inherit;
    z-index: 4; }
  .dropdown-menu:hover .dropdown-menu__menu {
    display: block; }
  .dropdown-menu__item {
    display: block;
    padding: 0.5em 1em; }
  .dropdown-menu__item:first-child {
    padding-top: 1em;
    border-radius: 0.25em 0 0 0; }
  .dropdown-menu__item:last-child {
    padding-bottom: 1em;
    border-radius: 0 0 0.25em 0.25em; }
  .dropdown-menu__item:hover {
    background-color: rgba(95, 170, 216, 0.53); }

  @media (max-width: 1023px) {
        .nav__item{
          width: 100%;
          padding: 0;
          margin: 0 0 1.5em !important;
          line-height: 1.2;
          position: relative;
        }
      .desktop-header__controls > :not(:last-child){
        margin-right: 1.5rem;
      }
      .dropdown-menu__title,
      .nav a{
        font-size: 0.9rem;
        color: #D4EAF7;
      }
      .dropdown-menu:hover{
        background: transparent;
        box-shadow:  none;
      }
      .dropdown-menu__menu{
        width: 100%;
        height: auto;
        max-height: 0;
        display: block;
        padding: 0;
        background: transparent;
        box-shadow:  none;
        position: relative;
        overflow: hidden;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
      }
      .dropdown-menu:hover .dropdown-menu__menu{
        max-height: 99rem;
      }
      .dropdown-menu:before{
        display: none;
      }
      .dropdown-menu__item:hover{
        background-color: inherit;
      }
  }
  @media (max-width: 767px) {   
    .desktop-header__controls > :not(:last-child){
      margin-right: 0;
    }
  }
.popover {
  display: inline-block;
  position: static; }
  .popover__target {
    color: inherit;
    position: relative;
    cursor: pointer;
    border: none;
    background-color: transparent; }
  .popover__content {
    position: absolute;
    padding: 0;
    width: calc(100% - 2rem);
    max-width: 35ch;
    left: -9999px;
    top: -9999px;
    border-radius: 0.25em;
    z-index: 200;
    background-color: #FEFEFE;
    transform: translateY(-25%);
    opacity: 0;
    transition-timing-function: cubic-bezier(0.16, 0.16, 0.51, 1.26);
    transition-property: transform, opacity, padding, width, max-height;
    transition-delay: 0s, 0s, 0.3s, 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s, 0s, 0s, 0s;
    color: inherit; }
  .popover_opened .popover__content {
    top: calc(100% + 1em);
    left: 1rem;
    padding: 1.5em 1em;
    transform: translateY(0);
    transition-timing-function: 0.4s cubic-bezier(0.16, 0.16, 0.51, 1.26);
    transition-property: transform, opacity;
    opacity: 1; }
  @media (min-width:  1023px){
    .popover {
      position: relative;
    }
      .popover__content {
        width: 35vw;
        max-width: 310px;
      }
      .popover_opened .popover__content {
        left: 0;
      }
  }

.user-controls__item {
  display: block;
  padding: 1em 0;
  border-bottom: 1px solid #E2EBE3; }
.user-controls__item:first-child {
  padding-top: 0; }
.user-controls__item:last-child {
  padding-bottom: 0;
  border-bottom: none; }

.shadow-2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
.shadow-4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
.shadow-6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
.shadow-8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
.shadow-12dp {
  box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px -4px rgba(0, 0, 0, 0.2); }

.user-initials {
  font-size: 1.1rem;
  display: inline-block;
  border: 1.5px solid;
  margin-right: 0.5rem;
  border-radius: 0.15em;
  position: relative; }
  .user-initials__initials {
    padding: 49% 0.25em;
    display: inline-block;
    height: 0;
    line-height: 0;
    letter-spacing: 0.05em; }
  .user-initials[data-notifications-count]:after {
    content: attr(data-notifications-count);
    display: inline-block;
    padding: 0 0.35em;
    height: 1.6em;
    min-width: 1.6em;
    border-radius: 10rem;
    background-color: #FD5454;
    color: #FEFEFE;
    border: 2px solid;
    right: 0;
    top: 0;
    position: absolute;
    transform: translate(50%, -50%);
    font-size: 0.9rem; }

/*# sourceMappingURL=template_styles.css.map */