.animated {
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.animated.bounceIn {
  animation-duration: 0.7s;
}
.animated.bounceOut {
  animation-duration: 0.5s;
}
.animated.bounceIn {
  animation-name: bounceIn;
}
.animated.bounceOut {
  animation-name: bounceOut;
}
.animated.fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.7s;
}
.animated.fadeOut {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.animated.bounceInDown {
  animation-name: bounceInDown;
}
.animated.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: perspective(1px) scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: perspective(1px) scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: perspective(1px) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: perspective(1px) scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: perspective(1px) scale3d(1, 1, 1);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.rrt-confirm-holder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
}
.rrt-confirm-holder .shadow {
  width: 100%;
  height: 100%;
  background-color: rgba(50, 58, 68, 0.8);
}
.rrt-confirm-holder .rrt-confirm {
  width: 320px;
  background-color: #fff;
  position: absolute;
  z-index: 9;
  top: 20%;
  left: 50%;
  margin-left: -160px;
  box-shadow: 3px 3px 20px #333;
  border-radius: 4px;
  overflow: hidden;
}
.rrt-confirm-holder .rrt-confirm .rrt-message {
  width: 100%;
  padding: 5%;
  min-height: 50px;
  font-size: 1em;
  background-color: #fff;
  text-align: center;
  font-family: "open-sanscondensed-light", sans-serif;
  clear: both;
}
.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder {
  display: flex;
}
.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button {
  flex-grow: 1;
  height: 50px;
  text-transform: capitalize;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0;
  float: left;
  border-top: 1px solid #f0f0f0;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
}
.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover {
  background-color: #f5f5f5;
}
.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active {
  background-color: #60bb71;
  color: #fff;
}
.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active {
  background-color: #db6a64;
  color: #fff;
}
.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus {
  outline: none;
}
body.toastr-confirm-active {
  overflow: hidden;
}
.redux-toastr *,
.redux-toastr *:before,
.redux-toastr *:after {
  box-sizing: border-box;
}
.redux-toastr .top-left,
.redux-toastr .top-right,
.redux-toastr .top-center,
.redux-toastr .bottom-left,
.redux-toastr .bottom-right,
.redux-toastr .bottom-center {
  width: 350px;
  position: fixed;
  z-index: 99999999;
  padding: 0 10px;
}
.redux-toastr .top-left,
.redux-toastr .top-right,
.redux-toastr .top-center {
  top: 0;
}
.redux-toastr .top-right,
.redux-toastr .bottom-right {
  right: 0;
}
.redux-toastr .bottom-left,
.redux-toastr .bottom-right,
.redux-toastr .bottom-center {
  bottom: 0;
}
.redux-toastr .top-left,
.redux-toastr .bottom-left {
  left: 0;
}
.redux-toastr .top-center,
.redux-toastr .bottom-center {
  left: 50%;
  margin-left: -175px;
}
@media (max-width: 320px) {
  .redux-toastr .top-left,
  .redux-toastr .top-right,
  .redux-toastr .top-center,
  .redux-toastr .bottom-left,
  .redux-toastr .bottom-right,
  .redux-toastr .bottom-center {
    width: 320px;
  }
  .redux-toastr .top-center,
  .redux-toastr .bottom-center {
    margin-left: -160px;
  }
}
.redux-toastr .toastr {
  background-color: #fcfcfc;
  width: 100%;
  min-height: 70px;
  overflow: hidden;
  margin: 10px 0;
  border-radius: 4px;
  position: relative;
  z-index: 2;
  color: #333;
  opacity: 0.94;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}
.redux-toastr .toastr:hover:not(.rrt-message) {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  opacity: 1;
}
.redux-toastr .toastr .toastr-status {
  width: 100%;
  height: 5px;
}
.redux-toastr .toastr .toastr-status.success {
  background-color: #60bb71;
}
.redux-toastr .toastr .toastr-status.warning {
  background-color: #f7a336;
}
.redux-toastr .toastr .toastr-status.info {
  background-color: #58abc3;
}
.redux-toastr .toastr .toastr-status.error {
  background-color: #db6a64;
}
.redux-toastr .toastr .rrt-left-container,
.redux-toastr .toastr .rrt-right-container {
  float: left;
  text-align: center;
  overflow: hidden;
}
.redux-toastr .toastr .rrt-left-container {
  width: 80px;
  top: 0;
  left: 0;
  position: absolute;
  bottom: 0;
}
.redux-toastr .toastr .rrt-left-container .rrt-holder {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: 5px;
  line-height: 60px;
}
.redux-toastr .toastr .rrt-left-container .toastr-icon {
  fill: #fff;
  vertical-align: middle;
  margin-top: 5px;
}
.redux-toastr .toastr .rrt-middle-container {
  width: 65%;
  margin-left: 80px;
  position: relative;
  float: left;
  font-family: Arial, Helvetica, sans-serif, sans-serif;
  font-size: 1em;
  text-align: left;
  padding: 10px 5px;
}
.redux-toastr .toastr .rrt-middle-container .rrt-title {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
}
.redux-toastr .toastr .rrt-right-container {
  width: 10%;
}
.redux-toastr .toastr .close-toastr {
  width: 10%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  font-size: 22px;
  border: none;
  outline: none;
  opacity: 0.5;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial sans-serif;
  color: #000;
}
.redux-toastr .toastr .close-toastr:hover {
  opacity: 1;
}
.redux-toastr .toastr .close-toastr:focus {
  outline: none;
}
.redux-toastr .toastr .close-toastr span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.redux-toastr .toastr.rrt-info,
.redux-toastr .toastr.rrt-success,
.redux-toastr .toastr.rrt-warning,
.redux-toastr .toastr.rrt-error {
  color: #fff;
}
.redux-toastr .toastr.rrt-info {
  background-color: #58abc3;
}
.redux-toastr .toastr.rrt-info .rrt-progressbar {
  background-color: #378298;
}
.redux-toastr .toastr.rrt-success {
  background-color: #60bb71;
}
.redux-toastr .toastr.rrt-success .rrt-progressbar {
  background-color: #3e914d;
}
.redux-toastr .toastr.rrt-warning {
  background-color: #f7a336;
}
.redux-toastr .toastr.rrt-warning .rrt-progressbar {
  background-color: #d87e09;
}
.redux-toastr .toastr.rrt-error {
  background-color: #db6a64;
}
.redux-toastr .toastr.rrt-error .rrt-progressbar {
  background-color: #c5352e;
}
.redux-toastr .toastr.rrt-light .rrt-progressbar {
  background-color: #ccc;
}
.redux-toastr .toastr.rrt-light .toastr-icon {
  fill: #333 !important;
}
.redux-toastr .toastr.rrt-message {
  opacity: 1;
  border: 1px solid #dbdbdb;
}
.redux-toastr .toastr.rrt-message .rrt-title {
  width: 90%;
  height: 50px;
  text-align: center;
  font-size: 1.2em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 50px;
  padding: 0 20px;
}
.redux-toastr .toastr.rrt-message .rrt-text {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fff;
  padding: 15px;
  font-size: 1.1em;
  margin-bottom: 20px;
}
.redux-toastr .toastr.rrt-message .rrt-text img {
  display: block;
  margin: 10px auto;
  max-width: 100%;
}
.redux-toastr .toastr.rrt-message .close-toastr {
  height: 50px;
}
.redux-toastr .toastr .rrt-progress-container {
  height: 5px;
  margin: 0 -20px -20px -60px;
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.redux-toastr .toastr .rrt-progress-container .rrt-progressbar {
  border-radius: 0 0 0 4px;
  height: 100%;
}
.redux-toastr .toastr-attention {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ui.popup {
  z-index: 10002;
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  svg g {
    filter: none !important;
  }
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  svg g {
    filter: none !important;
  }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  svg g {
    filter: none !important;
  }
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  svg g {
    filter: none !important;
  }
}
@media all and (-ms-high-contrast: none) {
  svg g {
    filter: none !important;
  }
}
@supports (-ms-ime-align:auto) {
  svg g {
    filter: none !important;
  }
}
.icon {
  display: inline-flex;
  align-items: center;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.icon svg {
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.icon .icon__svg {
  width: 100%;
  height: 100%;
  fill: #682048;
}
.icon .icon__svg:hover {
  fill: #905286;
}
.icon:hover {
  cursor: pointer;
}
.icon:hover.disabled {
  cursor: default;
}
.icon:hover.disabled svg {
  fill: #9a9a9a;
}
.icon.disabled svg {
  fill: #9a9a9a;
}
.icon.sk__logo--resident {
  width: 124px;
  height: 87px;
  background-size: contain;
  background-image: url(/assets/images/sk__logo--resident.jpg);
}
.icon.icon__logo {
  background-image: url(/assets/images/header_logo_color.svg);
}
.icon.icon__logo__mono {
  background-image: url(/assets/images/footer_logo_w.svg);
}
.icon.icon__placeholder {
  background-image: url(/assets/images/header_placeholder_bgr.svg);
}
.icon.icon__footer-info {
  background-image: url(/assets/images/footer_i_w.svg);
}
.icon.icon__footer-info--iverted {
  background-image: url(/assets/images/footer_i_w_inverted.svg);
}
.icon.icon__sort-asc {
  background-image: url(/assets/images/table_sort_p.svg);
  transition: none;
  transform: rotate(180deg);
}
.icon.icon__sort-desc {
  background-image: url(/assets/images/table_sort_p.svg);
  transition: none;
}
.icon.icon__loading--inline {
  background-image: url(/assets/images/loading_inline.gif);
}
.icon.icon__logo-ac {
  background-image: url(/assets/images/logo__ac.png);
}
.icon.icon__logo-rdm {
  background-image: url(/assets/images/logo__rdm.png);
}
.icon.icon__arrow-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.5101 15.02'%3E%3Cdefs/%3E%3Cpath fill='none' stroke='%23bdc7d8' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M7.5 14.01L1 7.51l6.5-6.5'/%3E%3C/svg%3E");
}
.icon.icon__arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.5101 15.02'%3E%3Cdefs/%3E%3Cpath fill='none' stroke='%23bdc7d8' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M1.0101 14.01l6.5-6.5-6.5-6.5'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.5101 15.02'%3E%3Cdefs/%3E%3Cpath fill='none' stroke='%23bdc7d8' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M7.5 14.01L1 7.51l6.5-6.5'/%3E%3C/svg%3E");
  position: absolute;
  top: calc(50% - 10px);
  left: 36px;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.5101 15.02'%3E%3Cdefs/%3E%3Cpath fill='none' stroke='%23bdc7d8' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M1.0101 14.01l6.5-6.5-6.5-6.5'/%3E%3C/svg%3E");
  position: absolute;
  top: calc(50% - 10px);
  right: 36px;
}
.image {
  display: inline-flex;
  align-items: center;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.image.image__project1 {
  background-image: url(/assets/images/project1.jpg);
}
.image.image__project2 {
  background-image: url(/assets/images/project2.jpg);
}
.image.image__project3 {
  background-image: url(/assets/images/project3.jpg);
}
.image.image__project4 {
  background-image: url(/assets/images/project4.jpg);
}
.image.image__project5 {
  background-image: url(/assets/images/project5.jpg);
}
.image.image__project6 {
  background-image: url(/assets/images/project6.jpg);
}
.image.image__project7 {
  background-image: url(/assets/images/project7.jpg);
}
.image.image__project8 {
  background-image: url(/assets/images/project8.jpg);
}
.show-on-map-icon .icon__map__db {
  cursor: pointer;
}
.icon-with-text {
  display: flex;
  align-items: center;
}
.icon-with-text .icon {
  margin-right: 4px;
  display: block;
}
.icon-with-text .text {
  height: 16px;
}
.toggle-up {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #682048;
}
.toggle-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #682048;
}
.toggle-right {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #682048;
}
.toggle-left {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #682048;
}
.icon-rotated {
  transform: rotate(180deg);
}
.icon-with-title {
  display: flex;
  align-items: center;
}
.icon-with-title div:first-of-type {
  margin-right: 4px;
}
.icon-card-yes-bgr::before {
  content: '\002B';
  color: #635c6c;
  font-size: 30px;
}
.icon-card-no-lg::before {
  content: '-';
  color: #d6d6d6;
  font-size: 30px;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  opacity: 1;
  transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
@keyframes fade-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-disappear {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slide-appear {
  from {
    transform: translateX(-200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-disappear {
  from {
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    transform: translateX(200px);
    opacity: 0;
  }
}
.slide-enter {
  position: absolute;
  transform: translate(100%);
}
.slide-enter.slide-enter-active {
  position: absolute;
  transform: translate(0%);
  transition: transform 1000ms ease-in-out;
}
.slide-leave {
  position: absolute;
  transform: translate(0%);
}
.slide-leave.slide-leave-active {
  position: absolute;
  transform: translate(-100%);
  transition: transform 1000ms ease-in-out;
}
.slide-back-enter {
  position: absolute;
  transform: translate(-100%);
}
.slide-back-enter.bg-back-enter-active {
  position: absolute;
  transform: translate(0%);
  transition: transform 1000ms ease-in-out;
}
.slide-back-leave {
  position: absolute;
  transform: translate(0%);
}
.slide-back-leave.bg-back-leave-active {
  position: absolute;
  transform: translate(0%);
  transition: transform 1000ms ease-in-out;
}
@keyframes rotation {
  100% {
    transform: rotate(360deg);
  }
}
.animation__header-menu-enter {
  opacity: 0;
  transform: translateY(-10%);
}
.animation__header-menu-enter-active {
  opacity: 1;
  transform: translateY(0%);
  transition: all 0.24s cubic-bezier(0.23, 1, 0.32, 1);
}
.animation__header-menu-exit {
  opacity: 1;
}
.animation__header-menu-exit-active {
  opacity: 0;
  transition: opacity 0.24s cubic-bezier(0.23, 1, 0.32, 1);
}
.card-nav-panel-enter {
  opacity: 0;
  transform: translateX(-20%);
}
.card-nav-panel-enter-active {
  opacity: 1;
  transform: translateX(0%);
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.card-nav-panel-exit {
  opacity: 1;
}
.card-nav-panel-exit-active {
  opacity: 0;
  transition: opacity 0.08s cubic-bezier(0.23, 1, 0.32, 1);
}
@keyframes header-logo-fade {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.728 31.728'%3E%3Cdefs/%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%233281d1' d='M30.844 17.25l-10.711 7.668a3.593 3.593 0 01-2.071.672 2.268 2.268 0 01-2.039-.92l-2.75-3.8a.451.451 0 01.461-.745l3.454 2.425a1.653 1.653 0 00.863.038 2.481 2.481 0 00.878-.384l8.868-6.385a1.044 1.044 0 00.4-.73 1.634 1.634 0 00-.223-1.031l-2.745-3.835a.456.456 0 01.018-.495.448.448 0 01.626-.1l4.855 3.479a2.352 2.352 0 01.381.359 2.519 2.519 0 01.3.439 2.882 2.882 0 01.126 2.365 2.608 2.608 0 01-.256.488l-.018.029a2.484 2.484 0 01-.341.4l-.075.064z'/%3E%3Cpath fill='%236e224c' d='M.883 14.478l10.716-7.669a3.6 3.6 0 012.072-.672 2.267 2.267 0 012.036.92l2.751 3.8a.456.456 0 01.107.459.451.451 0 01-.568.286l-3.458-2.424a1.649 1.649 0 00-.863-.038 2.46 2.46 0 00-.877.384l-8.87 6.385a1.043 1.043 0 00-.4.73 1.639 1.639 0 00.223 1.031l2.747 3.834a.455.455 0 01-.018.494.449.449 0 01-.627.1L.999 18.623a2.319 2.319 0 01-.38-.359 2.554 2.554 0 01-.3-.439 2.885 2.885 0 01-.126-2.365 2.692 2.692 0 01.256-.488l.019-.029a2.417 2.417 0 01.341-.4z'/%3E%3Cpath fill='%23034281' d='M17.25.883l7.669 10.716a3.6 3.6 0 01.672 2.072 2.266 2.266 0 01-.921 2.036l-3.8 2.75a.456.456 0 01-.46.107.45.45 0 01-.285-.568l2.424-3.454a1.635 1.635 0 00.038-.863 2.448 2.448 0 00-.384-.877L15.82 3.929a1.045 1.045 0 00-.73-.4 1.647 1.647 0 00-1.032.223l-3.834 2.747a.449.449 0 01-.6-.645L13.105.999a2.324 2.324 0 01.356-.383 2.524 2.524 0 01.439-.3 2.879 2.879 0 012.368-.117 2.557 2.557 0 01.487.255l.029.018a2.389 2.389 0 01.4.341l.064.075z'/%3E%3Cpath fill='%23d14f51' d='M14.478 30.843l-7.67-10.711a3.6 3.6 0 01-.672-2.072 2.267 2.267 0 01.921-2.038l3.8-2.75a.455.455 0 01.459-.107.45.45 0 01.286.567l-2.424 3.457a1.661 1.661 0 00-.038.863 2.463 2.463 0 00.384.878l6.384 8.867a1.043 1.043 0 00.731.4 1.643 1.643 0 001.032-.223l3.837-2.743a.448.448 0 01.6.644l-3.479 4.855a2.352 2.352 0 01-.359.381 2.518 2.518 0 01-.439.3 2.884 2.884 0 01-2.365.125 2.578 2.578 0 01-.487-.255l-.029-.018a2.45 2.45 0 01-.4-.341l-.063-.075z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  47% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.728 31.728'%3E%3Cdefs/%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%233281d1' d='M30.844 17.25l-10.711 7.668a3.593 3.593 0 01-2.071.672 2.268 2.268 0 01-2.039-.92l-2.75-3.8a.451.451 0 01.461-.745l3.454 2.425a1.653 1.653 0 00.863.038 2.481 2.481 0 00.878-.384l8.868-6.385a1.044 1.044 0 00.4-.73 1.634 1.634 0 00-.223-1.031l-2.745-3.835a.456.456 0 01.018-.495.448.448 0 01.626-.1l4.855 3.479a2.352 2.352 0 01.381.359 2.519 2.519 0 01.3.439 2.882 2.882 0 01.126 2.365 2.608 2.608 0 01-.256.488l-.018.029a2.484 2.484 0 01-.341.4l-.075.064z'/%3E%3Cpath fill='%236e224c' d='M.883 14.478l10.716-7.669a3.6 3.6 0 012.072-.672 2.267 2.267 0 012.036.92l2.751 3.8a.456.456 0 01.107.459.451.451 0 01-.568.286l-3.458-2.424a1.649 1.649 0 00-.863-.038 2.46 2.46 0 00-.877.384l-8.87 6.385a1.043 1.043 0 00-.4.73 1.639 1.639 0 00.223 1.031l2.747 3.834a.455.455 0 01-.018.494.449.449 0 01-.627.1L.999 18.623a2.319 2.319 0 01-.38-.359 2.554 2.554 0 01-.3-.439 2.885 2.885 0 01-.126-2.365 2.692 2.692 0 01.256-.488l.019-.029a2.417 2.417 0 01.341-.4z'/%3E%3Cpath fill='%23034281' d='M17.25.883l7.669 10.716a3.6 3.6 0 01.672 2.072 2.266 2.266 0 01-.921 2.036l-3.8 2.75a.456.456 0 01-.46.107.45.45 0 01-.285-.568l2.424-3.454a1.635 1.635 0 00.038-.863 2.448 2.448 0 00-.384-.877L15.82 3.929a1.045 1.045 0 00-.73-.4 1.647 1.647 0 00-1.032.223l-3.834 2.747a.449.449 0 01-.6-.645L13.105.999a2.324 2.324 0 01.356-.383 2.524 2.524 0 01.439-.3 2.879 2.879 0 012.368-.117 2.557 2.557 0 01.487.255l.029.018a2.389 2.389 0 01.4.341l.064.075z'/%3E%3Cpath fill='%23d14f51' d='M14.478 30.843l-7.67-10.711a3.6 3.6 0 01-.672-2.072 2.267 2.267 0 01.921-2.038l3.8-2.75a.455.455 0 01.459-.107.45.45 0 01.286.567l-2.424 3.457a1.661 1.661 0 00-.038.863 2.463 2.463 0 00.384.878l6.384 8.867a1.043 1.043 0 00.731.4 1.643 1.643 0 001.032-.223l3.837-2.743a.448.448 0 01.6.644l-3.479 4.855a2.352 2.352 0 01-.359.381 2.518 2.518 0 01-.439.3 2.884 2.884 0 01-2.365.125 2.578 2.578 0 01-.487-.255l-.029-.018a2.45 2.45 0 01-.4-.341l-.063-.075z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  53% {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.73 31.73'%3E%3Cdefs/%3E%3Cdefs%3E%3Cstyle%3E .c%7Bfill:%23364a73%7D %3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h31.73v31.73H0z'/%3E%3Cpath fill='%23d3537e' d='M19.945 9.282l-5.575 5.256a.09.09 0 00.013.14l3.764 2.194a.09.09 0 00.128-.051l1.812-7.438c.024-.101-.078-.165-.142-.101z'/%3E%3Cpath d='M13.86 15.571a.09.09 0 00-.128.051l-1.812 7.45a.082.082 0 00.14.077l5.576-5.26a.09.09 0 00-.013-.14z' class='c'/%3E%3Cpath d='M29.934 15.928c-1.722-2.973-5.027-8.7-6.736-11.673A.524.524 0 0022.739 4H9.267a.521.521 0 00-.459.268C7.8 6.016 5.083 10.723 5.083 10.723s-2.169 3.764-3.011 5.205a.512.512 0 000 .523c1.722 3 5.052 8.752 6.774 11.75a.524.524 0 00.459.255h13.383a.524.524 0 00.459-.255c1.722-2.985 5.052-8.752 6.774-11.75a.514.514 0 00.013-.523zm-5.626.362l-2.437 4.21-1.633 2.832a.285.285 0 01-.23.128H13.63a.184.184 0 00-.089.026l-2.6 1.761a.163.163 0 01-.255-.14l.23-3.253a.108.108 0 00-.026-.089l-.734-1.269-2.433-4.206a.253.253 0 010-.268l4.033-6.983a.268.268 0 01.23-.128h6.366a.184.184 0 00.089-.026l2.615-1.759a.164.164 0 01.255.153l-.23 3.138a.108.108 0 00.026.089l3.189 5.524a.257.257 0 01.012.26z' class='c'/%3E%3C/svg%3E%0A");
  }
  97% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.73 31.73'%3E%3Cdefs/%3E%3Cdefs%3E%3Cstyle%3E .c%7Bfill:%23364a73%7D %3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h31.73v31.73H0z'/%3E%3Cpath fill='%23d3537e' d='M19.945 9.282l-5.575 5.256a.09.09 0 00.013.14l3.764 2.194a.09.09 0 00.128-.051l1.812-7.438c.024-.101-.078-.165-.142-.101z'/%3E%3Cpath d='M13.86 15.571a.09.09 0 00-.128.051l-1.812 7.45a.082.082 0 00.14.077l5.576-5.26a.09.09 0 00-.013-.14z' class='c'/%3E%3Cpath d='M29.934 15.928c-1.722-2.973-5.027-8.7-6.736-11.673A.524.524 0 0022.739 4H9.267a.521.521 0 00-.459.268C7.8 6.016 5.083 10.723 5.083 10.723s-2.169 3.764-3.011 5.205a.512.512 0 000 .523c1.722 3 5.052 8.752 6.774 11.75a.524.524 0 00.459.255h13.383a.524.524 0 00.459-.255c1.722-2.985 5.052-8.752 6.774-11.75a.514.514 0 00.013-.523zm-5.626.362l-2.437 4.21-1.633 2.832a.285.285 0 01-.23.128H13.63a.184.184 0 00-.089.026l-2.6 1.761a.163.163 0 01-.255-.14l.23-3.253a.108.108 0 00-.026-.089l-.734-1.269-2.433-4.206a.253.253 0 010-.268l4.033-6.983a.268.268 0 01.23-.128h6.366a.184.184 0 00.089-.026l2.615-1.759a.164.164 0 01.255.153l-.23 3.138a.108.108 0 00.026.089l3.189 5.524a.257.257 0 01.012.26z' class='c'/%3E%3C/svg%3E%0A");
  }
}
@keyframes header-logo-rotate {
  0% {
    transform: rotate(0deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.728 31.728'%3E%3Cdefs/%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%233281d1' d='M30.844 17.25l-10.711 7.668a3.593 3.593 0 01-2.071.672 2.268 2.268 0 01-2.039-.92l-2.75-3.8a.451.451 0 01.461-.745l3.454 2.425a1.653 1.653 0 00.863.038 2.481 2.481 0 00.878-.384l8.868-6.385a1.044 1.044 0 00.4-.73 1.634 1.634 0 00-.223-1.031l-2.745-3.835a.456.456 0 01.018-.495.448.448 0 01.626-.1l4.855 3.479a2.352 2.352 0 01.381.359 2.519 2.519 0 01.3.439 2.882 2.882 0 01.126 2.365 2.608 2.608 0 01-.256.488l-.018.029a2.484 2.484 0 01-.341.4l-.075.064z'/%3E%3Cpath fill='%236e224c' d='M.883 14.478l10.716-7.669a3.6 3.6 0 012.072-.672 2.267 2.267 0 012.036.92l2.751 3.8a.456.456 0 01.107.459.451.451 0 01-.568.286l-3.458-2.424a1.649 1.649 0 00-.863-.038 2.46 2.46 0 00-.877.384l-8.87 6.385a1.043 1.043 0 00-.4.73 1.639 1.639 0 00.223 1.031l2.747 3.834a.455.455 0 01-.018.494.449.449 0 01-.627.1L.999 18.623a2.319 2.319 0 01-.38-.359 2.554 2.554 0 01-.3-.439 2.885 2.885 0 01-.126-2.365 2.692 2.692 0 01.256-.488l.019-.029a2.417 2.417 0 01.341-.4z'/%3E%3Cpath fill='%23034281' d='M17.25.883l7.669 10.716a3.6 3.6 0 01.672 2.072 2.266 2.266 0 01-.921 2.036l-3.8 2.75a.456.456 0 01-.46.107.45.45 0 01-.285-.568l2.424-3.454a1.635 1.635 0 00.038-.863 2.448 2.448 0 00-.384-.877L15.82 3.929a1.045 1.045 0 00-.73-.4 1.647 1.647 0 00-1.032.223l-3.834 2.747a.449.449 0 01-.6-.645L13.105.999a2.324 2.324 0 01.356-.383 2.524 2.524 0 01.439-.3 2.879 2.879 0 012.368-.117 2.557 2.557 0 01.487.255l.029.018a2.389 2.389 0 01.4.341l.064.075z'/%3E%3Cpath fill='%23d14f51' d='M14.478 30.843l-7.67-10.711a3.6 3.6 0 01-.672-2.072 2.267 2.267 0 01.921-2.038l3.8-2.75a.455.455 0 01.459-.107.45.45 0 01.286.567l-2.424 3.457a1.661 1.661 0 00-.038.863 2.463 2.463 0 00.384.878l6.384 8.867a1.043 1.043 0 00.731.4 1.643 1.643 0 001.032-.223l3.837-2.743a.448.448 0 01.6.644l-3.479 4.855a2.352 2.352 0 01-.359.381 2.518 2.518 0 01-.439.3 2.884 2.884 0 01-2.365.125 2.578 2.578 0 01-.487-.255l-.029-.018a2.45 2.45 0 01-.4-.341l-.063-.075z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  8% {
    transform: rotate(360deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.73 31.73'%3E%3Cdefs/%3E%3Cdefs%3E%3Cstyle%3E .c%7Bfill:%23364a73%7D %3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h31.73v31.73H0z'/%3E%3Cpath fill='%23d3537e' d='M19.945 9.282l-5.575 5.256a.09.09 0 00.013.14l3.764 2.194a.09.09 0 00.128-.051l1.812-7.438c.024-.101-.078-.165-.142-.101z'/%3E%3Cpath d='M13.86 15.571a.09.09 0 00-.128.051l-1.812 7.45a.082.082 0 00.14.077l5.576-5.26a.09.09 0 00-.013-.14z' class='c'/%3E%3Cpath d='M29.934 15.928c-1.722-2.973-5.027-8.7-6.736-11.673A.524.524 0 0022.739 4H9.267a.521.521 0 00-.459.268C7.8 6.016 5.083 10.723 5.083 10.723s-2.169 3.764-3.011 5.205a.512.512 0 000 .523c1.722 3 5.052 8.752 6.774 11.75a.524.524 0 00.459.255h13.383a.524.524 0 00.459-.255c1.722-2.985 5.052-8.752 6.774-11.75a.514.514 0 00.013-.523zm-5.626.362l-2.437 4.21-1.633 2.832a.285.285 0 01-.23.128H13.63a.184.184 0 00-.089.026l-2.6 1.761a.163.163 0 01-.255-.14l.23-3.253a.108.108 0 00-.026-.089l-.734-1.269-2.433-4.206a.253.253 0 010-.268l4.033-6.983a.268.268 0 01.23-.128h6.366a.184.184 0 00.089-.026l2.615-1.759a.164.164 0 01.255.153l-.23 3.138a.108.108 0 00.026.089l3.189 5.524a.257.257 0 01.012.26z' class='c'/%3E%3C/svg%3E%0A");
  }
  50% {
    transform: rotate(360deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.73 31.73'%3E%3Cdefs/%3E%3Cdefs%3E%3Cstyle%3E .c%7Bfill:%23364a73%7D %3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h31.73v31.73H0z'/%3E%3Cpath fill='%23d3537e' d='M19.945 9.282l-5.575 5.256a.09.09 0 00.013.14l3.764 2.194a.09.09 0 00.128-.051l1.812-7.438c.024-.101-.078-.165-.142-.101z'/%3E%3Cpath d='M13.86 15.571a.09.09 0 00-.128.051l-1.812 7.45a.082.082 0 00.14.077l5.576-5.26a.09.09 0 00-.013-.14z' class='c'/%3E%3Cpath d='M29.934 15.928c-1.722-2.973-5.027-8.7-6.736-11.673A.524.524 0 0022.739 4H9.267a.521.521 0 00-.459.268C7.8 6.016 5.083 10.723 5.083 10.723s-2.169 3.764-3.011 5.205a.512.512 0 000 .523c1.722 3 5.052 8.752 6.774 11.75a.524.524 0 00.459.255h13.383a.524.524 0 00.459-.255c1.722-2.985 5.052-8.752 6.774-11.75a.514.514 0 00.013-.523zm-5.626.362l-2.437 4.21-1.633 2.832a.285.285 0 01-.23.128H13.63a.184.184 0 00-.089.026l-2.6 1.761a.163.163 0 01-.255-.14l.23-3.253a.108.108 0 00-.026-.089l-.734-1.269-2.433-4.206a.253.253 0 010-.268l4.033-6.983a.268.268 0 01.23-.128h6.366a.184.184 0 00.089-.026l2.615-1.759a.164.164 0 01.255.153l-.23 3.138a.108.108 0 00.026.089l3.189 5.524a.257.257 0 01.012.26z' class='c'/%3E%3C/svg%3E%0A");
  }
  58% {
    transform: rotate(720deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.728 31.728'%3E%3Cdefs/%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%233281d1' d='M30.844 17.25l-10.711 7.668a3.593 3.593 0 01-2.071.672 2.268 2.268 0 01-2.039-.92l-2.75-3.8a.451.451 0 01.461-.745l3.454 2.425a1.653 1.653 0 00.863.038 2.481 2.481 0 00.878-.384l8.868-6.385a1.044 1.044 0 00.4-.73 1.634 1.634 0 00-.223-1.031l-2.745-3.835a.456.456 0 01.018-.495.448.448 0 01.626-.1l4.855 3.479a2.352 2.352 0 01.381.359 2.519 2.519 0 01.3.439 2.882 2.882 0 01.126 2.365 2.608 2.608 0 01-.256.488l-.018.029a2.484 2.484 0 01-.341.4l-.075.064z'/%3E%3Cpath fill='%236e224c' d='M.883 14.478l10.716-7.669a3.6 3.6 0 012.072-.672 2.267 2.267 0 012.036.92l2.751 3.8a.456.456 0 01.107.459.451.451 0 01-.568.286l-3.458-2.424a1.649 1.649 0 00-.863-.038 2.46 2.46 0 00-.877.384l-8.87 6.385a1.043 1.043 0 00-.4.73 1.639 1.639 0 00.223 1.031l2.747 3.834a.455.455 0 01-.018.494.449.449 0 01-.627.1L.999 18.623a2.319 2.319 0 01-.38-.359 2.554 2.554 0 01-.3-.439 2.885 2.885 0 01-.126-2.365 2.692 2.692 0 01.256-.488l.019-.029a2.417 2.417 0 01.341-.4z'/%3E%3Cpath fill='%23034281' d='M17.25.883l7.669 10.716a3.6 3.6 0 01.672 2.072 2.266 2.266 0 01-.921 2.036l-3.8 2.75a.456.456 0 01-.46.107.45.45 0 01-.285-.568l2.424-3.454a1.635 1.635 0 00.038-.863 2.448 2.448 0 00-.384-.877L15.82 3.929a1.045 1.045 0 00-.73-.4 1.647 1.647 0 00-1.032.223l-3.834 2.747a.449.449 0 01-.6-.645L13.105.999a2.324 2.324 0 01.356-.383 2.524 2.524 0 01.439-.3 2.879 2.879 0 012.368-.117 2.557 2.557 0 01.487.255l.029.018a2.389 2.389 0 01.4.341l.064.075z'/%3E%3Cpath fill='%23d14f51' d='M14.478 30.843l-7.67-10.711a3.6 3.6 0 01-.672-2.072 2.267 2.267 0 01.921-2.038l3.8-2.75a.455.455 0 01.459-.107.45.45 0 01.286.567l-2.424 3.457a1.661 1.661 0 00-.038.863 2.463 2.463 0 00.384.878l6.384 8.867a1.043 1.043 0 00.731.4 1.643 1.643 0 001.032-.223l3.837-2.743a.448.448 0 01.6.644l-3.479 4.855a2.352 2.352 0 01-.359.381 2.518 2.518 0 01-.439.3 2.884 2.884 0 01-2.365.125 2.578 2.578 0 01-.487-.255l-.029-.018a2.45 2.45 0 01-.4-.341l-.063-.075z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  100% {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.728 31.728'%3E%3Cdefs/%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%233281d1' d='M30.844 17.25l-10.711 7.668a3.593 3.593 0 01-2.071.672 2.268 2.268 0 01-2.039-.92l-2.75-3.8a.451.451 0 01.461-.745l3.454 2.425a1.653 1.653 0 00.863.038 2.481 2.481 0 00.878-.384l8.868-6.385a1.044 1.044 0 00.4-.73 1.634 1.634 0 00-.223-1.031l-2.745-3.835a.456.456 0 01.018-.495.448.448 0 01.626-.1l4.855 3.479a2.352 2.352 0 01.381.359 2.519 2.519 0 01.3.439 2.882 2.882 0 01.126 2.365 2.608 2.608 0 01-.256.488l-.018.029a2.484 2.484 0 01-.341.4l-.075.064z'/%3E%3Cpath fill='%236e224c' d='M.883 14.478l10.716-7.669a3.6 3.6 0 012.072-.672 2.267 2.267 0 012.036.92l2.751 3.8a.456.456 0 01.107.459.451.451 0 01-.568.286l-3.458-2.424a1.649 1.649 0 00-.863-.038 2.46 2.46 0 00-.877.384l-8.87 6.385a1.043 1.043 0 00-.4.73 1.639 1.639 0 00.223 1.031l2.747 3.834a.455.455 0 01-.018.494.449.449 0 01-.627.1L.999 18.623a2.319 2.319 0 01-.38-.359 2.554 2.554 0 01-.3-.439 2.885 2.885 0 01-.126-2.365 2.692 2.692 0 01.256-.488l.019-.029a2.417 2.417 0 01.341-.4z'/%3E%3Cpath fill='%23034281' d='M17.25.883l7.669 10.716a3.6 3.6 0 01.672 2.072 2.266 2.266 0 01-.921 2.036l-3.8 2.75a.456.456 0 01-.46.107.45.45 0 01-.285-.568l2.424-3.454a1.635 1.635 0 00.038-.863 2.448 2.448 0 00-.384-.877L15.82 3.929a1.045 1.045 0 00-.73-.4 1.647 1.647 0 00-1.032.223l-3.834 2.747a.449.449 0 01-.6-.645L13.105.999a2.324 2.324 0 01.356-.383 2.524 2.524 0 01.439-.3 2.879 2.879 0 012.368-.117 2.557 2.557 0 01.487.255l.029.018a2.389 2.389 0 01.4.341l.064.075z'/%3E%3Cpath fill='%23d14f51' d='M14.478 30.843l-7.67-10.711a3.6 3.6 0 01-.672-2.072 2.267 2.267 0 01.921-2.038l3.8-2.75a.455.455 0 01.459-.107.45.45 0 01.286.567l-2.424 3.457a1.661 1.661 0 00-.038.863 2.463 2.463 0 00.384.878l6.384 8.867a1.043 1.043 0 00.731.4 1.643 1.643 0 001.032-.223l3.837-2.743a.448.448 0 01.6.644l-3.479 4.855a2.352 2.352 0 01-.359.381 2.518 2.518 0 01-.439.3 2.884 2.884 0 01-2.365.125 2.578 2.578 0 01-.487-.255l-.029-.018a2.45 2.45 0 01-.4-.341l-.063-.075z'/%3E%3C/g%3E%3C/svg%3E%0A");
    transform: rotate(720deg);
  }
}
.header__icon-fade {
  background-image: url(/assets/images/header_logo.svg);
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: Arial;
  width: 100%;
  background: #f1f1f1;
}
body.body--modified #app .main .footer .footer__menu {
  display: none;
}
body.body--modified #app .main .footer .footer__menu--modified {
  display: block;
}
.footer {
  display: flex;
  align-items: center;
}
.footer .icon.icon__logo-sota {
  width: 134px;
  height: 35px;
}
.footer .footer__menu--modified {
  display: none;
}
.footer .footer__menu--modified .footer__menu-item {
  padding: 4px 12px;
  cursor: pointer;
}
.footer .footer__menu--modified .footer__menu-item:hover {
  background-color: #ff3976;
}
.footer .footer__menu--modified .footer__menu-item a {
  color: #fff;
}
.footer .footer__menu--modified .footer__menu-item a:hover {
  text-decoration: none;
}
.footer .footer__menu .footer__menu-item {
  padding: 4px 12px;
  cursor: pointer;
}
.footer .footer__menu .footer__menu-item:hover {
  background-color: #ff3976;
}
.footer .footer__menu .footer__menu-item a {
  color: #fff;
}
.footer .footer__menu .footer__menu-item a:hover {
  text-decoration: none;
}
.footer div {
  margin: 0;
}
.footer .footer--common {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.footer .footer--common .footer__block {
  width: 100%;
  flex: 0 1;
  position: relative;
}
.footer .footer--common .footer__block.footer__block--menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 12px;
}
.footer .footer--common .footer__block.footer__block--menu.div {
  margin: 0;
}
.footer .footer--common .footer__block.footer__block--menu .footer__menu-wrapper {
  width: 100%;
  height: 100%;
  flex: 1 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer .footer--common .footer__block.footer__block--menu .footer__menu-wrapper .icon__logo-sota {
  display: flex;
  align-items: flex-start;
}
.footer .footer--common .footer__block.footer__block--menu .footer__menu-wrapper .footer__menu {
  display: flex;
}
.footer .footer--common .footer__block.footer__block--menu .footer__menu-wrapper .footer__menu .footer__menu-item {
  white-space: nowrap;
}
.footer .footer--common .footer__block.footer__block--menu .footer__menu-wrapper .footer__menu .footer__menu-item:last-child {
  margin-right: 0;
}
.footer .footer--common .footer__block.footer__block--menu .footer__logo-wrapper {
  height: 100%;
  display: flex;
  align-items: flex-start;
  margin-right: 12px;
}
.footer .footer--common .footer__block.footer__block--menu .footer__block--sk-logo {
  position: absolute;
  right: 0;
  top: 0;
}
.footer .footer--common .footer__block.footer__block--address {
  flex: 1 1;
  text-align: left;
  color: #bdc7d8;
  font-size: 14px;
  font-weight: 300;
  display: block;
}
.footer .footer--common .footer__block.footer__block--address div {
  display: inline-block;
}
.footer .footer--common .footer__copyright {
  width: 100%;
  text-align: left;
  color: #bdc7d8;
  display: flex;
  justify-content: flex-start;
  margin-top: 16px;
  font-weight: 300;
}
.footer .footer--mobile {
  width: 100%;
  display: none;
  flex-direction: column;
  padding-top: 24px;
}
.footer .footer--mobile .footer__logo {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
  position: relative;
  padding: 0 0 0 12px;
  margin-bottom: 12px;
}
.footer .footer--mobile .footer__logo .icon {
  margin: 0;
}
.footer .footer--mobile .footer__logo .footer__block--sk-logo {
  position: absolute;
  top: 0;
  right: 10px;
}
.footer .footer--mobile .footer__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer .footer--mobile .footer__menu .footer__menu-item {
  justify-content: flex-start;
  align-items: flex-start;
}
.footer .footer--mobile .footer__address {
  color: #bdc7d8;
  display: block;
  text-align: left;
  padding: 0 12px;
  margin-top: 24px;
  white-space: normal;
}
.footer .footer--mobile .footer__address div {
  display: inline-block;
}
.footer .footer--mobile .footer__copyright {
  color: #bdc7d8;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  padding: 0 12px;
  margin-top: 16px;
}
#app {
  height: 100%;
  display: flex;
}
.main {
  display: flex;
  flex-direction: column;
  flex: 1 0;
  width: 100%;
  align-items: center;
}
.body {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  width: 100%;
}
.body__content {
  width: 100%;
  flex: 1 0;
  padding: 0;
  position: relative;
}
.body__content > div {
  width: 100%;
  height: 100%;
}
.scroll {
  scrollbar-width: thin;
}
.scroll::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.scroll::-webkit-scrollbar-track {
  background-color: #fff;
  opacity: 0;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #b2bbd1;
}
@media screen and (max-width: 1366px) {
  body #app .main .footer {
    padding: 8px 20px 32px 20px;
    flex: 1 0 auto;
  }
  body #app .main .footer .footer--common {
    display: none;
  }
  body #app .main .footer .footer--mobile {
    display: block;
  }
}
@media print {
  html {
    overflow: visible;
  }
}
.grecaptcha-badge {
  z-index: 21;
}
.header .header__menu .header__menu-item .krkn__nested-dropdown .krkn__header-link {
  color: #fff;
}
.header .header__menu .header__menu-item .krkn__nested-dropdown .icon.icon__arrow-down {
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.header .header__menu .header__menu-item .krkn__nested-dropdown .icon.icon__arrow-down svg {
  fill: #fff;
}
.header .header__menu .header__menu-item .krkn__nested-dropdown.krkn__nested-dropdown--opened .icon.icon__arrow-down {
  transform: rotate(-180deg);
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options {
  max-width: 180px;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options ul li .krkn__nested-dropdown__option {
  white-space: normal;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options ul li .krkn__nested-dropdown__option .krkn__nested-dropdown__option-text {
  color: #fff;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options ul li:after {
  display: none;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options ul li:hover .krkn__nested-dropdown__option .krkn__nested-dropdown__option-text {
  color: #ff3976;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options ul li:hover:after {
  display: none;
}
.footer {
  position: static;
  z-index: 20;
  display: flex;
  flex: 1 0 210px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
  font-weight: 400;
  text-align: center;
  color: #eee;
  background: #203667;
  border-top: 5px solid #ff3976;
  padding: 32px 10vw 24px;
}
.footer .icon svg {
  fill: #fff;
}
.footer .icon:hover svg {
  fill: #fff;
}
.footer div {
  display: flex;
  align-items: center;
}
.footer .link {
  color: #eee;
  text-decoration: none;
}
.footer .link:hover {
  text-decoration: none;
  cursor: pointer;
}
.footer .link:hover,
.footer .link:visited {
  color: #eee;
}
.footer .link .link-content {
  display: flex;
  align-items: center;
}
.footer .footer__logo {
  flex: 0 1 auto;
  margin: 0 20px 0 15px;
  white-space: normal;
}
.footer .footer__logo .logo--full .footer__logo-icon {
  margin-right: 8px;
}
.footer .footer__logo .logo--full .footer__logo-icon.icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  cursor: default;
}
.footer .footer__logo .logo--full .footer__logo-text {
  text-align: left;
  text-transform: capitalize;
  cursor: default;
}
.footer .footer__logo .logo--small {
  display: none;
  height: 100%;
}
.footer .footer__logo .logo--small .icon {
  width: 100px;
  height: 24px;
  cursor: default;
}
.footer .footer__title {
  font-size: 12px;
  text-align: left;
  color: #9aa8ba;
}
@media screen and (max-width: 1366px) {
  .footer {
    flex: 1 0 auto;
    flex-direction: column;
  }
}
.nowrap {
  white-space: nowrap;
}
.bg__dark {
  background-color: #4e4a5a;
}
.bg__light {
  background-color: #fff;
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  font-family: 'custom';
  src: url('/assets/fonts/Roboto-Thin-webfont.eot');
  src: url('/assets/fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Roboto-Thin-webfont.woff') format('woff'), url('/assets/fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('/assets/fonts/Roboto-Thin-webfont.svg#pt_root') format('svg');
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  font-family: 'custom';
  src: url('/assets/fonts/Roboto-Light-webfont.eot');
  src: url('/assets/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Roboto-Light-webfont.woff') format('woff'), url('/assets/fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('/assets/fonts/Roboto-Light-webfont.svg#pt_root') format('svg');
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  font-family: 'custom';
  src: url('/assets/fonts/Roboto-Regular-webfont.eot');
  src: url('/assets/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Roboto-Regular-webfont.woff') format('woff'), url('/assets/fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('/assets/fonts/Roboto-Regular-webfont.svg#pt_root') format('svg');
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  font-family: 'custom';
  src: url('/assets/fonts/Roboto-Medium-webfont.eot');
  src: url('/assets/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Roboto-Medium-webfont.woff') format('woff'), url('/assets/fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('/assets/fonts/Roboto-Medium-webfont.svg#pt_root') format('svg');
}
@font-face {
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  font-family: 'custom';
  src: url('/assets/fonts/Roboto-Bold-webfont.eot');
  src: url('/assets/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Roboto-Bold-webfont.woff') format('woff'), url('/assets/fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('/assets/fonts/Roboto-Bold-webfont.svg#pt_root') format('svg');
}
html,
body,
button {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-family: 'custom';
  color: #333;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
pre,
blockquote,
table,
p {
  margin: 0;
}
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6,
* + ol,
* + ul,
* + pre,
* + blockquote,
* + table,
* + p {
  margin: 0.5em 0 0;
}
li + li {
  margin: 0.2em 0 0;
}
h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 200%;
}
h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 180%;
}
h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 150%;
}
h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 130%;
}
h5 {
  font-style: normal;
  font-weight: bold;
  font-size: 120%;
}
h6 {
  font-style: normal;
  font-weight: bold;
  font-size: 110%;
}
.uppercase {
  text-transform: uppercase;
}
/* end of Typography */
/* Font Vars */
.FontFamilyCondensed {
  font-family: 'Segoe UI', sans-serif;
}
.FontFamilyNormal {
  font-family: 'Segoe UI', sans-serif;
}
.text-ellipsis {
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
/* Text Helpers */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.no-data-text {
  color: #a0a0a0;
}
.krkn__link,
.link,
a.krkn__link,
a {
  color: #575e95;
  cursor: pointer;
  text-decoration: none;
}
.krkn__link span,
.link span,
a.krkn__link span,
a span {
  text-decoration: none;
}
.krkn__link:hover,
.link:hover,
a.krkn__link:hover,
a:hover {
  color: #6870a7;
  text-decoration: underline;
  cursor: pointer;
}
.krkn__link:visited,
.link:visited,
a.krkn__link:visited,
a:visited {
  text-decoration: none;
}
.krkn__link.inverted,
.link.inverted,
a.krkn__link.inverted,
a.inverted {
  color: #fff;
}
.krkn__link.inverted:hover,
.link.inverted:hover,
a.krkn__link.inverted:hover,
a.inverted:hover {
  color: #682048;
  cursor: pointer;
}
.krkn__link.inverted:hover,
.link.inverted:hover,
a.krkn__link.inverted:hover,
a.inverted:hover,
.krkn__link.inverted:visited,
.link.inverted:visited,
a.krkn__link.inverted:visited,
a.inverted:visited {
  color: #682048;
  text-decoration: none;
}
.krkn__action-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin: 4px 10px;
}
.krkn__action-link .krkn__action-link__icon {
  margin-right: 4px;
  margin-top: -2px;
}
.krkn__action-link .krkn__action-link__text {
  font-weight: 700;
  color: #4e4a5a;
  user-select: none;
  white-space: nowrap;
}
.krkn__action-link:hover .krkn__action-link__text {
  color: #793d6f;
}
.krkn__action-link.krkn__action-link__disabled {
  cursor: default;
}
.krkn__action-link.krkn__action-link__disabled .krkn__action-link__text {
  color: #9a9a9a;
}
.krkn__action-link.krkn__action-link__disabled .krkn__action-link__icon {
  filter: sepia(100%) grayscale(100%) opacity(0.7);
}
.krkn__page-link {
  font-weight: 700;
  color: #4e4a5a;
  text-decoration: none;
  cursor: pointer;
}
.krkn__page-link:focus,
.krkn__page-link:visited {
  color: #4e4a5a;
  text-decoration: none;
}
.krkn__page-link:hover {
  text-decoration: underline;
}
.krkn__header-link {
  color: #333;
  font-weight: 400;
  cursor: pointer;
  user-select: none;
}
.krkn__header-link:hover {
  color: #682048;
}
.krkn__card-page__header-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  flex-wrap: nowrap;
  margin: 0 12px;
  cursor: pointer;
}
.krkn__card-page__header-action .krkn__card-page__header-action-icon {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.krkn__card-page__header-action .krkn__card-page__header-action-title {
  height: 100%;
  white-space: nowrap;
  user-select: none;
}
.krkn__card-page__header-action:first-child {
  margin-left: 0;
}
.krkn__card-page__header-action:last-child {
  margin-right: 0;
}
.krkn__card-page__header-action:hover .krkn__card-page__header-action-title {
  color: #793d6f;
}
.krkn__card-page__header-action:hover .krkn__card-page__header-action-icon .icon {
  width: 14px;
  height: 14px;
}
.krkn__card-page__header-action:hover .krkn__card-page__header-action-icon .icon svg {
  fill: #793d6f;
}
.krkn__card-page__header-action.action__pdf .krkn__card-page__header-action-icon .icon {
  width: 22px;
  height: 14px;
}
.krkn__card-page__header-action.krkn__card-page__header-action--disabled {
  cursor: default;
}
.krkn__card-page__header-action.krkn__card-page__header-action--disabled .krkn__card-page__header-action-icon .icon svg {
  fill: #9a9a9a;
}
.krkn__card-page__header-action.krkn__card-page__header-action--disabled .krkn__card-page__header-action-title {
  color: #9a9a9a;
}
.krkn__card-page__header-action.krkn__card-page__header-action--disabled:hover .krkn__card-page__header-action-icon .icon {
  cursor: default;
}
.krkn__external-page-link {
  height: 23px;
  display: flex;
}
.krkn__external-page-link .krkn__external-page-link-value {
  height: 16px;
}
.krkn__external-page-link:hover .krkn__external-page-link-value {
  color: #6870a7;
}
.krkn__external-page-link:hover .krkn__external-page-link-icon .icon__svg {
  fill: #6870a7;
}
.krkn__external-page-link .krkn__external-page-link-icon {
  margin-left: 4px;
  height: 10px;
}
.krkn__external-page-link .krkn__external-page-link-icon .icon__svg {
  fill: #575e95;
}
.btn {
  padding: 5px 28px;
  font-weight: 400;
  color: #fff;
  background-color: #4e4a5a;
  border: 1px solid #4e4a5a;
  cursor: pointer;
  user-select: none;
}
.btn:hover {
  background-color: #793d6f;
  border: 1px solid #0a5e9d;
}
.btn.btn__inverted {
  border: 1px solid #fff;
}
.btn.btn__inverted:hover {
  color: #4e4a5a;
  background-color: #fff;
  border: 1px solid #fff;
}
.btn.btn__inverted.btn__inverted__light {
  color: #4e4a5a;
  background-color: inherit;
  border: 1px solid #4e4a5a;
}
.btn.btn__accented {
  border: 1px solid #682048;
  background-color: #682048;
}
.btn.btn__accented:hover {
  color: #fff;
  background-color: #682048;
  border: 1px solid #682048;
}
.btn.btn__disabled,
.btn.btn__disabled:hover {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
  color: #9a9a9a;
  cursor: default;
}
a.btn {
  text-decoration: none;
}
.krkn__btn.ui.button {
  padding: 0 32px;
  height: 24px;
  font-weight: 400;
  color: #fff;
  background-color: #642148;
}
.krkn__btn.ui.button:hover {
  color: #fff;
  background-color: #8c5386;
}
.krkn__btn.ui.button:active {
  background-color: #642148;
}
.krkn__btn.ui.button.basic {
  color: #563147 !important;
  border: 1px solid #8c5386 !important;
}
.krkn__btn.ui.button.basic:hover {
  color: #fff !important;
  background-color: #8c5386 !important;
  border: 1px solid #8c5386;
}
.krkn__btn.ui.button.basic:active {
  background-color: #642148 !important;
}
.krkn__btn.ui.button.disabled,
.krkn__btn.ui.button.disabled:hover {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
  color: #9a9a9a;
  cursor: default;
}
.krkn__edit-card-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.krkn__edit-card-btn .icon {
  margin-right: 4px;
}
.krkn__edit-card-btn:hover .icon svg {
  fill: #905286;
}
.krkn__edit-card-btn--disabled {
  cursor: default;
}
.krkn__edit-card-btn--disabled:hover .icon svg {
  fill: #9a9a9a;
}
.krkn__edit-card-btn--disabled .krkn__edit-card-btn__text {
  color: #9a9a9a;
}
.show-on-map-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.show-on-map-btn .icon {
  margin-right: 4px;
}
.show-on-map-btn:hover .icon svg {
  fill: #905286;
}
.show-on-map-btn--disabled {
  cursor: default;
  color: #9a9a9a;
}
.show-on-map-btn--disabled:hover .show-on-map-btn__text {
  color: #9a9a9a;
}
.show-on-map-btn--disabled:hover .icon svg {
  fill: #9a9a9a;
}
.add-to-favorites-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.add-to-favorites-btn .icon {
  margin-right: 4px;
}
.add-to-favorites-btn:hover .icon svg {
  fill: #905286;
}
.krkn__add-item-to-table-btn {
  align-items: center;
  display: flex;
  padding: 4px 0;
}
.krkn__add-item-to-table-btn .krkn__add-item-to-table-btn__icon {
  margin-right: 4px;
}
.krkn__add-item-to-table-btn .krkn__add-item-to-table-btn__title {
  color: #575e95;
  cursor: pointer;
}
.krkn__add-item-to-table-btn:hover .krkn__add-item-to-table-btn__title {
  color: #6870a7;
}
input {
  font-family: lato, "Segoe UI", sans-serif;
  color: #333;
  font-size: 12px;
  line-height: 15px;
}
input::placeholder {
  color: #9a9a9a;
  opacity: 1;
  user-select: none;
  font-size: 12px;
  line-height: 15px;
}
input:-ms-input-placeholder {
  color: #9a9a9a;
}
input::-ms-input-placeholder {
  color: #9a9a9a;
}
input:focus,
input:hover {
  color: #333;
}
.krkn__input {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  padding: 1px;
  border-radius: 0;
  background-color: #f1f3f7;
  font-size: 12px;
  line-height: 15px;
  color: #333;
  border: 1px solid #f1f3f7;
}
.krkn__input .krkn__input__content {
  flex: 1 0;
  background-color: #f1f3f7;
  height: 100%;
  line-height: inherit;
}
.krkn__input .krkn__input__content textarea,
.krkn__input .krkn__input__content input {
  height: 100%;
  line-height: inherit;
  width: 100%;
  padding: 3px 0 4px 12px;
  color: #333;
  text-overflow: ellipsis;
  background-color: #f1f3f7;
  border: none;
}
.krkn__input .krkn__input__content textarea textarea:focus,
.krkn__input .krkn__input__content input textarea:focus,
.krkn__input .krkn__input__content textarea input:focus,
.krkn__input .krkn__input__content input input:focus {
  outline: none;
}
.krkn__input .krkn__input__actions {
  flex: 0 1 auto;
  min-width: 20px;
  padding: 0 8px 0 4px;
  display: flex;
  align-items: center;
  height: 100%;
}
.krkn__input .krkn__input__actions span {
  height: 100%;
  display: flex;
  align-items: center;
}
.krkn__input .krkn__input__actions .clearable-input__clear-button-enter-done {
  display: flex;
  align-items: center;
}
.krkn__input .krkn__input__actions .icon {
  cursor: pointer;
  width: 8px;
  height: 8px;
}
.krkn__input .krkn__input__actions .icon svg {
  fill: #4e4a5a;
}
.krkn__input .krkn__input__actions .icon.icon__main__fav,
.krkn__input .krkn__input__actions .icon.icon__route_search {
  height: 16px;
  width: 16px;
}
.krkn__input .krkn__input__actions .icon.icon__main__fav svg,
.krkn__input .krkn__input__actions .icon.icon__route_search svg {
  fill: #c3c9d6;
}
.krkn__input .krkn__input__actions .icon.icon__route_search {
  margin-right: 10px;
}
.krkn__input .krkn__input__actions .icon:hover svg {
  fill: #682048;
}
.krkn__input .krkn__input__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  width: 18px;
  background-color: #682048;
  border-radius: 50%;
  padding: 4px;
  /*    .icon {
            width: 14px;
            height: 14px;
        }*/
}
.krkn__input .krkn__input__icon__disabled {
  background-color: red;
}
.krkn__input .krkn__input__icon__disabled .icon svg {
  fill: red;
}
.krkn__input .krkn__input__edit-btn {
  height: 100%;
  display: flex;
  align-items: center;
}
.krkn__input .krkn__input__edit-btn .icon {
  height: 16px;
  width: 16px;
}
.krkn__input.edit-user-input .krkn__input__edit-btn {
  padding-right: 8px;
  padding-left: 4px;
}
.krkn__input.krkn__input--focused {
  background-color: #f1f3f7;
}
.krkn__input.krkn__input--focused .krkn__input__content {
  background-color: #f1f3f7;
}
.krkn__input.krkn__input--focused .krkn__input__content input {
  background-color: #f1f3f7;
}
.krkn__input.krkn__input--focused .krkn__input__content textarea:focus,
.krkn__input.krkn__input--focused .krkn__input__content input:focus {
  outline: none;
}
.krkn__input:hover .krkn__input__content input {
  background-color: transparent;
  cursor: default;
}
.krkn__input:hover.krkn__input--disabled .krkn__input__content input {
  background-color: transparent;
  cursor: default;
  user-select: none;
}
.krkn__input.krkn__input--error {
  border-bottom: 0.5px solid red;
}
.krkn__input.krkn__input--disabled {
  background-color: #fff;
  border-bottom: 0.5px solid #ebebe4;
  user-select: none;
}
.krkn__input.krkn__input--disabled .krkn__input__content {
  background-color: #fff;
  user-select: none;
}
.krkn__input.krkn__input--disabled .krkn__input__content input {
  color: #9a9a9a;
  background-color: #fff;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.krkn__input.krkn__input--disabled .krkn__input__actions {
  display: none;
}
.krkn__input.krkn__input--disabled.krkn__input__touched .krkn__counter__content {
  background-color: #d6d6d6;
}
.krkn__input.krkn__input--disabled.krkn__input__edit.krkn__input__touched .krkn__input__content {
  background-color: #d6d6d6;
  border-bottom: 0.5px solid #909090;
}
.krkn__input.krkn__input--disabled.krkn__input__edit.krkn__input__touched .krkn__input__content input {
  color: #909090;
  background-color: #d6d6d6;
}
.krkn__input.krkn__input--iverted {
  background-color: #4e4a5a;
}
.krkn__input.krkn__input--iverted .krkn__input__content {
  background-color: #4e4a5a;
}
.krkn__input.krkn__input--iverted .krkn__input__content textarea,
.krkn__input.krkn__input--iverted .krkn__input__content input {
  color: #fff;
  background-color: #4e4a5a;
}
.krkn__input.krkn__input--iverted .krkn__input__actions .icon {
  cursor: pointer;
  width: 8px;
  height: 8px;
}
.krkn__input.krkn__input--iverted .krkn__input__actions .icon svg {
  fill: #fff;
}
.krkn__input.krkn__input--iverted .krkn__input__actions .icon:hover svg {
  fill: #682048;
}
.krkn__textarea {
  width: 100%;
  padding: 4px 10px;
  font-weight: 400;
  font-family: lato, "Segoe UI", sans-serif;
  border: 1px solid #f1f3f7;
  border-radius: 0;
  background-color: #f1f3f7;
  resize: none;
  color: #333;
}
.krkn__textarea::placeholder {
  color: #9a9a9a;
  opacity: 1;
  user-select: none;
}
.krkn__textarea:hover {
  background-color: #f1f3f7;
}
.krkn__textarea:focus {
  background-color: #f1f3f7;
  outline: none;
}
.krkn__textarea.krkn__textarea__error {
  border-bottom: 1px solid red;
}
.krkn__textarea.krkn__textarea__disabled {
  background-color: #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  user-select: none;
  color: #9a9a9a;
}
.krkn__multiple-value-input {
  min-height: 32px;
  padding: 1px;
  border: 1px solid #c6c2ce;
  border-radius: 0;
  background-color: #fff;
}
.krkn__multiple-value-input.krkn__multiple-value-input--focused {
  border: 1px solid #905286;
}
.krkn__multiple-value-input.krkn__multiple-value-input--error {
  border: 1px solid #aa0034;
}
.krkn__multiple-value-input .krkn__multiple-value-input__add-icon {
  flex: 0 1;
  min-width: 20px;
  padding: 0 8px 0 4px;
  display: flex;
  align-items: center;
}
.krkn__multiple-value-input .krkn__multiple-value-input__add-icon .icon__svg {
  width: 12px;
  height: 12px;
}
.krkn__multiple-value-input .krkn__multiple-value-input__add-icon .icon svg {
  fill: #c6c2ce;
}
.krkn__multiple-value-input .krkn__multiple-value-input__add-icon:hover .icon svg {
  fill: #652249;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container {
  display: flex;
  min-height: inherit;
  justify-content: space-between;
  align-items: center;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__value {
  margin: 2px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  padding: 4px 0 4px 4px;
  border: 1px solid #c6c2ce;
  border-radius: 0;
  background-color: #edecf2;
  display: flex;
  align-items: center;
  box-shadow: 0px 1px 2px #00000029;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__value .krkn__multiple-value-input__value__text__clear-icon {
  margin-left: 5px;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__value .krkn__multiple-value-input__value__text__clear-icon .icon__svg {
  width: 8px;
  height: 8px;
  fill: #c6c2ce;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__value:hover {
  cursor: pointer;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__value:hover .krkn__multiple-value-input__value__text {
  color: #793d6f;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__value:hover .krkn__multiple-value-input__value__text__clear-icon {
  margin-left: 5px;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__value:hover .krkn__multiple-value-input__value__text__clear-icon .icon__svg {
  width: 8px;
  height: 8px;
  fill: #652249;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__container__wrapper {
  float: left;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  word-break: break-all;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__container__wrapper .krkn__multiple-value-input__content {
  margin: auto 0;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__container__wrapper .krkn__multiple-value-input__content input {
  width: 100%;
  border: none;
}
.krkn__multiple-value-input .krkn__multiple-value-input__container .krkn__multiple-value-input__container__wrapper .krkn__multiple-value-input__content input*:focus {
  outline: none;
}
.krkn__multiple-value-input:hover {
  background-color: #efe4e9;
}
.krkn__multiple-value-input:hover input {
  background-color: #efe4e9;
}
.krkn__form {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 4px 0;
}
.krkn__form.krkn__form__dense .krkn__form-field {
  padding-top: 0px;
}
.krkn__form .krkn__form-field {
  position: relative;
  display: inline-block;
  flex: 0 0 25%;
  max-width: 25%;
  min-width: 100px;
  padding: 4px 16px;
}
.krkn__form .krkn__form-field .krkn__form-field__title-wrapper {
  position: relative;
  border-bottom: 1px solid #682048;
}
.krkn__form .krkn__form-field .krkn__form-field__title-wrapper .krkn__form-field__title {
  font-weight: 700;
  font-size: 13px;
  cursor: default;
}
.krkn__form .krkn__form-field .krkn__form-field__title-wrapper .krkn__form-field__title.krkn__form-field__title--disabled {
  opacity: 0.5;
}
.krkn__form .krkn__form-field .krkn__form-field__title-wrapper .krkn__form-field__title > .icon {
  margin-right: 3px;
}
.krkn__form .krkn__form-field .krkn__form-field__title-wrapper .krkn__tooltip {
  position: absolute;
  bottom: 6px;
  right: 2px;
}
.krkn__form .krkn__form-field .krkn__form-field__title-wrapper .krkn__tooltip:hover svg {
  fill: #6870a7;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__datetimepicker {
  height: 32px;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__datetimepicker .krkn__input__icon {
  height: 24px;
  width: 24px;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__datetimepicker .krkn__input__number_icons_item {
  height: 12px;
  width: 12px;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__datetimepicker .krkn__datetimepicker__row-item__time-picker .krkn__input .krkn__input__content input {
  padding: 0px;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__form-field__value {
  padding: 4px 0;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__form-field__value.krkn__form-field__value__accented {
  color: #4e4a5a;
  font-weight: 700;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__form-field__value .introduction-field-view {
  align-items: center;
  display: flex;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__form-field__value .introduction-field-view__icon {
  margin-right: 8px;
  height: 14px;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__form-field__value .bkdui-form-field-value,
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__form-field__value .link {
  word-break: break-word;
}
.krkn__form .krkn__form-field .krkn__form-field__value-wrapper .krkn__form-field__value .bkdui-form-field-value.bkdui-form-field-value__empty {
  color: #9a9a9a;
  opacity: 1;
  user-select: none;
  font-size: 12px;
  line-height: 15px;
}
.krkn__form .krkn__form-field--bool .krkn__checkbox {
  height: 100%;
}
.krkn__form .krkn__form-field--switch .krkn__switch {
  height: 100%;
}
.krkn__form .krkn__form-field .krkn__form-field {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.krkn__form .krkn__form-field.krkn__form-field__10 {
  flex: 0 0 10%;
  max-width: 10%;
}
.krkn__form .krkn__form-field.krkn__form-field__15 {
  flex: 0 0 15%;
  max-width: 15%;
}
.krkn__form .krkn__form-field.krkn__form-field__20 {
  flex: 0 0 20%;
  max-width: 20%;
}
.krkn__form .krkn__form-field.krkn__form-field__25 {
  flex: 0 0 25%;
  max-width: 25%;
}
.krkn__form .krkn__form-field.krkn__form-field__30 {
  flex: 0 0 30%;
  max-width: 30%;
}
.krkn__form .krkn__form-field.krkn__form-field__33 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.krkn__form .krkn__form-field.krkn__form-field__40 {
  flex: 0 0 40%;
  max-width: 40%;
}
.krkn__form .krkn__form-field.krkn__form-field__50 {
  flex: 0 0 50%;
  max-width: 50%;
}
.krkn__form .krkn__form-field.krkn__form-field__66 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}
.krkn__form .krkn__form-field.krkn__form-field__70 {
  flex: 0 0 70%;
  max-width: 70%;
}
.krkn__form .krkn__form-field.krkn__form-field__75 {
  flex: 0 0 75%;
  max-width: 75%;
}
.krkn__form .krkn__form-field.krkn__form-field__100 {
  flex: 0 0 100%;
  max-width: 100%;
}
.krkn__form .bkdui-card-form-group {
  position: relative;
  display: inline-block;
  flex: 0 0 25%;
  max-width: 25%;
  min-width: 100px;
  padding: 10px 20px;
}
.krkn__form .bkdui-card-form-group.krkn__form-field__25 {
  flex: 0 0 25%;
  max-width: 25%;
}
.krkn__form .bkdui-card-form-group.krkn__form-field__50 {
  flex: 0 0 50%;
  max-width: 50%;
}
.krkn__form .bkdui-card-form-group.krkn__form-field__75 {
  flex: 0 0 75%;
  max-width: 75%;
}
.krkn__form .bkdui-card-form-group.krkn__form-field__100 {
  flex: 0 0 100%;
  max-width: 100%;
}
.krkn__form .bkdui-form-field {
  display: inline-block;
}
.krkn__form .bkdui-form-field .bkdui-form-field-label {
  white-space: nowrap;
  padding-right: 80px;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.krkn__form .bkdui-form-field .krkn__multi-dropdown {
  position: relative;
}
.krkn__form .bkdui-form-field .krkn__multi-dropdown .krkn__multi-dropdown__header {
  position: absolute;
  width: 100%;
  height: 100%;
}
.krkn__form .bkdui-form-field .krkn__multi-dropdown .krkn__multi-dropdown__header .krkn__multi-dropdown__header-title {
  display: none;
}
.krkn__form .bkdui-form-field .krkn__multi-dropdown .krkn__multi-dropdown__header .krkn__multi-dropdown__header-selected {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.krkn__form .bkdui-form-field .krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper {
  max-height: 100%;
}
.krkn__form .bkdui-form-field.bkdui-form-field__dropdown .krkn__form-field__title-wrapper {
  padding-right: 4px;
  display: flex;
  align-items: center;
}
.krkn__form .bkdui-form-field.bkdui-form-field__dropdown .krkn__form-field__title-wrapper .krkn__form-field__title {
  flex: 1 0;
}
.krkn__form .bkdui-form-field.krkn__date-range .krkn__date-range__content-wrapper {
  display: flex;
}
.krkn__form .bkdui-form-field.krkn__date-range .krkn__date-range__content-wrapper .krkn__date-range__content-separator {
  padding: 5px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .krkn__form .bkdui-card-form-group.krkn__form-field__25,
  .krkn__form .bkdui-card-form-group.krkn__form-field__50,
  .krkn__form .bkdui-card-form-group.krkn__form-field__75,
  .krkn__form .bkdui-card-form-group.krkn__form-field__100 {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .krkn__form .krkn__form-field.krkn__form-field__25,
  .krkn__form .krkn__form-field.krkn__form-field__33,
  .krkn__form .krkn__form-field.krkn__form-field__50,
  .krkn__form .krkn__form-field.krkn__form-field__75,
  .krkn__form .krkn__form-field.krkn__form-field__100 {
    flex: 1 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .krkn__form .krkn__form-field {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .krkn__form .krkn__form-field.krkn__form-field__25,
  .krkn__form .krkn__form-field.krkn__form-field__33,
  .krkn__form .krkn__form-field.krkn__form-field__50,
  .krkn__form .krkn__form-field.krkn__form-field__75,
  .krkn__form .krkn__form-field.krkn__form-field__100 {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .krkn__form .bkdui-card-form-group {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .krkn__form .bkdui-card-form-group.krkn__form-field__25,
  .krkn__form .bkdui-card-form-group.krkn__form-field__50,
  .krkn__form .bkdui-card-form-group.krkn__form-field__75,
  .krkn__form .bkdui-card-form-group.krkn__form-field__100 {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.krkn__modal .krkn__dropdown.krkn__dropdown--edit-mode,
.map-minipassport-panel .krkn__dropdown.krkn__dropdown--edit-mode,
.krkn__card-page .krkn__dropdown.krkn__dropdown--edit-mode {
  border-radius: 0;
  height: 32px;
}
.krkn__modal .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper,
.map-minipassport-panel .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper,
.krkn__card-page .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper {
  border-radius: 0;
}
.krkn__modal .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content,
.map-minipassport-panel .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content,
.krkn__card-page .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content {
  border-radius: 0;
}
.krkn__modal .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__placeholder,
.map-minipassport-panel .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__placeholder,
.krkn__card-page .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__placeholder {
  color: #9a9a9a;
}
.krkn__modal .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions,
.map-minipassport-panel .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions,
.krkn__card-page .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions {
  border-radius: 0;
}
.krkn__modal .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle,
.map-minipassport-panel .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle,
.krkn__card-page .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle {
  border-radius: 0;
  padding-right: 0;
}
.krkn__modal .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle,
.map-minipassport-panel .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle,
.krkn__card-page .krkn__dropdown.krkn__dropdown--edit-mode .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle {
  border-radius: 0;
  padding-right: 0;
}
.krkn__modal .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode,
.map-minipassport-panel .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode,
.krkn__card-page .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode {
  border-radius: 0;
  height: 32px;
}
.krkn__modal .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper,
.map-minipassport-panel .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper,
.krkn__card-page .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper {
  border-radius: 0;
}
.krkn__modal .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content,
.map-minipassport-panel .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content,
.krkn__card-page .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content {
  border-radius: 0;
}
.krkn__modal .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions,
.map-minipassport-panel .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions,
.krkn__card-page .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions {
  border-radius: 0;
}
.krkn__modal .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle,
.map-minipassport-panel .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle,
.krkn__card-page .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle {
  border-radius: 0;
  padding-right: 0;
}
.krkn__modal .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle,
.map-minipassport-panel .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle,
.krkn__card-page .krkn__multi-dropdown.krkn__multi-dropdown--edit-mode .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle {
  border-radius: 0;
  padding-right: 0;
}
.krkn__modal .krkn__datepicker.krkn__datepicker--edit-mode,
.map-minipassport-panel .krkn__datepicker.krkn__datepicker--edit-mode,
.krkn__card-page .krkn__datepicker.krkn__datepicker--edit-mode {
  border-radius: 0;
  height: 32px;
  max-height: 32px;
}
.krkn__modal .krkn__datepicker.krkn__datepicker--edit-mode .krkn__datepicker__toggle,
.map-minipassport-panel .krkn__datepicker.krkn__datepicker--edit-mode .krkn__datepicker__toggle,
.krkn__card-page .krkn__datepicker.krkn__datepicker--edit-mode .krkn__datepicker__toggle {
  border-radius: 0;
}
.ui.popup.transition.visible.krkn__tooltip--container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 2px #00000029;
  border: 0.5px solid #E0E0E0;
  max-width: 127px;
}
.ui.popup.transition.visible.krkn__tooltip--container.form-tooltip {
  max-width: 250px;
}
.ui.popup.transition.visible.krkn__tooltip--container .content {
  font-size: 10px;
  line-height: 12px;
  color: #333333;
}
.krkn__menu .krkn__menu-item {
  padding: 6px 20px;
  cursor: default;
}
.krkn__menu .krkn__menu-item.krkn__menu-item--active {
  background-color: lightgreen;
}
.krkn__menu .krkn__nested-dropdown {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.krkn__menu .krkn__nested-dropdown .krkn__nested-dropdown__title {
  display: flex;
  align-items: center;
}
.krkn__menu .krkn__nested-dropdown .krkn__nested-dropdown__title .krkn__nested-dropdown__title-text {
  flex: 1 0;
  margin-right: 8px;
  user-select: none;
  white-space: nowrap;
}
.krkn__menu .krkn__nested-dropdown .krkn__nested-dropdown__title .krkn__nested-dropdown__title-toggle {
  flex: 0 0 10px;
  width: 10px;
  transition: all 0.24s cubic-bezier(0.23, 1, 0.32, 1);
  margin-bottom: -2px;
}
.krkn__menu .krkn__nested-dropdown .krkn__nested-dropdown__title .krkn__nested-dropdown__title-toggle.toggle-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #625c6c;
}
.krkn__menu .krkn__nested-dropdown.krkn__nested-dropdown--opened {
  position: relative;
}
.krkn__menu .krkn__nested-dropdown.krkn__nested-dropdown--opened .krkn__nested-dropdown__wrapper {
  position: absolute;
  left: -12px;
  right: -12px;
  top: -8px;
  bottom: 0;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.krkn__menu .krkn__nested-dropdown.krkn__nested-dropdown--opened .krkn__nested-dropdown__title .krkn__nested-dropdown__title-toggle.toggle-down {
  transform: rotate(180deg);
}
.krkn__menu .krkn__nested-dropdown.krkn__nested-dropdown--opened .krkn__spacer {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 10px;
  border-top: 1px solid #c6c2ce;
}
.krkn__portal.portal-menu .krkn__tail {
  z-index: 10021;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options {
  left: 100%;
  top: 0;
  border: 1px solid #c6c2ce;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-bottom: 4px;
  padding-right: 16px;
  margin-left: -16px;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li {
  margin: 0;
  padding: 4px 15px;
  position: relative;
  color: #333;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li .krkn__link {
  color: #333;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li .krkn__nested-dropdown__option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li .krkn__nested-dropdown__option .krkn__link:hover {
  text-decoration: none;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li .krkn__nested-dropdown__option .krkn__nested-dropdown__option-text {
  font-weight: 400;
  flex: 1 0;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li:after {
  transform: translateX(-8px) rotate(-90deg);
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  position: absolute;
  content: ' ';
  right: -12px;
  top: calc(50% - 3px);
  width: 8px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon__arrow-down' viewBox='0 0 16.003 8.006'%3E%3Cpath fill='%23793d6f' d='M8 8.006a1.013 1.013 0 01-.66-.24l-7-6.03A.965.965 0 01.253.346a1.008 1.008 0 011.41-.09L8 5.706l6.34-5.46a1.006 1.006 0 011.41.09.974.974 0 01-.09 1.39l-7 6.03a.973.973 0 01-.66.25z'/%3E%3C/svg%3E");
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li:hover {
  color: #793d6f;
  cursor: pointer;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li:hover:after {
  transform: translateX(0) rotate(-90deg);
  opacity: 1;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options li:hover .krkn__link {
  color: #793d6f;
}
.krkn__portal.portal-menu .krkn__nested-dropdown__options.level-0 {
  padding-top: 4px;
  background-color: transparent;
  border: none;
  color: #fff;
  width: auto;
  top: 100%;
  margin-top: 6px;
}
.redux-toastr .rrt-error {
  background-color: #FFF2F9 !important;
}
.redux-toastr .rrt-success {
  background-color: #EFFCED !important;
}
.redux-toastr .rrt-warning {
  background-color: #FFF9F2 !important;
}
.redux-toastr .rrt-info {
  background-color: white !important;
}
.redux-toastr .toastr {
  min-height: 50px;
}
.redux-toastr .toastr .rrt-left-container .rrt-holder {
  width: unset;
  top: 30%;
  left: 10%;
  position: absolute;
  margin-top: 0px;
  line-height: normal;
  height: unset;
}
.redux-toastr .toastr .rrt-right-container {
  display: none;
}
.redux-toastr .toastr .rrt-middle-container {
  margin-left: 30px;
  width: 90%;
}
.redux-toastr .toastr .rrt-middle-container .rrt-title {
  font-family: custom;
  display: none;
  font-size: 16px;
  color: black;
}
.redux-toastr .toastr .rrt-middle-container .rrt-text {
  font-family: custom;
  font-size: 13px;
  color: black;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.krkn__progress-wrapper {
  background: #ff3976;
  height: 3px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1031;
  transition: margin-left 0.18s cubic-bezier(0.19, 1, 0.22, 1);
}
.krkn__progress-wrapper .krkn__progress {
  box-shadow: 0 0 10px #ff3976, 0 0 5px #ff3976;
  display: block;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0;
  transform: rotate(3deg) translate(0px, -4px);
  width: 100px;
}
.krkn__spinner {
  display: flex;
  align-items: center;
}
.krkn__spinner span {
  margin-left: 4px;
}
.krkn__dropdown__options-wrapper {
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  box-shadow: 0px 2px 4px #00000029;
  height: auto;
  max-height: 540px;
  border: 1px solid #c6c2ce;
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options {
  width: auto;
  min-width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options .container .track-horizontal {
  height: 3px !important;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 10px;
  cursor: default;
  user-select: none;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option .krkn__dropdown__option-icon {
  margin-right: 10px;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option:hover {
  background-color: #f5f8fa;
  cursor: pointer;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option.krkn__dropdown__option__active {
  cursor: pointer;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option:last-child {
  margin-bottom: 5px;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__options-info {
  padding: 4px 8px;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
  border-bottom: 1px solid #c6c2ce;
  background-color: #fff;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-input {
  flex: 1 0;
  width: 100%;
  height: 21px;
  padding: 1px 0;
  background-color: #fff;
  border: none;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-actions {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 8px;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-actions .icon__cross {
  width: 7px;
  height: 7px;
}
.krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-actions .icon__search {
  margin-left: 8px;
}
.krkn__dropdown__options-wrapper-enter {
  animation-name: dropdown__options-appear;
  animation-duration: 0.18s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__dropdown__options-wrapper-exit-active {
  animation-name: dropdown__options-disappear;
  animation-duration: 0.12s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__dropdown-menu-container {
  position: relative;
}
.krkn__dropdown-menu-container.krkn__dropdown-menu-container--opened .icon__arrow-down {
  transform: rotate(180deg);
}
.krkn__dropdown-menu-container .krkn__dropdown-menu-container__wrapper {
  user-select: none;
  cursor: pointer;
}
.krkn__dropdown-menu-container .krkn__dropdown-menu-container__wrapper .icon__arrow-down {
  position: absolute;
  left: calc(100% - 20px);
}
.krkn__dropdown-menu-container-enter {
  opacity: 0;
  transform: translateY(-15%);
}
.krkn__dropdown-menu-container-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.18s, transform 0.18s;
}
.krkn__dropdown-menu-container-exit {
  opacity: 1;
  transform: translateY(0);
}
.krkn__dropdown-menu-container-exit-active {
  opacity: 0;
  transform: translateY(-15%);
  transition: opacity 0.18s, transform 0.18s;
}
.krkn__dropdown-menu {
  position: relative;
}
.krkn__dropdown-menu .krkn__dropdown-menu__text {
  margin-right: 16px;
  user-select: none;
}
.krkn__dropdown-menu .krkn__dropdown-menu__toggle-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.krkn__dropdown-menu .krkn__dropdown-menu__open-action {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  width: 20px;
  width: 8px;
  height: 6px;
  margin-top: -3px;
  transition: all 0.24s cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__dropdown-menu .krkn__dropdown-menu__options {
  position: absolute;
  left: 0;
  background-color: #fff;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options.krkn__dropdown-menu__options__right {
  right: 0;
  left: inherit;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options .krkn__dropdown-menu__option {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 30px;
  text-align: center;
  color: #333;
  border: 1px solid #e6eaf2;
  border-top: none;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
  user-select: none;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options .krkn__dropdown-menu__option:first-child {
  border-top: 1px solid #e6eaf2;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options .krkn__dropdown-menu__option:last-child {
  border-bottom: 1px solid #e6eaf2;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options .krkn__dropdown-menu__option:hover {
  background-color: #905286;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options .krkn__dropdown-menu__option .krkn__dropdown-menu__option-icon {
  margin-top: -1px;
  margin-right: 8px;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options .krkn__dropdown-menu__option-header {
  padding: 6px 30px;
  text-align: center;
  color: #333;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: default;
  user-select: none;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options .krkn__dropdown-menu__option-divider {
  margin: 0 14px;
  border-top: 1px solid #e6eaf2;
}
.krkn__dropdown-menu.krkn__dropdown-menu__opened .krkn__dropdown-menu__open-action {
  transform: rotate(180deg);
}
.krkn__dropdown-menu .krkn__dropdown-menu__options-enter {
  animation-name: dropdown__options-appear;
  animation-duration: 0.18s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards;
}
.krkn__dropdown-menu .krkn__dropdown-menu__options-exit {
  animation-name: dropdown__options-disappear;
  animation-duration: 0.18s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards;
}
@keyframes dropdown__options-appear {
  0% {
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dropdown__options-disappear {
  from {
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    transform-origin: 50% 0;
    opacity: 0;
  }
}
.krkn__dropdown {
  width: 150px;
  height: 24px;
  overflow: hidden;
  border-radius: 0;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 12px;
  line-height: 15px;
}
.krkn__dropdown .krkn__dropdown__wrapper {
  position: relative;
  border-bottom: 1px solid #c6c2ce;
  width: 100%;
  height: 100%;
  border-radius: 0;
  padding: 0 0 4px 0;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content {
  padding-left: 10px;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #333;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__placeholder {
  color: #9a9a9a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  user-select: none;
  flex: 1 0;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__value {
  flex: 1 0;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__loader {
  display: flex;
  align-items: center;
  padding-top: 2px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-right: 30px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__search .krkn__dropdown__search-input {
  flex: 1 0;
  width: 100%;
  height: 21px;
  padding: 1px 0;
  z-index: 1;
  background-color: #eff4fa;
  border: none;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__selected-value {
  flex: 1 1;
  min-width: 0;
  display: flex;
  align-items: center;
  user-select: none;
  height: 100%;
  width: 100%;
  max-width: 100%;
  position: relative;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__selected-value .krkn__dropdown__selected-value__icon {
  margin-right: 10px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__selected-value .krkn__dropdown__selected-value__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
  position: absolute;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__clear-action {
  margin-right: 6px;
  display: flex;
  align-items: center;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__clear-action .icon {
  width: 8px;
  height: 8px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__clear-action .icon svg {
  fill: #4e4a5a;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__clear-action:hover .icon svg {
  fill: #682048;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions {
  flex: 0 0 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .krkn__dropdown__search-icon {
  margin: 0 4px 0 0;
  flex: 0 0 12px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .rnnt__search-input__search-clear-btn {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .rnnt__search-input__search-clear-btn .icon {
  width: 8px;
  height: 8px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .rnnt__search-input__search-clear-btn .icon svg {
  fill: #4e4a5a;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle {
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon {
  width: 8px;
  height: 8px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon svg {
  fill: #4e4a5a;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0px 2px 4px #00000029;
  height: auto;
  max-height: 220px;
  padding-top: 28px;
  border: 1px solid #f9fafa;
  opacity: 0;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__options {
  width: auto;
  min-width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 10px;
  cursor: default;
  user-select: none;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option .krkn__dropdown__option-icon {
  margin-right: 10px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option:hover {
  background-color: #f5f8fa;
  background-color: red;
  cursor: pointer;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option.krkn__dropdown__option__active {
  background-color: #905286;
  cursor: pointer;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__options .krkn__dropdown__option:last-child {
  margin-bottom: 5px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper {
  padding: 0 4px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 4px;
  border-bottom: 1px solid #c6c2ce;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-input {
  flex: 1 0;
  width: 100%;
  height: 21px;
  padding: 1px 0;
  background-color: #fff;
  border: none;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-actions {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 8px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-actions .icon__cross {
  width: 7px;
  height: 7px;
}
.krkn__dropdown .krkn__dropdown__wrapper .krkn__dropdown__options-wrapper .krkn__dropdown__search-wrapper .krkn__dropdown__search .krkn__dropdown__search-actions .icon__search {
  margin-left: 8px;
}
.krkn__dropdown.krkn__dropdown--selected .krkn__dropdown__wrapper {
  border-bottom: 1px solid #dbd9e0;
}
.krkn__dropdown.krkn__dropdown--selected .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__placeholder {
  color: #333;
}
.krkn__dropdown.krkn__dropdown--selected .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__value {
  color: #333;
}
.krkn__dropdown.krkn__dropdown--selected .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .icon svg {
  fill: #4e4a5a;
}
.krkn__dropdown.krkn__dropdown--selected:hover .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon svg {
  fill: #682048;
}
.krkn__dropdown.krkn__dropdown__opened .krkn__dropdown__open-action .icon {
  transform: rotate(180deg);
}
.krkn__dropdown.krkn__dropdown__opened .krkn__dropdown__options-wrapper {
  opacity: 1;
}
.krkn__dropdown.krkn__dropdown__opened .krkn__dropdown__options-wrapper .krkn__dropdown__apply {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  min-height: 40px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-top: 0.5px solid #E0E0E0;
  margin-bottom: -4px;
}
.krkn__dropdown.krkn__dropdown__opened .krkn__dropdown__wrapper .krkn__dropdown__content {
  color: #333;
}
.krkn__dropdown.krkn__dropdown__opened .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .icon svg {
  fill: #4e4a5a;
}
.krkn__dropdown.krkn__dropdown__opened .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .icon svg:hover {
  fill: #682048;
}
.krkn__dropdown.krkn__dropdown__disabled .krkn__dropdown__wrapper {
  border-color: #EDEDED;
}
.krkn__dropdown.krkn__dropdown__disabled .krkn__dropdown__wrapper .krkn__dropdown__content {
  color: #9a9a9a;
}
.krkn__dropdown.krkn__dropdown__disabled .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon svg {
  fill: #d6d6d6;
}
.krkn__dropdown.krkn__dropdown__disabled .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__placeholder {
  color: #ebebe4;
}
.krkn__dropdown.krkn__dropdown__disabled:hover .krkn__dropdown__wrapper {
  border-color: #EDEDED;
}
.krkn__dropdown.krkn__dropdown__disabled:hover .krkn__dropdown__wrapper .krkn__dropdown__content {
  cursor: default;
  color: #9a9a9a;
}
.krkn__dropdown.krkn__dropdown__disabled:hover .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle {
  cursor: default;
}
.krkn__dropdown.krkn__dropdown__disabled:hover .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon {
  cursor: default;
}
.krkn__dropdown.krkn__dropdown__disabled:hover .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon svg {
  fill: #d6d6d6;
}
.krkn__dropdown.krkn__dropdown__error .krkn__dropdown__wrapper .krkn__dropdown__content {
  background-color: #fff;
  border: 1px solid #aa0034;
  color: #333;
}
.krkn__dropdown.krkn__dropdown__error .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .icon svg {
  fill: #635c6c;
}
.krkn__dropdown.krkn__dropdown__error .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__open-action {
  cursor: default;
}
.krkn__dropdown.krkn__dropdown__error:hover .krkn__dropdown__wrapper .krkn__dropdown__content {
  background-color: #fff;
  border: 1px solid #aa0034;
  color: #333;
}
.krkn__dropdown.krkn__dropdown__error:hover .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__actions .icon svg {
  fill: #635c6c;
}
.krkn__dropdown:hover .krkn__dropdown__wrapper {
  border-bottom: 1px solid #c6c2ce;
}
.krkn__dropdown:hover .krkn__dropdown__wrapper .krkn__dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon svg {
  fill: #682048;
}
.krkn__dropdown .krkn__dropdown__options-wrapper-enter {
  animation-name: dropdown__options-appear;
  animation-duration: 0.18s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__dropdown .krkn__dropdown__options-wrapper-exit-active {
  animation-name: dropdown__options-disappear;
  animation-duration: 0.12s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__multi-dropdown {
  width: 100%;
  height: 32px;
  overflow: hidden;
  border-radius: 0;
}
.krkn__multi-dropdown .krkn__multi-dropdown__header {
  top: -100%;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__header .krkn__multi-dropdown__header-title {
  padding: 0 10px 0 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #4e4a5a;
  user-select: none;
}
.krkn__multi-dropdown .krkn__multi-dropdown__header .krkn__multi-dropdown__header-selected {
  padding: 0 10px;
  color: #9a9a9a;
  text-transform: lowercase;
  user-select: none;
}
.krkn__multi-dropdown .krkn__multi-dropdown__header .krkn__multi-dropdown__header-selected span:first-child {
  margin-right: 4px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border-bottom: 1px solid #c6c2ce;
  border-radius: 0;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content {
  padding-left: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: 100%;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__value {
  flex: 1 1 100%;
  min-width: 0;
  overflow: hidden;
  color: #333;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__placeholder-wrapper {
  flex: 1 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-weight: 700;
  white-space: nowrap;
  user-select: none;
  height: 100%;
  display: flex;
  align-items: center;
  margin-top: -1px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__placeholder-wrapper .krkn__multi-dropdown__placeholder {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #33333380;
  font-weight: 700;
  white-space: nowrap;
  user-select: none;
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__placeholder-wrapper .krkn__multi-dropdown__placeholder--filled {
  color: #333;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__placeholder-wrapper .krkn__multi-dropdown__placeholder-text {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9a9a9a;
  opacity: 1;
  user-select: none;
  font-size: 12px;
  line-height: 15px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__placeholder-wrapper .krkn__multi-dropdown__placeholder-count {
  padding-left: 2px;
  flex: 1 1 auto;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 20px;
  height: 100%;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__dropdown__loader {
  display: flex;
  align-items: center;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__dropdown__clear-action {
  cursor: pointer;
  padding: 4px;
  margin-right: 2px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__dropdown__clear-action .icon {
  width: 8px;
  height: 8px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__dropdown__clear-action .icon svg {
  fill: #4e4a5a;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__dropdown__clear-action .icon:hover svg {
  fill: #682048;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__multi-dropdown__placeholder {
  color: #9a9a9a;
  user-select: none;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__multi-dropdown__selected-value {
  display: flex;
  align-items: center;
  user-select: none;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .krkn__multi-dropdown__selected-value .krkn__multi-dropdown__selected-value__icon {
  margin-right: 10px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__actions .rnnt__search-input__search-clear-btn {
  color: #9a9a9a;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle {
  flex: 0 0 24px;
  height: 100%;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon {
  width: 8px;
  height: 8px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon svg {
  fill: #4e4a5a;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper {
  box-shadow: 0px 2px 4px #00000029;
  position: absolute;
  right: 0;
  left: 0;
  height: auto;
  max-height: 270px;
  background-color: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 0;
  margin-top: 4px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__selected-options {
  background-color: lightgreen;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options {
  width: auto;
  min-width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 4px 0 4px;
  background-color: #fff;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: default;
  margin-bottom: 1px;
  user-select: none;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option .krkn__checkbox {
  width: 100%;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option .krkn__multi-dropdown__option-icon {
  margin-right: 10px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option .krkn__multi-dropdown__option-text:first-letter {
  text-transform: uppercase;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option:hover {
  color: #793d6f;
  cursor: pointer;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option:last-child {
  padding-bottom: 10px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option--disabled .krkn__checkbox__label {
  color: #9a9a9a;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__options .krkn__multi-dropdown__option--disabled .krkn__checkbox__checkmark {
  border: 1px solid #c6c6c6;
  background-color: #c6c6c6;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__search-wrapper {
  padding: 0 4px;
  background-color: #fff;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__search-wrapper .krkn__multi-dropdown__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 4px;
  border-bottom: 1px solid #c6c2ce;
  background-color: #fff;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__search-wrapper .krkn__multi-dropdown__search .krkn__multi-dropdown__search-input {
  flex: 1 0;
  min-width: 0;
  width: 100%;
  height: 21px;
  padding: 1px 0;
  background-color: #fff;
  border: none;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__search-wrapper .krkn__multi-dropdown__search .krkn__multi-dropdown__search-actions {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 8px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__search-wrapper .krkn__multi-dropdown__search .krkn__multi-dropdown__search-actions .icon__cross {
  width: 7px;
  height: 7px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__search-wrapper .krkn__multi-dropdown__search .krkn__multi-dropdown__search-actions .icon__search {
  margin-left: 8px;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__footer {
  width: 100%;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edecf2;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper .krkn__multi-dropdown__footer .krkn__multi-dropdown__footer__rest {
  font-size: 13px;
}
.krkn__multi-dropdown:hover {
  cursor: pointer;
}
.krkn__multi-dropdown:hover .krkn__multi-dropdown__header {
  cursor: default;
}
.krkn__multi-dropdown:hover .krkn__multi-dropdown__header .krkn__multi-dropdown__header-title {
  color: #793d6f;
}
.krkn__multi-dropdown:hover .krkn__multi-dropdown__content-wrapper {
  border-color: #c6c2ce;
}
.krkn__multi-dropdown:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle {
  cursor: default;
}
.krkn__multi-dropdown:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon {
  cursor: default;
}
.krkn__multi-dropdown:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon svg {
  fill: #682048;
}
.krkn__multi-dropdown.krkn__multi-dropdown--selected .krkn__multi-dropdown__content-wrapper {
  border-color: #dbd9e0;
}
.krkn__multi-dropdown.krkn__multi-dropdown--selected .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__header .krkn__multi-dropdown__header-title {
  color: #4e4a5a;
}
.krkn__multi-dropdown.krkn__multi-dropdown--selected .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle {
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown--selected .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon {
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown--selected .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon svg {
  fill: #4e4a5a;
}
.krkn__multi-dropdown.krkn__multi-dropdown--selected:hover .krkn__multi-dropdown__content-wrapper {
  border-color: #c6c2ce;
}
.krkn__multi-dropdown.krkn__multi-dropdown--selected:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon svg {
  fill: #682048;
}
.krkn__multi-dropdown.krkn__multi-dropdown__opened .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon {
  transform: rotate(180deg);
}
.krkn__multi-dropdown.krkn__multi-dropdown__opened .krkn__multi-dropdown__options-wrapper {
  opacity: 1;
}
.krkn__multi-dropdown.krkn__multi-dropdown__touched .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__open-action {
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled {
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled .krkn__multi-dropdown__content-wrapper {
  background-color: #d6d6d6;
  border: 1px solid #909090;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__open-action {
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__search-input {
  background-color: #d6d6d6;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle {
  background-color: #9a9a9a;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__multi-dropdown__action-toggle .krkn__multi-dropdown__toggle .icon svg {
  fill: #d6d6d6;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled:hover .krkn__multi-dropdown__content-wrapper {
  overflow: hidden;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content {
  background-color: #d6d6d6;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__dropdown__action-toggle {
  background-color: #9a9a9a;
  border: 1px solid #9a9a9a;
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon {
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown__disabled:hover .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__content .krkn__dropdown__action-toggle .krkn__dropdown__toggle .icon svg {
  fill: #d6d6d6;
}
.krkn__multi-dropdown.krkn__multi-dropdown__error .krkn__multi-dropdown__content-wrapper {
  border: 1px solid #aa0034;
}
.krkn__multi-dropdown.krkn__multi-dropdown__error .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__open-action {
  cursor: default;
}
.krkn__multi-dropdown.krkn__multi-dropdown__error .krkn__multi-dropdown__content-wrapper .krkn__multi-dropdown__search-input {
  background-color: #fff2f9;
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper-animation-enter {
  animation-name: dropdown__options-appear;
  animation-duration: 0.18s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__multi-dropdown .krkn__multi-dropdown__options-wrapper-animation-exit-active {
  animation-name: dropdown__options-disappear;
  animation-duration: 0.12s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.krkn__multi-dropdown.krkn__multi-dropdown__with-counter .krkn__tail {
  min-width: 340px;
}
.krkn__multi-dropdown.krkn__multi-dropdown__with-counter .krkn__multi-dropdown__footer {
  justify-content: space-between;
}
.krkn__multi-dropdown.krkn__multi-dropdown .krkn__multi-dropdown__options {
  overflow: hidden;
}
.krkn__multi-dropdown.multi-dropdown__withPaged .krkn__multi-dropdown__options {
  overflow: hidden;
}
.krkn__multi-dropdown.multi-dropdown__withPaged .krkn__multi-dropdown__options .krkn__loading-indicator {
  margin-top: 3px;
}
.krkn__multi-dropdown.multi-dropdown__withPaged .krkn__multi-dropdown__footer.isLoading {
  padding-top: 20px !important;
}
.ui.popup.krkn__multi-dropdown__popup {
  margin-left: 20px !important;
  color: #333 !important;
}
.ui.popup.krkn__dropdown__popup {
  margin-left: 20px !important;
  color: #333 !important;
}
.krkn__tree-dropdown {
  width: 100%;
}
.krkn__tree-dropdown .krkn__dropdown__placeholder {
  flex: 1 0;
  display: flex;
  margin-top: -1px;
}
.krkn__tree-dropdown .krkn__dropdown__placeholder .krkn__dropdown__placeholder-text {
  flex: 1 1;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.krkn__tree-dropdown .krkn__dropdown__placeholder .krkn__dropdown__placeholder-selected {
  flex: 0 0 20px;
  color: #fff;
  margin-left: 4px;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper {
  padding: 4px 0 4px 10px;
  width: 320px;
  max-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__simple-tree-list-wrapper {
  width: 100%;
  flex: 1 0 250px;
  background-color: #fff;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__simple-tree-list-wrapper .krkn__simple-tree-list {
  width: 100%;
  flex: 1 0 250px;
  background-color: #fff;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__simple-tree-list__search-options {
  background-color: #fff;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__tree-dropdown__apply {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  min-height: 40px;
  background-color: #edecf2;
  margin-left: -10px;
  margin-bottom: -4px;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__tree-dropdown__search-wrapper {
  padding: 0 4px;
  margin-bottom: 4px;
  background-color: #fff;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__tree-dropdown__search-wrapper .krkn__tree-dropdown__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 4px;
  border-bottom: 1px solid #c6c2ce;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__tree-dropdown__search-wrapper .krkn__tree-dropdown__search .krkn__tree-dropdown__search-input {
  flex: 1 0;
  width: 100%;
  height: 21px;
  padding: 1px 0;
  background-color: #fff;
  border: none;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__tree-dropdown__search-wrapper .krkn__tree-dropdown__search .krkn__tree-dropdown__search-actions {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 8px;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__tree-dropdown__search-wrapper .krkn__tree-dropdown__search .krkn__tree-dropdown__search-actions .icon__cross {
  width: 7px;
  height: 7px;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__tree-dropdown__search-wrapper .krkn__tree-dropdown__search .krkn__tree-dropdown__search-actions .icon__search {
  margin-left: 8px;
}
.krkn__tree-dropdown .krkn__dropdown__options-wrapper .krkn__row .krkn__cell {
  padding: 2px 8px 2px 0;
}
.krkn__tree-dropdown .ReactVirtualized__Table__headerRow {
  background-color: #999;
  font-weight: bold;
}
.krkn__tree-dropdown .ReactVirtualized__Table__headerRow,
.krkn__tree-dropdown .ReactVirtualized__Table__row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.krkn__tree-dropdown .ReactVirtualized__Grid.ReactVirtualized__Table__Grid .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.krkn__tree-dropdown .ReactVirtualized__Grid.ReactVirtualized__List {
  overflow: visible !important;
}
.krkn__tail {
  position: absolute;
  z-index: 10001;
}
.krkn__dropdown__opened .krkn__tail,
.krkn__multi-dropdown__opened .krkn__tail,
.krkn__grouped-dropdown__opened .krkn__tail,
.krkn__datepicker-overlay .krkn__tail,
.krkn__multi-dropdown__opened .krkn__tail,
.bkdui-modal-open .krkn__tail {
  position: absolute;
  z-index: 10001;
}
.action-directions__wrapper {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(4px) grayscale(100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
}
.action-directions__wrapper .action-directions__close-handler {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.action-directions__wrapper .action-directions__close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.action-directions__wrapper .action-directions__close:hover {
  stroke: #203667;
}
.action-directions__wrapper .action-directions__block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50%;
  min-height: 30%;
  border: 1px solid #a0a0a0EE;
  margin: 0 auto;
  text-align: center;
  justify-items: center;
  box-shadow: 0 4px 6px -1px rgb(0 0 0), 0 2px 4px -2px rgb(0 0 0);
  background-color: #fff;
  padding: 10px 20px;
}
@media screen and (max-width: 1366px) {
  .action-directions__wrapper .action-directions__block {
    text-align: center;
    width: 100%;
    height: auto;
    overflow: auto;
  }
}
.action-directions__wrapper .action-directions__block .block__title {
  color: #203667;
  font-size: 25px;
  font-weight: 300;
  line-height: 1em;
  padding: 4px 0;
  border-bottom: 1px solid #ff3976;
  margin-bottom: 40px;
  display: inline-block;
}
@media screen and (max-width: 1766px) {
  .action-directions__wrapper .action-directions__block .block__title {
    padding-right: 20px;
  }
}
.page {
  width: 100%;
  height: 100%;
  position: relative;
}
.page-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.page-container-filter-list {
  padding: 0 0 16px 0;
  height: 100%;
}
.page-container-overlap {
  position: fixed;
  top: 0;
  width: 100%;
  height: 120px;
  background-color: #fff;
}
.page-layout {
  width: 86%;
  padding: 0 15px;
  margin: 0 auto;
}
.page-layout__icons {
  display: flex;
  height: 45px;
  align-items: center;
}
.page-layout__button-back {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #2d4a71;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
  text-decoration: none;
}
.page-layout__button-back__text {
  margin-left: 5px;
}
.krkn__card-page__body-right .bkdui-loading-overlayShadow {
  position: absolute;
}
.krkn__card-page__body-right .container .view {
  overflow-x: hidden !important;
}
.cols {
  display: table;
  table-layout: fixed;
  height: 100%;
}
.cols .col {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.cols .col.col-25 {
  width: 25%;
}
.cols .col.col-75 {
  width: 75%;
}
.cols .col.col-50 {
  width: 50%;
}
.cols .col.col-33 {
  width: 33%;
}
.mapboxgl-ctrl-top-right,
.maplibregl-ctrl-top-right {
  right: 0;
  top: 50%;
}
.rusmap__map-pin__desc .rusmap__map-pin__desc-text {
  font-weight: 500 !important;
  font-size: 10px !important;
}
.page {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.page .icon {
  cursor: default;
}
.page .page-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 50px 10px;
  color: #333333;
}
.page .page-block > div {
  text-align: center;
}
.page .page-block .page-block__title {
  color: #203667;
  font-size: 25px;
  font-weight: 300;
  line-height: 1em;
  padding: 4px 0;
  border-bottom: 1px solid #ff3976;
  margin-bottom: 40px;
}
.page .page-block .page-block__content {
  max-width: 80vw;
}
.page .page-block .divider {
  border-bottom: 1px solid #ff3976;
  width: 35vw;
  margin: 50px 0;
}
.page .page-block.page-block--main {
  color: #fff;
  height: 840px;
  background-image: url('/assets/images/bg.jpg');
  background-color: #192744;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.page .page-block.page-block--main .header {
  left: 0;
  width: 80vw;
  margin-bottom: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page .page-block.page-block--main .header .icon__logo-sota {
  width: 156px;
  height: 44px;
}
.page .page-block.page-block--main .header .icon__logo-sota svg {
  fill: #fff;
}
.page .page-block.page-block--main .header .header__menu {
  display: flex;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.page .page-block.page-block--main .header .header__menu .header__menu-item {
  color: #fff;
  margin-right: 12px;
  padding: 4px 10px;
  white-space: nowrap;
  cursor: pointer;
}
.page .page-block.page-block--main .header .header__menu .header__menu-item:hover {
  padding: 4px 10px;
  border: none;
  background-color: #ff3976;
}
.page .page-block.page-block--main .header .header--common {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.page .page-block.page-block--main .header .header--common .header__menu {
  margin-left: 24px;
}
.page .page-block.page-block--main .header .header--mobile {
  display: none;
  flex-direction: column;
}
.page .page-block.page-block--main .header .header--mobile .header__menu {
  flex-wrap: wrap;
}
.page .page-block.page-block--main .header .header--mobile .header__menu .header__menu-item .icon.icon__arrow-down {
  display: none;
}
.page .page-block.page-block--main .title {
  margin-top: 30px;
  font-size: 40px;
  font-weight: 700;
}
.page .page-block.page-block--main .desc {
  font-size: 20px;
  font-weight: 300;
  max-width: 600px;
}
.page .page-block.page-block--main .icon__cubes {
  width: 260px;
  height: 200px;
}
.page .page-block.page-block--main .icon__cubes svg {
  fill: #6a8cc1;
}
.page .page-block.page-block--about .page-block__content {
  position: relative;
  font-size: 16px;
  text-align: justify;
}
.page .page-block.page-block--about .page-block__content .icon__cubes {
  position: absolute;
  left: -300px;
  bottom: -90px;
  width: 260px;
  height: 190px;
}
.page .page-block.page-block--about .page-block__content .icon__cubes svg {
  fill: #f1f3f7;
}
.page .page-block.page-block--services {
  background-color: #f1f3f7;
  z-index: 2;
}
.page .page-block.page-block--services .page-block__content .cols {
  height: inherit;
  padding-bottom: 32px;
}
.page .page-block.page-block--services .page-block__content .cols:last-child {
  padding-bottom: 0;
}
.page .page-block.page-block--services .page-block__content .cols .col {
  padding: 0 16px;
}
.page .page-block.page-block--services .page-block__content .cols .col:first-child {
  padding-left: 0;
}
.page .page-block.page-block--services .page-block__content .cols .col:last-child {
  padding-right: 0;
}
.page .page-block.page-block--services .page-block__content .cols .col .page-block__content-item {
  height: 100%;
  background-color: #fff;
  display: inline-flex;
  flex-direction: column;
  padding: 20px 24px 32px 24px;
}
.page .page-block.page-block--services .content-item__icon {
  margin-bottom: 15px;
}
.page .page-block.page-block--services .content-item__icon .icon {
  height: 50px;
  width: inherit;
}
.page .page-block.page-block--services .content-item__icon .icon svg {
  fill: #203667;
}
.page .page-block.page-block--services .content-item__title {
  font-size: 18px;
  font-weight: 400;
  color: #203667;
  margin-bottom: 25px;
}
.page .page-block.page-block--services .content-item__text {
  text-align: left;
  font-size: 16px;
}
@media screen and (max-width: 1366px) {
  .page .page-block.page-block--services .page-block__content .cols {
    display: block;
    margin: 0;
    padding: 0;
  }
  .page .page-block.page-block--services .page-block__content .cols .col {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    margin-bottom: 20px;
  }
}
.page .page-block.page-block--clients .page-block__content {
  width: 100%;
}
.page .page-block.page-block--clients .page-block__content .cols {
  width: 100%;
}
.page .page-block.page-block--clients .page-block__content .cols .col {
  vertical-align: middle;
  height: 130px;
}
.page .page-block.page-block--clients .page-block__content .cols .col:first-child {
  text-align: left;
}
.page .page-block.page-block--clients .page-block__content .cols .col:last-child {
  text-align: right;
}
.page .page-block.page-block--clients .page-block__content a {
  cursor: pointer;
}
.page .page-block.page-block--clients .page-block__content a .icon {
  cursor: pointer;
}
.page .page-block.page-block--clients .icon.icon__logo-rosdor {
  width: 212px;
  height: 54px;
}
.page .page-block.page-block--clients .icon.icon__logo-rosdor svg {
  fill: #203667;
}
.page .page-block.page-block--clients .icon.icon__logo-ac {
  width: 244px;
  height: 45px;
  background-size: contain;
}
.page .page-block.page-block--clients .icon.icon__logo-mpt {
  width: 217px;
  height: 36px;
}
.page .page-block.page-block--clients .icon.icon__logo-mpt svg {
  fill: #404042;
}
.page .page-block.page-block--clients .icon.icon__logo-rdm {
  width: 173px;
  height: 130px;
  background-size: contain;
}
@media screen and (max-width: 1366px) {
  .page .page-block.page-block--clients .page-block__content .cols {
    display: block;
  }
  .page .page-block.page-block--clients .page-block__content .cols .col {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    height: auto;
    margin-bottom: 40px;
  }
}
.page .page-block.page-block--projects {
  background-color: #f7f7f7;
  z-index: 2;
}
.page .page-block.page-block--projects .page-block__content {
  max-width: 96vw;
  width: 100%;
  position: relative;
}
.page .page-block.page-block--projects .page-block__content .paging-item {
  margin: 10px 18px 0 0;
  color: #203667;
}
.page .page-block.page-block--projects .page-block__content .paging-item.active {
  margin-top: 10px 18px 0 0;
}
.page .page-block.page-block--projects .page-block__content .paging-item:last-child {
  margin-right: 0;
}
.page .page-block.page-block--projects .page-block__content .paging-item svg {
  fill: #203667;
}
.page .page-block.page-block--projects .page-block__content .project {
  padding: 0 80px;
  display: flex;
  flex-direction: row;
}
.page .page-block.page-block--projects .page-block__content .project .project__picture {
  flex: 0 0 390px;
  margin-right: 30px;
}
.page .page-block.page-block--projects .page-block__content .project .project__picture .image {
  width: 100%;
  height: 100%;
  background-size: contain;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc .project__desc-title {
  font-size: 18px;
  color: #203667;
  margin-bottom: 20px;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc .project__desc-customer {
  margin-bottom: 20px;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc .project__desc-customer .project__desc-customer-title {
  font-size: 16px;
  color: #203667;
  margin-bottom: 10px;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc .project__desc-customer .project__desc-customer-text {
  color: #333333;
  font-size: 16px;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc .project__desc-content {
  margin-bottom: 20px;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc .project__desc-content .project__desc-content-title {
  font-size: 16px;
  color: #203667;
  margin-bottom: 10px;
}
.page .page-block.page-block--projects .page-block__content .project .project__desc .project__desc-content .project__desc-content-text {
  color: #333333;
  font-size: 16px;
}
@media screen and (max-width: 1366px) {
  .page .page-block.page-block--projects .page-block__content .project {
    flex-direction: column;
  }
  .page .page-block.page-block--projects .page-block__content .project .project__picture {
    width: 100%;
    height: 100%;
    display: inline-block;
    justify-content: center;
    flex: 1 0;
  }
}
.page .page-block.page-block--technologies .page-block__content {
  width: 100%;
}
.page .page-block.page-block--contacts .page-block__content {
  color: #333333;
  font-weight: 400;
  font-size: 16px;
  position: relative;
}
.page .page-block.page-block--contacts .page-block__content .cols {
  width: 100%;
}
.page .page-block.page-block--contacts .page-block__content .cols .col {
  text-align: left;
}
.page .page-block.page-block--contacts .page-block__content .cols .col:first-child {
  width: 40%;
}
.page .page-block.page-block--contacts .page-block__content .cols .col .col__content > div {
  margin-bottom: 16px;
}
.page .page-block.page-block--contacts .page-block__content .cols .col .col__content > div:last-child {
  margin-bottom: 0;
}
.page .page-block.page-block--contacts .contact__title {
  font-size: 18px;
  color: #203667;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.page .page-block.page-block--contacts .contact__title span {
  display: inline-block;
}
.page .page-block.page-block--contacts .icon {
  margin-right: 10px;
}
.page .page-block.page-block--contacts .icon.icon__phone {
  width: 16px;
  height: 16px;
}
.page .page-block.page-block--contacts .icon.icon__mail {
  width: 17px;
  height: 12px;
}
.page .page-block.page-block--contacts .icon.icon__placemark {
  width: 12px;
  height: 16px;
}
.page .page-block.page-block--contacts .icon.icon__cubes {
  position: absolute;
  right: -270px;
  top: -142px;
  width: 260px;
  height: 190px;
}
.page .page-block.page-block--contacts .icon.icon__cubes svg {
  fill: #f1f3f7;
}
.page .page-block.page-block--contacts a {
  color: #203667;
  text-decoration: none;
}
.page .page-block.page-block--contacts a:hover,
.page .page-block.page-block--contacts a:focus {
  text-decoration: none;
}
@media screen and (max-width: 1366px) {
  .page .page-block.page-block--contacts .page-block__content .cols {
    display: block;
  }
  .page .page-block.page-block--contacts .page-block__content .cols .col {
    width: 100%;
    display: inline-flex;
    justify-content: left;
    height: auto;
    margin-bottom: 16px;
  }
  .page .page-block.page-block--contacts .page-block__content .cols .col:first-child {
    width: 100%;
  }
}
.page .page-block.page-block--map {
  height: 400px;
  padding: 0;
}
.page .page-block.page-block--map .page-block__map {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1366px) {
  .page .page-block.page-block--main {
    height: 1040px;
    background-size: cover;
  }
  .page .page-block.page-block--main .header .header--common {
    display: none;
  }
  .page .page-block.page-block--main .header .header--mobile {
    display: flex;
  }
  .page .page-block.page-block--main .header .header--mobile .header__menu {
    margin-top: 12px;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
  }
}
.page.page--route,
.page.page--graph {
  display: flex;
  flex-direction: column;
}
.page.page--route .page__header,
.page.page--graph .page__header {
  flex: 0 0 480px;
  background-color: #3b4470;
  padding: 0 200px;
  position: relative;
  color: #fff;
}
.page.page--route .page__header a,
.page.page--graph .page__header a {
  color: #fff;
}
.page.page--route .page__header .page__header-menu,
.page.page--graph .page__header .page__header-menu {
  margin-top: 48px;
}
.page.page--route .page__header .page__header-menu .page__header-menu-top,
.page.page--graph .page__header .page__header-menu .page__header-menu-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.page.page--route .page__header .page__header-menu .page__header-menu-top .logo,
.page.page--graph .page__header .page__header-menu .page__header-menu-top .logo {
  cursor: pointer;
  width: 147px;
  height: 37px;
}
.page.page--route .page__header .page__header-menu .page__header-menu-top .logo .icon,
.page.page--graph .page__header .page__header-menu .page__header-menu-top .logo .icon {
  cursor: pointer;
  width: 147px;
  height: 37px;
}
.page.page--route .page__header .page__header-menu .page__header-menu-top .logo .icon svg,
.page.page--graph .page__header .page__header-menu .page__header-menu-top .logo .icon svg {
  fill: #fff;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs {
  padding: 4px 12px;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb {
  background-color: #3b4470;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .section,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .section {
  background-color: #3b4470;
  margin-right: 12px;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .section a.breadcrumb,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .section a.breadcrumb {
  padding: 0;
  color: #fff;
  background-color: #3b4470;
  margin: 0;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .section:last-child,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .section:last-child {
  margin-right: 0;
  opacity: 0.5;
  cursor: default;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .divider,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .divider {
  margin-right: 12px;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .divider .icon,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .divider .icon {
  height: 14px;
}
.page.page--route .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .divider .icon svg,
.page.page--graph .page__header .page__header-menu .page__header-menu-bottom .header__breadcrumbs .ui.breadcrumb .divider .icon svg {
  fill: #fff;
}
.page.page--route .page__header .page__header-title,
.page.page--graph .page__header .page__header-title {
  position: absolute;
  left: 17vw;
  bottom: 80px;
  font-size: 40px;
  font-weight: 300;
  white-space: normal;
  max-width: 370px;
}
.page.page--route .page__content .page-block,
.page.page--graph .page__content .page-block {
  padding: 60px 17vw;
}
.page.page--route .page__content .page-block .page-block__title-wrapper,
.page.page--graph .page__content .page-block .page-block__title-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.page.page--route .page__content .page-block .page-block__title-wrapper .page-block__title,
.page.page--graph .page__content .page-block .page-block__title-wrapper .page-block__title {
  width: auto;
}
.page.page--route .page__content .page-block .page-block__content,
.page.page--graph .page__content .page-block .page-block__content {
  width: 100%;
  text-align: left;
}
.page.page--route .page__content .page-block .page-block__column,
.page.page--graph .page__content .page-block .page-block__column {
  display: flex;
  flex-direction: column;
}
.page.page--route .page__content .page-block.page-block--func-features .page-block__content,
.page.page--graph .page__content .page-block.page-block--func-features .page-block__content {
  position: relative;
}
.page.page--route .page__content .page-block.page-block--func-features .page-block__content .icon.icon__block-bg,
.page.page--graph .page__content .page-block.page-block--func-features .page-block__content .icon.icon__block-bg {
  position: absolute;
  bottom: -84px;
  left: -230px;
  width: 200px;
  height: 200px;
}
.page.page--route .page__content .page-block.page-block--cost .page-block__content,
.page.page--graph .page__content .page-block.page-block--cost .page-block__content {
  position: relative;
}
.page.page--route .page__content .page-block.page-block--cost .page-block__content .icon.icon__block-bg,
.page.page--graph .page__content .page-block.page-block--cost .page-block__content .icon.icon__block-bg {
  position: absolute;
  top: -171px;
  right: -220px;
  width: 200px;
  height: 200px;
}
.page.page--route .page__content .page-block.page-block--docs,
.page.page--graph .page__content .page-block.page-block--docs {
  position: relative;
  background-color: #f1f3f7;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column {
  flex: 1 1 33%;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column .page-block__column-title,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column .page-block__column-title {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column .page-block__column-title a,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column .page-block__column-title a {
  display: flex;
  align-items: center;
  color: #575e95;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column .page-block__column-title a .icon,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column .page-block__column-title a .icon {
  padding-top: 4px;
  width: 29px;
  height: 34px;
  margin-right: 12px;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column.column-1,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column.column-1 {
  flex: 1 1 40%;
  padding-right: 20px;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column.column-3 .page-block__column-title,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column.column-3 .page-block__column-title {
  justify-content: center;
  align-items: center;
}
.page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column.column-3 .page-block__column-title .icon,
.page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column.column-3 .page-block__column-title .icon {
  padding-top: 0;
  width: 40px;
  height: 40px;
}
.page.page--route .page__content .page-block.page-block--feedback .page-block__content .field,
.page.page--graph .page__content .page-block.page-block--feedback .page-block__content .field {
  margin-bottom: 20px;
}
.page.page--route .page__content .page-block.page-block--feedback .page-block__content .field .field__title,
.page.page--graph .page__content .page-block.page-block--feedback .page-block__content .field .field__title {
  margin-bottom: 4px;
}
.page.page--route .page__content .page-block.page-block--feedback .page-block__content .krkn__input,
.page.page--graph .page__content .page-block.page-block--feedback .page-block__content .krkn__input,
.page.page--route .page__content .page-block.page-block--feedback .page-block__content .krkn__textarea,
.page.page--graph .page__content .page-block.page-block--feedback .page-block__content .krkn__textarea {
  font-size: 12px;
}
.page.page--route .page__content .page-block.page-block--feedback .krkn__btn,
.page.page--graph .page__content .page-block.page-block--feedback .krkn__btn {
  background-color: #fff;
  border: 1px solid #d34f7a;
  color: #d34f7a;
  padding: 4px 22px;
  height: 30px;
  line-height: 14px;
  outline: none;
}
.page.page--route .page__content .page-block.page-block--feedback .krkn__btn:focus,
.page.page--graph .page__content .page-block.page-block--feedback .krkn__btn:focus {
  outline: none;
}
.page.page--route .page__content .page-block.page-block--feedback .krkn__btn:hover,
.page.page--graph .page__content .page-block.page-block--feedback .krkn__btn:hover {
  background-color: #d34f7a;
  color: #fff;
}
@media screen and (max-width: 1366px) {
  .page.page--route .page__header,
  .page.page--graph .page__header {
    padding: 0 32px;
  }
  .page.page--route .page__content .page-block .page-block__title-wrapper .page-block__title,
  .page.page--graph .page__content .page-block .page-block__title-wrapper .page-block__title {
    text-align: left;
  }
  .page.page--route .page__content .page-block.page-block--docs .page-block__content,
  .page.page--graph .page__content .page-block.page-block--docs .page-block__content {
    flex-direction: column;
  }
  .page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column,
  .page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column {
    margin-top: 64px;
  }
  .page.page--route .page__content .page-block.page-block--docs .page-block__content .page-block__column:first-child,
  .page.page--graph .page__content .page-block.page-block--docs .page-block__content .page-block__column:first-child {
    margin-top: 0;
  }
}
.page.page--graph .page-block__content ol {
  list-style: inside decimal;
}
.rusmap-download-links {
  padding-left: 20px;
}
.rusmap-download-links .icon {
  margin-right: 10px;
  height: 22px;
  width: 22px;
}
.rusmap-download-links .icon .icon__svg {
  position: relative;
  top: 3px;
}
.page-block--description.rusmap {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.page-block__column-title.rusmap {
  text-align: left;
  color: #575e95;
  padding-left: 20px;
  font-size: 16px;
  justify-content: start !important;
}
.page.page--profile .page__header-profile {
  flex: 0 0 280px;
  background-color: #3b4470;
  padding: 0 200px;
  position: relative;
  color: #fff;
}
.page.page--profile .page__header-profile .page__header-title {
  position: absolute;
  left: 17vw;
  bottom: 30px;
  font-size: 40px;
  font-weight: 300;
  white-space: normal;
  max-width: 370px;
}
.page.page--profile .page-block__title {
  margin-bottom: 20px;
}
.page.page--profile .page-block {
  padding-top: 40px !important;
}
.page.page--profile .page__content {
  padding-bottom: 200px;
}
.profile__link--footer {
  padding: 4px 12px;
  cursor: pointer;
}
.profile__link--footer:hover {
  background-color: #ff3976;
}
.profile__link--footer a {
  color: #fff;
}
.profile__link--footer a:hover {
  text-decoration: none;
}
.profile__link--footer a.header__menu-item-simplified {
  color: #bdc7d8;
}
.technologies__block .bg-react {
  width: 50px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -424px -150px;
}
.technologies__block .bg-redis {
  width: 151px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -224px -73px;
}
.technologies__block .bg-redux {
  width: 63px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -424px -10px;
}
.technologies__block .bg-terraform {
  width: 180px;
  height: 43px;
  background: url('/assets/images/css_sprites.png') -224px -10px;
}
.technologies__block .bg-typescript {
  width: 100px;
  height: 24px;
  background: url('/assets/images/css_sprites.png') -225px -276px;
}
.technologies__block .bg-ansible {
  width: 129px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -10px -326px;
}
.technologies__block .bg-clickhouse {
  width: 164px;
  height: 35px;
  background: url('/assets/images/css_sprites.png') -220px -220px;
}
.technologies__block .bg-docker {
  width: 58px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -424px -80px;
}
.technologies__block .bg-dotnet {
  width: 50px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -424px -220px;
}
.technologies__block .bg-elastic {
  width: 42px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -150px -396px;
}
.technologies__block .bg-kafka {
  width: 100px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -159px -326px;
}
.technologies__block .bg-java {
  width: 50px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -424px -290px;
}
.technologies__block .bg-kibana {
  width: 50px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -10px -396px;
}
.technologies__block .bg-leaflet {
  width: 50px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -80px -396px;
}
.technologies__block .bg-kubernates {
  width: 88px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -279px -326px;
}
.technologies__block .bg-linux {
  width: 140px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -224px -143px;
}
.technologies__block .bg-mapbox {
  width: 88px;
  height: 20px;
  background: url('/assets/images/css_sprites.png') -212px -396px;
}
.technologies__block .bg-maplibre {
  width: 88px;
  height: 20px;
  background: url('/assets/images/css_sprites.png') -320px -396px;
}
.technologies__block .bg-mongo {
  width: 185px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -10px -80px;
}
.technologies__block .bg-postgre {
  width: 195px;
  height: 30px;
  background: url('/assets/images/css_sprites.png') -10px -276px;
}
.technologies__block .bg-oracle {
  width: 194px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -10px -10px;
}
.technologies__block .bg-postgis {
  width: 163px;
  height: 50px;
  background: url('/assets/images/css_sprites.png') -10px -150px;
}
.technologies__block .bg-prometheus {
  width: 190px;
  height: 36px;
  background: url('/assets/images/css_sprites.png') -10px -220px;
}
.technologies__block .row-item {
  display: flex;
  flex-direction: row;
  width: 90%;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 1366px) {
  .technologies__block .row-item {
    width: 100%;
    flex-direction: column;
  }
}
.technologies__block .technology__item {
  width: 50%;
}
@media screen and (max-width: 1366px) {
  .technologies__block .technology__item {
    width: 100%;
  }
}
.technologies__block .blocks {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1366px) {
  .technologies__block .blocks {
    width: 100%;
    flex-direction: column;
  }
}
.technologies__block .block__row {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1366px) {
  .technologies__block .block__row {
    width: 100%;
  }
}
.technologies__block .row-item + .row-item,
.technologies__block .technology__item + .technology__item {
  margin-top: 20px;
}
.technologies__block .technology__item {
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1366px) {
  .technologies__block .technology__item {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.technologies__block .technology__item .technology__item--title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: end;
  text-align: left;
  padding-right: 1.5rem;
  font-size: 20px;
  width: 80%;
}
@media screen and (max-width: 1366px) {
  .technologies__block .technology__item .technology__item--title {
    text-align: center;
    width: 100%;
  }
}
.technologies__block .technology__item .techology__item--icon {
  display: flex;
  flex-direction: column;
  width: 260px;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  .technologies__block .technology__item .techology__item--icon {
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }
}
.technologies__block .technology__item .techology__item--icon .pl-sql {
  color: #4472c4;
  font-weight: 300;
  font-size: 24px;
}
.technologies__block .technology__item .flex-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
}
.technologies__block .technology__item .flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.h1 {
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  background-color: cornflowerblue;
}